2f:T900,{ return new w2ui.w2toolbar({ box: toolbar.querySelector("#toolbar"), name: "toolbar", items: [ { type: "button", id: "item1", icon: "w2ui-icon-colors", text: "Click Me", counter: 0, tooltip(item) { return "Number of clicks: " + item.counter; }, onClick(event) { window.alert("clic has been clicked"); console.log("help me"); event.detail.item.counter++; } }, { type: "break" }, { type: "menu-radio", id: "item2", icon: "w2ui-icon-colors", text(item) { let text = item.selected; let el = this.get("item2:" + item.selected); return el.text; }, selected: "id1", items: [ { id: "id1", text: "Place", icon: "w2ui-icon-colors" }, { id: "id2", text: "Event", icon: "w2ui-icon-colors" }, { id: "id3", text: "Item 3", icon: "fa fa-glass" } ], async onRefresh(event) { console.log(event, "new this?"); } }, { type: "break" }, { type: "html", id: "item5", async onRefresh(event) { await event.complete; let fragment = w2ui.query.html(` As DOM Nodes:

Click Me

`); fragment.filter("div").on("click", (event) => { w2ui.w2alert("DIV Clicked"); }); fragment.filter("input").on("input", (event) => { this.value = event.target.value; }); console.log("uhm executed?", this.box, w2ui.query(this.box)); w2ui.query(this.box).find("#tb_toolbar_item_item5").append(fragment); } }, { type: "break" }, { type: "button", id: "item6", icon: "fa fa-star-o", text: "Refresh", tooltip: "Click to refresh entire toolbar.
Note, input value is preserved.", onClick(event) { this.refresh(); } } ] }); }30:[] 2d:{"title":"w2ui Toolbar","cells":[{"id":0,"value":"# w2ui Toolbar\nThere is this amazing library for toolbars. for when you are too lazy to make your own toolbar, you can simply just use this library","pinned":true,"hidden":false,"mode":"md"},{"id":5,"value":"toolbar = html`\n\n

\n\n

\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":52,"value":"console.log(html`

b`)","pinned":true,"hidden":false,"mode":"ojs"},{"id":14,"value":"$2f","pinned":true,"hidden":false,"mode":"ojs"},{"id":7,"value":"w2ui = import(\"https://raw.githack.com/vitmalina/w2ui/master/dist/w2ui.es6.js\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":27,"value":"","pinned":false,"hidden":false,"mode":"html"}],"files":"$W30","stdlib":"1","titling":"auto"}