lexgui 0.4.1 → 0.5.0

package/build/lexgui.min.js

@@ -1 +1 @@
-"use strict";console.warn("Script _build/lexgui.js_ is depracated and will be removed soon. Please use ES Modules or alternatives: https://jxarco.github.io/lexgui.js/docs/"),function(e){var t={version:"0.4.1",ready:!1,components:[],signals:{},extraCommandbarEntries:[],activeDraggable:null};function i(e,t,i){return Math.min(Math.max(e,t),i)}function a(e,t){return 0==t?Math.floor(e):+e.toFixed(t??2).replace(/([0-9]+(\.[0-9]+[1-9])?)(\.?0+$)/,"$1")}function l(e,t,i,a,l){return(e-t)*(l-a)/(i-t)+a}function s(e,t){setTimeout(e,t??0)}function n(e){return e.replace(/\s/g,"").replaceAll("@","_").replaceAll("+","_plus_").replaceAll(".","")}function r(e){return e.includes(".")?e.split(".").pop():null}function o(e){return JSON.parse(JSON.stringify(e))}function d(e){let t=parseInt(e.substring(1,3),16)/255,i=parseInt(e.substring(3,5),16)/255,a=parseInt(e.substring(5,7),16)/255;return[t,i,a]}function c(e){let t="#";for(let i of e)t+=(i=Math.floor(255*i)).toString(16);return t}function h(e,i=8){var a=document.createElement("span");a.className="lexinputmeasure",a.innerHTML=e,document.body.appendChild(a);var l=a.getBoundingClientRect();return t.UTILS.deleteElement(a),l.width+i}function u(){var e=function(){return((1+Math.random())*65536|0).toString(16).substring(1)};return e()+"-"+e()+"-"+e()}function p(e,a={}){let l=0,s=0,n=null,r=a.targetClass,o=a.dragMargin??3,d=(a,n,r)=>{let d=e.parentElement?e.parentElement.getBoundingClientRect():{x:0,y:0,width:0,height:0},c="fixed"==e.style.position,h=c?new t.vec2(d.x,d.y):new t.vec2;r=r??a.clientX-l-d.x,n=n??a.clientY-s-d.y,e.style.left=i(r,o+h.x,h.x+d.width-e.offsetWidth-o)+"px",e.style.top=i(n,o+h.y,h.y+d.height-e.offsetHeight-o)+"px",e.style.translate="none"};a.autoAdjust&&d(null,parseInt(e.style.left),parseInt(e.style.top));let c=t.UTILS.uidGenerator();e["draggable-id"]=c;let h=e=>{n&&d(e)},u=e=>{n&&a.onMove&&a.onMove(n)},p=a.onMove?u:h,m=a.onDragStart;e.setAttribute("draggable",!0),e.addEventListener("mousedown",function(e){n=e.target.classList.contains(r)||!r?e.target:null}),e.addEventListener("dragstart",function(i){if(i.preventDefault(),i.stopPropagation(),i.stopImmediatePropagation(),!n)return;var a=new Image;a.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",i.dataTransfer.setDragImage(a,0,0),i.dataTransfer.effectAllowed="move";let r=i.target.getBoundingClientRect(),o=n.parentElement.getBoundingClientRect(),d="fixed"==n.style.position,c=d?new t.vec2(o.x,o.y):new t.vec2;l=i.clientX-r.x-c.x,s=i.clientY-r.y-c.y,document.addEventListener("mousemove",p),n._eventCatched=!0,t.activeDraggable&&(t.activeDraggable.style.zIndex=t.DRAGGABLE_Z_INDEX),t.activeDraggable=e,t.activeDraggable.style.zIndex=t.DRAGGABLE_Z_INDEX+1,m&&m(n,i)},!1),document.addEventListener("mouseup",e=>{n&&(n=null,document.removeEventListener("mousemove",p))})}t.MOUSE_LEFT_CLICK=0,t.MOUSE_MIDDLE_CLICK=1,t.MOUSE_RIGHT_CLICK=2,t.MOUSE_DOUBLE_CLICK=2,t.MOUSE_TRIPLE_CLICK=3,t.CURVE_MOVEOUT_CLAMP=0,t.CURVE_MOVEOUT_DELETE=1,t.DRAGGABLE_Z_INDEX=101,t.clamp=i,t.round=a,t.remapRange=l,"undefined"!=typeof performance?t.getTime=performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?t.getTime=Date.now.bind(Date):"undefined"!=typeof process?t.getTime=function(){var e=process.hrtime();return .001*e[0]+1e-6*e[1]}:t.getTime=function(){return new Date().getTime()},t.doAsync=s,t.getSupportedDOMName=n,t.has=function e(i){return t.components.indexOf(i)>-1},t.getExtension=r,t.deepCopy=o,t.setTheme=function e(i){i="light"==i?"light":"dark",document.documentElement.setAttribute("data-theme",i),t.emit("@on_new_color_scheme",i)},t.setThemeColor=function e(t,i){document.querySelector(":root").style.setProperty("--"+t,i)},t.getThemeColor=function e(t){let i=getComputedStyle(document.querySelector(":root")),a=i.getPropertyValue("--"+t);if(document.documentElement.getAttribute("data-theme"),a.includes("light-dark")){let l=i.getPropertyValue("color-scheme");return"light"==l?a.substring(a.indexOf("(")+1,a.indexOf(",")).replace(/\s/g,""):a.substring(a.indexOf(",")+1,a.indexOf(")")).replace(/\s/g,"")}return a},t.getBase64Image=function e(t){var i=document.createElement("canvas");return i.width=t.width,i.height=t.height,i.getContext("2d").drawImage(t,0,0),i.toDataURL("image/png")},t.hexToRgb=d,t.rgbToHex=c,t.measureRealWidth=h,t.guidGenerator=u,t.buildTextPattern=function e(t={}){let i=[];t.lowercase&&i.push("(?=.*[a-z])"),t.uppercase&&i.push("(?=.*[A-Z])"),t.digit&&i.push("(?=.*\\d)"),t.specialChar&&i.push("(?=.*[@#$%^&+=!])"),t.noSpaces&&i.push("(?!.*\\s)");let a,l=`^${i.join("")}.{${t.minLength||0},${t.maxLength||""}}$`;return t.asRegExp?RegExp(l):l},t.makeDraggable=p,t.makeCollapsible=function e(i,a,l,s={}){i.classList.add("collapsible");let n=s.collapsed??!0,r=t.makeIcon("Right");r.classList.add("collapser"),r.dataset.collapsed=n,r.style.marginLeft="auto",r.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),this.dataset.collapsed?(delete this.dataset.collapsed,a.style.display="block"):(this.dataset.collapsed=!0,a.style.display="none")}),i.appendChild(r),(l=l??i.parentElement).appendChild(a)},t.makeCodeSnippet=function e(i,a,l={}){if(!t.has("CodeEditor")){console.error("Import the CodeEditor component to create snippets!");return}let s=document.createElement("div");s.className="lexcodesnippet",s.style.width=a?a[0]:"auto",s.style.height=a?a[1]:"auto";let n=new v({noAppend:!0}),r=new t.CodeEditor(n,{skipInfo:!0,disableEdition:!0,allowAddScripts:!1,name:l.tabName});if(r.setText(i,l.language??"Plain Text"),l.linesAdded){let o=r.root.querySelector(".code");for(let d of l.linesAdded)if(d.constructor==Number)o.childNodes[d-1].classList.add("added");else if(d.constructor==Array)for(let c=d[0]-1;c<=d[1]-1;c++)o.childNodes[c].classList.add("added")}if(l.linesRemoved){let h=r.root.querySelector(".code");for(let u of l.linesRemoved)if(u.constructor==Number)h.childNodes[u-1].classList.add("removed");else if(u.constructor==Array)for(let p=u[0]-1;p<=u[1]-1;p++)h.childNodes[p].classList.add("removed")}if(l.windowMode){let m=document.createElement("div");m.className="lexwindowbuttons";let g=document.createElement("span");g.style.background="#ee4f50";let f=document.createElement("span");f.style.background="#f5b720";let $=document.createElement("span");$.style.background="#53ca29",m.appendChild(g),m.appendChild(f),m.appendChild($);let y=r.root.querySelector(".lexareatabs");y.prepend(m)}return(l.lineNumbers??!0)||r.root.classList.add("no-gutter"),s.appendChild(n.root),s},t.makeIcon=function e(i,a){let l=document.createElement("a");return l.title=a??"",l.className="lexicon",l.innerHTML=t.ICONS[i]??"",l},t.registerCommandbarEntry=function e(i,a){t.extraCommandbarEntries.push({name:i,callback:a})};class m{constructor(e,t){this.x=e??0,this.y=t??e??0}get xy(){return[this.x,this.y]}get yx(){return[this.y,this.x]}set(e,t){this.x=e,this.y=t}add(e,t=new m){return t.set(this.x+e.x,this.y+e.y),t}sub(e,t=new m){return t.set(this.x-e.x,this.y-e.y),t}mul(e,t=new m){return e.constructor==Number&&(e=new m(e)),t.set(this.x*e.x,this.y*e.y),t}div(e,t=new m){return e.constructor==Number&&(e=new m(e)),t.set(this.x/e.x,this.y/e.y),t}abs(e=new m){return e.set(Math.abs(this.x),Math.abs(this.y)),e}dot(e){return this.x*e.x+this.y*e.y}len2(){return this.dot(this)}len(){return Math.sqrt(this.len2())}nrm(e=new m){return e.set(this.x,this.y),e.mul(1/this.len(),e)}dst(e){return e.sub(this).len()}clp(e,t,a=new m){return a.set(i(this.x,e,t),i(this.y,e,t)),a}}t.vec2=m,t.init=function e(i={}){if(this.ready)return this.main_area;var a=document.createElement("div");a.id="lexroot",a.tabIndex=-1;var l=document.createElement("div");l.id="modal",this.modal=l,this.root=a,this.container=document.body,this.modal.classList.add("hiddenOpacity"),this.modal.toggle=function(e){this.classList.toggle("hiddenOpacity",e)},i.container&&(this.container=document.getElementById(i.container)),this.usingStrictViewport=i.strictViewport??!0,document.documentElement.setAttribute("data-strictVP",this.usingStrictViewport?"true":"false"),this.usingStrictViewport||document.addEventListener("scroll",e=>{let t=document.body.querySelectorAll(".lexmenubox");t.forEach(e=>{e._updatePosition()})}),this.commandbar=function e(i){let a=document.createElement("dialog");a.className="commandbar",a.tabIndex=-1,i.appendChild(a);let l=[],s=null;a.addEventListener("keydown",function(e){if(e.stopPropagation(),e.stopImmediatePropagation(),s=s??-1,"Escape"==e.key)this.close(),g(!0);else if("Enter"==e.key){let t=l[s];if(t){let i=t.item.type&&"checkbox"===t.item.type;this.close(),i?(t.item.checked=!t.item.checked,t.callback.call(window,t.item.checked,t.entry_name)):t.callback.call(window,t.entry_name)}}else if("ArrowDown"==e.key&&s<l.length-1){s++,a.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),l[s].classList.add("hovered");let n=l[s].offsetHeight*(s+1)-p.offsetHeight;n>0&&p.scrollTo({top:n,behavior:"smooth"})}else"ArrowUp"==e.key&&s>0&&(s--,a.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),l[s].classList.add("hovered"))}),a.addEventListener("focusout",function(e){e.relatedTarget!=e.currentTarget&&(e.stopPropagation(),e.stopImmediatePropagation(),this.close(),g(!0))}),i.addEventListener("keydown",e=>{if(" "==e.key&&e.ctrlKey)e.stopImmediatePropagation(),e.stopPropagation(),t.setCommandbarState(!0);else for(let i of t.components){if(!t[i]||!t[i].prototype.onKeyPressed)continue;let a=t.CodeEditor.getInstances();for(let l of a)l.onKeyPressed(e)}});let n=document.createElement("div");n.className="gs-header";let r=document.createElement("a");r.className="fa-solid fa-magnifying-glass",n.appendChild(r);let o=document.createElement("input");o.placeholder="Search...",o.value="",n.appendChild(o);let d=new v({width:"100%",skipAppend:!0,className:"gs-tabs"}),c=d.addTabs(),h=null;{let u=(e,t)=>{h=t};c.add("All",document.createElement("div"),{selected:!0,onSelect:u})}let p=document.createElement("div");p.className="searchitembox";let m=null,g=e=>{p.innerHTML="",l.length=0,s=null,e&&(o.value="")},f=(e,i,n,r)=>{if(!e.length)return;m&&m.classList.remove("last");let o=document.createElement("div");o.className="searchitem last";let d=r&&r.type&&"checkbox"===r.type;d?o.innerHTML="<a class='fa fa-check'></a><span>"+(n+e)+"</span>":o.innerHTML=n+e,o.entry_name=e,o.callback=i,o.item=r,o.addEventListener("click",function(e){this.callback.call(window,this.entry_name),t.setCommandbarState(!1),g(!0)}),o.addEventListener("mouseenter",function(e){a.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),this.classList.add("hovered"),s=l.indexOf(this)}),o.addEventListener("mouseleave",function(e){this.classList.remove("hovered")}),l.push(o),p.appendChild(o),m=o},$=(e,t,i)=>{let a=Object.keys(e)[0];if((e.name??i+a).toLowerCase().includes(t)&&e.callback&&f(e.name??a,e.callback,i,e),!e.name)for(let l of(i+=a+" > ",e[a]))$(l,t,i)};return a._addElements=e=>{for(let i of(g(),t.menubars))for(let a of i.items)$(a,e,"");for(let l of t.extraCommandbarEntries){let s=l.name;s.toLowerCase().includes(e)&&f(s,l.callback,"",{})}if(t.has("CodeEditor")){let n=t.CodeEditor.getInstances();if(!n.length)return;let r=n[0].languages;for(let o of Object.keys(r)){let d="Language: "+o,c=n[0]._getFileIcon(null,r[o].ext),h=c.includes("fa-")?"<i class='"+c+"'></i>":"<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+c+"'>";h+=d+" <span class='lang-ext'>("+r[o].ext+")</span>",d.toLowerCase().includes(e)&&f(h,()=>{for(let e of n)e._changeLanguage(o)},"",{})}}},o.addEventListener("input",function(e){a._addElements(this.value.toLowerCase())}),a.appendChild(n),a.appendChild(d.root),a.appendChild(p),a}(this.container),this.container.appendChild(l),i.skipRoot?this.root=document.body:this.container.appendChild(a);{let s=document.createElement("section");s.className="notifications",this.notifications=document.createElement("ol"),this.notifications.className="",this.notifications.iWidth=0,s.appendChild(this.notifications),this.container.appendChild(s),this.notifications.addEventListener("mouseenter",()=>{this.notifications.classList.add("list")}),this.notifications.addEventListener("mouseleave",()=>{this.notifications.classList.remove("list")})}a.addEventListener("dragover",function(e){e.preventDefault()},!1),document.addEventListener("contextmenu",function(e){e.preventDefault()},!1);var n=document.getElementsByTagName("HEAD")[0],r=document.createElement("link");return r.rel="stylesheet",r.type="text/css",r.crossOrigin="anonymous",r.href="https://use.fontawesome.com/releases/v6.7.2/css/all.css",n.appendChild(r),this.DEFAULT_NAME_WIDTH="30%",this.DEFAULT_SPLITBAR_SIZE=4,this.OPEN_CONTEXTMENU_ENTRY="click",this.ready=!0,this.menubars=[],i.skipRoot||i.skipDefaultArea||(this.main_area=new v({id:i.id??"mainarea"})),(i.autoTheme??!0)&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches&&(t.setTheme("light"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{t.setTheme(e.matches?"dark":"light")})),this.main_area},t.setCommandbarState=function e(t,i=!0){let a=this.commandbar;t?(a.show(),a.querySelector("input").focus(),i&&a._addElements(void 0)):a.close()},t.message=function e(t,i,a={}){if(!t)throw"No message to show";return a.modal=!0,new _(i,e=>{e.addTextArea(null,t,null,{disabled:!0,fitHeight:!0})},a)},t.popup=function e(t,i,a={}){if(!t)throw"No message to show";a.size=a.size??["max-content","auto"],a.class="lexpopup";let l=a.timeout||3e3,s=new _(i,e=>{e.addTextArea(null,t,null,{disabled:!0,fitHeight:!0})},a);return setTimeout(()=>{s.close()},Math.max(l,150)),s},t.prompt=function e(t,i,a,l={}){l.modal=!0,l.className="prompt";let s="",n=new _(i,r=>{r.addTextArea(null,t,null,{disabled:!0,fitHeight:!0}),(l.input??!0)&&r.addText(null,l.input||s,e=>s=e,{placeholder:"..."}),r.sameLine(2),r.addButton(null,"Cancel",()=>{l.on_cancel&&l.on_cancel(),n.close()}),r.addButton(null,l.accept||"Continue",()=>{l.required&&""===s?(t+=t.includes("You must fill the input text.")?"":"\nYou must fill the input text.",n.close(),e(t,i,a,l)):(a&&a.call(this,s),n.close())},{buttonClass:"primary"})},l);return(l.input??!0)&&n.root.querySelector("input").focus(),n},t.toast=function e(t,i,a={}){if(!t)throw"The toast needs at least a title!";console.assert(this.notifications);let l=document.createElement("li");l.className="lextoast",l.style.translate="0 calc(100% + 30px)",this.notifications.prepend(l),s(()=>{this.notifications.offsetWidth>this.notifications.iWidth&&(this.notifications.iWidth=Math.min(this.notifications.offsetWidth,480),this.notifications.style.width=this.notifications.iWidth+"px"),l.dataset.open=!0},10);let n=document.createElement("div");n.className="lextoastcontent",l.appendChild(n);let r=document.createElement("div");if(r.className="title",r.innerHTML=t,n.appendChild(r),i){let o=document.createElement("div");o.className="desc",o.innerHTML=i,n.appendChild(o)}if(a.action){let d=new L;d.addButton(null,a.action.name??"Accept",a.action.callback.bind(this,l),{width:"auto",maxWidth:"150px",className:"right",buttonClass:"outline"}),l.appendChild(d.root.childNodes[0])}let c=this;if(l.close=function(){this.dataset.closed=!0,s(()=>{this.remove(),c.notifications.childElementCount||(c.notifications.style.width="unset",c.notifications.iWidth=0)},500)},a.closable??!0){let h=document.createElement("a");h.className="fa fa-xmark lexicon closer",h.addEventListener("click",()=>{l.close()}),l.appendChild(h)}let u=a.timeout??3e3;-1!=u&&s(()=>{l.close()},u)},t.badge=function e(t,i,a={}){let l=document.createElement("div");return l.innerHTML=t,l.className="lexbadge "+(i??""),Object.assign(l.style,a.style??{}),l.outerHTML},t.makeContainer=function e(t,i,a={}){let l=document.createElement("div");return l.className="lexcontainer "+(i??""),l.style.width=t&&t[0]?t[0]:"100%",l.style.height=t&&t[1]?t[1]:"100%",Object.assign(l.style,a),l};class g{constructor(e,t,i){this.name=e,this.value=t,this.domEvent=i}}t.IEvent=g;class f{static NONE=0;static NODE_SELECTED=1;static NODE_DELETED=2;static NODE_DBLCLICKED=3;static NODE_CONTEXTMENU=4;static NODE_DRAGGED=5;static NODE_RENAMED=6;static NODE_VISIBILITY=7;static NODE_CARETCHANGED=8;constructor(e,t,i){this.type=e||f.NONE,this.node=t,this.value=i,this.multiple=!1,this.panel=null}string(){switch(this.type){case f.NONE:return"tree_event_none";case f.NODE_SELECTED:return"tree_event_selected";case f.NODE_DELETED:return"tree_event_deleted";case f.NODE_DBLCLICKED:return"tree_event_dblclick";case f.NODE_CONTEXTMENU:return"tree_event_contextmenu";case f.NODE_DRAGGED:return"tree_event_dragged";case f.NODE_RENAMED:return"tree_event_renamed";case f.NODE_VISIBILITY:return"tree_event_visibility";case f.NODE_CARETCHANGED:return"tree_event_caretchanged"}}}t.TreeEvent=f,t.emit=function e(i,a,l={}){let s=t.signals[i];if(!s)return;let n=l.target;if(n){n[i]&&n[i].call(n,a);return}for(let r of s)if(r.constructor===b)r.set(a,l.skipCallback??!0),r.options&&r.options.callback&&r.options.callback(a,s);else{let o=r;o(null,a)}},t.addSignal=function e(i,a,l){a[i]=l,t.signals[i]||(t.signals[i]=[]),!(t.signals[i].indexOf(a)>-1)&&t.signals[i].push(a)};class v{constructor(e={}){var i=document.createElement("div");i.className="lexarea",e.id&&(i.id=e.id),e.className&&(i.className+=" "+e.className);var a=e.width||"calc( 100% )",l=e.height||"100%";this.setLimitBox(e.minWidth,e.minHeight,e.maxWidth,e.maxHeight),a.constructor==Number&&(a+="px"),l.constructor==Number&&(l+="px"),i.style.width=a,i.style.height=l,this.offset=0,this.root=i,this.size=[this.root.offsetWidth,this.root.offsetHeight],this.sections=[],this.panels=[],!e.skipAppend&&document.getElementById("lexroot").appendChild(this.root);let s=e.overlay;if(s){this.root.classList.add("overlay-"+s),e.left?this.root.style.left=e.left:e.right?this.root.style.right=e.right:e.top?this.root.style.top=e.top:e.bottom&&(this.root.style.bottom=e.bottom);let n=e.draggable??!0;if(n&&p(i,e),e.resizeable&&i.classList.add("resizeable"),e.resize){if(this.splitBar=document.createElement("div"),this.type=s,this.splitBar.className="lexsplitbar "+("left"==s||"right"==s?"horizontal":"vertical"),"right"==s)this.splitBar.style.width=t.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.left=-(t.DEFAULT_SPLITBAR_SIZE/2)+"px";else if("left"==s){let r=Math.min(document.body.clientWidth-t.DEFAULT_SPLITBAR_SIZE,this.root.clientWidth);this.splitBar.style.width=t.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.left=r+t.DEFAULT_SPLITBAR_SIZE/2+"px"}else if("top"==s){let o=Math.min(document.body.clientHeight-t.DEFAULT_SPLITBAR_SIZE,this.root.clientHeight);this.splitBar.style.height=t.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.top=o+t.DEFAULT_SPLITBAR_SIZE/2+"px"}else"bottom"==s&&(this.splitBar.style.height=t.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.top=-(t.DEFAULT_SPLITBAR_SIZE/2)+"px");this.splitBar.addEventListener("mousedown",function e(t){var i=d.root.ownerDocument;i.addEventListener("mousemove",h),i.addEventListener("mouseup",u),c[0]=t.x,c[1]=t.y,t.stopPropagation(),t.preventDefault(),document.body.classList.add("nocursor"),d.splitBar.classList.add("nocursor")}),this.root.appendChild(this.splitBar);var d=this,c=[0,0];function h(e){switch(d.type){case"right":var i=c[0]-e.x,a=d.root.offsetWidth+i;d.root.style.width=a+"px";break;case"left":var i=c[0]-e.x,a=Math.min(document.body.clientWidth-t.DEFAULT_SPLITBAR_SIZE,d.root.offsetWidth-i);d.root.style.width=a+"px",d.splitBar.style.left=a+t.DEFAULT_SPLITBAR_SIZE/2+"px";break;case"top":var i=c[1]-e.y,a=Math.min(document.body.clientHeight-t.DEFAULT_SPLITBAR_SIZE,d.root.offsetHeight-i);d.root.style.height=a+"px",d.splitBar.style.top=a+t.DEFAULT_SPLITBAR_SIZE/2+"px";break;case"bottom":var i=c[1]-e.y,a=d.root.offsetHeight+i;d.root.style.height=a+"px"}c[0]=e.x,c[1]=e.y,e.stopPropagation(),e.preventDefault(),d.onresize&&d.onresize(d.root.getBoundingClientRect())}function u(e){var t=d.root.ownerDocument;t.removeEventListener("mousemove",h),t.removeEventListener("mouseup",u),document.body.classList.remove("nocursor"),d.splitBar.classList.remove("nocursor")}}}}attach(e){if(this.sections.length){this.sections[1].attach(e);return}if(!e)throw"no content to attach";e.parent=this;let t=e.root?e.root:e;this.root.appendChild(t)}split(e={}){this.sections.length&&(this.offset=this.root.childNodes[0].offsetHeight,this._root=this.sections[0].root,this.root=this.sections[1].root);var i=e.type||"horizontal",a=e.sizes||["50%","50%"],l="auto"===e.sizes;if(!a[1]){let s=a[0],n=e.top?e.top:0;s.constructor==Number&&(s+=n,s+="px"),a[1]="calc( 100% - "+s+" )"}var r=new v({skipAppend:!0,className:"split"+(e.menubar||e.sidebar?"":" origin")}),o=new v({skipAppend:!0,className:"split"});r.parentArea=this,o.parentArea=this;let d=e.minimizable??!1,c=(e.resize??!0)||d;var h="0px";if(this.offset=0,c&&(this.resize=c,this.splitBar=document.createElement("div"),this.splitBar.className="lexsplitbar "+i,"horizontal"==i?this.splitBar.style.width=t.DEFAULT_SPLITBAR_SIZE+"px":this.splitBar.style.height=t.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.addEventListener("mousedown",function e(t){var i=y.root.ownerDocument;i.addEventListener("mousemove",E),i.addEventListener("mouseup",x),t.stopPropagation(),t.preventDefault(),document.body.classList.add("nocursor"),y.splitBar.classList.add("nocursor")}),h=t.DEFAULT_SPLITBAR_SIZE/2+"px",d&&(this.splitExtended=!1,o.root.addEventListener("animationend",e=>{let t=getComputedStyle(o.root).opacity;o.root.classList.remove(e.animationName+"-"+i),o.root.style.opacity=t,$(o.root)}),this.splitBar.addEventListener("contextmenu",e=>{e.preventDefault(),k(null,e,e=>{e.add("Extend",{disabled:this.splitExtended,callback:()=>{this.extend()}}),e.add("Reduce",{disabled:!this.splitExtended,callback:()=>{this.reduce()}})})}))),"horizontal"==i){var u=a[0],p=a[1];u.constructor==Number&&(u+="px"),p.constructor==Number&&(p+="px"),r.root.style.width="calc( "+u+" - "+h+" )",r.root.style.height="calc(100% - 0px)",o.root.style.width="calc( "+p+" - "+h+" )",o.root.style.height="calc(100% - 0px)",this.root.style.display="flex"}else if(r.root.style.width="100%",o.root.style.width="100%",l){r.root.style.height="auto";let m=new ResizeObserver(e=>{for(let t of e){let i=t.contentRect;o.root.style.height="calc(100% - "+(i.height+4)+"px )"}});m.observe(r.root)}else{var g=a[0],f=a[1];g.constructor==Number&&(g+="px"),f.constructor==Number&&(f+="px"),r.root.style.width="100%",r.root.style.height="auto"==g?g:"calc( "+g+" - "+h+" )",o.root.style.height="auto"==f?f:"calc( "+f+" - "+h+" )"}if(this.root.appendChild(r.root),c&&this.root.appendChild(this.splitBar),this.root.appendChild(o.root),this.sections=[r,o],this.type=i,this._update(),!c)return this.sections;var y=this;function E(e){"horizontal"==y.type?y._moveSplit(-e.movementX):y._moveSplit(-e.movementY);let t=y.root.querySelectorAll(".lexwidget");for(let i of t){let a=i.jsInstance;a.onresize&&a.onresize()}e.stopPropagation(),e.preventDefault()}function x(e){var t=y.root.ownerDocument;t.removeEventListener("mousemove",E),t.removeEventListener("mouseup",x),document.body.classList.remove("nocursor"),y.splitBar.classList.remove("nocursor")}return this.sections}setLimitBox(e=0,t=0,i=1/0,a=1/0){this.minWidth=e,this.minHeight=t,this.maxWidth=i,this.maxHeight=a}setSize(e){let[t,i]=e;void 0!=t&&t.constructor==Number&&(t+="px"),void 0!=i&&i.constructor==Number&&(i+="px"),t&&(this.root.style.width=t),i&&(this.root.style.height=i),this.onresize&&this.onresize(this.root.getBoundingClientRect()),s(()=>{this.size=[this.root.clientWidth,this.root.clientHeight],this.propagateEvent("onresize")},150)}extend(){if(this.splitExtended)return;let[e,t]=this.sections;this.splitExtended=!0,"vertical"==this.type?(this.offset=t.root.offsetHeight,t.root.classList.add("fadeout-vertical"),this._moveSplit(-1/0,!0)):(this.offset=t.root.offsetWidth-8,t.root.classList.add("fadeout-horizontal"),this._moveSplit(-1/0,!0,8)),s(()=>this.propagateEvent("onresize"),150)}reduce(){if(!this.splitExtended)return;this.splitExtended=!1;let[e,t]=this.sections;"vertical"==this.type?(t.root.classList.add("fadein-vertical"),this._moveSplit(this.offset)):(t.root.classList.add("fadein-horizontal"),this._moveSplit(this.offset)),s(()=>this.propagateEvent("onresize"),150)}hide(){this.root.classList.add("hidden")}show(){this.root.classList.remove("hidden")}toggle(e){this.root.classList.toggle("hidden",e)}propagateEvent(e){for(var t=0;t<this.sections.length;t++){let i=this.sections[t];i[e]&&i[e].call(this,i.root.getBoundingClientRect()),i.propagateEvent(e)}}addPanel(e){let t=new L(e);return this.attach(t),this.panels.push(t),t}addMenubar(e,i={}){let a=new E(i);e&&e(a),t.menubars.push(a);let[l,s]=this.split({type:"vertical",sizes:[48,null],resize:!1,menubar:!0});return a.siblingArea=s,l.attach(a),l.isMenubar=!0,(i.sticky??!0)&&l.root.classList.add("sticky"),a}addSidebar(e,i={}){let a=new x(i);e&&e(a),a.update(),t.menubars.push(a);let l=i.width??"16rem",[s,n]=this.split({type:"horizontal",sizes:[l,null],resize:!1,sidebar:!0});return a.siblingArea=n,s.attach(a),s.isSidebar=!0,a}addOverlayButtons(e,t={}){if(this.sections.length){this.sections[1].addOverlayButtons(e,t);return}console.assert(e.constructor==Array&&e.length),this.root.style.position="relative",t.className="lexoverlaybuttons";let i=this.addPanel(t),a=null,l=document.createElement("div");l.className="lexoverlaybuttonscontainer",l.appendChild(i.root),this.attach(l);let s=t.float;if(s)for(var n=0;n<s.length;n++){let r=s[n];switch(r){case"h":case"t":case"l":break;case"v":l.className+=" vertical";break;case"m":l.className+=" middle";break;case"b":l.className+=" bottom";break;case"c":l.className+=" center";break;case"r":l.className+=" right"}}let o=function(e,t,l){let s={width:"auto",selectable:e.selectable,selected:e.selected,icon:e.icon,img:e.img,className:e.class};t&&(a||((a=document.createElement("div")).className="lexoverlaygroup",i.queuedContainer=a),s.parent=a);let n=e.callback;e.options?i.addDropdown(null,e.options,e.name,n,s):i.addButton(null,e.name,function(t,i){if(e.selectable){if(e.group){let a=e.selected;e.group.forEach(e=>e.selected=!1),e.selected=!a}else e.selected=!e.selected}n(t,i)},s),a&&l&&(i.root.appendChild(a),a=null,i.clearQueue())};!function(){for(let t of(i.clear(),e))if(t.constructor===Array)for(let a=0;a<t.length;++a){let n=t[a];n.group=t,o(n,!0,a==t.length-1)}else o(t);if(s){var r=0;i.root.childNodes.forEach(e=>{r+=e.offsetHeight}),l.className.includes("middle")&&(l.style.top="-moz-calc( 50% - "+.5*r+"px )",l.style.top="-webkit-calc( 50% - "+.5*r+"px )",l.style.top="calc( 50% - "+.5*r+"px )")}}()}addTabs(e={}){let t=new y(this,e);return e.folding&&(this.parentArea._disableSplitResize(),this.root.style.paddingTop="4px"),t}_moveSplit(e,i=!1,a=0){if(!this.type)throw"No split area";if(void 0===e)return;let l=this.sections[0];var s=l.root;s.classList.contains("origin")||(s=s.parentElement);let n=this.sections[1],r=n.root,o=" - "+t.DEFAULT_SPLITBAR_SIZE+"px",d=null;if(i||(d=s.style.transition,s.style.transition=r.style.transition="none",$(s),$(r)),"horizontal"==this.type){var c=Math.max(r.offsetWidth+e,parseInt(n.minWidth));a&&(c=a),s.style.width="-moz-calc( 100% - "+c+"px "+o+" )",s.style.width="-webkit-calc( 100% - "+c+"px "+o+" )",s.style.width="calc( 100% - "+c+"px "+o+" )",s.style.minWidth=parseInt(l.minWidth)+"px",r.style.width=c+"px",l.maxWidth!=1/0&&(r.style.minWidth="calc( 100% - "+parseInt(l.maxWidth)+"px )")}else{var c=Math.max(r.offsetHeight+e+n.offset,parseInt(n.minHeight));a&&(c=a),s.style.height="-moz-calc( 100% - "+c+"px "+o+" )",s.style.height="-webkit-calc( 100% - "+c+"px "+o+" )",s.style.height="calc( 100% - "+c+"px "+o+" )",s.style.minHeight=l.minHeight+"px",r.style.height=c-n.offset+"px"}i||(s.style.transition=r.style.transition=d),this._update(),this.propagateEvent("onresize")}_disableSplitResize(){this.resize=!1,this.splitBar.remove(),delete this.splitBar}_update(){let e=this.root.getBoundingClientRect();this.size=[e.width,e.height];for(var t=0;t<this.sections.length;t++)this.sections[t]._update()}}function $(e){e.offsetHeight}t.Area=v;class y{static TAB_SIZE=28;static TAB_ID=0;constructor(e,i={}){this.onclose=i.onclose;let a=document.createElement("div");a.className="lexareatabs "+(i.fit?"fit":"row");let l=i.folding??!1;l&&a.classList.add("folding");let s=this;if(a.addEventListener("dragenter",function(e){e.preventDefault(),this.classList.add("dockingtab")}),a.addEventListener("dragleave",function(e){e.preventDefault(),this.classList.remove("dockingtab")}),a.addEventListener("drop",function(e){e.preventDefault();let i=e.dataTransfer.getData("source"),a=document.getElementById(i);if(!a)return;this.appendChild(a);let l=document.getElementById(i+"_content");s.area.attach(l),this.classList.remove("dockingtab"),t.emit("@on_tab_docked"),a.instance=s,a.click(),s.tabs[a.dataset.name]=l}),e.root.classList.add("lexareatabscontainer"),e.split({type:"vertical",sizes:i.sizes??"auto",resize:!1,top:6}),e.sections[0].attach(a),this.area=e.sections[1],this.area.root.className+=" lexareatabscontent",this.selected=null,this.root=a,this.tabs={},this.tabDOMs={},i.fit){let n=document.createElement("span");n.className="lexareatab thumb",this.thumb=n,this.root.appendChild(n);let r=new ResizeObserver(e=>{let t=this.thumb.item;if(t){var i=this.thumb.style.transition;this.thumb.style.transition="none",this.thumb.style.transform="translate( "+t.childIndex*t.offsetWidth+"px )",this.thumb.style.width=t.offsetWidth-5+"px",this.thumb.style.height=t.offsetHeight-6+"px",$(this.thumb),this.thumb.style.transition=i}});r.observe(this.area.root)}if(l){this.folded=!0,this.folding=l,"up"==l&&e.root.insertChildAtIndex(e.sections[1].root,0);let o=new ResizeObserver(t=>{for(let i of t){let a=i.contentRect,l=e.parentArea.sections[0].root;l.style.height="calc(100% - "+(42+a.height)+"px )"}});o.observe(this.area.root),this.area.root.classList.add("folded")}}add(e,i,a={}){let l=a.selected??!1;l&&(this.root.querySelectorAll("span").forEach(e=>e.classList.remove("selected")),this.area.root.querySelectorAll(".lextabcontent").forEach(e=>e.style.display="none")),l=!Object.keys(this.tabs).length&&!this.folding||l;let s=i.root?i.root:i;s.originalDisplay=s.style.display,s.style.display=l?s.originalDisplay:"none",s.classList.add("lextabcontent"),a.icon&&(a.icon.includes("fa-")?a.icon="<i class='"+a.icon+"'></i>":a.icon="<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+a.icon+"'>");let n=document.createElement("span");n.dataset.name=e,n.className="lexareatab"+(l?" selected":""),n.innerHTML=(a.icon??"")+e,n.id=e.replace(/\s/g,"")+y.TAB_ID++,n.title=a.title??"",n.selected=l??!1,n.fixed=a.fixed,n.instance=this,s.id=n.id+"_content",n.selected&&(this.selected=e),t.addSignal("@on_tab_docked",n,function(){1==this.parentElement.childNodes.length&&this.parentElement.childNodes[0].click()}),n.addEventListener("click",e=>{if(e.preventDefault(),e.stopPropagation(),!n.fixed){let t=n.selected;n.parentElement.querySelectorAll("span").forEach(e=>e.selected=!1),n.selected=!t,n.parentElement.querySelectorAll("span").forEach(e=>e.classList.remove("selected")),n.classList.toggle("selected",this.folding&&n.selected),n.instance.area.root.querySelectorAll(".lextabcontent").forEach(e=>e.style.display="none"),s.style.display=s.originalDisplay,n.instance.selected=n.dataset.name}this.folding&&(this.folded=n.selected,this.area.root.classList.toggle("folded",!this.folded)),a.onSelect&&a.onSelect(e,n.dataset.name),this.thumb&&(this.thumb.style.transform="translate( "+n.childIndex*n.offsetWidth+"px )",this.thumb.style.width=n.offsetWidth-5+"px",this.thumb.style.height=n.offsetHeight-6+"px",this.thumb.item=n)}),n.addEventListener("contextmenu",e=>{e.preventDefault(),e.stopPropagation(),a.onContextMenu&&a.onContextMenu(e,n.dataset.name)}),n.addEventListener("mouseup",e=>{e.preventDefault(),e.stopPropagation(),1==e.button&&this.delete(n.dataset.name)}),n.setAttribute("draggable",!0),n.addEventListener("dragstart",function(e){if(1==this.parentElement.childNodes.length){e.preventDefault();return}e.dataTransfer.setData("source",e.target.id)}),n.childIndex=this.root.childElementCount-1,this.root.appendChild(n),this.area.attach(s),this.tabDOMs[e]=n,this.tabs[e]=i,setTimeout(()=>{a.onCreate&&a.onCreate.call(this,this.area.root.getBoundingClientRect()),l&&this.thumb&&(this.thumb.style.transform="translate( "+n.childIndex*n.offsetWidth+"px )",this.thumb.style.width=n.offsetWidth-5+"px",this.thumb.style.height=n.offsetHeight-6+"px",this.thumb.item=n)},10)}select(e){this.tabDOMs[e]&&this.tabDOMs[e].click()}delete(e){let t=this.tabDOMs[e];if(!t||t.fixed)return;this.onclose&&this.onclose(e),this.tabDOMs[e].remove(),delete this.tabDOMs[e],this.tabs[e].remove(),delete this.tabs[e];let i=this.root.lastChild;i&&!i.fixed&&this.root.lastChild.click()}}t.Tabs=y;class E{constructor(e={}){this.root=document.createElement("div"),this.root.className="lexmenubar",e.float&&(this.root.style.justifyContent=e.float),this.items=[],this.buttons=[],this.icons={},this.shorts={}}_resetMenubar(){this.root.querySelectorAll(".lexmenuentry").forEach(e=>{e.classList.remove("selected"),e.built=!1}),t.root.querySelectorAll(".lexmenubox").forEach(e=>e.remove()),this.focused=!1}_createSubmenu(e,i,a,l){let n=document.createElement("div");n.className="lexmenubox",n.tabIndex="0",a.currentMenu=n,n.parentEntry=a;let r=a.classList.contains("lexmenuboxentry");r&&(n.dataset.submenu=!0),n._updatePosition=()=>{let e=n.style.transition;n.style.transition="none",$(n),s(()=>{let t=a.getBoundingClientRect();t.x+=document.scrollingElement.scrollLeft,t.y+=document.scrollingElement.scrollTop,n.style.left=(r?t.x+t.width:t.x)+"px",n.style.top=(r?t.y:t.y+t.height-4)+"px",n.style.transition=e})},n._updatePosition(),s(()=>{n.dataset.open=!0},10),t.root.appendChild(n);for(var o=0;o<e[i].length;++o){let d=e[i][o],c=Object.keys(d)[0],h=d[c].length,u="checkbox"==d.type,p=document.createElement("div");if(p.className="lexmenuboxentry",p.className+=(o==e[i].length-1?" last":"")+(d.disabled?" disabled":""),""==c)p.className=" lexseparator";else{p.id=c;let m=document.createElement("div");m.innerHTML="",m.classList="lexmenuboxentrycontainer",p.appendChild(m);let g=this.icons[c];u?m.innerHTML+="<input type='checkbox' >":g?m.innerHTML+="<a class='"+g+" fa-sm'></a>":(m.innerHTML+="<a class='fa-solid fa-sm noicon'></a>",m.classList.add("noicon")),m.innerHTML+="<div class='lexentryname'>"+c+"</div>"}let f=p.querySelector("input");if(f&&(f.checked=d.checked??!1,f.addEventListener("change",e=>{d.checked=f.checked;let t=d.callback;t&&(t.call(this,d.checked,c,p),this._resetMenubar()),e.stopPropagation(),e.stopImmediatePropagation()})),n.appendChild(p),""==c)continue;if(n.addEventListener("keydown",e=>{e.preventDefault();let t=this.shorts[c];t&&(t=1==t.length?t.toLowerCase():t)==e.key&&p.click()}),p.addEventListener("click",e=>{f&&(d.checked=!d.checked);let t=d.callback;t&&(t.call(this,f?d.checked:c,f?c:p),this._resetMenubar()),e.stopPropagation(),e.stopImmediatePropagation()}),!h){if(this.shorts[c]){let v=document.createElement("div");v.className="lexentryshort",v.innerText=this.shorts[c],p.appendChild(v)}continue}let y=document.createElement("a");y.className="fa-solid fa-angle-right fa-xs",p.appendChild(y),p.addEventListener("mouseover",e=>{!p.built&&(p.built=!0,this._createSubmenu(d,c,p,++l),e.stopPropagation())}),p.addEventListener("mouseleave",e=>{p.currentMenu&&p.currentMenu!=e.toElement&&(l=-1,delete p.built,p.currentMenu.remove(),delete p.currentMenu)})}n.style.width=n.offsetWidth+"px"}add(e,t={}){t.constructor==Function&&(t={callback:t});let i=e.split("/"),a=i[i.length-1];this.icons[a]=t.icon,this.shorts[a]=t.short;let l=0,s=(e,a)=>{if(void 0==e)return;let n=null;if(a.forEach(t=>{let i=Object.keys(t),a=i.find(t=>t==e);a&&(n=t[a])}),n)s(i[l++],n);else{let r={};r[e]=[];let o=i[l++];o||(r.callback=t.callback,r.disabled=t.disabled,r.type=t.type,r.checked=t.checked),a.push(r),s(o,r[e])}};for(let n of(s(i[l++],this.items),this.items)){let r=Object.keys(n)[0],o=r.replace(/\s/g,"").replaceAll(".","");if(this.root.querySelector("#"+o))continue;let d=document.createElement("div");d.className="lexmenuentry",d.id=o,d.innerHTML="<span>"+r+"</span>",d.tabIndex="1","left"==t.position?this.root.prepend(d):("right"==t.position&&(d.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(d):this.root.appendChild(d));let c=()=>{this._resetMenubar(),d.classList.add("selected"),d.built=!0,this._createSubmenu(n,r,d,-1)};d.addEventListener("click",()=>{let e=n.callback;if(e){e.call(this,r,d);return}c(),this.focused=!0}),d.addEventListener("mouseover",e=>{this.focused&&!d.built&&c()}),d.addEventListener("blur",e=>{!(e.relatedTarget&&e.relatedTarget.classList.contains("lexmenubox"))&&this._resetMenubar()})}}getButton(e){return this.buttons[e]}getSubitem(e,t){let i=null,a=t[0];for(let l=0;l<e.length;l++)if(e[l][a]){if(1==t.length)return e[l];return t.splice(0,1),this.getSubitem(e[l][a],t)}}getItem(e){let t=e.split("/");return this.getSubitem(this.items,t)}setButtonIcon(e,t,i,a={}){let l=this.buttons[e];if(l)l.querySelector("a").className="fa-solid "+t+" lexicon";else{let s=document.createElement("div"),n=a.disabled??!1;s.className="lexmenubutton"+(n?" disabled":""),s.title=e??"",s.innerHTML="<a class='"+t+" lexicon' style='font-size:x-large;'></a>",s.style.padding="5px 10px",s.style.maxHeight="calc(100% - 10px)",s.style.alignItems="center","right"==a.float&&(s.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(s):"left"==a.float?this.root.prepend(s):this.root.appendChild(s);let r=s.querySelector("a");r.addEventListener("click",e=>{i&&!n&&i.call(this,r,e)})}}setButtonImage(e,t,i,a={}){let l=this.buttons[e];if(l)l.querySelector("a").className="fa-solid "+icon+" lexicon";else{let s=document.createElement("div"),n=a.disabled??!1;s.className="lexmenubutton"+(n?" disabled":""),s.title=e??"",s.innerHTML="<a><image src='"+t+"' class='lexicon' style='height:32px;'></a>",s.style.padding="5px",s.style.alignItems="center","right"==a.float&&(s.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(s):"left"==a.float?this.root.prepend(s):this.root.appendChild(s);let r=s.querySelector("a");r.addEventListener("click",e=>{i&&!n&&i.call(this,r,e)})}}addButtons(e,t={}){if(!e)throw"No buttons to add!";this.buttonContainer||(this.buttonContainer=document.createElement("div"),this.buttonContainer.className="lexmenubuttons",this.buttonContainer.classList.add(t.float??"center"),"right"==t.position&&(this.buttonContainer.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(this.buttonContainer):this.root.appendChild(this.buttonContainer));for(let i=0;i<e.length;++i){let a=e[i],l=document.createElement("label"),s=a.title,n=a.disabled??!1;l.className="lexmenubutton"+(n?" disabled":""),l.title=s??"",this.buttonContainer.appendChild(l);let r=document.createElement("a");r.className=a.icon+" lexicon",l.appendChild(r);let o=r;if(a.swap){l.classList.add("swap"),r.classList.add("swap-off");let d=document.createElement("input");d.type="checkbox",l.prepend(d),o=d;let c=document.createElement("a");c.className=a.swap+" swap-on lexicon",l.appendChild(c),l.swap=function(){let e=this.querySelector("input");e.checked=!e.checked},l.setState=function(e){let t=this.querySelector("input");t.checked=e}}o.addEventListener("click",e=>{if(a.callback&&!n){let t=l.querySelector("input");a.callback.call(this,e,t?.checked)}}),s&&(this.buttons[s]=l)}}}t.Menubar=E;class x{constructor(e={}){this.root=document.createElement("div"),this.root.className="lexsidebar",this.collapsable=e.collapsable??!0,this._collapseWidth=e.collapseToIcons??!0?"58px":"0px",this.collapsed=!1,this.filterString="",s(()=>{this.root.parentElement.ogWidth=this.root.parentElement.style.width,this.root.parentElement.style.transition="width 0.25s ease-out",this.resizeObserver=new ResizeObserver(e=>{for(let t of e)this.siblingArea.setSize(["calc(100% - "+t.contentRect.width+"px )",null])})},10);let i=32;if(!e.skipHeader){this.header=document.createElement("div"),this.header.className="lexsidebarheader",this.root.appendChild(this.header),this.header.addEventListener("click",t=>{this.collapsed?(t.preventDefault(),t.stopPropagation(),this.toggleCollapsed()):e.onHeaderPressed&&e.onHeaderPressed(t)});let a=document.createElement("span");if(a.className="lexavatar",this.header.appendChild(a),e.headerImage){let l=document.createElement("img");l.src=e.headerImage,a.appendChild(l)}else if(e.headerIcon){let n=t.makeIcon(e.headerIcon);a.appendChild(n)}{let r=document.createElement("div");this.header.appendChild(r);let o=document.createElement("span");o.innerHTML=e.headerTitle??"",r.appendChild(o);let d=document.createElement("span");d.innerHTML=e.headerSubtitle??"",r.appendChild(d)}if(this.collapsable){let c=t.makeIcon("Sidebar","Toggle Sidebar");this.header.appendChild(c),c.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this.toggleCollapsed()})}i+=52}if(!e.filter){let h=new L;h.addText(null,"",(e,t)=>{this.filterString=e,this.update()},{placeholder:"Search...",icon:"fa-solid fa-magnifying-glass"}),this.filter=h.root.childNodes[0],this.root.appendChild(this.filter),i+=31}if(this.content=document.createElement("div"),this.content.className="lexsidebarcontent",this.root.appendChild(this.content),!e.skipFooter){this.footer=document.createElement("div"),this.footer.className="lexsidebarfooter",this.root.appendChild(this.footer),this.footer.addEventListener("click",t=>{e.onFooterPressed&&e.onFooterPressed(t)});let u=document.createElement("span");if(u.className="lexavatar",this.footer.appendChild(u),e.footerImage){let p=document.createElement("img");p.src=e.footerImage,u.appendChild(p)}else if(e.footerIcon){let m=t.makeIcon(e.footerIcon);u.appendChild(m)}{let g=document.createElement("div");this.footer.appendChild(g);let f=document.createElement("span");f.innerHTML=e.footerTitle??"",g.appendChild(f);let v=document.createElement("span");v.innerHTML=e.footerSubtitle??"",g.appendChild(v)}let $=t.makeIcon("MenuArrows");this.footer.appendChild($),i+=52}this.content.style.height=`calc(100% - ${i}px)`,this.items=[],this.icons={},this.groups={}}toggleCollapsed(e){if(this.collapsable){if(this.collapsed=e??!this.collapsed,this.collapsed?(this.root.classList.add("collapsing"),this.root.parentElement.style.width=this._collapseWidth):(this.root.classList.remove("collapsing"),this.root.classList.remove("collapsed"),this.root.parentElement.style.width=this.root.parentElement.ogWidth),!this.resizeObserver)throw"Wait until ResizeObserver has been created!";this.resizeObserver.observe(this.root.parentElement),s(()=>{this.root.classList.toggle("collapsed",this.collapsed),this.resizeObserver.unobserve(this.root.parentElement)},250)}}separator(){this.currentGroup=null,this.add("")}group(e,t){this.currentGroup=e,this.groups[e]=t}add(e,t={}){t.constructor==Function&&(t={callback:t});let i=e.split("/"),a=i[i.length-1];this.icons[a]=t.icon;let l=0,s=(e,a)=>{if(void 0==e)return;let n=null;if(a.forEach(t=>{let i=Object.keys(t),a=i.find(t=>t==e);a&&(n=t[a])}),n)s(i[l++],n);else{let r={};r[e]=[];let o=i[l++];o||(r.callback=t.callback,r.group=this.currentGroup,r.options=t),a.push(r),s(o,r[e])}};s(i[l++],this.items)}select(e){let t=e.replace(/\s/g,"").replaceAll(".",""),i=this.items.find(e=>e.name===t);i&&i.dom.click()}update(){for(let e of(this.content.innerHTML="",this.items))delete e.dom;for(let i of this.items){let a=i.options??{};if(i.dom)continue;let l=Object.keys(i)[0];if(this.filterString.length&&!l.toLowerCase().includes(this.filterString.toLowerCase()))continue;let s=l.replace(/\s/g,"").replaceAll(".",""),n=null,r=document.createElement("div");if(r.className="lexsidebarentry "+(a.className??""),r.id=i.name=s,i.group){let o=i.group.replace(/\s/g,"").replaceAll(".","");if(n=this.content.querySelector("#"+o)){if(!n.classList.contains("lexsidebargroup"))throw"Bad id: "+i.group}else{(n=document.createElement("div")).id=o,n.className="lexsidebargroup",this.content.appendChild(n);let d=document.createElement("div");d.className="lexsidebargrouptitle",n.appendChild(d);let c=document.createElement("div");if(c.innerHTML=i.group,d.appendChild(c),null!=this.groups[i.group]){let h=document.createElement("a");h.className=(this.groups[i.group].icon??"")+" lexicon",d.appendChild(h),h.addEventListener("click",e=>{this.groups[i.group].callback&&this.groups[i.group].callback(i.group,e)})}}}if(""==s){let u=document.createElement("div");u.className="lexsidebarseparator",this.content.appendChild(u);continue}this.collapseContainer?(this.collapseContainer.appendChild(r),this.collapseQueue--,this.collapseQueue||delete this.collapseContainer):n?n.appendChild(r):this.content.appendChild(r);let p=document.createElement("div");if(r.appendChild(p),i.dom=r,"checkbox"==a.type){i.value=a.value??!1;let m=new L;i.checkbox=m.addCheckbox(null,i.value,(e,t)=>{t.preventDefault(),t.stopPropagation();let s=a.callback;i.value=e,s&&s.call(this,l,e,t)},{label:l,signal:"@checkbox_"+l}),p.appendChild(m.root.childNodes[0])}else{if(a.icon){let g=document.createElement("i");g.className=a.icon,p.appendChild(g)}let f=document.createElement("a");f.innerHTML=l,p.appendChild(f)}if(r.addEventListener("click",e=>{if(!(e.target&&e.target.classList.contains("lexcheckbox"))){if(a.collapsable)p.querySelector(".collapser").click();else{let t=a.callback;t&&t.call(this,l,i.value,e),i.checkbox&&(i.value=!i.value,i.checkbox.set(i.value,!0))}this.root.querySelectorAll(".lexsidebarentry").forEach(e=>e.classList.remove("selected")),r.classList.add("selected")}}),a.action){let v=t.makeIcon(a.action.icon??"MoreHorizontal",a.action.name);p.appendChild(v),v.addEventListener("click",e=>{e.preventDefault(),e.stopImmediatePropagation();let t=a.action.callback;t&&t.call(this,l,e)})}else if(a.collapsable){let $=document.createElement("div");Object.assign($.style,{width:"100%",display:"none"}),t.makeCollapsible(p,$,n??this.content),this.collapseQueue=a.collapsable,this.collapseContainer=$}let y=document.createElement("span");if(y.className="lexsidebarentrydesc",y.innerHTML=l,r.appendChild(y),p.addEventListener("mouseenter",()=>{setTimeout(()=>{y.style.display="unset"},150)}),p.addEventListener("mouseleave",()=>{setTimeout(()=>{y.style.display="none"},150)}),!i[l].length)continue;let E=document.createElement("div");E.className="lexsidebarsubentrycontainer",n?n.appendChild(E):this.content.appendChild(E);for(let x=0;x<i[l].length;++x){let b=i[l][x],w=b.options??{},C=Object.keys(b)[0];if(this.filterString.length&&!C.toLowerCase().includes(this.filterString.toLowerCase()))continue;let _=document.createElement("div");if(_.innerHTML=`<span>${C}</span>`,w.action){let T=t.makeIcon(w.action.icon??"MoreHorizontal",w.action.name);_.appendChild(T),T.addEventListener("click",e=>{e.preventDefault(),e.stopImmediatePropagation();let t=w.action.callback;t&&t.call(this,C,e)})}_.className="lexsidebarentry",_.id=C,E.appendChild(_),_.addEventListener("click",e=>{let t=w.callback;t&&t.call(this,C,_,e),this.root.querySelectorAll(".lexsidebarentry").forEach(e=>e.classList.remove("selected")),r.classList.add("selected")})}}}}t.SideBar=x;class b{static NONE=0;static TEXT=1;static TEXTAREA=2;static BUTTON=3;static DROPDOWN=4;static CHECKBOX=5;static TOGGLE=6;static RADIO=7;static COLOR=8;static RANGE=9;static NUMBER=10;static TITLE=11;static VECTOR=12;static TREE=13;static PROGRESS=14;static FILE=15;static LAYERS=16;static ARRAY=17;static LIST=18;static TAGS=19;static CURVE=20;static CARD=21;static IMAGE=22;static CONTENT=23;static CUSTOM=24;static SEPARATOR=25;static KNOB=26;static SIZE=27;static PAD=28;static FORM=29;static DIAL=30;static COUNTER=31;static TABLE=32;static NO_CONTEXT_TYPES=[b.BUTTON,b.LIST,b.FILE,b.PROGRESS];constructor(e,t,i){this.name=e,this.type=t,this.options=i}value(){if(this.onGetValue)return this.onGetValue();console.warn("Can't get value of "+this.typeName())}set(e,t=!1,i=""){if(this.onSetValue)return this.onSetValue(e,t);console.warn("Can't set value of "+this.typeName())}oncontextmenu(e){b.NO_CONTEXT_TYPES.includes(this.type)||k(this.typeName(),e,e=>{e.add("Copy",()=>{this.copy()}),e.add("Paste",{disabled:!this._can_paste(),callback:()=>{this.paste()}})})}copy(){navigator.clipboard.type=this.type,navigator.clipboard.customIdx=this.customIdx,navigator.clipboard.data=this.value(),navigator.clipboard.writeText(navigator.clipboard.data)}_can_paste(){return this.type===b.CUSTOM?void 0!==navigator.clipboard.customIdx&&this.customIdx==navigator.clipboard.customIdx:navigator.clipboard.type===this.type}paste(){this._can_paste()&&this.set(navigator.clipboard.data)}typeName(){switch(this.type){case b.TEXT:return"Text";case b.TEXTAREA:return"TextArea";case b.BUTTON:return"Button";case b.DROPDOWN:return"Dropdown";case b.CHECKBOX:return"Checkbox";case b.TOGGLE:return"Toggle";case b.RADIO:return"Radio";case b.COLOR:return"Color";case b.RANGE:return"Range";case b.NUMBER:return"Number";case b.VECTOR:return"Vector";case b.TREE:return"Tree";case b.PROGRESS:return"Progress";case b.FILE:return"File";case b.LAYERS:return"Layers";case b.ARRAY:return"Array";case b.LIST:return"List";case b.TAGS:return"Tags";case b.CURVE:return"Curve";case b.KNOB:return"Knob";case b.SIZE:return"Size";case b.PAD:return"Pad";case b.FORM:return"Form";case b.DIAL:return"Dial";case b.COUNTER:return"Counter";case b.TABLE:return"Table";case b.CUSTOM:return this.customName}console.error(`Unknown Widget type: ${this.type}`)}refresh(){}}t.Widget=b,t.ADD_CUSTOM_WIDGET=function e(i,a={}){let l=u();L.prototype["add"+i]=function(e,s,n){let r=this.create_widget(e,b.CUSTOM,a);r.customName=i,r.customIdx=l,r.onGetValue=()=>s,r.onSetValue=(t,i)=>{s=t,p(),d.querySelector(".lexcustomitems").toggleAttribute("hidden",!1),i||this._trigger(new g(e,s,null),n)};let d=r.domEl;d.style.flexWrap="wrap";let c,h,u=a.default??{},p=()=>{s&&(r.instance=s=Object.assign(o(u),s)),c&&c.remove(),h&&h.remove(),(c=document.createElement("div")).className="lexcustomcontainer",c.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")",this.queue(c);let l="<a class='fa-solid "+(a.icon??"fa-cube")+"' style='float:left'></a>";l+=i+(s?"":" [empty]"),l+="<a class='fa-solid "+(s?"fa-bars-staggered":" ")+" menu' style='float:right; width:5%;'></a>";let m=this.addButton(null,l,(e,t)=>{s?d.querySelector(".lexcustomitems").toggleAttribute("hidden"):k(null,t,e=>{e.add("New "+i,()=>{s={},p(),d.querySelector(".lexcustomitems").toggleAttribute("hidden",!1)})})},{buttonClass:"custom"});if(this.clearQueue(),s&&m.querySelector("a.menu").addEventListener("click",e=>{e.stopImmediatePropagation(),e.stopPropagation(),k(null,e,e=>{e.add("Clear",()=>{s=null,p()})})}),(h=document.createElement("div")).className="lexcustomitems",h.toggleAttribute("hidden",!0),d.appendChild(c),d.appendChild(h),s){this.queue(h);let f=(t,i,a)=>{s[t]=i,this._trigger(new g(e,s,a),n)};for(let v in u){let $=s[v]??u[v];switch($.constructor){case String:"#"===$[0]?this.addColor(v,$,f.bind(this,v)):this.addText(v,$,f.bind(this,v));break;case Number:this.addNumber(v,$,f.bind(this,v));break;case Boolean:this.addCheckbox(v,$,f.bind(this,v));break;case Array:$.length>4?this.addArray(v,$,f.bind(this,v)):this._add_vector($.length,v,$,f.bind(this,v))}}this.clearQueue()}};p()}};class w{constructor(e,t,i){if(this.domEl=e,this.data=t,this.onevent=i.onevent,this.options=i,this.selected=[],t.constructor===Object)this._create_item(null,t);else for(let a of t)this._create_item(null,a)}_create_item(e,i,a=0,l){let s=this,n=this.domEl.querySelector("#lexnodetree_filter");if(i.children=i.children??[],n&&!i.id.includes(n.value)||void 0!=l&&l!=i.id){for(var r=0;r<i.children.length;++r)this._create_item(i,i.children[r],a+1,l);return}let o=this.domEl.querySelector("ul");i.visible=i.visible??!0,i.parent=e;let d=i.children.length>0,c=this.selected.indexOf(i)>-1||i.selected;if(this.options.onlyFolders){let h=!1;i.children.forEach(e=>h|="folder"==e.type),d=!!h}let u=document.createElement("li");u.className="lextreeitem datalevel"+a+(d?" parent":"")+(c?" selected":""),u.id=t.getSupportedDOMName(i.id),u.tabIndex="0";let p=this.options.skip_default_icon??!0?"":"fa-solid fa-square";d&&(p=i.closed?"fa-solid fa-caret-right":"fa-solid fa-caret-down"),u.innerHTML="<a class='"+p+" hierarchy'></a>",p=i.icon,i.icon&&(i.icon.includes("fa-")?u.innerHTML+="<a class='"+i.icon+" tree-item-icon'></a>":u.innerHTML+="<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+i.icon+"'>"),u.innerHTML+=i.rename?"":i.id,u.setAttribute("draggable",!0),u.style.paddingLeft=(d?0:3)+(3+(a+1)*15)+"px",o.appendChild(u),u.addEventListener("click",e=>{if(g){g=!1;return}e.shiftKey||(o.querySelectorAll("li").forEach(e=>{e.classList.remove("selected")}),this.selected.length=0);let t=this.selected.indexOf(i);if(t>-1?(u.classList.remove("selected"),this.selected.splice(t,1)):(u.classList.add("selected"),this.selected.push(i)),d&&i.id.length>1){if(i.closed=!1,s.onevent){let a=new f(f.NODE_CARETCHANGED,i,i.closed);s.onevent(a)}s.frefresh(i.id)}if(s.onevent){let l=new f(f.NODE_SELECTED,e.shiftKey?this.selected:i);l.multiple=e.shiftKey,s.onevent(l)}}),u.addEventListener("dblclick",function(){if((s.options.rename??!0)&&(i.rename=!0,s.refresh()),s.onevent){let e=new f(f.NODE_DBLCLICKED,i);s.onevent(e)}}),u.addEventListener("contextmenu",e=>{if(e.preventDefault(),!s.onevent)return;let a=new f(f.NODE_CONTEXTMENU,this.selected.length>1?this.selected:i,e);a.multiple=this.selected.length>1,t.addContextMenu(a.multiple?"Selected Nodes":a.node.id,a.value,e=>{a.panel=e}),s.onevent(a),(this.options.addDefault??!1)==!0&&(a.panel.items&&a.panel.add(""),a.panel.add("Select Children",()=>{let e=t=>{if(!t.closed)for(let i of t.children??[]){if(i)this.domEl.querySelector("#"+i.id).classList.add("selected"),this.selected.push(i),e(i)}};e(i)}),a.panel.add("Delete",{callback:()=>{if(!i.parent)return;if(s.onevent){let t=new f(f.NODE_DELETED,i,e);s.onevent(t)}let a=i.parent.children,l=a.indexOf(i);a.splice(l,1),this.refresh()}}))}),u.addEventListener("keydown",e=>{if(!i.rename){if(e.preventDefault(),"Delete"==e.key){if(s.onevent){let a=new f(f.NODE_DELETED,this.selected.length>1?this.selected:i,e);a.multiple=this.selected.length>1,s.onevent(a)}for(let l of this.selected){let n=l.parent.children,r=n.indexOf(l);n.splice(r,1)}this.selected.length=0,this.refresh()}else if("ArrowUp"==e.key||"ArrowDown"==e.key){var o=this.selected.length>1?"ArrowUp"==e.key?this.selected.shift():this.selected.pop():this.selected[0],d=this.domEl.querySelector("#"+t.getSupportedDOMName(o.id)),c="ArrowUp"==e.key?d.previousSibling:d.nextSibling;c&&c.click()}}});let m=document.createElement("input");m.toggleAttribute("hidden",!i.rename),m.value=i.id,u.appendChild(m),i.rename&&(u.classList.add("selected"),m.focus()),m.addEventListener("keyup",function(e){if("Enter"==e.key){if(this.value=this.value.replace(/\s/g,"_"),s.onevent){let a=new f(f.NODE_RENAMED,i,this.value);s.onevent(a)}i.id=t.getSupportedDOMName(this.value),delete i.rename,s.frefresh(i.id),o.querySelector("#"+i.id).classList.add("selected")}else"Escape"==e.key&&(delete i.rename,s.frefresh(i.id))}),m.addEventListener("blur",function(e){delete i.rename,s.refresh()}),(this.options.draggable??!0)&&(e&&u.addEventListener("dragstart",e=>{window.__tree_node_dragged=i}),u.addEventListener("dragover",e=>{e.preventDefault()},!1),u.addEventListener("dragenter",e=>{e.target.classList.add("draggingover")}),u.addEventListener("dragleave",e=>{e.target.classList.remove("draggingover")}),u.addEventListener("drop",e=>{e.preventDefault();let t=window.__tree_node_dragged;if(!t)return;let a=i;if(t.id==a.id){console.warn("Cannot parent node to itself!");return}let l=function(e,t){var i=!1;for(var a of t.children){if(a.id==e.id)return!0;i|=l(e,a)}return i};if(l(a,t)){console.warn("Cannot parent node to a current child!");return}if(s.onevent){let n=new f(f.NODE_DRAGGED,t,a);s.onevent(n)}let r=t.parent.children.findIndex(e=>e.id==t.id),o=t.parent.children.splice(r,1);a.children.push(o[0]),s.refresh(),delete window.__tree_node_dragged}));let g=!1;if(d&&u.querySelector("a.hierarchy").addEventListener("click",function(e){if(g=!0,e.stopImmediatePropagation(),e.stopPropagation(),i.closed=!i.closed,s.onevent){let t=new f(f.NODE_CARETCHANGED,i,i.closed);s.onevent(t)}s.frefresh(i.id)}),!i.skipVisibility){let v=document.createElement("a");v.className="itemicon fa-solid fa-eye"+(i.visible?"":"-slash"),v.title="Toggle visible",v.addEventListener("click",function(e){if(e.stopPropagation(),i.visible=void 0!==i.visible&&!i.visible,this.className="itemicon fa-solid fa-eye"+(i.visible?"":"-slash"),s.onevent){let t=new f(f.NODE_VISIBILITY,i,i.visible);s.onevent(t)}}),u.appendChild(v)}if(i.actions)for(var r=0;r<i.actions.length;++r){let $=i.actions[r];var y=document.createElement("a");y.className="itemicon "+$.icon,y.title=$.name,y.addEventListener("click",function(e){$.callback(i,y),e.stopPropagation()}),u.appendChild(y)}if(void 0!=l&&i.id==l&&(this.selected=[i],u.click()),!i.closed)for(var r=0;r<i.children.length;++r){let E=i.children[r];(!this.options.onlyFolders||"folder"==E.type)&&this._create_item(i,E,a+1)}}refresh(e,t){this.data=e??this.data,this.domEl.querySelector("ul").innerHTML="",this._create_item(null,this.data,0,t)}frefresh(e){this.refresh();var t=this.domEl.querySelector("#"+e);t&&t.focus()}select(e){this.refresh(null,e)}}class L{constructor(e={}){var t=document.createElement("div");t.className="lexpanel",e.id&&(t.id=e.id),e.className&&(t.className+=" "+e.className),t.style.width=e.width||"calc( 100% - 6px )",t.style.height=e.height||"100%",Object.assign(t.style,e.style??{}),this._inline_widgets_left=-1,this._inline_queued_container=null,this.root=t,this.onevent=e=>{},this.branch_open=!1,this.branches=[],this.current_branch=null,this.widgets={},this._queue=[]}get(e){return this.widgets[e]}getValue(e){let t=this.widgets[e];if(!t)throw"No widget called "+e;return t.value()}setValue(e,t,i){let a=this.widgets[e];if(!a)throw"No widget called "+e;return a.set(t,i)}attach(e){if(!e)throw"no content to attach";e.parent=this;let t=e.root?e.root:e;this.root.appendChild(t)}clear(){for(let e in this.branch_open=!1,this.branches=[],this.current_branch=null,this.widgets)if(this.widgets[e].options&&this.widgets[e].options.signal){let i=this.widgets[e].options.signal;for(let a=0;a<t.signals[i].length;a++)t.signals[i][a]==this.widgets[e]&&(t.signals[i]=[...t.signals[i].slice(0,a),...t.signals[i].slice(a+1)])}if(this.signals)for(let l=0;l<this.signals.length;l++){let s=Object.values(this.signals[l])[0],n=s.options.signal;for(let r=0;r<t.signals[n].length;r++)t.signals[n][r]==s&&(t.signals[n]=[...t.signals[n].slice(0,r),...t.signals[n].slice(r+1)])}this.widgets={},this.root.innerHTML=""}sameLine(e){this._inline_queued_container=this.queuedContainer,this._inline_widgets_left=e||1/0}endLine(e){if(-1==this._inline_widgets_left){console.warn("No pending widgets to be inlined!");return}for(let t of(this._inline_widgets_left=-1,!this._inlineContainer&&(this._inlineContainer=document.createElement("div"),this._inlineContainer.className="lexinlinewidgets",e&&(this._inlineContainer.style.justifyContent=e)),this._inlineWidgets)){let i=t.constructor==Array;i?this._inline_queued_container?this._inlineContainer.appendChild(t[0]):t[1].appendChild(t[0]):this._inlineContainer.appendChild(t)}this._inline_queued_container?this._inline_queued_container.appendChild(this._inlineContainer):this.current_branch?this.current_branch.content.appendChild(this._inlineContainer):this.root.appendChild(this._inlineContainer),delete this._inlineWidgets,delete this._inlineContainer}branch(e,t={}){this.branch_open&&this.merge();var i=new C(e,t);return i.panel=this,this.branch_open=!0,this.current_branch=i,0==this.branches.length&&i.root.classList.add("first"),this.root.querySelectorAll(".lexbranch.last").forEach(e=>{e.classList.remove("last")}),i.root.classList.add("last"),this.branches.push(i),this.root.appendChild(i.root),t.filter&&this._addFilter(t.filter,{callback:this._searchWidgets.bind(this,i.name)}),i}merge(){this.branch_open=!1,this.current_branch=null}_pick(e,t){return void 0===e?t:e}static _dispatch_event(e,t,i,a,l){let s=new CustomEvent(t,{detail:i,bubbles:a,cancelable:l});e.dispatchEvent(s)}static _add_reset_property(e,t){var i=document.createElement("a");return i.style.display="none",i.style.marginRight="6px",i.className="lexicon fa fa-rotate-left",i.addEventListener("click",t),e.appendChild(i),i}create_widget(e,i,a={}){let l=new b(e,i,a),s=document.createElement("div");if(s.className="lexwidget",s.id=a.id??"",s.title=a.title??"",a.className&&(s.className+=" "+a.className),i!=b.TITLE&&(s.style.width="calc(100% - "+(this.current_branch||i==b.FILE?10:20)+"px)",a.width&&(s.style.width=s.style.minWidth=a.width),a.maxWidth&&(s.style.maxWidth=a.maxWidth),a.minWidth&&(s.style.minWidth=a.minWidth),a.height&&(s.style.height=s.style.minHeight=a.height)),void 0!=e){if(!a.hideName){let n=document.createElement("div");n.className="lexwidgetname",a.justifyName&&n.classList.add("float-"+a.justifyName),n.innerHTML=e||"",n.title=a.title??n.innerHTML,n.style.width=a.nameWidth||t.DEFAULT_NAME_WIDTH,s.appendChild(n),s.domName=n,n.addEventListener("contextmenu",function(e){e.preventDefault(),l.oncontextmenu(e)})}this.widgets[e]=l}return a.signal&&(e||(this.signals||(this.signals=[]),this.signals.push({[a.signal]:l})),t.addSignal(a.signal,l)),l.domEl=s,s.jsInstance=l,this._inline_widgets_left>0&&!a.skipInlineCount?(this._inlineWidgets||(this._inlineWidgets=[]),(e=>{this.queuedContainer?this._inlineWidgets.push([e,this.queuedContainer]):this._inlineWidgets.push(e)})(s),this._inline_widgets_left--,this._inline_widgets_left||this.endLine()):(e=>{a.container?a.container.appendChild(e):this.queuedContainer?this.queuedContainer.appendChild(e):this.current_branch?(a.skipWidget||this.current_branch.widgets.push(l),this.current_branch.content.appendChild(e)):(e.classList.add("nobranch"),this.root.appendChild(e))})(s),l}_addFilter(e,t={}){t.placeholder=e.constructor==String?e:"Filter properties..",t.skipWidget=t.skipWidget??!0,t.skipInlineCount=!0;let i=this.create_widget(null,b.TEXT,t).domEl;i.className+=" lexfilter noname";let a=document.createElement("input");a.className="lexinput-filter",a.setAttribute("placeholder",t.placeholder),a.style.width="calc( 100% - 17px )",a.value=t.filterValue||"";let l=document.createElement("a");return l.className="fa-solid fa-magnifying-glass",i.appendChild(l),i.appendChild(a),a.addEventListener("input",e=>{t.callback&&t.callback(a.value,e)}),i}_searchWidgets(e,t){for(let i of this.branches){if(i.name!==e)continue;for(let a of i.widgets)!a.domEl.classList.contains("lexfilter")&&a.domEl.remove();this.queue(i.content);let l=!t.length;for(let s of i.widgets){if(!l){if(!s.name)continue;t.toLowerCase();let n=s.name.toLowerCase();if(!n.includes(t))continue}this.queuedContainer.appendChild(s.domEl)}this.clearQueue();return}}_filterOptions(e,t){let i=!t.length,a=[];for(let l=0;l<e.length;l++){let s=e[l];if(!i){let n="string"==typeof s?s:s.value,r=t.toLowerCase(),o=n.toLowerCase();if(!o.includes(r))continue}a.push(s)}this.refresh(a)}_trigger(e,t){t&&t.call(this,e.value,e.domEvent,e.name),this.onevent&&this.onevent.call(this,e)}getBranch(e){return e?this.branches.find(t=>t.name==e):this.current_branch}queue(e){!e&&this.current_branch&&(e=this.current_branch.root),this.queuedContainer&&this._queue.push(this.queuedContainer),this.queuedContainer=e}clearQueue(){if(this._queue&&this._queue.length){this.queuedContainer=this._queue.pop();return}delete this.queuedContainer}addBlank(e=8,t){let i=this.create_widget(null,b.addBlank);return i.domEl.className+=" blank",i.domEl.style.height=e+"px",t&&(i.domEl.style.width=t),i}addTitle(e,t={}){if(!e)throw"Can't create Title without text!";let i=this.create_widget(null,b.TITLE,t).domEl;if(i.className="lextitle",t.icon){let a=document.createElement("a");a.className=t.icon,a.style.color=t.iconColor||"",i.appendChild(a)}let l=document.createElement("span");if(l.innerText=e,i.appendChild(l),Object.assign(i.style,t.style??{}),void 0!=t.link){let s=document.createElement("a");s.innerText=e,s.href=t.link,s.target=t.target??"",s.className="lextitle link",Object.assign(s.style,t.style??{}),i.replaceWith(s)}return i}addText(e,i,a,l={}){let s=this.create_widget(e,b.TEXT,l);s.onGetValue=()=>o.value,s.onSetValue=(e,t)=>{this.disabled?o.innerText=e:o.value=e,L._dispatch_event(o,"focusout",t)},s.valid=()=>{if(""==o.pattern)return!0;let e=RegExp(o.pattern);return e.test(o.value)};let n=s.domEl;s.name&&!l.skipReset&&L._add_reset_property(n.domName,function(){o.value=o.iValue,this.style.display="none",L._dispatch_event(o,"focusout")});let r=document.createElement("div");r.className="lextext"+(l.warning?" lexwarning":""),r.style.width=l.inputWidth||"calc( 100% - "+t.DEFAULT_NAME_WIDTH+" )",r.style.display="flex",l.textClass&&r.classList.add(l.textClass),this.disabled=(l.disabled||l.warning)??!!l.url;let o=null;if(this.disabled){o=document.createElement(l.url?"a":"div"),l.url&&(o.href=l.url,o.target="_blank");let d=l.warning?'<i class="fa-solid fa-triangle-exclamation"></i>':"";o.innerHTML=d+i||"",o.style.width="100%",o.style.textAlign=l.float??""}else{(o=document.createElement("input")).type=l.type||"",o.value=o.iValue=i||"",o.style.width="100%",o.style.textAlign=l.float??"",o.setAttribute("placeholder",l.placeholder??""),l.required&&o.setAttribute("required",l.required),l.pattern&&o.setAttribute("pattern",l.pattern);var c=(function(t,i){if(!s.valid()||this._lastValueTriggered==t)return;let l=i.detail,r=n.querySelector(".lexwidgetname .lexicon");r&&(r.style.display=t!=o.iValue?"block":"none"),l||this._trigger(new g(e,t,i),a),this._lastValueTriggered=t}).bind(this);let h=l.trigger??"default";if("default"==h?(o.addEventListener("keyup",function(e){"Enter"==e.key&&c(e.target.value,e)}),o.addEventListener("focusout",function(e){c(e.target.value,e)})):"input"==h&&o.addEventListener("input",function(e){c(e.target.value,e)}),o.addEventListener("mousedown",function(e){e.stopImmediatePropagation(),e.stopPropagation()}),l.icon){let u=document.createElement("a");u.className="inputicon "+l.icon,r.appendChild(u)}}return Object.assign(o.style,l.style??{}),r.appendChild(o),n.appendChild(r),s.name||(n.className+=" noname",r.style.width="100%"),s}addTextArea(e,i,a,l={}){let n=this.create_widget(e,b.TEXTAREA,l);n.onGetValue=()=>d.value,n.onSetValue=(e,t)=>{d.value=e,L._dispatch_event(d,"focusout",t)};let r=n.domEl;n.name&&!l.skipReset&&L._add_reset_property(r.domName,function(){d.value=d.iValue,this.style.display="none",L._dispatch_event(d,"focusout")});let o=document.createElement("div");o.className="lextextarea",o.style.width=l.inputWidth||"calc( 100% - "+t.DEFAULT_NAME_WIDTH+" )",o.style.height=l.height,o.style.display="flex";let d=document.createElement("textarea");d.value=d.iValue=i||"",d.style.width="100%",d.style.textAlign=l.float??"",Object.assign(d.style,l.style??{}),l.disabled&&d.setAttribute("disabled",!0),l.placeholder&&d.setAttribute("placeholder",l.placeholder);var c=(function(t,i){let l=i.detail,s=r.querySelector(".lexwidgetname .lexicon");s&&(s.style.display=t!=d.iValue?"block":"none"),l||this._trigger(new g(e,t,i),a)}).bind(this);let h=l.trigger??"default";if("default"==h?(d.addEventListener("keyup",function(e){"Enter"==e.key&&c(e.target.value,e)}),d.addEventListener("focusout",function(e){c(e.target.value,e)})):"input"==h&&d.addEventListener("input",function(e){c(e.target.value,e)}),l.icon){let u=document.createElement("a");u.className="inputicon "+l.icon,o.appendChild(u)}return o.appendChild(d),r.appendChild(o),n.name||(r.className+=" noname",o.style.width="100%"),s(()=>{l.fitHeight&&(d.style.height=d.scrollHeight+"px")},10),n}addLabel(e,t={}){return t.disabled=!0,this.addText(null,e,null,t)}addButton(e,i,a,l={}){let s=this.create_widget(e,b.BUTTON,l);s.onGetValue=()=>r.innerText,s.onSetValue=(e,t)=>{r.innerHTML=l.icon?"<a class='"+l.icon+"'></a>":l.img?"<img src='"+l.img+"'>":"<span>"+(e||"")+"</span>"};let n=s.domEl;var r=document.createElement("button");return r.title=l.title??"",r.className="lexbutton "+(l.buttonClass??""),l.selected&&r.classList.add("selected"),r.innerHTML=l.icon?"<a class='"+l.icon+"'></a>":l.img?"<img src='"+l.img+"'>":"<span>"+(i||"")+"</span>",r.style.width="calc( 100% - "+(l.nameWidth??t.DEFAULT_NAME_WIDTH)+")",l.disabled&&r.setAttribute("disabled",!0),r.addEventListener("click",t=>{l.selectable&&(l.parent&&l.parent.querySelectorAll(".lexbutton.selected").forEach(e=>{e!=r&&e.classList.remove("selected")}),r.classList.toggle("selected")),this._trigger(new g(e,i,t),a)}),n.appendChild(r),s.name||(r.className+=" noname",r.style.width="100%"),n}addComboButtons(e,i,a={}){let l=this.create_widget(e,b.BUTTON,a),s=l.domEl,n=this,r=document.createElement("div");r.className="lexcombobuttons ",a.float&&(r.className+=a.float),r.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let o=document.createElement("div");o.className="lexcombobuttonsbox ";let d=!a.noSelection,c=d&&(a.toggle??!1);for(let h of i){if(!h.value)throw"Set 'value' for each button!";let u=document.createElement("button");u.className="lexbutton combo",u.title=h.icon?h.value:"",u.id=h.id??"",a.buttonClass&&u.classList.add(a.buttonClass),d&&(h.selected||a.selected==h.value)&&u.classList.add("selected"),u.innerHTML=(h.icon?"<a class='"+h.icon+"'></a>":"")+"<span>"+(h.icon?"":h.value)+"</span>",h.disabled&&u.setAttribute("disabled",!0),u.addEventListener("click",function(t){d&&(c?this.classList.toggle("selected"):(r.querySelectorAll("button").forEach(e=>e.classList.remove("selected")),this.classList.add("selected"))),n._trigger(new g(e,h.value,t),h.callback)}),o.appendChild(u)}return l.name||(s.className+=" noname",r.style.width="100%"),r.appendChild(o),s.appendChild(r),l}addCard(e,t={}){t.hideName=!0;let i=this.create_widget(e,b.CARD,t),a=i.domEl,l=document.createElement("div");if(l.className="lexcard",l.style.width="100%",t.img){let s=document.createElement("img");s.src=t.img,l.appendChild(s),void 0!=t.link&&(s.style.cursor="pointer",s.addEventListener("click",function(){let e=l.querySelector("a");e&&e.click()}))}let n=document.createElement("span");if(n.innerText=e,void 0!=t.link){let r=document.createElement("a");r.innerText=e,r.href=t.link,r.target=t.target??"",n.innerText="",n.appendChild(r)}return l.appendChild(n),t.callback&&(l.style.cursor="pointer",l.addEventListener("click",i=>{this._trigger(new g(e,null,i),t.callback)})),a.appendChild(l),i}addForm(e,i,a,l={}){if(i.constructor!=Object){console.error("Form data must be an Object");return}l.hideName=!0;let s=this.create_widget(e,b.FORM,l);s.onGetValue=()=>r.formData,s.onSetValue=(e,i)=>{r.formData=e;let a=r.querySelectorAll(".lexwidget");for(let l=0;l<a.length;++l){let s=a[l];if(s.jsInstance.type!=t.Widget.TEXT)continue;let n=a[l].querySelector(".lexwidgetname").innerText,o=a[l].querySelector(".lextext input");o.value=e[n]??"",L._dispatch_event(o,"focusout",i)}};let n=s.domEl,r=document.createElement("div");for(let o in r.className="lexformdata",this.queue(r),r.formData={},i){let d=i[o];d.constructor!=Object&&(d={}),d.placeholder=d.placeholder??o,d.width="calc(100% - 10px)",this.addLabel(o,{textClass:"formlabel"}),d.textWidget=this.addText(null,d.constructor==Object?d.value:d,e=>{r.formData[o]=e},d),r.formData[o]=d.constructor==Object?d.value:d}return this.addBlank(),this.addButton(null,l.actionName??"Submit",(e,t)=>{for(let l in i)if(!i[l].textWidget.valid())return;a&&a(r.formData,t)},{buttonClass:"primary",width:"calc(100% - 10px)"}),this.clearQueue(),n.appendChild(r),(!s.name||l.hideName)&&(n.className+=" noname",r.style.width="100%"),s}addContent(e,t={}){if(!e)return;if(e.constructor==String){let i=document.createElement("div");i.innerHTML=e,e=i.childElementCount>1?i:i.firstElementChild}let a=this.create_widget(null,b.CONTENT,t);return a.domEl.appendChild(e),a}async addImage(e,t={}){if(!e)return;t.hideName=!0;let i=this.create_widget(null,b.IMAGE,t),a=i.domEl,l=document.createElement("div");l.className="leximage",l.style.width="100%";let s=document.createElement("img");for(let n in s.src=e,t.style)s.style[n]=t.style[n];return await s.decode(),l.appendChild(s),a.appendChild(l),i}addDropdown(e,i,a,l,s={}){let n=this.create_widget(e,b.DROPDOWN,s);n.onGetValue=()=>r.querySelector("li.selected").getAttribute("value"),n.onSetValue=(t,i)=>{let s=r.querySelector(".lexwidgetname .lexicon");s&&(s.style.display=t!=c.iValue?"block":"none"),a=t,f.querySelectorAll("li").forEach(e=>{e.getAttribute("value")==a&&e.click()}),i||this._trigger(new g(e,a,null),l)};let r=n.domEl,o=this;n.name&&!s.skipReset&&L._add_reset_property(r.domName,function(){a=c.iValue,f.querySelectorAll("li").forEach(e=>{e.getAttribute("value")==a&&e.click()}),this.style.display="none"});let d=document.createElement("div");d.className="lexdropdown",d.style.width=s.inputWidth||"calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let c=document.createElement("div");c.className="lexdropdown lexoption",c.name=e,c.iValue=a;let h=a;h+="<a class='fa-solid fa-angle-down' style='float:right; margin-right: 3px;'></a>",this.queue(d);let u=e=>{let t=e.getParentArea(),i=p.getBoundingClientRect(),a=e.parentElement.closest("dialog");{let l=e.offsetHeight,s=i.y,n=window.innerHeight;if(t){let r=t.getBoundingClientRect();n=r.y+r.height}if(a){let o=a.getBoundingClientRect();s-=o.y}e.style.top=s+p.offsetHeight+"px";let d=s+l>n;d&&(e.style.top=s-l+"px",e.classList.add("place-above"))}{let c=e.offsetWidth,h=i.x;if(e.style.minWidth=i.width+"px",a){let u=a.getBoundingClientRect();h-=u.x}e.style.left=h+"px";let m=window.innerWidth;if(t){let g=t.getBoundingClientRect();m=g.x+g.width}let f=h+c>m;f&&(e.style.left=h-(c-i.width)+"px")}},p=this.addButton(null,h,(e,t)=>{if(f.unfocus_event){delete f.unfocus_event;return}m.classList.remove("place-above");let i=m.hasAttribute("open");i?m.close():(m.show(),u(m)),v&&v.querySelector("input").focus()},{buttonClass:"array",skipInlineCount:!0,disabled:s.disabled});this.clearQueue(),p.style.width="100%",p.refresh=e=>{""==p.querySelector("span").innerText?p.querySelector("span").innerText=e:p.querySelector("span").innerHTML=p.querySelector("span").innerHTML.replaceAll(p.querySelector("span").innerText,e)};let m=document.createElement("dialog");m.className="lexdropdownoptions";let f=document.createElement("ul");f.tabIndex=-1,f.className="lexoptions",m.appendChild(f),f.addEventListener("focusout",function(e){if(e.stopPropagation(),e.stopImmediatePropagation(),e.relatedTarget===p.querySelector("button"))this.unfocus_event=!0,setTimeout(()=>delete this.unfocus_event,200);else if(e.relatedTarget&&"INPUT"==e.relatedTarget.tagName)return;else if("lexinput-filter"==e.target.className)return;m.close()});let v=null;s.filter&&(v=this._addFilter(s.placeholder??"Search...",{container:f,callback:this._filterOptions.bind(f,i)}),f.appendChild(v),v.addEventListener("focusout",function(e){!(e.relatedTarget&&"UL"==e.relatedTarget.tagName&&e.relatedTarget.classList.contains("lexoptions"))&&m.close()}));let $=document.createElement("span");return $.style.height="calc(100% - 25px)",f.appendChild($),f.refresh=t=>{if($.innerHTML="",!t.length){let s=t.emptyMsg??"No options found.",n=document.createElement("div");n.className="option",n.style.flexDirection="unset",n.innerHTML=s;let d=document.createElement("li");d.className="lexdropdownitem empty",d.appendChild(n),$.appendChild(d);return}for(let h=0;h<t.length;h++){let u=t[h],y=document.createElement("li"),E=document.createElement("div");if(E.className="option",y.appendChild(E),y.addEventListener("click",t=>{m.close();let s=r.querySelector(".lexoptions .selected");s&&s.classList.remove("selected"),a=t.currentTarget.getAttribute("value"),t.currentTarget.toggleAttribute("hidden",!1),t.currentTarget.classList.add("selected"),p.refresh(a);let n=r.querySelector(".lexwidgetname .lexicon");n&&(n.style.display=a!=c.iValue?"block":"none"),o._trigger(new g(e,a,null),l),v&&(v.querySelector("input").value="",this._filterOptions.bind(f,i,"")())}),u.constructor!=Object)E.style.flexDirection="unset",E.innerHTML="</a><span>"+u+"</span><a class='fa-solid fa-check'>",E.value=u,y.setAttribute("value",u),y.className="lexdropdownitem",u==a&&(y.classList.add("selected"),c.innerHTML=u);else{let x=document.createElement("img");x.src=u.src,y.setAttribute("value",u.value),y.className="lexlistitem",E.innerText=u.value,E.className+=" media",E.prepend(x),E.setAttribute("value",u.value),E.setAttribute("data-index",h),E.setAttribute("data-src",u.src),E.setAttribute("title",u.value),a==u.value&&y.classList.add("selected")}$.appendChild(y)}},f.refresh(i),d.appendChild(m),r.appendChild(d),n.name||(r.className+=" noname",d.style.width="100%"),n}addCurve(e,i,a,l={}){if(!e)throw"Set Widget Name!";let n=this,r=this.create_widget(e,b.CURVE,l);r.onGetValue=()=>JSON.parse(JSON.stringify(h.element.value)),r.onSetValue=(t,i)=>{let l=o.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=t!=h.element.value?"block":"none"),h.element.value=JSON.parse(JSON.stringify(t)),h.redraw(),i||n._trigger(new g(e,h.element.value,null),a)};let o=r.domEl,d=JSON.parse(JSON.stringify(i));l.skipReset||L._add_reset_property(o.domName,function(t){this.style.display="none",h.element.value=JSON.parse(JSON.stringify(d)),h.redraw(),n._trigger(new g(e,h.element.value,t),a)});var c=document.createElement("div");c.className="lexcurve",c.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")",l.callback=(t,i)=>{let l=o.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=t!=d?"block":"none"),n._trigger(new g(e,t,i),a)},l.name=e;let h=new S(this,i,l);return c.appendChild(h.element),o.appendChild(c),r.onresize=h.redraw.bind(h),r.curveInstance=h,s(()=>{h.canvas.width=c.offsetWidth,h.redraw()}),r}addDial(e,i,a,l={}){let n=this,r=this.create_widget(e,b.DIAL,l);r.onGetValue=()=>JSON.parse(JSON.stringify(h.element.value)),r.onSetValue=(t,i)=>{let l=o.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=t!=h.element.value?"block":"none"),h.element.value=JSON.parse(JSON.stringify(t)),h.redraw(),i||n._trigger(new g(e,h.element.value,null),a)};let o=r.domEl,d=JSON.parse(JSON.stringify(i));r.name&&!l.skipReset&&L._add_reset_property(o.domName,function(t){this.style.display="none",h.element.value=JSON.parse(JSON.stringify(d)),h.redraw(),n._trigger(new g(e,h.element.value,t),a)});var c=document.createElement("div");c.className="lexcurve",c.style.width=r.name?"calc( 100% - "+t.DEFAULT_NAME_WIDTH+")":"100%",l.callback=(t,i)=>{let l=o.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=t!=d?"block":"none"),n._trigger(new g(e,t,i),a)},l.name=e;let h=new A(this,i,l);return c.appendChild(h.element),o.appendChild(c),r.onresize=h.redraw.bind(h),r.curveInstance=h,s(()=>{h.element.style.height=h.element.offsetWidth+"px",h.canvas.width=h.element.offsetWidth,c.style.width=h.element.offsetWidth+"px",h.canvas.height=h.canvas.width,h.redraw()}),r}addLayers(e,i,a,l={}){if(!e)throw"Set Widget Name!";let s=this,n=this.create_widget(e,b.LAYERS,l);n.onGetValue=()=>r.value,n.onSetValue=(t,l)=>{let n=r.querySelector(".lexwidgetname .lexicon");n&&(n.style.display=t!=d?"block":"none"),i=r.value=t,c(),l||s._trigger(new g(e,i),a)};let r=n.domEl;L._add_reset_property(r.domName,function(t){this.style.display="none",i=r.value=d,c(),s._trigger(new g(e,i,t),a)});var o=document.createElement("div");o.className="lexlayers",o.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let d=r.value=i,c=()=>{o.innerHTML="";let t=i.toString(2),l=t.length;for(var s=0;s<16-l;++s)t="0"+t;for(let n=0;n<16;++n){let c=document.createElement("div");if(c.className="lexlayer",void 0!=i){let h=t[16-n-1];void 0!=h&&"1"==h&&c.classList.add("selected")}c.innerText=n+1,c.title="Bit "+n+", value "+(1<<n),o.appendChild(c),c.addEventListener("click",t=>{t.stopPropagation(),t.stopImmediatePropagation(),t.target.classList.toggle("selected"),i^=1<<n,r.value=i;let l=r.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=i!=d?"block":"none"),this._trigger(new g(e,i,t),a)})}};return c(),r.appendChild(o),n}addArray(e,i=[],a,l={}){if(!e)throw"Set Widget Name!";let s=this.create_widget(e,b.ARRAY,l);s.onGetValue=()=>{let e=n.querySelectorAll("input"),t=[];for(var i of e)t.push(i.value);return t},s.onSetValue=(t,l)=>{i=t,h(),l||this._trigger(new g(e,i,null),a)};let n=s.domEl;n.style.flexWrap="wrap";var r=document.createElement("div");r.className="lexarray",r.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")",this.queue(r);let o="<a class='fa-solid fa-angle-down' style='float:right; margin-right: 3px;'></a>",d="Array (size "+i.length+")";d+=o,this.addButton(null,d,()=>{n.querySelector(".lexarrayitems").toggleAttribute("hidden")},{buttonClass:"array"}),this.clearQueue();let c=document.createElement("div");c.className="lexarrayitems",c.toggleAttribute("hidden",!0),n.appendChild(r),n.appendChild(c);let h=()=>{let t=n.querySelector(".lexbutton.array span");t.innerHTML="Array (size "+i.length+")",t.innerHTML+=o,c.innerHTML="",this.queue(c);for(let s=0;s<i.length;++s){let r=i[s],u=l.innerValues?"dropdown":r.constructor;switch(this.sameLine(2),u){case String:this.addText(s+"",r,function(e,t){i[s]=e,a(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0});break;case Number:this.addNumber(s+"",r,function(e,t){i[s]=e,a(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0});break;case"dropdown":this.addDropdown(s+"",l.innerValues,r,function(e,t){i[s]=e,a(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0})}this.addButton(null,"<a class='lexicon fa-solid fa-trash'></a>",(t,l)=>{i.splice(i.indexOf(r),1),h(),this._trigger(new g(e,i,l),a)},{title:"Remove item",className:"micro"})}d="Add item",d+="<a class='fa-solid fa-plus' style='float:right; margin-right: 3px; margin-top: 2px;'></a>",this.addButton(null,d,(t,s)=>{i.push(l.innerValues?l.innerValues[0]:""),h(),this._trigger(new g(e,i,s),a)},{buttonClass:"array"}),this.clearQueue()};return h(),s}addList(e,i,a,l,s={}){let n=this.create_widget(e,b.LIST,s);n.onGetValue=()=>a,n.onSetValue=(t,s)=>{o.querySelectorAll(".lexlistitem").forEach(e=>e.classList.remove("selected"));let n=i.indexOf(t);-1==n||(o.children[n].classList.toggle("selected"),a=t,s||this._trigger(new g(e,t),l))},n.updateValues=t=>{i=t,o.innerHTML="";for(let s=0;s<i.length;++s){let n=null,r=i[s];r.constructor===Array&&(n=r[1],r=r[0]);let d=document.createElement("div");d.className="lexlistitem"+(a==r?" selected":""),d.innerHTML="<span>"+r+"</span>"+(n?"<a class='"+n+"'></a>":""),d.addEventListener("click",t=>{o.querySelectorAll(".lexlistitem").forEach(e=>e.classList.remove("selected")),d.classList.toggle("selected"),a=r,this._trigger(new g(e,r,t),l)}),o.appendChild(d)}};let r=n.domEl,o=document.createElement("div");return o.className="lexlist",o.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")",n.updateValues(i),n.name||(r.className+=" noname",o.style.width="100%"),r.appendChild(o),n}addTags(e,i,a,l={}){let s=[].concat(i=i.replace(/\s/g,"").split(",")),n=this.create_widget(e,b.TAGS,l);n.onGetValue=()=>[].concat(i),n.onSetValue=(t,l)=>{i=[].concat(t),c();let n=r.querySelector(".lexwidgetname .lexicon");n&&(n.style.display=t!=s?"block":"none"),l||o._trigger(new g(e,i),a)};let r=n.domEl,o=this;n.name&&L._add_reset_property(r.domName,function(t){this.style.display="none",i=[].concat(s),c(),o._trigger(new g(e,i,t),a)});let d=document.createElement("div");d.className="lextags",d.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let c=()=>{d.innerHTML="";for(let t=0;t<i.length;++t){let l=i[t],n=document.createElement("span");n.className="lextag",n.innerHTML=l;let h=document.createElement("a");h.className="lextagrmb fa-solid fa-xmark lexicon",n.appendChild(h),h.addEventListener("click",t=>{n.remove(),i.splice(i.indexOf(l),1);let d=r.querySelector(".lexwidgetname .lexicon");d&&(d.style.display=i!=s?"block":"none"),o._trigger(new g(e,i,t),a)}),d.appendChild(n)}let u=document.createElement("input");u.value="",u.placeholder="Add tag...",d.appendChild(u),u.onkeydown=function(t){let l=this.value.replace(/\s/g,"");if(" "==t.key||"Enter"==t.key){if(t.preventDefault(),!l.length||i.indexOf(l)>-1)return;i.push(l),c();let s=r.querySelector(".lexwidgetname .lexicon");s&&(s.style.display="block"),o._trigger(new g(e,i,t),a)}},u.focus()};return c(),n.name||(r.className+=" noname",d.style.width="100%"),r.appendChild(d),n}addCheckbox(e,t,i,a={}){if(!e&&!a.label)throw"Set Widget Name or at least a label!";let l=this.create_widget(e,b.CHECKBOX,a);l.onGetValue=()=>r.checked,l.onSetValue=(e,t)=>{r.checked!==e&&(r.checked=e,L._dispatch_event(r,"change",t))};let s=l.domEl;e&&L._add_reset_property(s.domName,function(){r.checked=!r.checked,L._dispatch_event(r,"change")});var n=document.createElement("div");n.className="lexcheckboxcont";let r=document.createElement("input");r.type="checkbox",r.className="lexcheckbox "+(a.className??""),r.checked=t,r.iValue=t,r.disabled=a.disabled??!1;let o=document.createElement("span");if(o.className="checkboxtext",o.innerHTML=a.label??"On",n.appendChild(r),n.appendChild(o),r.addEventListener("change",t=>{let a=t.detail?.constructor==Number?null:t.detail;if(!a){let l=s.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=r.checked!=r.iValue?"block":"none")}let n=s.querySelector(".lexcheckboxsubmenu");n&&n.toggleAttribute("hidden",!r.checked),a||this._trigger(new g(e,r.checked,t),i)}),s.appendChild(n),a.suboptions){s.style.flexWrap="wrap";let d=document.createElement("div");d.className="lexcheckboxsubmenu",d.toggleAttribute("hidden",!r.checked),this.queue(d),a.suboptions.call(this,this),this.clearQueue(),s.appendChild(d)}return l}addToggle(e,t,i,a={}){if(!e)throw"Set Widget Name!";let l=this.create_widget(e,b.TOGGLE,a);l.onGetValue=()=>r.checked,l.onSetValue=(e,t)=>{r.checked!==e&&(r.checked=e,L._dispatch_event(r,"change",t))};let s=l.domEl;L._add_reset_property(s.domName,function(){r.checked=!r.checked,L._dispatch_event(r,"change")});var n=document.createElement("div");n.className="lextogglecont";let r=document.createElement("input");r.type="checkbox",r.className="lextoggle "+(a.className??""),r.checked=t,r.iValue=t,r.disabled=a.disabled??!1;let o=document.createElement("span");if(o.className="toggletext",o.innerHTML="On",n.appendChild(r),n.appendChild(o),r.addEventListener("change",t=>{let a=t.detail?.constructor==Number?null:t.detail;if(!a){let l=s.querySelector(".lexwidgetname .lexicon");l&&(l.style.display=r.checked!=r.iValue?"block":"none")}let n=s.querySelector(".lextogglesubmenu");n&&n.toggleAttribute("hidden",!r.checked),a||this._trigger(new g(e,r.checked,t),i)}),s.appendChild(n),a.suboptions){s.style.flexWrap="wrap";let d=document.createElement("div");d.className="lextogglesubmenu",d.toggleAttribute("hidden",!r.checked),this.queue(d),a.suboptions.call(this,this),this.clearQueue(),s.appendChild(d)}return l}addRadioGroup(e,t,i,a={}){let l=this.create_widget(null,b.RADIO,a);l.onGetValue=()=>{let e=n.querySelectorAll("button");for(let i=0;i<e.length;++i){let a=e[i];if(a.checked)return[i,t[i]]}},l.onSetValue=(e,t)=>{let i=n.querySelectorAll("button");for(let a=0;a<i.length;++a){let l=i[a];e==a&&L._dispatch_event(l,"click",t)}};let s=l.domEl;var n=document.createElement("div");n.className="lexradiogroup "+(a.className??"");let r=document.createElement("span");r.innerHTML=e,n.appendChild(r);let o=this;for(let d=0;d<t.length;++d){let c=document.createElement("div");c.className="lexradiogroupitem",n.appendChild(c);let h=document.createElement("button");h.className="lexbutton",h.disabled=a.disabled??!1,c.appendChild(h),h.addEventListener("click",function(e){let a=e.detail?.constructor==Number?null:e.detail;n.querySelectorAll("button").forEach(e=>{e.checked=!1,e.classList.remove("checked")}),this.checked=!this.checked,this.classList.toggle("checked"),a||o._trigger(new g(null,[d,t[d]],e),i)});{let u=document.createElement("span");h.appendChild(u)}let p=document.createElement("span");p.innerHTML=t[d],c.appendChild(p)}return a.selected&&(console.assert(a.selected.constructor==Number),l.set(a.selected,!0)),s.appendChild(n),l}addColor(e,i,a,l={}){if(!e)throw"Set Widget Name!";let s=this.create_widget(e,b.COLOR,l);s.onGetValue=()=>h.value,s.onSetValue=(e,t)=>{h.value=e,L._dispatch_event(h,"input",t)};let n=s.domEl,r=!1;L._add_reset_property(n.domName,function(){this.style.display="none",h.value=h.iValue,L._dispatch_event(h,"input")});var o=document.createElement("span");o.className="lexcolor",o.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let h=document.createElement("input");h.style.width="32px",h.type="color",h.className="colorinput",h.id="color"+u(),h.useRGB=l.useRGB??!1,h.value=h.iValue=i.constructor===Array?c(i):i,l.disabled&&(h.disabled=!0),h.addEventListener("input",t=>{let i=t.target.value,l=t.detail;if(r||p.set(i),!l){let s=n.querySelector(".lexwidgetname .lexicon");s&&(s.style.display=i!=h.iValue?"block":"none")}h.useRGB&&(i=d(i)),l||this._trigger(new g(e,i,t),a)},!1),o.appendChild(h),this.queue(o);let p=this.addText(null,h.value,e=>{r=!0,s.set(e),r=!1},{width:"calc( 100% - 32px )"});return p.domEl.style.marginLeft="4px",this.clearQueue(),n.appendChild(o),s}addRange(e,a,l,s={}){let n=this.create_widget(e,b.RANGE,s);n.onGetValue=()=>+d.value,n.onSetValue=(e,t)=>{d.value=e,L._dispatch_event(d,"input",t)};let r=n.domEl;n.name&&L._add_reset_property(r.domName,function(){this.style.display="none",d.value=d.iValue,L._dispatch_event(d,"input")});var o=document.createElement("div");o.className="lexrange",o.style.width=s.inputWidth||"calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let d=document.createElement("input");return d.className="lexrangeslider "+(s.className??""),d.value=d.iValue=a,d.min=s.min,d.max=s.max,d.step=s.step??1,d.type="range",d.disabled=s.disabled??!1,s.left&&d.classList.add("left"),(s.fill??!0)||d.classList.add("no-fill"),d.addEventListener("input",t=>{if(isNaN(t.target.valueAsNumber))return;let a=t.detail,n=t.target.value=i(+t.target.valueAsNumber,+d.min,+d.max);if(d.value=n,!a){let o=r.querySelector(".lexwidgetname .lexicon");o&&(o.style.display=n!=d.iValue?"block":"none")}s.left&&(n=+d.max-n+ +d.min),a||this._trigger(new g(e,n,t),l)},{passive:!1}),d.addEventListener("mousedown",function(e){s.onPress&&s.onPress.bind(d)(e,d)},!1),d.addEventListener("mouseup",function(e){s.onRelease&&s.onRelease.bind(d)(e,d)},!1),n.setLimits=(e,t,i)=>{d.min=e??d.min,d.max=t??d.max,d.step=i??d.step,L._dispatch_event(d,"input",!0)},a.constructor==Number&&(a=i(a,+d.min,+d.max)),o.appendChild(d),r.appendChild(o),n.name||(r.className+=" noname",o.style.width="100%"),n}addNumber(e,l,s,n={}){let r=this.create_widget(e,b.NUMBER,n);r.onGetValue=()=>+p.value,r.onSetValue=(e,t)=>{p.value=a(e,n.precision),L._dispatch_event(p,"change",t)};let o=r.domEl;r.name&&L._add_reset_property(o.domName,function(){this.style.display="none",p.value=p.iValue,L._dispatch_event(p,"change")});var d=document.createElement("div");d.className="lexnumber",d.style.width=n.inputWidth||"calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let c=document.createElement("div");c.className="numberbox";let p=document.createElement("input");if(p.id="number_"+u(),p.className="vecinput",p.min=n.min??-1e24,p.max=n.max??1e24,p.step=n.step??"any",p.type="number",l.constructor==Number&&(l=i(l,+p.min,+p.max),l=a(l,n.precision)),p.value=p.iValue=l,c.appendChild(p),n.units){let m=document.createElement("span");m.className="lexunit",m.innerText=n.units,m.style.left=h(p.value)+"px",p.unitSpan=m,c.appendChild(m)}let f=document.createElement("a");if(f.className="fa-solid fa-arrows-up-down drag-icon hidden",c.appendChild(f),n.disabled&&(p.disabled=!0),!n.skipSlider&&void 0!==n.min&&void 0!==n.max){let v=document.createElement("input");v.className="lexinputslider",v.min=n.min,v.max=n.max,v.step=n.step??1,v.type="range",v.value=l,v.addEventListener("input",function(e){let t=+this.valueAsNumber;p.value=a(t,n.precision),L._dispatch_event(p,"change")},!1),v.addEventListener("mousedown",function(e){n.onPress&&n.onPress.bind(v)(e,v)},!1),v.addEventListener("mouseup",function(e){n.onRelease&&n.onRelease.bind(v)(e,v)},!1),c.appendChild(v),r.setLimits=(e,t,i)=>{p.min=v.min=e??p.min,p.max=v.max=t??p.max,p.step=i??p.step,v.step=i??v.step,L._dispatch_event(p,"change",!0)}}p.addEventListener("input",function(e){let t=+this.valueAsNumber;p.value=a(t,n.precision),n.units&&(p.unitSpan.style.left=h(p.value)+"px")},!1),p.addEventListener("wheel",function(e){if(e.preventDefault(),this!==document.activeElement)return;let t=n.step??1;e.shiftKey?t*=10:e.altKey&&(t*=.1);let i=+this.valueAsNumber-t*(e.deltaY>0?1:-1);this.value=a(i,n.precision),L._dispatch_event(p,"change")},{passive:!1}),p.addEventListener("change",t=>{if(isNaN(t.target.valueAsNumber))return;let l=t.detail,r=t.target.value=i(+t.target.valueAsNumber,+p.min,+p.max);if(r=n.precision?a(r,n.precision):r,c.querySelector(".lexinputslider")&&(c.querySelector(".lexinputslider").value=r),p.value=r,n.units&&(p.unitSpan.style.left=h(p.value)+"px"),!l){let d=o.querySelector(".lexwidgetname .lexicon");d&&(d.style.display=r!=p.iValue?"block":"none")}l||this._trigger(new g(e,r,t),s)},{passive:!1}),p.addEventListener("mousedown",function e(t){if(document.activeElement!=p){var i=$.root.ownerDocument;i.addEventListener("mousemove",y),i.addEventListener("mouseup",E),document.body.classList.add("noevents"),f.classList.remove("hidden"),t.stopImmediatePropagation(),t.stopPropagation(),document.pointerLockElement||p.requestPointerLock(),n.onPress&&n.onPress.bind(p)(t,p)}});var $=this;function y(e){let t=-e.movementY;if(0!=t){let i=n.step??1;e.shiftKey?i*=10:e.altKey&&(i*=.1);let a=+p.valueAsNumber+i*t;p.value=(+a).toFixed(4).replace(/([0-9]+(\.[0-9]+[1-9])?)(\.?0+$)/,"$1"),L._dispatch_event(p,"change")}e.stopPropagation(),e.preventDefault()}function E(e){var t=$.root.ownerDocument;t.removeEventListener("mousemove",y),t.removeEventListener("mouseup",E),document.body.classList.remove("noevents"),f.classList.add("hidden"),document.pointerLockElement&&document.exitPointerLock(),n.onRelease&&n.onRelease.bind(p)(e,p)}return d.appendChild(c),o.appendChild(d),r.name||(o.className+=" noname",d.style.width="100%"),r}static VECTOR_COMPONENTS={0:"x",1:"y",2:"z",3:"w"};_add_vector(e,l,s,n,r={}){if(e=i(e,2,4),s=s??Array(e).fill(0),!l)throw"Set Widget Name!";let o=this.create_widget(l,b.VECTOR,r);o.onGetValue=()=>{let e=d.querySelectorAll("input"),t=[];for(var i of e)t.push(+i.value);return t},o.onSetValue=(e,t)=>{let i=d.querySelectorAll(".vecinput");if(i.length==e.length){console.error("Input length does not match vector length.");return}for(let l=0;l<i.length;++l){let s=e[l];i[l].value=a(s,r.precision)??0,L._dispatch_event(i[l],"change",t)}};let d=o.domEl;L._add_reset_property(d.domName,function(){for(let e of(this.style.display="none",d.querySelectorAll(".vecinput")))e.value=e.iValue,L._dispatch_event(e,"change")});var c=document.createElement("div");c.className="lexvector",c.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";for(let h=0;h<e;++h){let p=document.createElement("div");p.className="vecbox",p.innerHTML="<span class='"+L.VECTOR_COMPONENTS[h]+"'></span>";let m=document.createElement("input");m.className="vecinput v"+e,m.min=r.min??-1e24,m.max=r.max??1e24,m.step=r.step??"any",m.type="number",m.id="vec"+e+"_"+u(),m.idx=h,s[h].constructor==Number&&(s[h]=i(s[h],+m.min,+m.max),s[h]=a(s[h],r.precision)),m.value=m.iValue=s[h];let f=document.createElement("a");f.className="fa-solid fa-arrows-up-down drag-icon hidden",p.appendChild(f),r.disabled&&(m.disabled=!0),m.addEventListener("wheel",function(e){if(e.preventDefault(),this!==document.activeElement)return;let t=r.step??1;if(e.shiftKey?t=10:e.altKey&&(t=.1),x.locked)for(let i of d.querySelectorAll(".vecinput"))i.value=a(+i.valueAsNumber-t*(e.deltaY>0?1:-1),r.precision),L._dispatch_event(i,"change");else this.value=a(+this.valueAsNumber-t*(e.deltaY>0?1:-1),r.precision),L._dispatch_event(m,"change")},{passive:!1}),m.addEventListener("change",e=>{if(isNaN(e.target.value))return;let t=e.detail,o=e.target.value=i(e.target.value,+m.min,+m.max);if(o=a(o,r.precision),!t){let c=d.querySelector(".lexwidgetname .lexicon");c&&(c.style.display=o!=m.iValue?"block":"none")}if(x.locked)for(let h of d.querySelectorAll(".vecinput"))h.value=o,s[h.idx]=o;else m.value=o,s[e.target.idx]=o;t||this._trigger(new g(l,s,e),n)},!1),m.addEventListener("mousedown",$);var v=this;function $(e){if(document.activeElement!=m){var t=v.root.ownerDocument;t.addEventListener("mousemove",y),t.addEventListener("mouseup",E),document.body.classList.add("noevents"),f.classList.remove("hidden"),e.stopImmediatePropagation(),e.stopPropagation(),document.pointerLockElement||m.requestPointerLock(),r.onPress&&r.onPress.bind(m)(e,m)}}function y(e){let t=-e.movementY;if(0!=t){let i=r.step??1;if(e.shiftKey?i=10:e.altKey&&(i=.1),x.locked)for(let l of d.querySelectorAll(".vecinput"))l.value=a(+l.valueAsNumber+i*t,r.precision),L._dispatch_event(l,"change");else m.value=a(+m.valueAsNumber+i*t,r.precision),L._dispatch_event(m,"change")}e.stopPropagation(),e.preventDefault()}function E(e){var t=v.root.ownerDocument;t.removeEventListener("mousemove",y),t.removeEventListener("mouseup",E),document.body.classList.remove("noevents"),f.classList.add("hidden"),document.pointerLockElement&&document.exitPointerLock(),r.onRelease&&r.onRelease.bind(m)(e,m)}p.appendChild(m),c.appendChild(p)}(void 0!==r.min||void 0!==r.max)&&(o.setLimits=(e,t,i)=>{let a=d.querySelectorAll(".vecinput");for(let r of a)r.min=e??r.min,r.max=t??r.max,r.step=i??r.step,L._dispatch_event(r,"change",!0);this._trigger(new g(l,s),n)});let x=document.createElement("a");return x.title="Lock",x.className="fa-solid fa-lock-open lexicon lock",c.appendChild(x),x.addEventListener("click",function(e){this.locked=!this.locked,this.locked?(this.classList.add("fa-lock"),this.classList.remove("fa-lock-open")):(this.classList.add("fa-lock-open"),this.classList.remove("fa-lock"))},!1),d.appendChild(c),o}addVector2(e,t,i,a){return this._add_vector(2,e,t,i,a)}addVector3(e,t,i,a){return this._add_vector(3,e,t,i,a)}addVector4(e,t,i,a){return this._add_vector(4,e,t,i,a)}addSize(e,t,i,a={}){let l=this.create_widget(e,b.SIZE,a);l.onGetValue=()=>{let e=[];for(let t=0;t<s.dimensions.length;++t)e.push(s.dimensions[t].value());return e},l.onSetValue=(e,t)=>{for(let i=0;i<s.dimensions.length;++i)s.dimensions[i].set(e[i],t)};let s=l.domEl;this.queue(s),s.aspectRatio=2==t.length?t[0]/t[1]:null,s.dimensions=[];for(let n=0;n<t.length;++n)if(s.dimensions[n]=this.addNumber(null,t[n],e=>{let t=l.value();if(s.locked){let a=0==n?1/s.aspectRatio:s.aspectRatio,r=(1+n)%2;t[r]=e*a,s.dimensions[r].set(t[r],!0)}i&&i(t)},{min:0,disabled:a.disabled,precision:a.precision}),n+1!=t.length){let r=document.createElement("a");r.className="lexsizecross fa-solid fa-xmark",s.appendChild(r)}if(this.clearQueue(),a.units){let o=document.createElement("span");o.className="lexunit",o.innerText=a.units,s.appendChild(o)}if(s.aspectRatio){let d=document.createElement("a");d.title="Lock Aspect Ratio",d.className="fa-solid fa-lock-open lexicon lock",s.appendChild(d),d.addEventListener("click",function(e){if(s.locked=!s.locked,s.locked){this.classList.add("fa-lock"),this.classList.remove("fa-lock-open");let t=l.value();s.aspectRatio=t[0]/t[1]}else this.classList.add("fa-lock-open"),this.classList.remove("fa-lock")},!1)}return l.name||(s.className+=" noname",container.style.width="100%"),l}addPad(e,i,a,n={}){if(!e)throw"Set Widget Name!";let r=this.create_widget(e,b.PAD,n);r.onGetValue=()=>h.value.xy,r.onSetValue=(t,i)=>{h.value.set(t[0],t[1]),u(h.value),i||this._trigger(new g(e,h.value.xy),a)};let o=r.domEl;var d=document.createElement("div");d.className="lexpad",d.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let c=document.createElement("div");c.id="lexpad-"+e,c.className="lexinnerpad",c.style.width=n.padSize??"96px",c.style.height=n.padSize??"96px";let h=document.createElement("div");h.className="lexpadthumb",h.value=new t.vec2(i[0],i[1]),h.min=n.min??0,h.max=n.max??1;let u=e=>{let[i,a]=[c.offsetWidth,c.offsetHeight],s=new t.vec2(l(e.x,h.min,h.max,0,1),l(e.y,h.min,h.max,0,1));h.style.transform=`translate(calc( ${i*s.x}px - 50% ), calc( ${a*s.y}px - 50%)`};s(()=>{u(h.value)}),c.appendChild(h),d.appendChild(c),o.appendChild(d),c.addEventListener("mousedown",function e(t){if(document.activeElement!=h){var i=p.root.ownerDocument;i.addEventListener("mousemove",m),i.addEventListener("mouseup",f),document.body.classList.add("nocursor"),document.body.classList.add("noevents"),t.stopImmediatePropagation(),t.stopPropagation(),n.onPress&&n.onPress.bind(h)(t,h)}});let p=this;function m(i){let s=c.getBoundingClientRect(),n=new t.vec2(i.x-s.x,i.y-s.y);n.clp(0,c.offsetWidth,n);let[r,o]=[c.offsetWidth,c.offsetHeight],d=n.div(new t.vec2(c.offsetWidth,c.offsetHeight));h.style.transform=`translate(calc( ${r*d.x}px - 50% ), calc( ${o*d.y}px - 50%)`,h.value=new t.vec2(l(d.x,0,1,h.min,h.max),l(d.y,0,1,h.min,h.max)),p._trigger(new g(e,h.value.xy,i),a),i.stopPropagation(),i.preventDefault()}function f(e){var t=p.root.ownerDocument;t.removeEventListener("mousemove",m),t.removeEventListener("mouseup",f),document.body.classList.remove("nocursor"),document.body.classList.remove("noevents"),n.onRelease&&n.onRelease.bind(h)(e,h)}return r}addProgress(e,i,s={}){if(!e)throw"Set Widget Name!";let n=this.create_widget(e,b.PROGRESS,s);n.onGetValue=()=>d.value,n.onSetValue=(e,t)=>{r.querySelector("meter").value=e,c(),r.querySelector("span")&&(r.querySelector("span").innerText=e)};let r=n.domEl;var o=document.createElement("div");o.className="lexprogress",o.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let d=document.createElement("meter");d.id="lexprogressbar-"+e,d.className="lexprogressbar",d.step="any",d.min=s.min??0,d.max=s.max??1,d.low=s.low??d.low,d.high=s.high??d.high,d.optimum=s.optimum??d.optimum,d.value=i;let c=()=>{let e=t.getThemeColor("global-selected");void 0!=d.low&&d.value<d.low?e=t.getThemeColor("global-color-error"):void 0!=d.high&&d.value<d.high&&(e=t.getThemeColor("global-color-warning")),d.style.background=`color-mix(in srgb, ${e} 20%, transparent)`};if(o.appendChild(d),r.appendChild(o),s.showValue){document.getElementById("progressvalue-"+e)&&document.getElementById("progressvalue-"+e).remove();let h=document.createElement("span");h.id="progressvalue-"+e,h.style.padding="0px 5px",h.innerText=i,o.appendChild(h)}if(s.editable){d.classList.add("editable"),d.addEventListener("mousedown",function t(i){var s=u.root.ownerDocument;s.addEventListener("mousemove",p),s.addEventListener("mouseup",m),document.body.classList.add("noevents"),d.classList.add("grabbing"),i.stopImmediatePropagation(),i.stopPropagation();let n=d.getBoundingClientRect(),r=a(l(i.offsetX,0,n.width,d.min,d.max));u.setValue(e,r)});let u=this;function p(t){if(0!=t.movementX){let i=d.getBoundingClientRect(),n=a(l(t.offsetX-i.x,0,i.width,d.min,d.max));u.setValue(e,n),s.callback&&s.callback(n,t)}t.stopPropagation(),t.preventDefault()}function m(e){var t=u.root.ownerDocument;t.removeEventListener("mousemove",p),t.removeEventListener("mouseup",m),document.body.classList.remove("noevents"),d.classList.remove("grabbing")}}return c(),n}addFile(e,i,a={}){if(!e)throw"Set Widget Name!";let l=this.create_widget(e,b.FILE,a),s=l.domEl,n=a.local??!0,r=a.type??"text",o=a.read??!0,d=document.createElement("input");if(d.className="lexfileinput",d.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+" - 10%)",d.type="file",d.disabled=a.disabled??!1,a.placeholder&&(d.placeholder=a.placeholder),d.addEventListener("change",function(e){let t=e.target.files;if(t.length){if(o){a.onBeforeRead&&a.onBeforeRead();let l=new FileReader;"text"===r?l.readAsText(t[0]):"buffer"===r?l.readAsArrayBuffer(t[0]):"bin"===r?l.readAsBinaryString(t[0]):"url"===r&&l.readAsDataURL(t[0]),l.onload=e=>{i.call(this,e.target.result,t[0])}}else i(t[0])}}),d.addEventListener("cancel",function(e){i(null)}),s.appendChild(d),this.queue(s),n){let c=null;this.addButton(null,"<a style='margin-top: 0px;' class='fa-solid fa-gear'></a>",()=>{!c&&(c=new _("Load Settings",e=>{e.addDropdown("Type",["text","buffer","bin","url"],r,e=>{r=e}),e.addButton(null,"Reload",e=>{d.dispatchEvent(new Event("change"))})},{onclose(e){e.remove(),c=null}}))},{className:"micro",skipInlineCount:!0,title:"Settings"})}return this.clearQueue(),l}addTree(e,t,i={}){let a=document.createElement("div");if(a.className="lextree",e){let l=document.createElement("span");l.innerHTML=e,a.appendChild(l)}let s=document.createElement("div");if(s.className="lextreetools",e||(s.className+=" notitle"),i.icons)for(let n of i.icons){let r=document.createElement("a");r.title=n.name,r.className="lexicon "+n.icon,r.addEventListener("click",n.callback),s.appendChild(r)}i.filter=i.filter??!0;let o=null;if(i.filter){(o=document.createElement("input")).id="lexnodetree_filter",o.setAttribute("placeholder","Filter.."),o.style.width="calc( 100% - 17px )",o.addEventListener("input",function(){h.refresh()});let d=document.createElement("a");d.className="lexicon fa-solid fa-magnifying-glass",s.appendChild(o),s.appendChild(d)}(i.icons||i.filter)&&a.appendChild(s);let c=document.createElement("ul");c.addEventListener("contextmenu",function(e){e.preventDefault()}),a.appendChild(c),this.root.appendChild(a);let h=new w(a,t,i);return h}addSeparator(){var e=document.createElement("div");e.className="lexseparator";let t=new b(null,b.SEPARATOR);t.domEl=e,this.current_branch?(this.current_branch.content.appendChild(e),this.current_branch.widgets.push(t)):this.root.appendChild(e)}addTabs(e,t={}){let i=this.current_branch?this.current_branch.content:this.root;if(this.current_branch||console.warn("No current branch!"),e.constructor!=Array)throw"Param @tabs must be an Array!";let a=t.vertical??!0,l=!a&&(t.showNames??!1),s=document.createElement("div");s.className="lextabscontainer",a||(s.className+=" horizontal");let n=document.createElement("div");n.className="tabs",s.appendChild(n),i.appendChild(s);for(let r=0;r<e.length;++r){let o=e[r];console.assert(o.name);let d=0==r,c=document.createElement("div");c.className="lextab "+(r==e.length-1?"last":"")+(d?"selected":""),c.innerHTML=(l?o.name:"")+"<a class='"+(o.icon||"fa fa-hashtag")+" "+(l?"withname":"")+"'></a>",c.title=o.name;let h=document.createElement("div");h.id=o.name.replace(/\s/g,""),h.className="widgets",d||h.toggleAttribute("hidden",!0),s.appendChild(h),c.addEventListener("click",e=>{n.querySelectorAll(".lextab").forEach(e=>{e.classList.remove("selected")}),e.target.classList.add("selected"),s.querySelectorAll(".widgets").forEach(e=>{e.toggleAttribute("hidden",!0)});let t=s.querySelector("#"+h.id);t.toggleAttribute("hidden"),o.onSelect&&o.onSelect(this,h)}),n.appendChild(c),o.onCreate&&(this.queue(h),o.onCreate(this,h),this.clearQueue())}this.addSeparator()}addCounter(e,t,a,l={}){let s=this.create_widget(e,b.COUNTER,l);s.onGetValue=()=>p.count,s.onSetValue=(e,t)=>{c(e,t)};let n=s.domEl,r=l.min??0,o=l.max??100,d=l.step??1,c=(t,l,s)=>{t=i(t,r,o),p.count=t,p.innerHTML=t,l||this._trigger(new g(e,t,s),a)},h=document.createElement("div");h.className="lexcounter",n.appendChild(h),this.queue(h),this.addButton(null,"<a style='margin-top: 0px;' class='fa-solid fa-minus'></a>",(e,t)=>{let i=d??1;t.shiftKey&&(i*=10),c(p.count-i,!1,t)},{className:"micro",skipInlineCount:!0,title:"Minus"}),this.clearQueue();let u=document.createElement("div");u.className="lexcounterbox",h.appendChild(u);let p=document.createElement("span");if(p.className="lexcountervalue",p.innerHTML=t,p.count=t,u.appendChild(p),l.label){let m=document.createElement("span");m.className="lexcounterlabel",m.innerHTML=l.label,u.appendChild(m)}return this.queue(h),this.addButton(null,"<a style='margin-top: 0px;' class='fa-solid fa-plus'></a>",(e,t)=>{let i=d??1;t.shiftKey&&(i*=10),c(p.count+i,!1,t)},{className:"micro",skipInlineCount:!0,title:"Plus"}),this.clearQueue(),s}addTable(e,i,a={}){if(!i)throw"Data is needed to create a table!";let l=this.create_widget(e,b.TABLE,a);l.onGetValue=()=>{},l.onSetValue=(e,t)=>{};let s=l.domEl,n=document.createElement("div");n.className="lextable",n.style.width="calc( 100% - "+t.DEFAULT_NAME_WIDTH+")";let r=document.createElement("table");function o(e,t,i,a){return i[e]<a[e]?-t:i[e]>a[e]?t:0}return n.appendChild(r),i.head=i.head??[],i.body=i.body??[],i.orderMap={},i.checkMap={},l.refreshTable=()=>{r.innerHTML="";{let e=document.createElement("thead");e.className="lextablehead",r.appendChild(e);let s=document.createElement("tr");if(a.selectable){let n=document.createElement("th"),d=document.createElement("input");d.type="checkbox",d.className="lexcheckbox",d.checked=i.checkMap[":root"]??!1,n.appendChild(d),d.addEventListener("change",function(){i.checkMap[":root"]=this.checked;let e=r.querySelector("tbody");for(let t of e.childNodes)i.checkMap[t.getAttribute("rowId")]=this.checked,t.querySelector("input").checked=this.checked}),s.appendChild(n)}for(let c of i.head){let h=document.createElement("th");h.innerHTML=`${c} <a class="fa-solid fa-sort"></a>`,h.querySelector("a").addEventListener("click",()=>{i.orderMap[c]||(i.orderMap[c]=1);let e=i.head.indexOf(c);i.body=i.body.sort(o.bind(this,e,i.orderMap[c])),i.orderMap[c]=-i.orderMap[c],l.refreshTable()}),s.appendChild(h)}if(a.rowActions){let u=document.createElement("th");u.className="sm",s.appendChild(u)}e.appendChild(s)}{let p=document.createElement("tbody");p.className="lextablebody",r.appendChild(p);for(let m=0;m<i.body.length;++m){let g=i.body[m],f=document.createElement("tr"),v=t.getSupportedDOMName(g.join("-"));if(f.setAttribute("rowId",v),a.selectable){let $=document.createElement("td"),y=document.createElement("input");y.type="checkbox",y.className="lexcheckbox",y.checked=i.checkMap[v],$.appendChild(y),y.addEventListener("change",function(){if(i.checkMap[v]=this.checked,!this.checked){let e=r.querySelector("thead input[type='checkbox']");e.checked=i.checkMap[":root"]=!1}}),f.appendChild($)}for(let E of g){let x=document.createElement("td");x.innerHTML=`${E}`,f.appendChild(x)}if(a.rowActions){let b=document.createElement("td");b.className="sm";let w=document.createElement("div");for(let L of(w.className="lextablebuttons",b.appendChild(w),a.rowActions)){let C=document.createElement("a");C.className="lexicon","delete"==L?(C.className+=" fa-solid fa-trash-can",C.addEventListener("click",function(){i.body.splice(m,1),f.remove()})):"menu"==L?(C.className+=" fa-solid fa-ellipsis",C.addEventListener("click",function(e){k(null,e,e=>{if(a.onMenuAction){a.onMenuAction(e);return}console.warn("Using <Menu action> without action callbacks.")})})):(console.assert(L.constructor==Object),C.className+=` ${L.icon}`),w.appendChild(C)}f.appendChild(b)}p.appendChild(f)}}},l.refreshTable(),l.name||(s.className+=" noname",n.style.width="100%"),s.appendChild(n),l}}t.Panel=L;class C{constructor(e,i={}){this.name=e;var a=document.createElement("div");a.className="lexbranch",i.id&&(a.id=i.id),i.className&&(a.className+=" "+i.className),a.style.width="calc(100% - 7px)",a.style.margin="0 auto";var l=this;this.root=a,this.widgets=[];var n=document.createElement("div");n.className="lexbranchtitle",n.innerHTML="<a class='fa-solid fa-angle-up switch-branch-button'></a>",i.icon&&(n.innerHTML+="<a class='branchicon "+i.icon+"' style='margin-right: 8px; margin-bottom: -2px;'>"),n.innerHTML+=e||"Branch",a.appendChild(n);var r=document.createElement("div");r.id=e.replace(/\s/g,""),r.className="lexbranchcontent",a.appendChild(r),this.content=r,this._addBranchSeparator(),i.closed&&(n.className+=" closed",a.className+=" closed",this.grabber.setAttribute("hidden",!0),s(()=>{this.content.setAttribute("hidden",!0)},15)),this.onclick=function(e){e.stopPropagation(),this.classList.toggle("closed"),this.parentElement.classList.toggle("closed"),l.content.toggleAttribute("hidden"),l.grabber.toggleAttribute("hidden"),t.emit("@on_branch_closed",this.classList.contains("closed"),{target:l.panel})},this.oncontextmenu=function(e){e.preventDefault(),e.stopPropagation(),!this.parentElement.classList.contains("dialog")&&k("Dock",e,t=>{e.preventDefault(),t.add("Floating",l._on_make_floating.bind(l))},{icon:"fa-regular fa-window-restore"})},n.addEventListener("click",this.onclick),n.addEventListener("contextmenu",this.oncontextmenu)}_on_make_floating(){let e=new _(this.name,e=>{for(let t of this.widgets)e.root.appendChild(t.domEl)});e.widgets=this.widgets;let t=this.root.parentElement;this.root.remove();let i=t.querySelector(".lexbranch");i&&i.classList.add("first");let a=t.querySelectorAll(".lexbranch");a.length&&a[a.length-1].classList.add("last")}_addBranchSeparator(){let e=document.createElement("div");e.className="lexwidgetseparator",e.style.width="100%",e.style.background="none";let a=document.createElement("div");a.innerHTML="&#9662;",e.appendChild(a),s(()=>{a.style.marginLeft=parseFloat(t.DEFAULT_NAME_WIDTH)/100*this.content.offsetWidth+"px"},10);let l=document.createElement("div");l.style.width="1px",l.style.marginLeft="6px",l.style.marginTop="2px",l.style.height="0px",a.appendChild(l),a.addEventListener("mousedown",function e(t){var i=n.root.ownerDocument;i.addEventListener("mouseup",o),i.addEventListener("mousemove",r),t.stopPropagation(),t.preventDefault();let a=n.root.offsetHeight-n.root.children[0].offsetHeight;l.style.height=a-3+"px",document.body.classList.add("nocursor")}),this.grabber=a;let n=this;function r(e){let t=e.movementX;if(0!=t){let l=parseFloat(a.style.marginLeft);a.style.marginLeft=i(l+t,32,n.content.offsetWidth-32)+"px"}}function o(e){n._updateWidgets(),l.style.height="0px";var t=n.root.ownerDocument;t.removeEventListener("mouseup",o),t.removeEventListener("mousemove",r),document.body.classList.remove("nocursor")}this.content.appendChild(e)}_updateWidgets(){for(var e=this.grabber.style.marginLeft,t=0;t<this.widgets.length;t++){let i=this.widgets[t],a=i.domEl;if(a.children.length<2)continue;var l=a.children[0],s=a.children[1];l.style.width=e;let n="0px";i.type===b.FILE&&(n="10%"),s.style.width="-moz-calc( 100% - "+e+" - "+n+" )",s.style.width="-webkit-calc( 100% - "+e+" - "+n+" )",s.style.width="calc( 100% - "+e+" - "+n+" )",i.onresize&&i.onresize()}}}t.Branch=C,t.Footer=class e{constructor(e={}){let t=document.createElement("footer");t.className="lexfooter";let i=document.createElement("div");if(i.className="wrapper",t.appendChild(i),e.columns&&e.columns.constructor==Array){let a=document.createElement("div");for(let l of(a.className="columns",a.style.gridTemplateColumns="1fr ".repeat(e.columns.length),i.appendChild(a),e.columns)){let s=document.createElement("div");s.className="col",a.appendChild(s);let n=document.createElement("h2");if(n.innerHTML=l.title,s.appendChild(n),!l.items||!l.items.length)continue;let r=document.createElement("ul");for(let o of(s.appendChild(r),l.items)){let d=document.createElement("li");d.innerHTML=`<a class="" href="${o.link}">${o.title}</a>`,r.appendChild(d)}}}if(e.credits||e.socials){let c=document.createElement("hr");i.appendChild(c);let h=document.createElement("div");if(h.className="credits-and-socials",i.appendChild(h),e.credits){let u=document.createElement("p");u.innerHTML=e.credits,h.appendChild(u)}if(e.socials){let p=document.createElement("div");for(let m of(p.className="social",e.socials)){let g=document.createElement("a");g.title=m.title,g.innerHTML=m.icon,g.href=m.link,g.target="_blank",p.appendChild(g)}h.appendChild(p)}}let f=e.parent??document.body;f.appendChild(t)}};class _{static _last_id=0;constructor(e,i,a={}){i||console.warn("Content is empty, add some widgets using 'callback' parameter!"),this._oncreate=i,this.id=u();let l=a.size??[],n=a.position??[],r=a.draggable??!0,o=a.modal??!1;var d=document.createElement("dialog");d.className="lexdialog "+(a.className??""),d.id=a.id??"dialog"+_._last_id++,t.root.appendChild(d),s(()=>{o?d.showModal():d.show()},10);let c=this;var h=document.createElement("div");if(e&&(h.className="lexdialogtitle",h.innerHTML=e,h.setAttribute("draggable",!1),h.oncontextmenu=function(i){i.preventDefault(),i.stopPropagation(),t.main_area&&"horizontal"===t.main_area.type&&k("Dock",i,a=>{i.preventDefault();let l=function(e){let t=e.panels[0];if(t)return t;for(var i of e.sections)if(t=l(i))return t},s=function(t){let i=t.branches.find(t=>t.name===e);for(let a of(i?t.root.appendChild(i.root):(t.branch(e),i=t.branches.find(t=>t.name===e)),c.widgets))i.content.appendChild(a.domEl);i.widgets=c.widgets,t.root.querySelectorAll(".lexbranch.last").forEach(e=>{e.classList.remove("last")}),i.root.classList.add("last"),d.remove()},n=l(t.main_area.sections[1]);a.add('<i class="fa-regular fa-window-maximize fa-window-maximize fa-rotate-90">',{disabled:!n,id:"dock_options0",callback(){s(n)}});let r=l(t.main_area.sections[0]);a.add('<i class="fa-regular fa-window-maximize fa-window-maximize fa-rotate-270">',{disabled:!r,id:"dock_options1",callback(){s(r)}})},{icon:"fa-regular fa-window-restore"})},d.appendChild(h)),a.closable??!0){this.close=()=>{a.onBeforeClose&&a.onBeforeClose(this),a.onclose?a.onclose(this.root):(d.close(),s(()=>{c.panel.clear(),d.remove()},150))};var m=document.createElement("a");m.className="lexdialogcloser fa-solid fa-xmark",m.title="Close",m.addEventListener("click",this.close),e?h.appendChild(m):(m.classList.add("notitle"),d.appendChild(m))}let g=new L;g.root.classList.add("lexdialogcontent"),e||g.root.classList.add("notitle"),i&&i.call(this,g),d.appendChild(g.root),g.root.querySelectorAll(".lexbranch").forEach(e=>e.classList.add("dialog")),this.panel=g,this.root=d,this.title=h,r&&p(d,Object.assign({targetClass:"lexdialogtitle"},a)),l.length&&"string"!=typeof l[0]&&(l[0]+="px"),l.length&&"string"!=typeof l[1]&&(l[1]+="px"),d.style.width=l[0]?l[0]:"25%",d.style.height=l[1]?l[1]:"auto",d.style.translate=a.position?"unset":"-50% -50%",a.size&&(this.size=l),d.style.left=n[0]??"50%",d.style.top=n[1]??"50%",g.root.style.width="calc( 100% - 30px )",g.root.style.height=e?"calc( 100% - "+(h.offsetHeight+30)+"px )":"calc( 100% - 51px )"}destroy(){this.root.remove()}refresh(){this.panel.root.innerHTML="",this._oncreate.call(this,this.panel)}setPosition(e,t){this.root.style.left=e+"px",this.root.style.top=t+"px"}setTitle(e){let t=this.root.querySelector(".lexdialogtitle");t&&(t.innerText=e)}}t.Dialog=_;class T extends _{static TOP=0;static BOTTOM=1;constructor(e,i,a={}){a.draggable=a.draggable??!1,a.closable=a.closable??!1,super(e,i,a);let l=this;if(t.addSignal("@on_branch_closed",this.panel,e=>{this.dock_pos==T.BOTTOM&&(this.root.style.top="calc(100% - "+(this.root.offsetHeight+3)+"px)")}),this.root.classList.add("pocket"),this.root.style.translate="none",this.root.style.top="0",this.root.style.left="unset",a.position||(this.root.style.right="3px",this.root.style.top="3px"),this.panel.root.style.width="calc( 100% - 12px )",this.panel.root.style.height="calc( 100% - 40px )",this.dock_pos=T.TOP,this.minimized=!1,this.title.tabIndex=-1,this.title.addEventListener("click",e=>{if(this.title._eventCatched){this.title._eventCatched=!1;return}this.size&&(this.minimized?this.root.style.height=this.size[1]:this.root.style.height="auto"),this.root.classList.toggle("minimized"),this.minimized=!this.minimized,this.dock_pos==T.BOTTOM&&(l.root.style.top=this.root.classList.contains("minimized")?"calc(100% - "+(l.title.offsetHeight+6)+"px)":"calc(100% - "+(l.root.offsetHeight+3)+"px)")}),!a.draggable){let s=a.float;if(s)for(var n=0;n<s.length;n++){let r=s[n];switch(r){case"b":this.root.style.top="calc(100% - "+(this.root.offsetHeight+3)+"px)";break;case"l":this.root.style.right="unset",this.root.style.left=a.position?a.position[1]:"3px"}}this.root.classList.add("dockable"),this.title.addEventListener("keydown",function(e){e.ctrlKey&&(l.root.style.right="unset","ArrowLeft"==e.key?l.root.style.left="0px":"ArrowRight"==e.key?l.root.style.left="calc(100% - "+(l.root.offsetWidth+3)+"px)":"ArrowUp"==e.key?(l.root.style.top="0px",l.dock_pos=T.TOP):"ArrowDown"==e.key&&(l.root.style.top="calc(100% - "+(l.root.offsetHeight+3)+"px)",l.dock_pos=T.BOTTOM))})}}}t.PocketDialog=T;class N{constructor(e,t,i={}){if(document.body.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove()),this.root=document.createElement("div"),this.root.className="lexcontextmenu",this.root.style.left=e.x-48+document.scrollingElement.scrollLeft+"px",this.root.style.top=e.y-8+document.scrollingElement.scrollTop+"px",this.root.addEventListener("mouseleave",function(){this.remove()}),this.items=[],this.colors={},t){let a={};a[t]=[],a.className="cmtitle",a.icon=i.icon,this.items.push(a)}}_adjustPosition(e,t,i=!1){let a=e.getBoundingClientRect();if(i){let l=window.innerWidth-a.right;l<0&&(e.style.left=e.offsetLeft+(l-t)+"px"),(l=window.innerHeight-(a.top+a.height))<0&&(e.style.top=e.offsetTop+(l-t+20)+"px")}else{let s=a.width;a.left<0?e.style.left=t+"px":window.innerWidth-a.right<0&&(e.style.left=window.innerWidth-s-t+"px"),a.top<0?e.style.top=t+"px":a.top+a.height>window.innerHeight&&(e.style.top=window.innerHeight-a.height-t+"px")}}_createSubmenu(e,t,i,a){this.root.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove());let l=document.createElement("div");l.className="lexcontextmenu",i.appendChild(l);for(var s=0;s<e[t].length;++s){let n=e[t][s],r=Object.keys(n)[0];this._createEntry(n,r,l,a)}var o=i.getBoundingClientRect();l.style.left=o.width+"px",l.style.marginTop=3.5-i.offsetHeight+"px",this._adjustPosition(l,6,!0)}_createEntry(e,i,a,l){let s=e[i].length,r=document.createElement("div");r.className="lexmenuboxentry"+(e.className?" "+e.className:""),r.id=e.id??"eId"+n(i),r.innerHTML="";let o=e.icon;o&&(r.innerHTML+="<a class='"+o+" fa-sm'></a>");let d=e.disabled;if(r.innerHTML+="<div class='lexentryname"+(d?" disabled":"")+"'>"+i+"</div>",a.appendChild(r),this.colors[i]&&(r.style.borderColor=this.colors[i]),""==i){r.className+=" cmseparator";return}if(r.addEventListener("click",a=>{if(a.stopPropagation(),a.stopImmediatePropagation(),d)return;let n=e.callback;n&&(n.call(this,i,r),this.root.remove()),s&&"click"==t.OPEN_CONTEXTMENU_ENTRY&&this._createSubmenu(e,i,r,++l)}),!s)return;let c=document.createElement("a");c.className="fa-solid fa-bars-staggered fa-xs",r.appendChild(c),"mouseover"==t.OPEN_CONTEXTMENU_ENTRY&&r.addEventListener("mouseover",t=>{r.built||(r.built=!0,this._createSubmenu(e,i,r,++l),t.stopPropagation())}),r.addEventListener("mouseleave",()=>{l=-1,a.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove())})}onCreate(){s(()=>this._adjustPosition(this.root,6))}add(e,t={}){t.constructor==Function&&(t={callback:t}),e+="";let i=e.split("/"),a=i[i.length-1];this.colors[a]=t.color;let l=0,s=(e,a)=>{if(void 0==e)return;let n=null;if(a.forEach(t=>{let i=Object.keys(t),a=i.find(t=>t==e);a&&(n=t[a])}),n)s(i[l++],n);else{let r={};r[e]=[];let o=i[l++];o||(r.id=t.id,r.callback=t.callback,r.disabled=t.disabled??!1),a.push(r),s(o,r[e])}};s(i[l++],this.items);let r=e=>{let t=Object.keys(e)[0],i=e[t];if(i.length){if(null==i.find(e=>Object.keys(e)[0]==t)){let a={};a[t]=[],a.className="cmtitle",e[t].unshift(a)}for(var l of e[t]){let s=Object.keys(l)[0];for(var n=0;n<l[s].length;++n)r(l)}}};for(let o of this.items)r(o);for(let d of this.items){let c=Object.keys(d)[0],h="eId"+n(c),u="#"+(d.id??h);this.root.querySelector(u)||this._createEntry(d,c,this.root,-1)}}setColor(e,t){"#"!==t[0]&&(t=c(t)),this.colors[e]=t}}function k(e,i,a,l){var s=new N(i,e,l);return t.root.appendChild(s.root),a&&a(s),s.onCreate(),s}t.ContextMenu=N,t.addContextMenu=k;class S{constructor(e,i,a={}){let l=document.createElement("div");l.className="curve "+(a.className?a.className:""),l.style.minHeight="50px",l.style.width=a.width||"100%",l.style.minWidth="50px",l.style.minHeight="20px",l.bgcolor=a.bgColor||t.getThemeColor("global-intense-background"),l.pointscolor=a.pointsColor||t.getThemeColor("global-selected-light"),l.linecolor=a.lineColor||"#555",l.value=i||[],l.xrange=a.xrange||[0,1],l.yrange=a.yrange||[0,1],l.defaulty=null!=a.defaulty?a.defaulty:0,l.no_overlap=a.noOverlap||!1,l.show_samples=a.showSamples||0,l.allow_add_values=a.allowAddValues??!0,l.draggable_x=a.draggableX??!0,l.draggable_y=a.draggableY??!0,l.smooth=(a.smooth&&"number"==typeof a.smooth?a.smooth:.3)||!1,l.move_out=a.moveOutAction??t.CURVE_MOVEOUT_DELETE,t.addSignal("@on_new_color_scheme",(e,i)=>{l.bgcolor=a.bgColor||t.getThemeColor("global-intense-background"),l.pointscolor=a.pointsColor||t.getThemeColor("global-selected-light"),this.redraw()}),this.element=l;let s=document.createElement("canvas");function n(e){return[s.width*(e[0]-l.xrange[0])/l.xrange[1],s.height*(e[1]-l.yrange[0])/l.yrange[1]]}function r(e){return[e[0]*l.xrange[1]/s.width+l.xrange[0],e[1]*l.yrange[1]/s.height+l.yrange[0]]}s.width=a.width||200,s.height=a.height||50,l.appendChild(s),this.canvas=s,l.addEventListener("mousedown",function e(i){document.addEventListener("mousemove",c),document.addEventListener("mouseup",h);var a=s.getBoundingClientRect(),u=i.clientX-a.left,g=i.clientY-a.top;if(o=function e(t,i){for(var a=1e5,s=-1,r=0;r<l.value.length;r++){var o=n(l.value[r]),d=p([t,i],o);d<a&&d<8&&(a=d,s=r)}return s}(u,s.height-g),i.button==t.MOUSE_LEFT_CLICK&&-1==o&&l.allow_add_values){var f=r([u,s.height-g]);l.value.push(f),m(),o=l.value.indexOf(f)}d=[u,g],l.redraw(),i.preventDefault(),i.stopPropagation()}),l.getValueAt=function(e){if(e<l.xrange[0]||e>l.xrange[1])return l.defaulty;for(var t=[l.xrange[0],l.defaulty],i=0,a=0;a<l.value.length;a+=1){var s=l.value[a];if(e==s[0])return s[1];if(e<s[0])return i=(e-t[0])/(s[0]-t[0]),t[1]*(1-i)+s[1]*i;t=s}return s=[l.xrange[1],l.defaulty],i=(e-t[0])/(s[0]-t[0]),t[1]*(1-i)+s[1]*i},l.resample=function(e){for(var t=[],i=(l.xrange[1]-l.xrange[0])/e,a=l.xrange[0];a<=l.xrange[1];a+=i)t.push(l.getValueAt(a));return t},l.addValue=function(e){for(var t=0;t<l.value;t++)if(!(l.value[t][0]<e[0])){l.value.splice(t,0,e),redraw();return}l.value.push(e),redraw()};var o=-1;l.redraw=function(e={}){e.value&&(l.value=e.value),e.xrange&&(l.xrange=e.xrange),e.yrange&&(l.yrange=e.yrange),e.smooth&&(l.smooth=e.smooth);var i=s.parentElement.getBoundingClientRect();s.parentElement.parentElement&&(i=s.parentElement.parentElement.getBoundingClientRect()),i&&s.width!=i.width&&i.width&&i.width<1e3&&(s.width=i.width);var a=s.getContext("2d");a.setTransform(1,0,0,1,0,0),a.translate(0,s.height),a.scale(1,-1),a.fillStyle=l.bgcolor,a.fillRect(0,0,s.width,s.height),a.strokeStyle=l.linecolor,a.beginPath();var r=n([l.xrange[0],l.defaulty]);a.moveTo(r[0],r[1]);let d=[r[0],r[1]];for(var c in l.value){var h=l.value[c];r=n(h),d.push(r[0]),d.push(r[1]),l.smooth||a.lineTo(r[0],r[1])}r=n([l.xrange[1],l.defaulty]),d.push(r[0]),d.push(r[1]),l.smooth?t.UTILS.drawSpline(a,d,l.smooth):(a.lineTo(r[0],r[1]),a.stroke());for(var c=0;c<l.value.length;c+=1){var h=l.value[c];r=n(h),o==c?a.fillStyle="white":a.fillStyle=l.pointscolor,a.beginPath(),a.arc(r[0],r[1],o==c?4:3,0,2*Math.PI),a.fill()}if(l.show_samples){var u=l.resample(l.show_samples);a.fillStyle="#888";for(var c=0;c<u.length;c+=1){var h=[c*((l.xrange[1]-l.xrange[0])/l.show_samples)+l.xrange[0],u[c]];r=n(h),a.beginPath(),a.arc(r[0],r[1],2,0,2*Math.PI),a.fill()}}};var d=[0,0];function c(e){var i=s.getBoundingClientRect(),a=e.clientX-i.left,n=e.clientY-i.top;a<0?a=0:a>s.width&&(a=s.width),n<0?n=0:n>s.height&&(n=s.height);let c=[e.clientX-i.left,e.clientY-i.top];if(-1!=o&&p(c,[a,n])>.5*s.height){if(l.move_out==t.CURVE_MOVEOUT_DELETE)l.value.splice(o,1);else{let g=[c[0]-a,c[1]-n],f=l.value[o];f[0]=0==g[0]?f[0]:g[0]<0?l.xrange[0]:l.xrange[1],f[1]=0==g[1]?f[1]:g[1]<0?l.yrange[1]:l.yrange[0]}h(e);return}var v,$=r([-(l.draggable_x?d[0]-a:0),l.draggable_y?d[1]-n:0]);if(-1!=o){var y=l.xrange[0],E=l.xrange[1];l.no_overlap&&(o>0&&(y=l.value[o-1][0]),o<l.value.length-1&&(E=l.value[o+1][0]));var x=l.value[o];x[0]+=$[0],x[1]+=$[1],x[0]<y?x[0]=y:x[0]>E&&(x[0]=E),x[1]<l.yrange[0]?x[1]=l.yrange[0]:x[1]>l.yrange[1]&&(x[1]=l.yrange[1])}m(),l.redraw(),d[0]=a,d[1]=n,u(e),e.preventDefault(),e.stopPropagation()}function h(e){o=-1,l.redraw(),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",h),u(e),e.preventDefault(),e.stopPropagation()}function u(e){a.callback&&a.callback.call(l,l.value,e)}function p(e,t){return Math.sqrt(Math.pow(t[0]-e[0],2)+Math.pow(t[1]-e[1],2))}function m(){var e=null;-1!=o&&(e=l.value[o]),l.value.sort(function(e,t){return e[0]-t[0]}),e&&(o=l.value.indexOf(e))}return l.redraw(),this}redraw(e={}){this.element.redraw(e)}}t.Curve=S;class A{constructor(e,i,a={}){let l=document.createElement("div");l.className="dial "+(a.className?a.className:""),l.style.width=l.style.height=a.size||"100%",l.style.minWidth=l.style.minHeight="50px",l.bgcolor=a.bgColor||t.getThemeColor("global-dark-background"),l.pointscolor=a.pointsColor||t.getThemeColor("global-selected-light"),l.linecolor=a.lineColor||"#555",l.value=i||[],l.xrange=a.xrange||[0,1],l.yrange=a.yrange||[0,1],l.defaulty=null!=a.defaulty?a.defaulty:0,l.no_overlap=a.noOverlap||!1,l.show_samples=a.showSamples||0,l.allow_add_values=a.allowAddValues??!0,l.draggable_x=a.draggableX??!0,l.draggable_y=a.draggableY??!0,l.smooth=(a.smooth&&"number"==typeof a.smooth?a.smooth:.3)||!1,l.move_out=a.moveOutAction??t.CURVE_MOVEOUT_DELETE,this.element=l;let s=document.createElement("canvas");function n(e,t){return e[0],[s.width*(e[0]-l.xrange[0])/l.xrange[1],s.height*(e[1]-l.yrange[0])/l.yrange[1]]}function r(e){return[e[0]*l.xrange[1]/s.width+l.xrange[0],e[1]*l.yrange[1]/s.height+l.yrange[0]]}s.width=s.height=a.size||200,l.appendChild(s),this.canvas=s,l.addEventListener("mousedown",function e(i){document.addEventListener("mousemove",c),document.addEventListener("mouseup",h);var a=s.getBoundingClientRect(),u=i.clientX-a.left,g=i.clientY-a.top;if(o=function e(t,i){for(var a=1e5,s=-1,r=0;r<l.value.length;r++){var o=n(l.value[r]),d=p([t,i],o);d<a&&d<8&&(a=d,s=r)}return s}(u,s.height-g),i.button==t.MOUSE_LEFT_CLICK&&-1==o&&l.allow_add_values){var f=r([u,s.height-g]);l.value.push(f),m(),o=l.value.indexOf(f)}d=[u,g],l.redraw(),i.preventDefault(),i.stopPropagation()}),l.getValueAt=function(e){if(e<l.xrange[0]||e>l.xrange[1])return l.defaulty;for(var t=[l.xrange[0],l.defaulty],i=0,a=0;a<l.value.length;a+=1){var s=l.value[a];if(e==s[0])return s[1];if(e<s[0])return i=(e-t[0])/(s[0]-t[0]),t[1]*(1-i)+s[1]*i;t=s}return s=[l.xrange[1],l.defaulty],i=(e-t[0])/(s[0]-t[0]),t[1]*(1-i)+s[1]*i},l.resample=function(e){for(var t=[],i=(l.xrange[1]-l.xrange[0])/e,a=l.xrange[0];a<=l.xrange[1];a+=i)t.push(l.getValueAt(a));return t},l.addValue=function(e){for(var t=0;t<l.value;t++)if(!(l.value[t][0]<e[0])){l.value.splice(t,0,e),redraw();return}l.value.push(e),redraw()};var o=-1;l.redraw=function(e={}){e.value&&(l.value=e.value),e.xrange&&(l.xrange=e.xrange),e.yrange&&(l.yrange=e.yrange),e.smooth&&(l.smooth=e.smooth);var t=s.parentElement.getBoundingClientRect();s.parentElement.parentElement&&(t=s.parentElement.parentElement.getBoundingClientRect()),t&&s.width!=t.width&&t.width&&t.width<1e3&&(s.width=t.width);var i=s.getContext("2d");i.setTransform(1,0,0,1,0,0),i.translate(0,s.height),i.scale(1,-1),i.fillStyle=l.bgcolor,i.fillRect(0,0,s.width,s.height),i.strokeStyle=l.linecolor,i.beginPath();var a=n([l.xrange[0],l.defaulty]);i.moveTo(a[0],a[1]);let r=[a[0],a[1]];for(var d in l.value){var c=l.value[d];a=n(c),r.push(a[0]),r.push(a[1])}a=n([l.xrange[1],l.defaulty]),r.push(a[0]),r.push(a[1]),a=n([0,0]),i.fillStyle="gray",i.beginPath(),i.arc(a[0],a[1],3,0,2*Math.PI),i.fill();for(var d=0;d<l.value.length;d+=1){var c=l.value[d];a=n(c),o==d?i.fillStyle="white":i.fillStyle=l.pointscolor,i.beginPath(),i.arc(a[0],a[1],o==d?4:3,0,2*Math.PI),i.fill()}if(l.show_samples){var h=l.resample(l.show_samples);i.fillStyle="#888";for(var d=0;d<h.length;d+=1){var c=[d*((l.xrange[1]-l.xrange[0])/l.show_samples)+l.xrange[0],h[d]];a=n(c),i.beginPath(),i.arc(a[0],a[1],2,0,2*Math.PI),i.fill()}}};var d=[0,0];function c(e){var i=s.getBoundingClientRect(),a=e.clientX-i.left,n=e.clientY-i.top;a<0?a=0:a>s.width&&(a=s.width),n<0?n=0:n>s.height&&(n=s.height);let c=[e.clientX-i.left,e.clientY-i.top];if(-1!=o&&p(c,[a,n])>.5*s.height){if(l.move_out==t.CURVE_MOVEOUT_DELETE)l.value.splice(o,1);else{let g=[c[0]-a,c[1]-n],f=l.value[o];f[0]=0==g[0]?f[0]:g[0]<0?l.xrange[0]:l.xrange[1],f[1]=0==g[1]?f[1]:g[1]<0?l.yrange[1]:l.yrange[0]}h(e);return}var v,$=r([-(l.draggable_x?d[0]-a:0),l.draggable_y?d[1]-n:0]);if(-1!=o){var y=l.xrange[0],E=l.xrange[1];l.no_overlap&&(o>0&&(y=l.value[o-1][0]),o<l.value.length-1&&(E=l.value[o+1][0]));var x=l.value[o];x[0]+=$[0],x[1]+=$[1],x[0]<y?x[0]=y:x[0]>E&&(x[0]=E),x[1]<l.yrange[0]?x[1]=l.yrange[0]:x[1]>l.yrange[1]&&(x[1]=l.yrange[1])}m(),l.redraw(),d[0]=a,d[1]=n,u(e),e.preventDefault(),e.stopPropagation()}function h(e){o=-1,l.redraw(),document.removeEventListener("mousemove",c),document.removeEventListener("mouseup",h),u(e),e.preventDefault(),e.stopPropagation()}function u(e){a.callback&&a.callback.call(l,l.value,e)}function p(e,t){return Math.sqrt(Math.pow(t[0]-e[0],2)+Math.pow(t[1]-e[1],2))}function m(){var e=null;-1!=o&&(e=l.value[o]),l.value.sort(function(e,t){return e[0]-t[0]}),e&&(o=l.value.indexOf(e))}return l.redraw(),this}redraw(e={}){this.element.redraw(e)}}t.Dial=A;class D{static NONE=0;static ASSET_SELECTED=1;static ASSET_DELETED=2;static ASSET_RENAMED=3;static ASSET_CLONED=4;static ASSET_DBLCLICKED=5;static ENTER_FOLDER=6;static ASSET_CHECKED=7;constructor(e,t,i){this.type=e||f.NONE,this.item=t,this.value=i,this.multiple=!1}string(){switch(this.type){case D.NONE:return"assetview_event_none";case D.ASSET_SELECTED:return"assetview_event_selected";case D.ASSET_DELETED:return"assetview_event_deleted";case D.ASSET_RENAMED:return"assetview_event_renamed";case D.ASSET_CLONED:return"assetview_event_cloned";case D.ASSET_DBLCLICKED:return"assetview_event_dblclicked";case D.ENTER_FOLDER:return"assetview_event_enter_folder";case D.ASSET_CHECKED:return"assetview_event_checked"}}}t.AssetViewEvent=D;class P{static LAYOUT_CONTENT=0;static LAYOUT_LIST=1;static MAX_PAGE_ELEMENTS=50;constructor(e={}){this.rootPath="https://raw.githubusercontent.com/jxarco/lexgui.js/master/",this.layout=e.layout??P.LAYOUT_CONTENT,this.contentPage=1,e.rootPath&&(e.rootPath.constructor!==String?console.warn("Asset Root Path must be a String (now is "+path.constructor.name+")"):this.rootPath=e.rootPath);let i=document.createElement("div");i.className="lexassetbrowser",this.root=i;let a=new t.Area({height:"100%"});i.appendChild(a.root);let l,s,n=a;this.skipBrowser=e.skipBrowser??!1,this.skipPreview=e.skipPreview??!1,this.useNativeTitle=e.useNativeTitle??!1,this.onlyFolders=e.onlyFolders??!0,this.allowMultipleSelection=e.allowMultipleSelection??!1,this.previewActions=e.previewActions??[],this.contextMenu=e.contextMenu??[],this.onRefreshContent=e.onRefreshContent,this.skipBrowser||([l,s]=a.split({type:"horizontal",sizes:["15%","85%"]}),n=s,l.setLimitBox(210,0),s.setLimitBox(512,0)),this.skipPreview||([n,s]=n.split({type:"horizontal",sizes:["80%","20%"]})),this.allowedTypes=e.allowedTypes||["None","Image","Mesh","Script","JSON","Clip"],this.prevData=[],this.nextData=[],this.data=[],this._processData(this.data,null),this.currentData=this.data,this.path=["@"],this.skipBrowser||this._createTreePanel(l),this._createContentPanel(n),this.skipPreview||(this.previewPanel=s.addPanel({className:"lexassetcontentpanel",style:{overflow:"scroll"}}))}load(e,t){this.prevData.length=0,this.nextData.length=0,this.data=e,this._processData(this.data,null),this.currentData=this.data,this.path=["@"],this.skipBrowser||this._createTreePanel(this.area),this._refreshContent(),this.onevent=t}clear(){this.previewPanel&&this.previewPanel.clear(),this.leftPanel&&this.leftPanel.clear(),this.rightPanel&&this.rightPanel.clear()}_processData(e,t){e.constructor!==Array&&(e.folder=t,e.children=e.children??[]);let i=e.constructor===Array?e:e.children;for(var a=0;a<i.length;++a)this._processData(i[a],e)}_updatePath(e){this.path.length=0;let i=e=>{if(!e)return;let t=(e.children?e.children:e)[0];t&&t.folder&&(this.path.push(t.folder.id??"@"),i(t.folder.folder))};i(e),t.emit("@on_folder_change",this.path.reverse().join("/"))}_createTreePanel(e){this.leftPanel?this.leftPanel.clear():this.leftPanel=e.addPanel({className:"lexassetbrowserpanel"});let i={id:"/",children:this.data};this.tree=this.leftPanel.addTree("Content Browser",i,{filter:!1,onlyFolders:this.onlyFolders,onevent:e=>{let i=e.node,a=e.value;switch(e.type){case t.TreeEvent.NODE_SELECTED:e.multiple||this._enterFolder(i),i.parent||(this.prevData.push(this.currentData),this.currentData=this.data,this._refreshContent(),this.path=["@"],t.emit("@on_folder_change",this.path.join("/")));break;case t.TreeEvent.NODE_DRAGGED:i.folder=a,this._refreshContent()}}})}_setContentLayout(e){this.layout=e,this._refreshContent()}_createContentPanel(e){this.rightPanel?this.rightPanel.clear():this.rightPanel=e.addPanel({className:"lexassetcontentpanel"});let t=(e,t)=>{let i=k("Sort by",t,e=>{e.add("Name",()=>this._sortData("id")),e.add("Type",()=>this._sortData("type")),e.add(""),e.add("Ascending",()=>this._sortData()),e.add("Descending",()=>this._sortData(null,!0))}),a=this.parent.root.parentElement;a.classList.contains("lexdialog")&&(i.root.style.zIndex=+getComputedStyle(a).zIndex+1)},i=(e,t)=>{let i=k("Layout",t,e=>{e.add("Content",()=>this._setContentLayout(P.LAYOUT_CONTENT)),e.add(""),e.add("List",()=>this._setContentLayout(P.LAYOUT_LIST))}),a=this.parent.root.parentElement;a.classList.contains("lexdialog")&&(i.root.style.zIndex=+getComputedStyle(a).zIndex+1)},a=(e,t)=>{if(!this.allowNextPage)return;let i=this.contentPage;this.contentPage+=e,this.contentPage=Math.min(this.contentPage,((this.currentData.length-1)/P.MAX_PAGE_ELEMENTS|0)+1),this.contentPage=Math.max(this.contentPage,1),i!=this.contentPage&&this._refreshContent()};this.rightPanel.sameLine(),this.rightPanel.addDropdown("Filter",this.allowedTypes,this.allowedTypes[0],e=>this._refreshContent.call(this,null,e),{width:"30%",minWidth:"128px"}),this.rightPanel.addText(null,this.searchValue??"",e=>this._refreshContent.call(this,e,null),{placeholder:"Search assets.."}),this.rightPanel.addButton(null,"<a class='fa fa-arrow-up-short-wide'></a>",t.bind(this),{className:"micro",title:"Sort"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-grip'></a>",i.bind(this),{className:"micro",title:"View"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-angles-left'></a>",a.bind(this,-1),{className:"micro",title:"Previous Page"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-angles-right'></a>",a.bind(this,1),{className:"micro",title:"Next Page"}),this.rightPanel.endLine(),this.skipBrowser||(this.rightPanel.sameLine(),this.rightPanel.addComboButtons(null,[{value:"Left",icon:"fa-solid fa-left-long",callback:e=>{this.prevData.length&&(this.nextData.push(this.currentData),this.currentData=this.prevData.pop(),this._refreshContent(),this._updatePath(this.currentData))}},{value:"Right",icon:"fa-solid fa-right-long",callback:e=>{this.nextData.length&&(this.prevData.push(this.currentData),this.currentData=this.nextData.pop(),this._refreshContent(),this._updatePath(this.currentData))}},{value:"Refresh",icon:"fa-solid fa-arrows-rotate",callback:e=>{this._refreshContent()}}],{width:"20%",minWidth:"164px",noSelection:!0}),this.rightPanel.addText(null,this.path.join("/"),null,{width:"70%",maxWidth:"calc(70% - 64px)",minWidth:"164px",disabled:!0,signal:"@on_folder_change",style:{fontWeight:"bolder",fontSize:"16px",color:"#aaa"}}),this.rightPanel.addText(null,"Page "+this.contentPage+" / "+(((this.currentData.length-1)/P.MAX_PAGE_ELEMENTS|0)+1),null,{disabled:!0,signal:"@on_page_change",width:"fit-content"}),this.rightPanel.endLine()),this.content=document.createElement("ul"),this.content.className="lexassetscontent",this.rightPanel.root.appendChild(this.content),this.content.addEventListener("dragenter",function(e){e.preventDefault(),this.classList.add("dragging")}),this.content.addEventListener("dragleave",function(e){e.preventDefault(),this.classList.remove("dragging")}),this.content.addEventListener("drop",e=>{e.preventDefault(),this._processDrop(e)}),this.content.addEventListener("click",function(){this.querySelectorAll(".lexassetitem").forEach(e=>e.classList.remove("selected"))}),this._refreshContent()}_refreshContent(e,i){let a=this.layout==P.LAYOUT_CONTENT;this.filter=i??this.filter??"None",this.searchValue=e??this.searchValue??"",this.content.innerHTML="",this.content.className=a?"lexassetscontent":"lexassetscontent list";let l=this,s=function(e){let i=e.type.charAt(0).toUpperCase()+e.type.slice(1),s=r(e.id),n="Folder"===i,o=document.createElement("li");if(o.className="lexassetitem "+e.type.toLowerCase(),o.tabIndex=-1,l.content.appendChild(o),l.useNativeTitle)o.title=i+": "+e.id;else{let d=document.createElement("span");d.className="lexitemdesc",d.innerHTML="File: "+e.id+"<br>Type: "+i,l.content.appendChild(d),o.addEventListener("mousemove",e=>{if(!a)return;let t=o.getBoundingClientRect(),i=e.target.getBoundingClientRect(),l=d.parentElement.getBoundingClientRect(),s=i.x-l.x-(i.x-t.x),n=i.y-l.y-(i.y-t.y);e.target.classList.contains("lexassettitle")&&(n+=i.y-t.y),d.style.left=s+e.offsetX+12+"px",d.style.top=n+e.offsetY+"px"}),o.addEventListener("mouseenter",()=>{a&&(d.style.display="unset")}),o.addEventListener("mouseleave",()=>{a&&setTimeout(()=>{d.style.display="none"},100)})}if(l.allowMultipleSelection){let c=document.createElement("input");c.type="checkbox",c.className="lexcheckbox",c.checked=e.selected,c.addEventListener("change",(t,i)=>{if(e.selected=!e.selected,l.onevent){let a=new D(D.ASSET_CHECKED,t.shiftKey?[e]:e);a.multiple=!!t.shiftKey,l.onevent(a)}t.stopPropagation(),t.stopImmediatePropagation()}),o.appendChild(c)}let h=document.createElement("span");if(h.className="lexassettitle",h.innerText=e.id,o.appendChild(h),!l.skipPreview){let u=null,p=e.src&&(["png","jpg"].indexOf(r(e.src))>-1||e.src.includes("data:image/"));if(p||n||!a){u=document.createElement("img");let m=e.unknown_extension?l.rootPath+"images/file.png":n?l.rootPath+"images/folder.png":e.src;u.src=a||n?m:l.rootPath+"images/file.png",o.appendChild(u)}else{(u=document.createElement("svg")).className="asset-file-preview",o.appendChild(u);let g=document.createElement("text");u.appendChild(g),g.innerText=s&&s!=e.id?"."+s.toUpperCase():e.type.toUpperCase();var f,v=2.5/g.innerText.length;v<1&&(g.style.fontSize=64*v+"px",u.style.paddingTop="calc(50% - "+(.5*g.offsetHeight+10)+"px)")}}if(!n){let $=document.createElement("span");$.className="lexassetinfo",$.innerText=i,o.appendChild($)}return o.addEventListener("click",function(i){i.stopImmediatePropagation(),i.stopPropagation();let a=i.detail==t.MOUSE_DOUBLE_CLICK;if(a){if(n){l._enterFolder(e);return}}else i.shiftKey||l.content.querySelectorAll(".lexassetitem").forEach(e=>e.classList.remove("selected")),this.classList.add("selected"),l.selectedItem=e,l.skipPreview||l._previewAsset(e);if(l.onevent){let s=new D(a?D.ASSET_DBLCLICKED:D.ASSET_SELECTED,i.shiftKey?[e]:e);s.multiple=!!i.shiftKey,l.onevent(s)}}),l.contextMenu&&o.addEventListener("contextmenu",function(i){i.preventDefault();let a=l.content.querySelectorAll(".selected").length;t.addContextMenu(a>1?a+" selected":n?e.id:e.type,i,t=>{a<=1&&t.add("Rename"),n||t.add("Clone",l._cloneItem.bind(l,e)),a<=1&&t.add("Properties"),t.add(""),t.add("Delete",l._deleteItem.bind(l,e))})}),o.addEventListener("dragstart",function(e){e.preventDefault()},!1),o},n=new FileReader,o=this.currentData.filter(e=>("None"==this.filter||e.type.toLowerCase()==this.filter.toLowerCase())&&e.id.toLowerCase().includes(this.searchValue.toLowerCase()));(i||e)&&(this.contentPage=1);let d=(this.contentPage-1)*P.MAX_PAGE_ELEMENTS,c=Math.min(d+P.MAX_PAGE_ELEMENTS,o.length);for(let h=d;h<c;++h){let u=o[h];u.path?t.request({url:u.path,dataType:"blob",success:t=>{u.bytesize=t.size,n.readAsDataURL(t),n.onload=t=>{u.src=t.currentTarget.result,u._path=u.path,delete u.path,this._refreshContent(e,i)}}}):u.domEl=s(u)}this.allowNextPage=o.length-1>P.MAX_PAGE_ELEMENTS,t.emit("@on_page_change","Page "+this.contentPage+" / "+(((o.length-1)/P.MAX_PAGE_ELEMENTS|0)+1)),this.onRefreshContent&&this.onRefreshContent(e,i)}_previewAsset(e){let i=e.src&&e.src.includes("data:image/");if(this.previewPanel.clear(),this.previewPanel.branch("Asset"),"image"==e.type||e.src){let a=["png","jpg"].indexOf(r(e.src))>-1||i;a&&this.previewPanel.addImage(e.src,{style:{width:"100%"}})}let l={disabled:!0};this.previewPanel.addText("Filename",e.id,null,l),e.lastModified&&this.previewPanel.addText("Last Modified",new Date(e.lastModified).toLocaleString(),null,l),(e._path||e.src)&&this.previewPanel.addText("URL",e._path?e._path:e.src,null,l),this.previewPanel.addText("Path",this.path.join("/"),null,l),this.previewPanel.addText("Type",e.type,null,l),e.bytesize&&this.previewPanel.addText("Size",(e.bytesize/1024).toPrecision(3)+" KBs",null,l),"folder"==e.type&&this.previewPanel.addText("Files",e.children?e.children.length.toString():"0",null,l),this.previewPanel.addSeparator();let s=[...this.previewActions];for(let n of(s.length||s.push({name:"Download",callback:()=>t.downloadURL(e.src,e.id)}),s))n.type&&n.type!==e.type||n.path&&n.path!==this.path.join("/")||this.previewPanel.addButton(null,n.name,n.callback.bind(this,e));this.previewPanel.merge()}_processDrop(e){let t=new FileReader,i=e.dataTransfer.files.length;for(let a=0;a<e.dataTransfer.files.length;++a){let l=e.dataTransfer.files[a],s=this.currentData.find(e=>e.id===l.name);s||(t.readAsDataURL(l),t.onload=e=>{let t=l.name.substr(l.name.lastIndexOf(".")+1).toLowerCase(),s={id:l.name,src:e.currentTarget.result,extension:t,lastModified:l.lastModified};switch(t){case"png":case"jpg":s.type="image";break;case"js":case"css":s.type="script";break;case"json":s.type="json";break;case"obj":s.type="mesh";break;default:s.type=t,s.unknown_extension=!0}this.currentData.push(s),a!=i-1||(this._refreshContent(),this.skipBrowser||this.tree.refresh())})}}_sortData(e,t=!1){e=e??this._lastSortBy??"id",this.currentData=this.currentData.sort((i,a)=>{var l=t?a[e].localeCompare(i[e]):i[e].localeCompare(a[e]);return 0==l&&(l=t?a.id.localeCompare(i.id):i.id.localeCompare(a.id)),l}),this._lastSortBy=e,this._refreshContent()}_enterFolder(e){if(this.prevData.push(this.currentData),this.currentData=e.children,this.contentPage=1,this._refreshContent(),this._updatePath(this.currentData),this.onevent){let t=new D(D.ENTER_FOLDER,e);this.onevent(t)}}_deleteItem(e){let t=this.currentData.indexOf(e);if(t<0){console.error("[AssetView Error] Cannot delete. Item not found.");return}if(this.currentData.splice(t,1),this._refreshContent(this.searchValue,this.filter),this.onevent){let i=new D(D.ASSET_DELETED,e);this.onevent(i)}this.tree.refresh(),this._processData(this.data)}_cloneItem(e){let t=this.currentData.indexOf(e);if(t<0)return;delete e.domEl,delete e.folder;let i=o(e);if(this.currentData.splice(t,0,i),this._refreshContent(this.searchValue,this.filter),this.onevent){let a=new D(D.ASSET_CLONED,e);this.onevent(a)}this._processData(this.data)}}t.AssetView=P,Object.assign(t,{request(e){var t=e.dataType||"text";"json"==t?t="text":"xml"==t?t="text":"binary"==t&&(t="arraybuffer",e.mimeType="application/octet-stream");var i=new XMLHttpRequest;i.open(e.data?"POST":"GET",e.url,!0),t&&(i.responseType=t),e.mimeType&&i.overrideMimeType(e.mimeType),e.nocache&&i.setRequestHeader("Cache-Control","no-cache"),i.onload=function(t){var i=this.response;if(200!=this.status){var a="Error "+this.status;e.error&&e.error(a);return}if("json"==e.dataType)try{i=JSON.parse(i)}catch(l){if(e.error)e.error(l);else throw l}else if("xml"==e.dataType)try{i=new DOMParser().parseFromString(i,"text/xml")}catch(s){if(e.error)e.error(s);else throw s}e.success&&e.success.call(this,i,this)},i.onerror=function(t){e.error&&e.error(t)};var a=new FormData;if(e.data)for(var l in e.data)a.append(l,e.data[l]);return i.send(a),i},requestText(e,t,i){return this.request({url:e,dataType:"text",success:t,error:i})},requestJSON(e,t,i){return this.request({url:e,dataType:"json",success:t,error:i})},requestBinary(e,t,i){return this.request({url:e,dataType:"binary",success:t,error:i})},requireScript(e,t,i,a,l){if(!e)throw"invalid URL";e.constructor===String&&(e=[e]);var s=e.length,n=[];for(var r in e){var o=document.createElement("script");o.num=r,o.type="text/javascript",o.src=e[r]+(l?"?version="+l:""),o.original_src=e[r],o.async=!1,o.onload=function(e){s--,n.push(this),s?a&&a(this.original_src,this.num):t&&t(n)},i&&(o.onerror=function(e){i(e,this.original_src,this.num)}),document.getElementsByTagName("head")[0].appendChild(o)}},downloadURL(e,i){let a=new FileReader,l=function(e){var t=document.createElement("a");t.href=e,t.download=i,document.body.appendChild(t),t.click(),document.body.removeChild(t)};e.includes("http")?t.request({url:e,dataType:"blob",success(e){a.readAsDataURL(e),a.onload=e=>{l(e.currentTarget.result)}}}):l(e)},downloadFile:function(e,t,i){if(!t){console.warn("No file provided to download");return}i||(i=t.constructor===String?"text/plain":"application/octet-stream");var a=null;a=t.constructor!==File&&t.constructor!==Blob?new Blob([t],{type:i}):t;var l=URL.createObjectURL(a),s=document.createElement("a");s.setAttribute("href",l),s.setAttribute("download",e),s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s),setTimeout(function(){URL.revokeObjectURL(l)},6e4)}}),Object.defineProperty(String.prototype,"lastChar",{get:function(){return this[this.length-1]},enumerable:!0,configurable:!0}),Element.prototype.insertChildAtIndex=function(e,t=1/0){t>=this.children.length?this.appendChild(e):this.insertBefore(e,this.children[t])},Element.prototype.hasClass=function(e){return!!(e=[].concat(e)).filter(e=>this.classList.contains(e)).length},Element.prototype.addClass=function(e){e&&this.classList.add(e)},Element.prototype.getComputedSize=function(){let e=getComputedStyle(this);return{width:this.offsetWidth+e.getPropertyValue("marginLeft")+e.getPropertyValue("marginRight"),height:this.offsetHeight+e.getPropertyValue("marginTop")+e.getPropertyValue("marginBottom")}},Element.prototype.getParentArea=function(){let e=this.parentElement;for(;e;){if(e.classList.contains("lexarea"))return e;e=e.parentElement}},t.ICONS={Sidebar:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_iconCarrier"> <g id="Complete"> <g id="sidebar-left"> <g> <rect id="Square-2" data-name="Square" x="3" y="3" width="18" height="18" rx="2" ry="2" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"></rect> <line x1="9" y1="21" x2="9" y2="3" fill="none" stroke="currentColor" stroke-miterlimit="10" stroke-width="2"></line> </g> </g> </g> </g></svg>',More:'<svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_iconCarrier"> <g id="Complete"> <g id="F-More"> <path id="Vertical" d="M12,16a2,2,0,1,1-2,2A2,2,0,0,1,12,16ZM10,6a2,2,0,1,0,2-2A2,2,0,0,0,10,6Zm0,6a2,2,0,1,0,2-2A2,2,0,0,0,10,12Z"></path> </g> </g> </g></svg>',MoreHorizontal:'<svg fill="#000000" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_iconCarrier"> <g id="Complete"> <g id="F-More"> <path id="Horizontal" d="M8,12a2,2,0,1,1-2-2A2,2,0,0,1,8,12Zm10-2a2,2,0,1,0,2,2A2,2,0,0,0,18,10Zm-6,0a2,2,0,1,0,2,2A2,2,0,0,0,12,10Z"></path> </g> </g> </g></svg>',MenuArrows:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000" transform="rotate(90)"><g id="SVGRepo_iconCarrier"> <g id="Complete"> <g id="Code"> <g> <polyline id="Right-2" data-name="Right" points="15.5 7 20.5 12 15.5 17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> <polyline id="Left-2" data-name="Left" points="8.5 7 3.5 12 8.5 17" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> </g> </g> </g> </g></svg>',Plus:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"<g id="SVGRepo_iconCarrier"> <g id="Complete"> <g id="add-2" data-name="add"> <g> <line x1="12" y1="19" x2="12" y2="5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></line> <line x1="5" y1="12" x2="19" y2="12" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></line> </g> </g> </g> </g></svg>',Down:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_iconCarrier"> <title>i</title> <g id="Complete"> <g id="F-Chevron"> <polyline id="Down" points="5 8.5 12 15.5 19 8.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> </g> </g> </g></svg>',Up:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_iconCarrier"> <title>i</title> <g id="Complete"> <g id="F-Chevron"> <polyline id="Up" points="5 15.5 12 8.5 19 15.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> </g> </g> </g></svg>',Right:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_iconCarrier"> <title>i</title> <g id="Complete"> <g id="F-Chevron"> <polyline id="Right" points="8.5 5 15.5 12 8.5 19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> </g> </g> </g></svg>',Left:'<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_iconCarrier"> <title>i</title> <g id="Complete"> <g id="F-Chevron"> <polyline id="Left" points="15.5 5 8.5 12 15.5 19" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></polyline> </g> </g> </g></svg>'},t.UTILS={getTime:()=>new Date().getTime(),compareThreshold:(e,t,i,a)=>Math.abs(e-t)>=a||Math.abs(e-i)>=a,compareThresholdRange:(e,t,i,a)=>e>=i&&e<=a||t>=i&&t<=a||e<=i&&t>=a,uidGenerator:u,deleteElement(e){e&&e.remove()},flushCss(e){e.offsetHeight},getControlPoints(e,t,i,a,l,s,n){var r=Math.sqrt(Math.pow(i-e,2)+Math.pow(a-t,2)),o=n*r/(r+Math.sqrt(Math.pow(l-i,2)+Math.pow(s-a,2))),d=n-o;return[i+o*(e-l),a+o*(t-s),i-d*(e-l),a-d*(t-s)]},drawSpline(e,i,a){e.save();for(var l=[],s=i.length,n=0;n<s-4;n+=2)l=l.concat(t.UTILS.getControlPoints(i[n],i[n+1],i[n+2],i[n+3],i[n+4],i[n+5],a));for(var n=2;n<i.length-5;n+=2)e.beginPath(),e.moveTo(i[n],i[n+1]),e.bezierCurveTo(l[2*n-2],l[2*n-1],l[2*n],l[2*n+1],i[n+2],i[n+3]),e.stroke(),e.closePath();e.beginPath(),e.moveTo(i[0],i[1]),e.quadraticCurveTo(l[0],l[1],i[2],i[3]),e.stroke(),e.closePath(),e.beginPath(),e.moveTo(i[s-2],i[s-1]),e.quadraticCurveTo(l[2*s-10],l[2*s-9],i[s-4],i[s-3]),e.stroke(),e.closePath(),e.restore()}}}("undefined"!=typeof window?window:"undefined"!=typeof self?self:global);
+"use strict";console.warn("Script _build/lexgui.js_ is depracated and will be removed soon. Please use ES Modules or alternatives: https://jxarco.github.io/lexgui.js/docs/"),function(){var L={version:"0.5.0",ready:!1,components:[],signals:{},extraCommandbarEntries:[],activeDraggable:null};function g(e,t,s){return Math.min(Math.max(e,t),s)}function f(e,t){return 0==t?Math.floor(e):+e.toFixed(t??2).replace(/([0-9]+(\.[0-9]+[1-9])?)(\.?0+$)/,"$1")}function h(e,t,s,a,n){return(e-t)*(n-a)/(s-t)+a}L.MOUSE_LEFT_CLICK=0,L.MOUSE_MIDDLE_CLICK=1,L.MOUSE_RIGHT_CLICK=2,L.MOUSE_DOUBLE_CLICK=2,L.MOUSE_TRIPLE_CLICK=3,L.CURVE_MOVEOUT_CLAMP=0,L.CURVE_MOVEOUT_DELETE=1,L.DRAGGABLE_Z_INDEX=101,L.clamp=g,L.round=f,L.remapRange=h,"undefined"!=typeof performance?L.getTime=performance.now.bind(performance):"undefined"!=typeof Date&&Date.now?L.getTime=Date.now.bind(Date):"undefined"!=typeof process?L.getTime=function(){var e=process.hrtime();return.001*e[0]+1e-6*e[1]}:L.getTime=function(){return(new Date).getTime()};function x(e,t){setTimeout(e,t??0)}function d(e){return e.replace(/\s/g,"").replaceAll("@","_").replaceAll("+","_plus_").replaceAll(".","")}function c(e){return e.includes(".")?e.split(".").pop():null}function v(e){return JSON.parse(JSON.stringify(e))}function r(e){return[parseInt(e.substring(1,3),16)/255,parseInt(e.substring(3,5),16)/255,parseInt(e.substring(5,7),16)/255]}function s(e){let t="#";for(var s of e)s=Math.floor(255*s),t+=s.toString(16);return t}function u(e,t=8){var s=document.createElement("span"),e=(s.className="lexinputmeasure",s.innerHTML=e,document.body.appendChild(s),s.getBoundingClientRect());return L.UTILS.deleteElement(s),e.width+t}function E(){function e(){return(65536*(1+Math.random())|0).toString(16).substring(1)}return e()+"-"+e()+"-"+e()}function p(i,t={}){let l=0,o=0,a=null,s=t.targetClass,r=t.dragMargin??3,n=(e,t,s)=>{var a=i.parentElement?i.parentElement.getBoundingClientRect():{x:0,y:0,width:0,height:0},n="fixed"==i.style.position?new L.vec2(a.x,a.y):new L.vec2;s=s??e.clientX-l-a.x,t=t??e.clientY-o-a.y,i.style.left=g(s,r+n.x,n.x+a.width-i.offsetWidth-r)+"px",i.style.top=g(t,r+n.y,n.y+a.height-i.offsetHeight-r)+"px",i.style.translate="none"};t.autoAdjust&&n(null,parseInt(i.style.left),parseInt(i.style.top));var e=L.UTILS.uidGenerator();i["draggable-id"]=e;let c=t.onMove?e=>{a&&t.onMove&&t.onMove(a)}:e=>{a&&n(e)},d=t.onDragStart;i.setAttribute("draggable",!0),i.addEventListener("mousedown",function(e){a=e.target.classList.contains(s)||!s?e.target:null}),i.addEventListener("dragstart",function(e){var t,s;e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),a&&((t=new Image).src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=",e.dataTransfer.setDragImage(t,0,0),e.dataTransfer.effectAllowed="move",t=e.target.getBoundingClientRect(),s=a.parentElement.getBoundingClientRect(),s="fixed"==a.style.position?new L.vec2(s.x,s.y):new L.vec2,l=e.clientX-t.x-s.x,o=e.clientY-t.y-s.y,document.addEventListener("mousemove",c),a.eventCatched=!0,L.activeDraggable&&(L.activeDraggable.style.zIndex=L.DRAGGABLE_Z_INDEX),L.activeDraggable=i,L.activeDraggable.style.zIndex=L.DRAGGABLE_Z_INDEX+1,d)&&d(a,e)},!1),document.addEventListener("mouseup",e=>{a&&(a=null,document.removeEventListener("mousemove",c))})}L.doAsync=x,L.getSupportedDOMName=d,L.has=function(e){return-1<L.components.indexOf(e)},L.getExtension=c,L.deepCopy=v,L.setTheme=function(e){e="light"==e?"light":"dark",document.documentElement.setAttribute("data-theme",e),L.emit("@on_new_color_scheme",e)},L.setThemeColor=function(e,t){document.querySelector(":root").style.setProperty("--"+e,t)},L.getThemeColor=function(e){var t=getComputedStyle(document.querySelector(":root"));return(e=t.getPropertyValue("--"+e)).includes("light-dark")?("light"==t.getPropertyValue("color-scheme")?e.substring(e.indexOf("(")+1,e.indexOf(",")):e.substring(e.indexOf(",")+1,e.indexOf(")"))).replace(/\s/g,""):e},L.getBase64Image=function(e){var t=document.createElement("canvas");return t.width=e.width,t.height=e.height,t.getContext("2d").drawImage(e,0,0),t.toDataURL("image/png")},L.hexToRgb=r,L.rgbToHex=s,L.measureRealWidth=u,L.guidGenerator=E,L.buildTextPattern=function(e={}){var t=[],s=(e.lowercase&&t.push("(?=.*[a-z])"),e.uppercase&&t.push("(?=.*[A-Z])"),e.digit&&t.push("(?=.*\\d)"),e.specialChar&&t.push("(?=.*[@#$%^&+=!])"),e.noSpaces&&t.push("(?!.*\\s)"),e.minLength||0),a=e.maxLength||"",t=`^${t.join("")}.{${s},${a}}$`;return e.asRegExp?new RegExp(t):t},L.makeDraggable=p,L.makeCollapsible=function(e,t,s,a={}){e.classList.add("collapsible");var a=a.collapsed??!0,n=L.makeIcon("right");n.classList.add("collapser"),n.dataset.collapsed=a,n.style.marginLeft="auto",n.style.marginRight="0.2rem",n.addEventListener("click",function(e){e.preventDefault(),e.stopPropagation(),this.dataset.collapsed?(delete this.dataset.collapsed,t.style.display="block"):(this.dataset.collapsed=!0,t.style.display="none")}),e.appendChild(n),(s=s??e.parentElement).appendChild(t)},L.makeCodeSnippet=function(t,e,s={}){if(L.has("CodeEditor")){var a,n,i,l=document.createElement("div"),e=(l.className="lexcodesnippet",l.style.width=e?e[0]:"auto",l.style.height=e?e[1]:"auto",new b({noAppend:!0})),o=new L.CodeEditor(e,{skipInfo:!0,disableEdition:!0,allowAddScripts:!1,name:s.tabName});if(o.setText(t,s.language??"Plain Text"),s.linesAdded){const t=o.root.querySelector(".code");for(var r of s.linesAdded)if(r.constructor==Number)t.childNodes[r-1].classList.add("added");else if(r.constructor==Array)for(let e=r[0]-1;e<=r[1]-1;e++)t.childNodes[e].classList.add("added")}if(s.linesRemoved){const t=o.root.querySelector(".code");for(var c of s.linesRemoved)if(c.constructor==Number)t.childNodes[c-1].classList.add("removed");else if(c.constructor==Array)for(let e=c[0]-1;e<=c[1]-1;e++)t.childNodes[e].classList.add("removed")}return s.windowMode&&((t=document.createElement("div")).className="lexwindowbuttons",(a=document.createElement("span")).style.background="#ee4f50",(n=document.createElement("span")).style.background="#f5b720",(i=document.createElement("span")).style.background="#53ca29",t.appendChild(a),t.appendChild(n),t.appendChild(i),o.root.querySelector(".lexareatabs").prepend(t)),(s.lineNumbers??!0)||o.root.classList.add("no-gutter"),l.appendChild(e.root),l}console.error("Import the CodeEditor component to create snippets!")},L.makeIcon=function(e,t,s=""){let a=L.ICONS[e];console.assert(a,`No icon named _${e}_`),a.constructor==String&&(a=L.ICONS[a]),(e=document.createElementNS("http://www.w3.org/2000/svg","svg")).setAttribute("viewBox",`0 0 ${a[0]} `+a[1]),s&&e.classList.add(s),a[5]&&(i=a[5].split("="),e.setAttribute(i[0],i[1]));const n=document.createElement("path");n.setAttribute("fill","var(--color)"),n.setAttribute("d",a[4]),e.appendChild(n),a[6]&&a[6].split(" ").forEach(e=>{e=e.split("=");n.setAttribute(e[0],e[1])}),e.innerHTML+="\x3c!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--\x3e";var i=document.createElement("a");return i.title=t??"",i.className="lexicon "+s,i.appendChild(e),i},L.registerCommandbarEntry=function(e,t){L.extraCommandbarEntries.push({name:e,callback:t})};L.vec2=class R{constructor(e,t){this.x=e??0,this.y=t??e??0}get xy(){return[this.x,this.y]}get yx(){return[this.y,this.x]}set(e,t){this.x=e,this.y=t}add(e,t=new R){return t.set(this.x+e.x,this.y+e.y),t}sub(e,t=new R){return t.set(this.x-e.x,this.y-e.y),t}mul(e,t=new R){return e.constructor==Number&&(e=new R(e)),t.set(this.x*e.x,this.y*e.y),t}div(e,t=new R){return e.constructor==Number&&(e=new R(e)),t.set(this.x/e.x,this.y/e.y),t}abs(e=new R){return e.set(Math.abs(this.x),Math.abs(this.y)),e}dot(e){return this.x*e.x+this.y*e.y}len2(){return this.dot(this)}len(){return Math.sqrt(this.len2())}nrm(e=new R){return e.set(this.x,this.y),e.mul(1/this.len(),e)}dst(e){return e.sub(this).len()}clp(e,t,s=new R){return s.set(g(this.x,e,t),g(this.y,e,t)),s}},L.init=function(e={}){var t,s;return this.ready||((s=document.createElement("div")).id="lexroot",s.tabIndex=-1,(t=document.createElement("div")).id="modal",this.modal=t,this.root=s,this.container=document.body,this.modal.classList.add("hiddenOpacity"),this.modal.toggle=function(e){this.classList.toggle("hiddenOpacity",e)},e.container&&(this.container=document.getElementById(e.container)),this.usingStrictViewport=e.strictViewport??!0,document.documentElement.setAttribute("data-strictVP",this.usingStrictViewport?"true":"false"),this.usingStrictViewport||document.addEventListener("scroll",e=>{document.body.querySelectorAll(".lexmenubox").forEach(e=>{e._updatePosition()})}),this.commandbar=function(e){let l=document.createElement("dialog"),o=(l.className="commandbar",l.tabIndex=-1,e.appendChild(l),[]),r=null;l.addEventListener("keydown",function(e){var t,s;e.stopPropagation(),e.stopImmediatePropagation(),r=r??-1,"Escape"==e.key?(this.close(),h(!0)):"Enter"==e.key?(t=o[r])&&(s=t.item.type&&"checkbox"===t.item.type,this.close(),s?(t.item.checked=!t.item.checked,t.callback.call(window,t.item.checked,t.entry_name)):t.callback.call(window,t.entry_name)):"ArrowDown"==e.key&&r<o.length-1?(r++,l.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),o[r].classList.add("hovered"),0<(s=o[r].offsetHeight*(r+1)-c.offsetHeight)&&c.scrollTo({top:s,behavior:"smooth"})):"ArrowUp"==e.key&&0<r&&(r--,l.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),o[r].classList.add("hovered"))}),l.addEventListener("focusout",function(e){e.relatedTarget!=e.currentTarget&&(e.stopPropagation(),e.stopImmediatePropagation(),this.close(),h(!0))}),e.addEventListener("keydown",e=>{if(" "==e.key&&e.ctrlKey)e.stopImmediatePropagation(),e.stopPropagation(),L.setCommandbarState(!0);else for(var t of L.components){var s;if(L[t]&&L[t].prototype.onKeyPressed)for(s of L.CodeEditor.getInstances())s.onKeyPressed(e)}});(e=document.createElement("div")).className="gs-header";var t=document.createElement("a");t.className="fa-solid fa-magnifying-glass",e.appendChild(t);const s=document.createElement("input");s.placeholder="Search...",s.value="",e.appendChild(s);var a=(t=new b({width:"100%",skipAppend:!0,className:"gs-tabs"})).addTabs();let n;a.add("All",document.createElement("div"),{selected:!0,onSelect:(e,t)=>{n=t}});const c=document.createElement("div");c.className="searchitembox";let d=null;const h=e=>{c.innerHTML="",o.length=0,r=null,e&&(s.value="")},u=(e,t,s,a)=>{var n,i;e.length&&(d&&d.classList.remove("last"),(n=document.createElement("div")).className="searchitem last",i=a&&a.type&&"checkbox"===a.type,n.innerHTML=i?"<a class='fa fa-check'></a><span>"+(s+e)+"</span>":s+e,n.entry_name=e,n.callback=t,n.item=a,n.addEventListener("click",function(e){this.callback.call(window,this.entry_name),L.setCommandbarState(!1),h(!0)}),n.addEventListener("mouseenter",function(e){l.querySelectorAll(".hovered").forEach(e=>e.classList.remove("hovered")),this.classList.add("hovered"),r=o.indexOf(this)}),n.addEventListener("mouseleave",function(e){this.classList.remove("hovered")}),o.push(n),c.appendChild(n),d=n)},p=(e,t,s)=>{var a=Object.keys(e)[0],n=e.name??s+a;if(n.toLowerCase().includes(t)&&e.callback&&u(e.name??a,e.callback,s,e),!e.name){s+=a+" > ";for(var i of e[a])p(i,t,s)}};return l._addElements=e=>{h();for(var t of L.menubars)for(var s of t.items)p(s,e,"");for(var a of L.extraCommandbarEntries){var n=a.name;n.toLowerCase().includes(e)&&u(n,a.callback,"",{})}if(L.has("CodeEditor")){const r=L.CodeEditor.getInstances();if(r.length){var i=r[0].languages;for(let t of Object.keys(i)){var l="Language: "+t,o=r[0]._getFileIcon(null,i[t].ext),o=o.includes("fa-")?"<i class='"+o+"'></i>":"<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+o+"'>";o+=l+" <span class='lang-ext'>("+i[t].ext+")</span>",l.toLowerCase().includes(e)&&u(o,()=>{for(var e of r)e._changeLanguage(t)},"",{})}}}},s.addEventListener("input",function(e){l._addElements(this.value.toLowerCase())}),l.appendChild(e),l.appendChild(t.root),l.appendChild(c),l}(this.container),this.container.appendChild(t),e.skipRoot?this.root=document.body:this.container.appendChild(s),(t=document.createElement("section")).className="notifications",this.notifications=document.createElement("ol"),this.notifications.className="",this.notifications.iWidth=0,t.appendChild(this.notifications),this.container.appendChild(t),this.notifications.addEventListener("mouseenter",()=>{this.notifications.classList.add("list")}),this.notifications.addEventListener("mouseleave",()=>{this.notifications.classList.remove("list")}),s.addEventListener("dragover",function(e){e.preventDefault()},!1),document.addEventListener("contextmenu",function(e){e.preventDefault()},!1),t=document.getElementsByTagName("HEAD")[0],(s=document.createElement("link")).rel="stylesheet",s.type="text/css",s.crossOrigin="anonymous",s.href="https://use.fontawesome.com/releases/v6.7.2/css/all.css",t.appendChild(s),this.DEFAULT_NAME_WIDTH="30%",this.DEFAULT_SPLITBAR_SIZE=4,this.OPEN_CONTEXTMENU_ENTRY="click",this.ready=!0,this.menubars=[],e.skipRoot||e.skipDefaultArea||(this.main_area=new b({id:e.id??"mainarea"})),(e.autoTheme??!0)&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: light)").matches&&(L.setTheme("light"),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",e=>{L.setTheme(e.matches?"dark":"light")}))),this.main_area},L.setCommandbarState=function(e,t=!0){var s=this.commandbar;e?(s.show(),s.querySelector("input").focus(),t&&s._addElements(void 0)):s.close()},L.message=function(t,e,s={}){if(t)return s.modal=!0,new D(e,e=>{e.addTextArea(null,t,null,{disabled:!0,fitHeight:!0})},s);throw"No message to show"},L.popup=function(t,e,s={}){if(!t)throw"No message to show";s.size=s.size??["max-content","auto"],s.class="lexpopup";var a=s.timeout||3e3;const n=new D(e,e=>{e.addTextArea(null,t,null,{disabled:!0,fitHeight:!0})},s);return setTimeout(()=>{n.close()},Math.max(a,150)),n},L.prompt=function t(s,a,n,i={}){i.modal=!0,i.className="prompt";let l="";const o=new D(a,e=>{e.addTextArea(null,s,null,{disabled:!0,fitHeight:!0}),(i.input??!0)&&e.addText(null,i.input||l,e=>l=e,{placeholder:"..."}),e.sameLine(2),e.addButton(null,"Cancel",()=>{i.on_cancel&&i.on_cancel(),o.close()}),e.addButton(null,i.accept||"Continue",()=>{i.required&&""===l?(s+=s.includes("You must fill the input text.")?"":"\nYou must fill the input text.",o.close(),t(s,a,n,i)):(n&&n.call(this,l),o.close())},{buttonClass:"primary"})},i);return(i.input??!0)&&o.root.querySelector("input").focus(),o},L.toast=function(e,t,s={}){if(!e)throw"The toast needs at least a title!";console.assert(this.notifications);const a=document.createElement("li");a.className="lextoast",a.style.translate="0 calc(100% + 30px)",this.notifications.prepend(a),x(()=>{this.notifications.offsetWidth>this.notifications.iWidth&&(this.notifications.iWidth=Math.min(this.notifications.offsetWidth,480),this.notifications.style.width=this.notifications.iWidth+"px"),a.dataset.open=!0},10);var n=document.createElement("div"),i=(n.className="lextoastcontent",a.appendChild(n),document.createElement("div"));i.className="title",i.innerHTML=e,n.appendChild(i),t&&((e=document.createElement("div")).className="desc",e.innerHTML=t,n.appendChild(e)),s.action&&((i=new M).addButton(null,s.action.name??"Accept",s.action.callback.bind(this,a),{width:"auto",maxWidth:"150px",className:"right",buttonClass:"outline"}),a.appendChild(i.root.childNodes[0]));const l=this;a.close=function(){this.dataset.closed=!0,x(()=>{this.remove(),l.notifications.childElementCount||(l.notifications.style.width="unset",l.notifications.iWidth=0)},500)},(s.closable??!0)&&((t=document.createElement("a")).className="fa fa-xmark lexicon closer",t.addEventListener("click",()=>{a.close()}),a.appendChild(t)),-1!=(n=s.timeout??3e3)&&x(()=>{a.close()},n)},L.badge=function(e,t,s={}){var a=document.createElement("div");return a.innerHTML=e,a.className="lexbadge "+(t??""),Object.assign(a.style,s.style??{}),a.outerHTML},L.makeContainer=function(e,t,s={}){var a=document.createElement("div");return a.className="lexcontainer "+(t??""),a.style.width=e&&e[0]?e[0]:"100%",a.style.height=e&&e[1]?e[1]:"100%",Object.assign(a.style,s),a};class y{constructor(e,t,s){this.name=e,this.value=t,this.domEvent=s}}L.IEvent=y;class m{static NONE=0;static NODE_SELECTED=1;static NODE_DELETED=2;static NODE_DBLCLICKED=3;static NODE_CONTEXTMENU=4;static NODE_DRAGGED=5;static NODE_RENAMED=6;static NODE_VISIBILITY=7;static NODE_CARETCHANGED=8;constructor(e,t,s){this.type=e||m.NONE,this.node=t,this.value=s,this.multiple=!1,this.panel=null}string(){switch(this.type){case m.NONE:return"tree_event_none";case m.NODE_SELECTED:return"tree_event_selected";case m.NODE_DELETED:return"tree_event_deleted";case m.NODE_DBLCLICKED:return"tree_event_dblclick";case m.NODE_CONTEXTMENU:return"tree_event_contextmenu";case m.NODE_DRAGGED:return"tree_event_dragged";case m.NODE_RENAMED:return"tree_event_renamed";case m.NODE_VISIBILITY:return"tree_event_visibility";case m.NODE_CARETCHANGED:return"tree_event_caretchanged"}}}L.TreeEvent=m,L.emit=function(e,t,s={}){var a=L.signals[e];if(a){var n,i=s.target;if(i)i[e]&&i[e].call(i,t);else for(var l of a)l instanceof C?l.set(t,s.skipCallback??!0):l.constructor===Function?l(null,t):(n=l[e],console.assert(n,`No callback registered with _${e}_ signal`),n.bind(l)(t))}},L.addSignal=function(e,t,s){t[e]=s,L.signals[e]||(L.signals[e]=[]),-1<L.signals[e].indexOf(t)||L.signals[e].push(t)};class e{constructor(e,t,s={}){console.assert(e,"DropdownMenu needs a DOM element as trigger!"),((this._trigger=e).ddm=this)._items=t,this._windowPadding=4,this.side=s.side??"bottom",this.align=s.align??"center",this.avoidCollisions=s.avoidCollisions??!0,this.root=document.createElement("div"),this.root.id="root",this.root.dataset.side=this.side,this.root.tabIndex="1",this.root.className="lexdropdownmenu",L.root.appendChild(this.root),this._create(this._items),x(()=>{this._adjustPosition(),this.root.focus(),this._onClick=e=>{e.target&&(e.target.className.includes("lexdropdown")||e.target==this._trigger)||this.destroy()},document.body.addEventListener("click",this._onClick)},10)}destroy(){delete this._trigger.ddm,document.body.removeEventListener("click",this._onClick),L.root.querySelectorAll(".lexdropdownmenu").forEach(e=>{e.remove()})}_create(e,n){if(n){const s=n.getBoundingClientRect();let t=document.createElement("div");t.tabIndex="1",t.className="lexdropdownmenu",t.id=n.id,t.dataset.side="right",L.root.appendChild(t),t.currentParent=n,n=t,x(()=>{var e=[s.x+s.width,s.y];this.avoidCollisions&&(e[0]=L.clamp(e[0],0,window.innerWidth-t.offsetWidth-this._windowPadding),e[1]=L.clamp(e[1],0,window.innerHeight-t.offsetHeight-this._windowPadding)),t.style.left=e[0]+"px",t.style.top=e[1]+"px"},10)}else n=this.root;for(let a of e)if(a){const i=a.name??a;var t=i.replace(/\s/g,"").replaceAll(".","");if(!n.querySelector("#"+t)){const l=document.createElement("div");l.className="lexdropdownmenuitem"+(a.name?"":" label")+(a.disabled?" disabled":""),l.id=t,l.innerHTML=`<span>${i}</span>`,a.icon&&(t=L.makeIcon(a.icon),l.prepend(t)),l.tabIndex="1",n.appendChild(l),a.constructor===String||a.disabled||(a.submenu&&((t=document.createElement("a")).className="fa-solid fa-angle-right fa-xs",l.appendChild(t)),l.addEventListener("click",()=>{var e=a.callback;e&&e.call(this,i,l),this.destroy()}),l.addEventListener("mouseover",e=>{let t=l.id,s=n;for(;s;)t+="/"+s.id,s=s.currentParent?.parentElement;if(L.root.querySelectorAll(".lexdropdownmenu").forEach(e=>{t.includes(e.id)||(e.currentParent.built=!1,e.remove())}),a.submenu){if(l.built)return;l.built=!0,this._create(a.submenu,l)}e.stopPropagation()}))}}else this._addSeparator(n)}_adjustPosition(){var t=[document.scrollingElement.scrollLeft,document.scrollingElement.scrollTop];{var s=this._trigger.getBoundingClientRect();let e=!0;switch(this.side){case"left":t[0]+=s.x-this.root.offsetWidth,e=!1;break;case"right":t[0]+=s.x+s.width,e=!1;break;case"top":t[1]+=s.y-this.root.offsetHeight,e=!0;break;case"bottom":t[1]+=s.y+s.height,e=!0}switch(this.align){case"start":e?t[0]+=s.x:t[1]+=s.y;break;case"center":e?t[0]+=s.x+.5*s.width-.5*this.root.offsetWidth:t[1]+=s.y+.5*s.height-.5*this.root.offsetHeight;break;case"end":e?t[0]+=s.x-this.root.offsetWidth+s.width:t[1]+=s.y-this.root.offsetHeight+s.height}}this.avoidCollisions&&(t[0]=L.clamp(t[0],0,window.innerWidth-this.root.offsetWidth-this._windowPadding),t[1]=L.clamp(t[1],0,window.innerHeight-this.root.offsetHeight-this._windowPadding)),this.root.style.left=t[0]+"px",this.root.style.top=t[1]+"px"}_addSeparator(e){var t=document.createElement("div");t.className="separator",(e=e??this.root).appendChild(t)}}L.DropdownMenu=e;class b{constructor(e={}){var a,n,t=document.createElement("div"),s=(t.className="lexarea",e.id&&(t.id=e.id),e.className&&(t.className+=" "+e.className),e.width||"calc( 100% )"),i=e.height||"100%",s=(this.setLimitBox(e.minWidth,e.minHeight,e.maxWidth,e.maxHeight),s.constructor==Number&&(s+="px"),i.constructor==Number&&(i+="px"),t.style.width=s,t.style.height=i,this.offset=0,this.root=t,this.size=[this.root.offsetWidth,this.root.offsetHeight],this.sections=[],this.panels=[],e.skipAppend||document.getElementById("lexroot").appendChild(this.root),e.overlay);function l(e){switch(a.type){case"right":var t=n[0]-e.x,s=a.root.offsetWidth+t;a.root.style.width=s+"px";break;case"left":t=n[0]-e.x,s=Math.min(document.body.clientWidth-L.DEFAULT_SPLITBAR_SIZE,a.root.offsetWidth-t);a.root.style.width=s+"px",a.splitBar.style.left=s+L.DEFAULT_SPLITBAR_SIZE/2+"px";break;case"top":t=n[1]-e.y,s=Math.min(document.body.clientHeight-L.DEFAULT_SPLITBAR_SIZE,a.root.offsetHeight-t);a.root.style.height=s+"px",a.splitBar.style.top=s+L.DEFAULT_SPLITBAR_SIZE/2+"px";break;case"bottom":t=n[1]-e.y,s=a.root.offsetHeight+t;a.root.style.height=s+"px"}n[0]=e.x,n[1]=e.y,e.stopPropagation(),e.preventDefault(),a.onresize&&a.onresize(a.root.getBoundingClientRect())}function o(e){var t=a.root.ownerDocument;t.removeEventListener("mousemove",l),t.removeEventListener("mouseup",o),document.body.classList.remove("nocursor"),a.splitBar.classList.remove("nocursor")}s&&(this.root.classList.add("overlay-"+s),e.left?this.root.style.left=e.left:e.right?this.root.style.right=e.right:e.top?this.root.style.top=e.top:e.bottom&&(this.root.style.bottom=e.bottom),(e.draggable??!0)&&p(t,e),e.resizeable&&t.classList.add("resizeable"),e.resize)&&(this.splitBar=document.createElement("div"),i="left"==s||"right"==s?"horizontal":"vertical",this.type=s,this.splitBar.className="lexsplitbar "+i,"right"==s?(this.splitBar.style.width=L.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.left=-L.DEFAULT_SPLITBAR_SIZE/2+"px"):"left"==s?(t=Math.min(document.body.clientWidth-L.DEFAULT_SPLITBAR_SIZE,this.root.clientWidth),this.splitBar.style.width=L.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.left=t+L.DEFAULT_SPLITBAR_SIZE/2+"px"):"top"==s?(e=Math.min(document.body.clientHeight-L.DEFAULT_SPLITBAR_SIZE,this.root.clientHeight),this.splitBar.style.height=L.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.top=e+L.DEFAULT_SPLITBAR_SIZE/2+"px"):"bottom"==s&&(this.splitBar.style.height=L.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.style.top=-L.DEFAULT_SPLITBAR_SIZE/2+"px"),this.splitBar.addEventListener("mousedown",function(e){var t=a.root.ownerDocument;t.addEventListener("mousemove",l),t.addEventListener("mouseup",o),n[0]=e.x,n[1]=e.y,e.stopPropagation(),e.preventDefault(),document.body.classList.add("nocursor"),a.splitBar.classList.add("nocursor")}),this.root.appendChild(this.splitBar),a=this,n=[0,0])}attach(e){if(this.sections.length)this.sections[1].attach(e);else{if(!e)throw"no content to attach";(e.parent=this).root.appendChild(e.root||e)}}split(t={}){this.sections.length&&(this.offset=this.root.childNodes[0].offsetHeight,this._root=this.sections[0].root,this.root=this.sections[1].root);var s=t.type||"horizontal",a=t.sizes||["50%","50%"],e="auto"===t.sizes;if(!a[1]){let e=a[0];var n=t.top||0;e.constructor==Number&&(e=e+n+"px"),a[1]="calc( 100% - "+e+" )"}var i,l,n=new b({skipAppend:!0,className:"split"+(t.menubar||t.sidebar?"":" origin")}),o=new b({skipAppend:!0,className:"split"}),r=(n.parentArea=this,o.parentArea=this,t.minimizable??!1),t=(t.resize??!0)||r,c="0px";return this.offset=0,t&&(this.resize=t,this.splitBar=document.createElement("div"),this.splitBar.className="lexsplitbar "+s,"horizontal"==s?this.splitBar.style.width=L.DEFAULT_SPLITBAR_SIZE+"px":this.splitBar.style.height=L.DEFAULT_SPLITBAR_SIZE+"px",this.splitBar.addEventListener("mousedown",function(e){var t=l.root.ownerDocument;t.addEventListener("mousemove",d),t.addEventListener("mouseup",h),e.stopPropagation(),e.preventDefault(),document.body.classList.add("nocursor"),l.splitBar.classList.add("nocursor")}),c=L.DEFAULT_SPLITBAR_SIZE/2+"px",r)&&(this.splitExtended=!1,o.root.addEventListener("animationend",e=>{var t=getComputedStyle(o.root).opacity;o.root.classList.remove(e.animationName+"-"+s),o.root.style.opacity=t,w(o.root)}),this.splitBar.addEventListener("contextmenu",e=>{e.preventDefault(),z(null,e,e=>{e.add("Extend",{disabled:this.splitExtended,callback:()=>{this.extend()}}),e.add("Reduce",{disabled:!this.splitExtended,callback:()=>{this.reduce()}})})})),"horizontal"==s?(r=a[0],i=a[1],r.constructor==Number&&(r+="px"),i.constructor==Number&&(i+="px"),n.root.style.width="calc( "+r+" - "+c+" )",n.root.style.height="calc(100% - 0px)",o.root.style.width="calc( "+i+" - "+c+" )",o.root.style.height="calc(100% - 0px)",this.root.style.display="flex"):(n.root.style.width="100%",o.root.style.width="100%",e?(n.root.style.height="auto",new ResizeObserver(e=>{for(const s of e){var t=s.contentRect;o.root.style.height="calc(100% - "+(t.height+4)+"px )"}}).observe(n.root)):(r=a[0],i=a[1],r.constructor==Number&&(r+="px"),i.constructor==Number&&(i+="px"),n.root.style.width="100%",n.root.style.height="auto"==r?r:"calc( "+r+" - "+c+" )",o.root.style.height="auto"==i?i:"calc( "+i+" - "+c+" )")),this.root.appendChild(n.root),t&&this.root.appendChild(this.splitBar),this.root.appendChild(o.root),this.sections=[n,o],this.type=s,this._update(),t&&(l=this),this.sections;function d(e){var t;"horizontal"==l.type?l._moveSplit(-e.movementX):l._moveSplit(-e.movementY);for(t of l.root.querySelectorAll(".lexwidget")){var s=t.jsInstance;s.onresize&&s.onresize()}e.stopPropagation(),e.preventDefault()}function h(e){var t=l.root.ownerDocument;t.removeEventListener("mousemove",d),t.removeEventListener("mouseup",h),document.body.classList.remove("nocursor"),l.splitBar.classList.remove("nocursor")}}setLimitBox(e=0,t=0,s=1/0,a=1/0){this.minWidth=e,this.minHeight=t,this.maxWidth=s,this.maxHeight=a}setSize(e){let[t,s]=e;null!=t&&t.constructor==Number&&(t+="px"),null!=s&&s.constructor==Number&&(s+="px"),t&&(this.root.style.width=t),s&&(this.root.style.height=s),this.onresize&&this.onresize(this.root.getBoundingClientRect()),x(()=>{this.size=[this.root.clientWidth,this.root.clientHeight],this.propagateEvent("onresize")},150)}extend(){var e,t;this.splitExtended||([e,t]=this.sections,this.splitExtended=!0,"vertical"==this.type?(this.offset=t.root.offsetHeight,t.root.classList.add("fadeout-vertical"),this._moveSplit(-1/0,!0)):(this.offset=t.root.offsetWidth-8,t.root.classList.add("fadeout-horizontal"),this._moveSplit(-1/0,!0,8)),x(()=>this.propagateEvent("onresize"),150))}reduce(){var e,t;this.splitExtended&&(this.splitExtended=!1,[e,t]=this.sections,"vertical"==this.type?t.root.classList.add("fadein-vertical"):t.root.classList.add("fadein-horizontal"),this._moveSplit(this.offset),x(()=>this.propagateEvent("onresize"),150))}hide(){this.root.classList.add("hidden")}show(){this.root.classList.remove("hidden")}toggle(e){this.root.classList.toggle("hidden",e)}propagateEvent(e){for(var t=0;t<this.sections.length;t++){var s=this.sections[t];s[e]&&s[e].call(this,s.root.getBoundingClientRect()),s.propagateEvent(e)}}addPanel(e){e=new M(e);return this.attach(e),this.panels.push(e),e}addMenubar(e,t={}){var s=new n(t),[e,a]=(e&&e(s),L.menubars.push(s),this.split({type:"vertical",sizes:[48,null],resize:!1,menubar:!0}));return s.siblingArea=a,e.attach(s),e.isMenubar=!0,(t.sticky??!0)&&e.root.classList.add("sticky"),s}addSidebar(e,t={}){var s=new a(t),e=(e&&e(s),s.update(),L.menubars.push(s),t.width??"16rem"),[t,e]=this.split({type:"horizontal",sizes:[e,null],resize:!1,sidebar:!0});return s.siblingArea=e,t.attach(s),t.isSidebar=!0,s}addOverlayButtons(e,t={}){if(this.sections.length)this.sections[1].addOverlayButtons(e,t);else{console.assert(e.constructor==Array&&e.length),this.root.style.position="relative",t.className="lexoverlaybuttons";let l=this.addPanel(t),o=null;const n=document.createElement("div"),i=(n.className="lexoverlaybuttonscontainer",n.appendChild(l.root),this.attach(n),t.float);if(i)for(var s=0;s<i.length;s++)switch(i[s]){case"h":break;case"v":n.className+=" vertical";break;case"t":break;case"m":n.className+=" middle";break;case"b":n.className+=" bottom";break;case"l":break;case"c":n.className+=" center";break;case"r":n.className+=" right"}const r=function(a,e,t){var s={width:"auto",selectable:a.selectable,selected:a.selected,icon:a.icon,img:a.img,className:a.class};e&&(o||((o=document.createElement("div")).className="lexoverlaygroup",l.queuedContainer=o),s.parent=o);let n=a.callback;if(a.options)l.addSelect(null,a.options,a.name,n,s);else{const i=l.addButton(null,a.name,function(e,t){var s;a.selectable&&(a.group?(s=a.selected,a.group.forEach(e=>e.selected=!1),a.selected=!s):a.selected=!a.selected),n(e,t,i.root)},s)}o&&t&&(l.root.appendChild(o),o=null,l.clearQueue())};!function(){l.clear();for(var t of e)if(t.constructor===Array)for(let e=0;e<t.length;++e){var s=t[e];s.group=t,r(s,!0,e==t.length-1)}else r(t);var a;i&&(a=0,l.root.childNodes.forEach(e=>{a+=e.offsetHeight}),n.className.includes("middle"))&&(n.style.top="-moz-calc( 50% - "+.5*a+"px )",n.style.top="-webkit-calc( 50% - "+.5*a+"px )",n.style.top="calc( 50% - "+.5*a+"px )")}()}}addTabs(e={}){var t=new l(this,e);return e.folding&&(this.parentArea._disableSplitResize(),this.root.style.paddingTop="4px"),t}_moveSplit(t,s=!1,a=0){if(!this.type)throw"No split area";if(void 0!==t){var n,i=this.sections[0],l=i.root,o=(l.classList.contains("origin")||(l=l.parentElement),this.sections[1]),r=o.root,c=" - "+L.DEFAULT_SPLITBAR_SIZE+"px";let e=null;s||(e=l.style.transition,l.style.transition=r.style.transition="none",w(l),w(r)),"horizontal"==this.type?(n=Math.max(r.offsetWidth+t,parseInt(o.minWidth)),l.style.width="-moz-calc( 100% - "+(n=a?a:n)+"px "+c+" )",l.style.width="-webkit-calc( 100% - "+n+"px "+c+" )",l.style.width="calc( 100% - "+n+"px "+c+" )",l.style.minWidth=parseInt(i.minWidth)+"px",r.style.width=n+"px",i.maxWidth!=1/0&&(r.style.minWidth="calc( 100% - "+parseInt(i.maxWidth)+"px )")):(n=Math.max(r.offsetHeight+t+o.offset,parseInt(o.minHeight)),l.style.height="-moz-calc( 100% - "+(n=a?a:n)+"px "+c+" )",l.style.height="-webkit-calc( 100% - "+n+"px "+c+" )",l.style.height="calc( 100% - "+n+"px "+c+" )",l.style.minHeight=i.minHeight+"px",r.style.height=n-o.offset+"px"),s||(l.style.transition=r.style.transition=e),this._update(),this.propagateEvent("onresize")}}_disableSplitResize(){this.resize=!1,this.splitBar.remove(),delete this.splitBar}_update(){var e=this.root.getBoundingClientRect();this.size=[e.width,e.height];for(var t=0;t<this.sections.length;t++)this.sections[t]._update()}}function w(e){e.offsetHeight}L.Area=b;class l{static TAB_SIZE=28;static TAB_ID=0;constructor(a,e={}){this.onclose=e.onclose;var t=document.createElement("div"),s=(t.className="lexareatabs "+(e.fit?"fit":"row"),e.folding??!1);s&&t.classList.add("folding");let i=this;t.addEventListener("dragenter",function(e){e.preventDefault(),this.classList.add("dockingtab")}),t.addEventListener("dragleave",function(e){e.preventDefault(),this.contains(e.relatedTarget)||this.classList.remove("dockingtab")}),t.addEventListener("drop",function(e){e.preventDefault();var t,s,a=e.dataTransfer.getData("source"),n=document.getElementById(a);n&&(s=(t=e.target).getBoundingClientRect(),e.offsetX<.5*s.width?this.insertBefore(n,t):t.nextElementSibling?this.insertBefore(n,t.nextElementSibling):this.appendChild(n),e=document.getElementById(a+"_content"),i.area.attach(e),this.classList.remove("dockingtab"),L.emit("@on_tab_docked"),n.instance=i,n.click(),i.tabs[n.dataset.name]=e)}),a.root.classList.add("lexareatabscontainer"),a.split({type:"vertical",sizes:e.sizes??"auto",resize:!1,top:6}),a.sections[0].attach(t),this.area=a.sections[1],this.area.root.className+=" lexareatabscontent",this.selected=null,this.root=t,this.tabs={},this.tabDOMs={},e.fit&&((t=document.createElement("span")).className="lexareatab thumb",this.thumb=t,this.root.appendChild(t),new ResizeObserver(e=>{var t,s=this.thumb.item;s&&(t=this.thumb.style.transition,this.thumb.style.transition="none",this.thumb.style.transform="translate( "+s.childIndex*s.offsetWidth+"px )",this.thumb.style.width=s.offsetWidth-5+"px",this.thumb.style.height=s.offsetHeight-6+"px",w(this.thumb),this.thumb.style.transition=t)}).observe(this.area.root)),s&&(this.folded=!0,"up"==(this.folding=s)&&a.root.insertChildAtIndex(a.sections[1].root,0),new ResizeObserver(e=>{for(const s of e){var t=s.contentRect;a.parentArea.sections[0].root.style.height="calc(100% - "+(42+t.height)+"px )"}}).observe(this.area.root),this.area.root.classList.add("folded"))}add(e,t,s={}){let a=s.selected??!1,n=(a&&(this.root.querySelectorAll("span").forEach(e=>e.classList.remove("selected")),this.area.root.querySelectorAll(".lextabcontent").forEach(e=>e.style.display="none")),a=!Object.keys(this.tabs).length&&!this.folding||a,t.root||t);n.originalDisplay=n.style.display,n.style.display=a?n.originalDisplay:"none",n.classList.add("lextabcontent"),s.icon&&(s.icon.includes("fa-")?s.icon="<i class='"+s.icon+"'></i>":s.icon="<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+s.icon+"'>");let i=document.createElement("span");i.dataset.name=e,i.className="lexareatab"+(a?" selected":""),i.innerHTML=(s.icon??"")+e,i.id=e.replace(/\s/g,"")+l.TAB_ID++,i.title=s.title??"",i.selected=a??!1,i.fixed=s.fixed,i.instance=this,n.id=i.id+"_content",i.selected&&(this.selected=e),L.addSignal("@on_tab_docked",i,function(){1==this.parentElement.childNodes.length&&this.parentElement.childNodes[0].click()}),i.addEventListener("click",e=>{var t;e.preventDefault(),e.stopPropagation(),i.fixed||(t=i.selected,i.parentElement.querySelectorAll("span").forEach(e=>e.selected=!1),i.selected=!t,i.parentElement.querySelectorAll("span").forEach(e=>e.classList.remove("selected")),i.classList.toggle("selected",this.folding&&i.selected),i.instance.area.root.querySelectorAll(".lextabcontent").forEach(e=>e.style.display="none"),n.style.display=n.originalDisplay,i.instance.selected=i.dataset.name),this.folding&&(this.folded=i.selected,this.area.root.classList.toggle("folded",!this.folded)),s.onSelect&&s.onSelect(e,i.dataset.name),this.thumb&&(this.thumb.style.transform="translate( "+i.childIndex*i.offsetWidth+"px )",this.thumb.style.width=i.offsetWidth-5+"px",this.thumb.style.height=i.offsetHeight-6+"px",this.thumb.item=i)}),i.addEventListener("contextmenu",e=>{e.preventDefault(),e.stopPropagation(),s.onContextMenu&&s.onContextMenu(e,i.dataset.name)}),i.addEventListener("mouseup",e=>{e.preventDefault(),e.stopPropagation(),1==e.button&&this.delete(i.dataset.name)}),i.setAttribute("draggable",!0),i.addEventListener("dragstart",function(e){1==this.parentElement.childNodes.length?e.preventDefault():e.dataTransfer.setData("source",e.target.id)}),i.childIndex=this.root.childElementCount-1,this.root.appendChild(i),this.area.attach(n),this.tabDOMs[e]=i,this.tabs[e]=t,setTimeout(()=>{s.onCreate&&s.onCreate.call(this,this.area.root.getBoundingClientRect()),a&&this.thumb&&(this.thumb.style.transform="translate( "+i.childIndex*i.offsetWidth+"px )",this.thumb.style.width=i.offsetWidth-5+"px",this.thumb.style.height=i.offsetHeight-6+"px",this.thumb.item=i)},10)}select(e){this.tabDOMs[e]&&this.tabDOMs[e].click()}delete(e){var t=this.tabDOMs[e];t&&!t.fixed&&(this.onclose&&this.onclose(e),this.tabDOMs[e].remove(),delete this.tabDOMs[e],this.tabs[e].remove(),delete this.tabs[e],t=this.root.lastChild)&&!t.fixed&&this.root.lastChild.click()}}L.Tabs=l;class n{constructor(e={}){this.root=document.createElement("div"),this.root.className="lexmenubar",e.float&&(this.root.style.justifyContent=e.float),this.items=[],this.buttons=[],this.icons={},this.shorts={}}_resetMenubar(e){this.root.querySelectorAll(".lexmenuentry").forEach(e=>{e.classList.remove("selected"),e.built=!1}),L.root.querySelectorAll(".lexmenubox").forEach(e=>e.remove()),this.focused=e??!1}_createSubmenu(e,t,s,n){let i=document.createElement("div");i.className="lexmenubox",i.tabIndex="0";const a=((s.currentMenu=i).parentEntry=s).classList.contains("lexmenuboxentry");a&&(i.dataset.submenu=!0),i._updatePosition=()=>{const t=i.style.transition;i.style.transition="none",w(i),x(()=>{var e=s.getBoundingClientRect();e.x+=document.scrollingElement.scrollLeft,e.y+=document.scrollingElement.scrollTop,i.style.left=(a?e.x+e.width:e.x)+"px",i.style.top=(a?e.y:e.y+e.height-4)+"px",i.style.transition=t})},i._updatePosition(),x(()=>{i.dataset.open=!0},10),L.root.appendChild(i);for(var l=0;l<e[t].length;++l){const h=e[t][l],u=Object.keys(h)[0];var o,r,c=h[u].length,d="checkbox"==h.type;let s=document.createElement("div"),a=(s.tabIndex="1",s.className="lexmenuboxentry",s.className+=(l==e[t].length-1?" last":"")+(h.disabled?" disabled":""),""==u?s.className=" lexseparator":(s.id=u,(o=document.createElement("div")).innerHTML="",o.classList="lexmenuboxentrycontainer",s.appendChild(o),r=this.icons[u],d?o.innerHTML+="<input type='checkbox' >":r?o.innerHTML+="<a class='"+r+" fa-sm'></a>":(o.innerHTML+="<a class='fa-solid fa-sm noicon'></a>",o.classList.add("noicon")),o.innerHTML+="<div class='lexentryname'>"+u+"</div>"),s.querySelector("input"));a&&(a.checked=h.checked??!1,a.addEventListener("change",e=>{h.checked=a.checked;var t=h.callback;t&&(t.call(this,h.checked,u,s),this._resetMenubar()),e.stopPropagation(),e.stopImmediatePropagation()})),i.appendChild(s),""!=u&&(i.addEventListener("keydown",e=>{e.preventDefault();let t=this.shorts[u];t&&(t=1==t.length?t.toLowerCase():t)==e.key&&s.click()}),s.addEventListener("click",e=>{a&&(h.checked=!h.checked);var t=h.callback;t&&(t.call(this,a?h.checked:u,a?u:s),this._resetMenubar()),e.stopPropagation(),e.stopImmediatePropagation()}),s.addEventListener("blur",e=>{e.target&&e.target.className.includes("lexmenu")||this._resetMenubar()}),c?((d=document.createElement("a")).className="fa-solid fa-angle-right fa-xs",s.appendChild(d),s.addEventListener("mouseover",e=>{s.built||(s.built=!0,this._createSubmenu(h,u,s,++n),e.stopPropagation())}),s.addEventListener("mouseleave",e=>{s.currentMenu&&s.currentMenu!=e.toElement&&(n=-1,delete s.built,s.currentMenu.remove(),delete s.currentMenu)})):this.shorts[u]&&((r=document.createElement("div")).className="lexentryshort",r.innerText=this.shorts[u],s.appendChild(r)))}i.style.width=i.offsetWidth+"px"}add(e,i={}){i.constructor==Function&&(i={callback:i});const l=e.split("/");e=l[l.length-1];this.icons[e]=i.icon,this.shorts[e]=i.short;let o=0;const r=(a,e)=>{if(null!=a){let s=null;var t,n;e.forEach(e=>{var t=Object.keys(e).find(e=>e==a);t&&(s=e[t])}),s?r(l[o++],s):((t={})[a]=[],(n=l[o++])||(t.callback=i.callback,t.disabled=i.disabled,t.type=i.type,t.checked=i.checked),e.push(t),r(n,t[a]))}};r(l[o++],this.items);for(let a of this.items){let s=Object.keys(a)[0];var n=s.replace(/\s/g,"").replaceAll(".","");if(!this.root.querySelector("#"+n)){let t=document.createElement("div");t.className="lexmenuentry",t.id=n,t.innerHTML="<span>"+s+"</span>",t.tabIndex="1","left"==i.position?this.root.prepend(t):("right"==i.position&&(t.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(t):this.root.appendChild(t));const c=()=>{this._resetMenubar(!0),t.classList.add("selected"),t.built=!0,this._createSubmenu(a,s,t,-1)};t.addEventListener("click",()=>{var e=a.callback;e?e.call(this,s,t):(c(),this.focused=!0)}),t.addEventListener("mouseover",e=>{this.focused&&!t.built&&c()}),t.addEventListener("blur",e=>{e.relatedTarget&&e.relatedTarget.className.includes("lexmenubox")||this._resetMenubar()})}}}getButton(e){return this.buttons[e]}getSubitem(t,s){var a=s[0];for(let e=0;e<t.length;e++)if(t[e][a])return 1==s.length?t[e]:(s.splice(0,1),this.getSubitem(t[e][a],s))}getItem(e){e=e.split("/");return this.getSubitem(this.items,e)}setButtonIcon(e,t,s,a={}){if(!e)throw"Set Button Name!";let n=this.buttons[e];if(n)n.querySelector("a").className="fa-solid "+t+" lexicon";else{n=document.createElement("div");const i=a.disabled??!1,l=(n.className="lexmenubutton main"+(i?" disabled":""),n.title=e,n.innerHTML="<a class='"+t+" lexicon'></a>","right"==a.float&&(n.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(n):"left"==a.float?this.root.prepend(n):this.root.appendChild(n),n.querySelector("a"));l.addEventListener("click",e=>{s&&!i&&s.call(this,l,e)}),this.buttons[e]=n}}setButtonImage(e,t,s,a={}){if(!e)throw"Set Button Name!";let n=this.buttons[e];if(n)n.querySelector("img").src=t;else{n=document.createElement("div");const i=a.disabled??!1,l=(n.className="lexmenubutton"+(i?" disabled":""),n.title=e,n.innerHTML="<a><image src='"+t+"' class='lexicon' style='height:32px;'></a>","right"==a.float&&(n.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(n):"left"==a.float?this.root.prepend(n):this.root.appendChild(n),n.querySelector("a"));l.addEventListener("click",e=>{s&&!i&&s.call(this,l,e)}),this.buttons[e]=n}}addButtons(i,e={}){if(!i)throw"No buttons to add!";this.buttonContainer||(this.buttonContainer=document.createElement("div"),this.buttonContainer.className="lexmenubuttons",this.buttonContainer.classList.add(e.float??"center"),"right"==e.position&&(this.buttonContainer.right=!0),this.root.lastChild&&this.root.lastChild.right?this.root.lastChild.before(this.buttonContainer):this.root.appendChild(this.buttonContainer));for(let t=0;t<i.length;++t){let s=i[t],a=document.createElement("label");var l=s.title;let n=s.disabled??!1;a.className="lexmenubutton"+(n?" disabled":""),a.title=l??"",this.buttonContainer.appendChild(a);var o=document.createElement("a");o.className=s.icon+" lexicon",a.appendChild(o);let e=o;s.swap&&(a.classList.add("swap"),o.classList.add("swap-off"),(o=document.createElement("input")).type="checkbox",a.prepend(o),e=o,(o=document.createElement("a")).className=s.swap+" swap-on lexicon",a.appendChild(o),a.swap=function(){var e=this.querySelector("input");e.checked=!e.checked},a.setState=function(e){this.querySelector("input").checked=e}),e.addEventListener("click",e=>{var t;s.callback&&!n&&(t=a.querySelector("input"),s.callback.call(this,e,t?.checked))}),l&&(this.buttons[l]=a)}}}L.Menubar=n;class a{constructor(e={}){var t;this.root=document.createElement("div"),this.root.className="lexsidebar",this._displaySelected=e.displaySelected??!1,Object.defineProperty(a.prototype,"displaySelected",{get:function(){return this._displaySelected},set:function(e){this._displaySelected=e,this._displaySelected||this.root.querySelectorAll(".lexsidebarentry").forEach(e=>e.classList.remove("selected"))},enumerable:!0,configurable:!0}),this.collapsable=e.collapsable??!0,this._collapseWidth=e.collapseToIcons??!0?"58px":"0px",this.collapsed=!1,this.filterString="",x(()=>{this.root.parentElement.ogWidth=this.root.parentElement.style.width,this.root.parentElement.style.transition="width 0.25s ease-out",this.resizeObserver=new ResizeObserver(e=>{for(const t of e)this.siblingArea.setSize(["calc(100% - "+t.contentRect.width+"px )",null])})},10),e.skipHeader||(this.header=e.header??this._generateDefaultHeader(e),console.assert(this.header.constructor===HTMLDivElement,"Use an HTMLDivElement to build your custom header"),this.header.className="lexsidebarheader",this.root.appendChild(this.header),this.collapsable&&(t=L.makeIcon("sidebar","Toggle Sidebar","toggler"),this.header.appendChild(t),t.addEventListener("click",e=>{e.preventDefault(),e.stopPropagation(),this.toggleCollapsed()}))),e.filter&&((t=new M).addText(null,"",(e,t)=>{this.filterString=e,this.update()},{placeholder:"Search...",icon:"fa-solid fa-magnifying-glass"}),this.filter=t.root.childNodes[0],this.root.appendChild(this.filter)),this.content=document.createElement("div"),this.content.className="lexsidebarcontent",this.root.appendChild(this.content),e.skipFooter||(this.footer=e.footer??this._generateDefaultFooter(e),console.assert(this.footer.constructor===HTMLDivElement,"Use an HTMLDivElement to build your custom footer"),this.footer.className="lexsidebarfooter",this.root.appendChild(this.footer)),x(()=>{var e=32+(this.header?.offsetHeight??0)+(this.filter?.offsetHeight??0)+(this.footer?.offsetHeight??0);this.content.style.height=`calc(100% - ${e}px)`},10),this.items=[],this.icons={},this.groups={}}_generateDefaultHeader(t){var e=document.createElement("div"),s=(e.addEventListener("click",e=>{this.collapsed?(e.preventDefault(),e.stopPropagation(),this.toggleCollapsed()):t.onHeaderPressed&&t.onHeaderPressed(e)}),document.createElement("span")),s=(s.className="lexavatar",e.appendChild(s),t.headerImage?((a=document.createElement("img")).src=t.headerImage,s.appendChild(a)):t.headerIcon&&(a=L.makeIcon(t.headerIcon),s.appendChild(a)),document.createElement("div")),a=(s.className="infodefault",e.appendChild(s),document.createElement("span")),a=(a.innerHTML=t.headerTitle??"",s.appendChild(a),document.createElement("span"));return a.innerHTML=t.headerSubtitle??"",s.appendChild(a),e}_generateDefaultFooter(t){const s=document.createElement("div");s.addEventListener("click",e=>{t.onFooterPressed&&t.onFooterPressed(e,s)});var e=document.createElement("span"),e=(e.className="lexavatar",s.appendChild(e),t.footerImage?((a=document.createElement("img")).src=t.footerImage,e.appendChild(a)):t.footerIcon&&(a=L.makeIcon(t.footerIcon),e.appendChild(a)),document.createElement("div")),a=(e.className="infodefault",s.appendChild(e),document.createElement("span")),a=(a.innerHTML=t.footerTitle??"",e.appendChild(a),document.createElement("span")),e=(a.innerHTML=t.footerSubtitle??"",e.appendChild(a),L.makeIcon("menu-arrows"));return s.appendChild(e),s}toggleCollapsed(e){if(this.collapsable){if(this.collapsed=e??!this.collapsed,this.collapsed?(this.root.classList.add("collapsing"),this.root.parentElement.style.width=this._collapseWidth):(this.root.classList.remove("collapsing"),this.root.classList.remove("collapsed"),this.root.parentElement.style.width=this.root.parentElement.ogWidth),!this.resizeObserver)throw"Wait until ResizeObserver has been created!";this.resizeObserver.observe(this.root.parentElement),x(()=>{this.root.classList.toggle("collapsed",this.collapsed),this.resizeObserver.unobserve(this.root.parentElement)},250)}}separator(){this.currentGroup=null,this.add("")}group(e,t){this.currentGroup=e,this.groups[e]=t}add(e,i={}){i.constructor==Function&&(i={callback:i});const l=e.split("/");e=l[l.length-1];this.icons[e]=i.icon;let o=0;const r=(a,e)=>{if(null!=a){let s=null;var t,n;e.forEach(e=>{var t=Object.keys(e).find(e=>e==a);t&&(s=e[t])}),s?r(l[o++],s):((t={})[a]=[],(n=l[o++])||(t.callback=i.callback,t.group=this.currentGroup,t.options=i),e.push(t),r(n,t[a]))}};r(l[o++],this.items)}select(e){let t=e.replace(/\s/g,"").replaceAll(".","");e=this.items.find(e=>e.name===t);e&&e.dom.click()}update(){this.content.innerHTML="";for(var e of this.items)delete e.dom;for(let i of this.items){const d=i.options??{};if(!i.dom){let n=Object.keys(i)[0];if(!this.filterString.length||n.toLowerCase().includes(this.filterString.toLowerCase())){var l=n.replace(/\s/g,"").replaceAll(".","");let t=null,a=document.createElement("div");if(a.className="lexsidebarentry "+(d.className??""),a.id=i.name=l,i.group){var s=i.group.replace(/\s/g,"").replaceAll(".","");if(t=this.content.querySelector("#"+s)){if(!t.classList.contains("lexsidebargroup"))throw"Bad id: "+i.group}else{(t=document.createElement("div")).id=s,t.className="lexsidebargroup",this.content.appendChild(t);var s=document.createElement("div"),o=(s.className="lexsidebargrouptitle",t.appendChild(s),document.createElement("div"));o.innerHTML=i.group,s.appendChild(o),null!=this.groups[i.group]&&((o=document.createElement("a")).className=(this.groups[i.group].icon??"")+" lexicon",s.appendChild(o),o.addEventListener("click",e=>{this.groups[i.group].callback&&this.groups[i.group].callback(i.group,e)}))}}if(""==l){s=document.createElement("div");s.className="lexsidebarseparator",this.content.appendChild(s)}else{this.collapseContainer?(this.collapseContainer.appendChild(a),this.collapseQueue--,this.collapseQueue||delete this.collapseContainer):(t||this.content).appendChild(a);let s=document.createElement("div");a.appendChild(s),i.dom=a,"checkbox"==d.type?(i.value=d.value??!1,o=new M,i.checkbox=o.addCheckbox(null,i.value,(e,t)=>{t.preventDefault(),t.stopPropagation();var s=d.callback;i.value=e,s&&s.call(this,n,e,t)},{label:n,signal:"@checkbox_"+n}),s.appendChild(o.root.childNodes[0])):(d.icon&&((l=document.createElement("i")).className=d.icon,s.appendChild(l)),(l=document.createElement("a")).innerHTML=n,s.appendChild(l));const h=null!=d.collapsable?d.collapsable:d.collapsable||i[n].length;a.addEventListener("click",e=>{var t;e.target&&e.target.classList.contains("lexcheckbox")||(h?s.querySelector(".collapser").click():((t=d.callback)&&t.call(this,n,i.value,e),i.checkbox&&(i.value=!i.value,i.checkbox.set(i.value,!0))),this.displaySelected&&(this.root.querySelectorAll(".lexsidebarentry").forEach(e=>e.classList.remove("selected")),a.classList.add("selected")))}),d.action?(l=L.makeIcon(d.action.icon??"more-horizontal",d.action.name),s.appendChild(l),l.addEventListener("click",e=>{e.preventDefault(),e.stopImmediatePropagation();var t=d.action.callback;t&&t.call(this,n,e)})):h&&((l=document.createElement("div")).className="collapsablecontainer",Object.assign(l.style,{width:"100%",display:"none"}),L.makeCollapsible(s,l,t??this.content),this.collapseQueue=d.collapsable,this.collapseContainer=l);let e=document.createElement("span");if(e.className="lexsidebarentrydesc",e.innerHTML=n,a.appendChild(e),s.addEventListener("mouseenter",()=>{setTimeout(()=>{e.style.display="unset"},150)}),s.addEventListener("mouseleave",()=>{setTimeout(()=>{e.style.display="none"},150)}),i[n].length){var r=document.createElement("div");r.className="lexsidebarsubentrycontainer",h?(this.collapseContainer.appendChild(r),delete this.collapseContainer):(t?(r.classList.add("collapsablecontainer"),t):this.content).appendChild(r);for(let e=0;e<i[n].length;++e){var c=i[n][e];const u=c.options??{},p=Object.keys(c)[0];if(!this.filterString.length||p.toLowerCase().includes(this.filterString.toLowerCase())){let s=document.createElement("div");s.innerHTML=`<span>${p}</span>`,u.action&&(c=L.makeIcon(u.action.icon??"more-horizontal",u.action.name),s.appendChild(c),c.addEventListener("click",e=>{e.preventDefault(),e.stopImmediatePropagation();var t=u.action.callback;t&&t.call(this,p,e)})),s.className="lexsidebarentry",s.id=p,r.appendChild(s),s.addEventListener("click",e=>{var t=u.callback;t&&t.call(this,p,s,e),this.displaySelected&&(this.root.querySelectorAll(".lexsidebarentry").forEach(e=>e.classList.remove("selected")),a.classList.add("selected"))})}}}}}}}}}L.SideBar=a;class C{static NONE=0;static TEXT=1;static TEXTAREA=2;static BUTTON=3;static SELECT=4;static CHECKBOX=5;static TOGGLE=6;static RADIO=7;static BUTTONS=8;static COLOR=9;static RANGE=10;static NUMBER=11;static TITLE=12;static VECTOR=13;static TREE=14;static PROGRESS=15;static FILE=16;static LAYERS=17;static ARRAY=18;static LIST=19;static TAGS=20;static CURVE=21;static CARD=22;static IMAGE=23;static CONTENT=24;static CUSTOM=25;static SEPARATOR=26;static KNOB=27;static SIZE=28;static PAD=29;static FORM=30;static DIAL=31;static COUNTER=32;static TABLE=33;static TABS=34;static LABEL=35;static BLANK=36;static NO_CONTEXT_TYPES=[C.BUTTON,C.LIST,C.FILE,C.PROGRESS];constructor(e,t,s,a={}){this.type=e,this.name=t,this.options=a,this._initialValue=s;var n=document.createElement("div");if(n.className="lexwidget",a.id&&(n.id=a.id),a.title&&(n.title=a.title),a.className&&(n.className+=" "+a.className),e!=C.TITLE&&(a.width&&(n.style.width=n.style.minWidth=a.width),a.maxWidth&&(n.style.maxWidth=a.maxWidth),a.minWidth&&(n.style.minWidth=a.minWidth),a.height)&&(n.style.height=n.style.minHeight=a.height),null!=t){if(!a.hideName){e=document.createElement("div");e.className="lexwidgetname",a.justifyName&&e.classList.add("float-"+a.justifyName),e.innerHTML=t,e.title=a.title??e.innerHTML,e.style.width=a.nameWidth||L.DEFAULT_NAME_WIDTH,n.appendChild(e),n.domName=e;const i=this;e.addEventListener("contextmenu",function(e){e.preventDefault(),i.oncontextmenu(e)}),a.skipReset||null==s||this._addResetProperty(e,function(e){i.set(i._initialValue,!1,e),this.style.display="none"})}}else a.hideName=!0;a.signal&&L.addSignal(a.signal,this),this.root=n,(this.root.jsInstance=this).options=a}static _dispatchEvent(e,t,s,a,n){t=new CustomEvent(t,{detail:s,bubbles:a,cancelable:n});e.dispatchEvent(t)}_addResetProperty(e,t){var s=document.createElement("a");return s.style.display="none",s.style.marginRight="6px",s.className="lexicon fa fa-rotate-left",s.addEventListener("click",t),e.appendChild(s),s}_canPaste(){return this.type===C.CUSTOM?void 0!==navigator.clipboard.customIdx&&this.customIdx==navigator.clipboard.customIdx:navigator.clipboard.type===this.type}_trigger(e,t,s=this){t&&t.call(s,e.value,e.domEvent,e.name)}value(){if(this.onGetValue)return this.onGetValue();console.warn("Can't get value of "+this.typeName())}set(e,t,s){var a,n;if(this.onSetValue)return(a=this.root.querySelector(".lexwidgetname .lexicon"))&&(a.style.display=e!=this.value()?"block":"none",n=e.constructor===Array?function(e,t){if(e!==t){if(null==e||null==t)return!1;if(e.length!==t.length)return!1;for(var s=0;s<e.length;++s)if(e[s]!==t[s])return!1}return!0}(e,this._initialValue):e==this._initialValue,a.style.display=n?"none":"block"),this.onSetValue(e,t??!1,s);console.warn("Can't set value of "+this.typeName())}oncontextmenu(e){C.NO_CONTEXT_TYPES.includes(this.type)||z(this.typeName(),e,e=>{e.add("Copy",()=>{this.copy()}),e.add("Paste",{disabled:!this._canPaste(),callback:()=>{this.paste()}})})}copy(){navigator.clipboard.type=this.type,navigator.clipboard.customIdx=this.customIdx,navigator.clipboard.data=this.value(),navigator.clipboard.writeText(navigator.clipboard.data)}paste(){this._canPaste()&&this.set(navigator.clipboard.data)}typeName(){switch(this.type){case C.TEXT:return"Text";case C.TEXTAREA:return"TextArea";case C.BUTTON:return"Button";case C.SELECT:return"Select";case C.CHECKBOX:return"Checkbox";case C.TOGGLE:return"Toggle";case C.RADIO:return"Radio";case C.COLOR:return"Color";case C.RANGE:return"Range";case C.NUMBER:return"Number";case C.VECTOR:return"Vector";case C.TREE:return"Tree";case C.PROGRESS:return"Progress";case C.FILE:return"File";case C.LAYERS:return"Layers";case C.ARRAY:return"Array";case C.LIST:return"List";case C.TAGS:return"Tags";case C.CURVE:return"Curve";case C.KNOB:return"Knob";case C.SIZE:return"Size";case C.PAD:return"Pad";case C.FORM:return"Form";case C.DIAL:return"Dial";case C.COUNTER:return"Counter";case C.TABLE:return"Table";case C.TABS:return"Tabs";case C.LABEL:return"Label";case C.BLANK:return"Blank";case C.CUSTOM:return this.customName}console.error("Unknown Widget type: "+this.type)}refresh(){}}L.Widget=C,L.ADD_CUSTOM_WIDGET=function(p,m={}){let e=E();M.prototype["add"+p]=function(n,i,l){let o=new C(C.CUSTOM,n,null,m);this._attachWidget(o),o.customName=p,o.customIdx=e,o.onGetValue=()=>i,o.onSetValue=(e,t,s)=>{i=e,u(),r.querySelector(".lexcustomitems").toggleAttribute("hidden",!1),t||o._trigger(new y(n,i,s),l)};const r=o.root;r.style.flexWrap="wrap";let c,d,h=m.default??{};const u=()=>{i&&(o.instance=i=Object.assign(v(h),i)),c&&c.remove(),d&&d.remove(),(c=document.createElement("div")).className="lexcustomcontainer",c.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";var e="<a class='fa-solid "+(m.icon??"fa-cube")+"' style='float:left'></a>",e=(e=e+(p+(i?"":" [empty]"))+("<a class='fa-solid "+(i?"fa-bars-staggered":" ")+" menu' style='float:right; width:5%;'></a>"),this.addButton(null,e,(e,t)=>{i?r.querySelector(".lexcustomitems").toggleAttribute("hidden"):z(null,t,e=>{e.add("New "+p,()=>{i={},u(),r.querySelector(".lexcustomitems").toggleAttribute("hidden",!1)})})},{buttonClass:"custom"}));if(c.appendChild(e.root),i&&e.root.querySelector("a.menu").addEventListener("click",e=>{e.stopImmediatePropagation(),e.stopPropagation(),z(null,e,e=>{e.add("Clear",()=>{i=null,u()})})}),(d=document.createElement("div")).className="lexcustomitems",d.toggleAttribute("hidden",!0),r.appendChild(c),r.appendChild(d),i){this.queue(d);var t,s=(e,t,s)=>{i[e]=t,o._trigger(new y(n,i,s),l)};for(t in h){var a=i[t]??h[t];switch(a.constructor){case String:"#"===a[0]?this.addColor(t,a,s.bind(this,t)):this.addText(t,a,s.bind(this,t));break;case Number:this.addNumber(t,a,s.bind(this,t));break;case Boolean:this.addCheckbox(t,a,s.bind(this,t));break;case Array:4<a.length?this.addArray(t,a,s.bind(this,t)):this._addVector(a.length,t,a,s.bind(this,t))}}this.clearQueue()}};u()}};class B{constructor(e,t,s){if(this.domEl=e,this.data=t,this.onevent=s.onevent,this.options=s,this.selected=[],t.constructor===Object)this._create_item(null,t);else for(var a of t)this._create_item(null,a)}_create_item(e,i,t=0,s){const l=this;var a=this.domEl.querySelector("#lexnodetree_filter");if(i.children=i.children??[],a&&!i.id.includes(a.value)||null!=s&&s!=i.id){for(var n=0;n<i.children.length;++n)this._create_item(i,i.children[n],t+1,s);return}const o=this.domEl.querySelector("ul");i.visible=i.visible??!0,i.parent=e;let r=0<i.children.length;a=-1<this.selected.indexOf(i)||i.selected;if(this.options.onlyFolders){let t=!1;i.children.forEach(e=>t|="folder"==e.type),r=!!t}let c=document.createElement("li"),d=(c.className="lextreeitem datalevel"+t+(r?" parent":"")+(a?" selected":""),c.id=L.getSupportedDOMName(i.id),c.tabIndex="0",this.options.skip_default_icon??!0?"":"fa-solid fa-square");r&&(d=i.closed?"fa-solid fa-caret-right":"fa-solid fa-caret-down"),c.innerHTML="<a class='"+d+" hierarchy'></a>",d=i.icon,i.icon&&(i.icon.includes("fa-")?c.innerHTML+="<a class='"+i.icon+" tree-item-icon'></a>":c.innerHTML+="<img src='https://raw.githubusercontent.com/jxarco/lexgui.js/master/"+i.icon+"'>"),c.innerHTML+=i.rename?"":i.id,c.setAttribute("draggable",!0),c.style.paddingLeft=(r?0:3)+(3+15*(t+1))+"px",o.appendChild(c),c.addEventListener("click",e=>{var t;h?h=!1:(e.shiftKey||(o.querySelectorAll("li").forEach(e=>{e.classList.remove("selected")}),this.selected.length=0),-1<(t=this.selected.indexOf(i))?(c.classList.remove("selected"),this.selected.splice(t,1)):(c.classList.add("selected"),this.selected.push(i)),r&&1<i.id.length&&(i.closed=!1,l.onevent&&(t=new m(m.NODE_CARETCHANGED,i,i.closed),l.onevent(t)),l.frefresh(i.id)),l.onevent&&((t=new m(m.NODE_SELECTED,e.shiftKey?this.selected:i)).multiple=e.shiftKey,l.onevent(t)))}),c.addEventListener("dblclick",function(){var e;(l.options.rename??!0)&&(i.rename=!0,l.refresh()),l.onevent&&(e=new m(m.NODE_DBLCLICKED,i),l.onevent(e))}),c.addEventListener("contextmenu",s=>{if(s.preventDefault(),l.onevent){const t=new m(m.NODE_CONTEXTMENU,1<this.selected.length?this.selected:i,s);t.multiple=1<this.selected.length,L.addContextMenu(t.multiple?"Selected Nodes":t.node.id,t.value,e=>{t.panel=e}),l.onevent(t),1==(this.options.addDefault??!1)&&(t.panel.items&&t.panel.add(""),t.panel.add("Select Children",()=>{const s=e=>{if(!e.closed)for(var t of e.children??[])t&&(this.domEl.querySelector("#"+t.id).classList.add("selected"),this.selected.push(t),s(t))};s(i)}),t.panel.add("Delete",{callback:()=>{var e,t;i.parent&&(l.onevent&&(e=new m(m.NODE_DELETED,i,s),l.onevent(e)),t=(e=i.parent.children).indexOf(i),e.splice(t,1),this.refresh())}}))}}),c.addEventListener("keydown",e=>{if(!i.rename)if(e.preventDefault(),"Delete"==e.key){var t;l.onevent&&((n=new m(m.NODE_DELETED,1<this.selected.length?this.selected:i,e)).multiple=1<this.selected.length,l.onevent(n));for(t of this.selected){var s=t.parent.children,a=s.indexOf(t);s.splice(a,1)}this.selected.length=0,this.refresh()}else{var n;("ArrowUp"==e.key||"ArrowDown"==e.key)&&(n=1<this.selected.length?"ArrowUp"==e.key?this.selected.shift():this.selected.pop():this.selected[0],n=this.domEl.querySelector("#"+L.getSupportedDOMName(n.id)),e="ArrowUp"==e.key?n.previousSibling:n.nextSibling)&&e.click()}});a=document.createElement("input");a.toggleAttribute("hidden",!i.rename),a.value=i.id,c.appendChild(a),i.rename&&(c.classList.add("selected"),a.focus()),a.addEventListener("keyup",function(e){var t;"Enter"==e.key?(this.value=this.value.replace(/\s/g,"_"),l.onevent&&(t=new m(m.NODE_RENAMED,i,this.value),l.onevent(t)),i.id=L.getSupportedDOMName(this.value),delete i.rename,l.frefresh(i.id),o.querySelector("#"+i.id).classList.add("selected")):"Escape"==e.key&&(delete i.rename,l.frefresh(i.id))}),a.addEventListener("blur",function(e){delete i.rename,l.refresh()}),(this.options.draggable??!0)&&(e&&c.addEventListener("dragstart",e=>{window.__tree_node_dragged=i}),c.addEventListener("dragover",e=>{e.preventDefault()},!1),c.addEventListener("dragenter",e=>{e.target.classList.add("draggingover")}),c.addEventListener("dragleave",e=>{e.target.classList.remove("draggingover")}),c.addEventListener("drop",e=>{e.preventDefault();let t=window.__tree_node_dragged;if(t){var s,e=i;if(t.id==e.id)console.warn("Cannot parent node to itself!");else{const n=function(e,t){var s,a=!1;for(s of t.children){if(s.id==e.id)return!0;a|=n(e,s)}return a};n(e,t)?console.warn("Cannot parent node to a current child!"):(l.onevent&&(s=new m(m.NODE_DRAGGED,t,e),l.onevent(s)),s=t.parent.children.findIndex(e=>e.id==t.id),s=t.parent.children.splice(s,1),e.children.push(s[0]),l.refresh(),delete window.__tree_node_dragged)}}}));let h=!1;r&&c.querySelector("a.hierarchy").addEventListener("click",function(e){h=!0,e.stopImmediatePropagation(),e.stopPropagation(),i.closed=!i.closed,l.onevent&&(e=new m(m.NODE_CARETCHANGED,i,i.closed),l.onevent(e)),l.frefresh(i.id)});var u=document.createElement("div");if(c.appendChild(u),i.actions)for(let e=0;e<i.actions.length;++e){let t=i.actions[e],s=document.createElement("a");s.className="lexicon "+t.icon,s.title=t.name,s.addEventListener("click",function(e){t.callback(i,s),e.stopPropagation()}),u.appendChild(s)}if(i.skipVisibility||((a=document.createElement("a")).className="lexicon fa-solid fa-eye"+(i.visible?"":"-slash"),a.title="Toggle visible",a.addEventListener("click",function(e){e.stopPropagation(),i.visible=void 0!==i.visible&&!i.visible,this.className="lexicon fa-solid fa-eye"+(i.visible?"":"-slash"),l.onevent&&(e=new m(m.NODE_VISIBILITY,i,i.visible),l.onevent(e))}),u.appendChild(a)),null!=s&&i.id==s&&(this.selected=[i],c.click()),!i.closed)for(n=0;n<i.children.length;++n){var p=i.children[n];this.options.onlyFolders&&"folder"!=p.type||this._create_item(i,p,t+1)}}refresh(e,t){this.data=e??this.data,this.domEl.querySelector("ul").innerHTML="",this._create_item(null,this.data,0,t)}frefresh(e){this.refresh();e=this.domEl.querySelector("#"+e);e&&e.focus()}select(e){this.refresh(null,e)}}class i extends C{constructor(e,t){super(C.BLANK),this.root.style.width=e??"auto",this.root.style.height=t??"8px"}}L.Blank=i;class o extends C{constructor(e,t={}){console.assert(e,"Can't create Title Widget without text!"),super(C.TITLE,null,null,t),this.root.className="lextitle",t.icon&&((s=document.createElement("a")).className=t.icon,s.style.color=t.iconColor||"",this.root.appendChild(s));var s=document.createElement("span");s.innerText=e,this.root.appendChild(s),Object.assign(this.root.style,t.style??{}),null!=t.link&&((s=document.createElement("a")).innerText=e,s.href=t.link,s.target=t.target??"",s.className="lextitle link",Object.assign(s.style,t.style??{}),this.root.replaceWith(s))}}L.Title=o;class _ extends C{constructor(a,n,i,l={}){super(C.TEXT,a,String(n),l),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{this.valid(e)&&this._lastValueTriggered!=e&&(this._lastValueTriggered=n=e,l.disabled?o.innerText=e:o.value=e,t||this._trigger(new y(a,e,s),i))},this.valid=e=>!(e=e??this.value()).length||""==o.pattern||new RegExp(o.pattern).test(e);var e,t=document.createElement("div");t.className="lextext"+(l.warning?" lexwarning":""),t.style.width=l.inputWidth||"calc( 100% - "+L.DEFAULT_NAME_WIDTH+" )",t.style.display="flex",l.textClass&&t.classList.add(l.textClass),this.disabled=(l.disabled||l.warning)??!!l.url;let o=null;this.disabled?(o=document.createElement(l.url?"a":"div"),l.url&&(o.href=l.url,o.target="_blank"),o.innerHTML=(l.warning?'<i class="fa-solid fa-triangle-exclamation"></i>':"")+n||"",o.style.width="100%",o.style.textAlign=l.float??""):((o=document.createElement("input")).type=l.type||"",o.value=o.iValue=n||"",o.style.width="100%",o.style.textAlign=l.float??"",o.setAttribute("placeholder",l.placeholder??""),l.required&&o.setAttribute("required",l.required),l.pattern&&o.setAttribute("pattern",l.pattern),"default"==(e=l.trigger??"default")?(o.addEventListener("keyup",e=>{"Enter"==e.key&&o.blur()}),o.addEventListener("focusout",e=>{this.set(e.target.value,!1,e)})):"input"==e&&o.addEventListener("input",e=>{this.set(e.target.value,!1,e)}),o.addEventListener("mousedown",function(e){e.stopImmediatePropagation(),e.stopPropagation()}),l.icon&&((e=document.createElement("a")).className="inputicon "+l.icon,t.appendChild(e))),Object.assign(o.style,l.style??{}),t.appendChild(o),this.root.appendChild(t),l.hideName&&(this.root.className+=" noname",t.style.width="100%")}}L.Text=Text;class T extends C{constructor(a,n,i,e={}){super(C.TEXTAREA,a,n,e),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{l.value=n=e,t||this._trigger(new y(a,e,s),i)};var t=document.createElement("div");t.className="lextextarea",t.style.width=e.inputWidth||"calc( 100% - "+L.DEFAULT_NAME_WIDTH+" )",t.style.height=e.height,t.style.display="flex";let l=document.createElement("textarea");l.value=l.iValue=n||"",l.style.width="100%",l.style.textAlign=e.float??"",Object.assign(l.style,e.style??{}),e.disabled&&l.setAttribute("disabled",!0),e.placeholder&&l.setAttribute("placeholder",e.placeholder);var s=e.trigger??"default",s=("default"==s?(l.addEventListener("keyup",function(e){"Enter"==e.key&&l.blur()}),l.addEventListener("focusout",e=>{this.set(e.target.value,!1,e)})):"input"==s&&l.addEventListener("input",e=>{this.set(e.target.value,!1,e)}),e.icon&&((s=document.createElement("a")).className="inputicon "+e.icon,t.appendChild(s)),t.appendChild(l),this.root.appendChild(t),!e.hideName);s||(this.root.className+=" noname",t.style.width="100%"),x(()=>{e.fitHeight&&(l.style.height=l.scrollHeight+"px")},10)}}L.TextArea=T;class N extends C{constructor(t,s,a,n={}){super(C.BUTTON,t,null,n),this.onGetValue=()=>i.innerText,this.onSetValue=(e,t,s)=>{i.innerHTML=n.icon?"<a class='"+n.icon+"'></a>":n.img?"<img src='"+n.img+"'>":"<span>"+(e||"")+"</span>"};var i=document.createElement("button"),e=(i.title=n.title??"",i.className="lexbutton "+(n.buttonClass??""),n.selected&&i.classList.add("selected"),i.innerHTML=n.icon?"<a class='"+n.icon+"'></a>":n.img?"<img src='"+n.img+"'>":"<span>"+(s||"")+"</span>",i.style.width="calc( 100% - "+(n.nameWidth??L.DEFAULT_NAME_WIDTH)+")",n.disabled&&i.setAttribute("disabled",!0),i.addEventListener("click",e=>{n.selectable&&(n.parent&&n.parent.querySelectorAll(".lexbutton.selected").forEach(e=>{e!=i&&e.classList.remove("selected")}),i.classList.toggle("selected")),this._trigger(new y(t,s,e),a)}),this.root.appendChild(i),!n.hideName&&!(n.icon||n.img));e||(i.className+=" noname",i.style.width="100%")}}L.Button=N;class H extends C{constructor(a,n,e={}){const i=!e.noSelection;let l=i&&(e.toggle??!1),o=document.createElement("div"),r=(o.className="lexcombobuttons ",e.skipReset=!0,e.float&&(o.className+=e.float),o.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")",[]);var c=document.createElement("div");c.className="lexcombobuttonsbox ";for(let s of n){if(!s.value)throw"Set 'value' for each button!";let t=document.createElement("button");t.className="lexbutton combo",t.title=s.icon?s.value:"",t.id=s.id??"",t.dataset.value=s.value,e.buttonClass&&t.classList.add(e.buttonClass),i&&(s.selected||e.selected==s.value)&&(t.classList.add("selected"),r=r.concat([s.value])),t.innerHTML=(s.icon?"<a class='"+s.icon+"'></a>":"")+"<span>"+(s.icon?"":s.value)+"</span>",s.disabled&&t.setAttribute("disabled",!0),t.addEventListener("click",e=>{r=[],i&&(l?t.classList.toggle("selected"):(o.querySelectorAll("button").forEach(e=>e.classList.remove("selected")),t.classList.add("selected"))),o.querySelectorAll("button").forEach(e=>{e.classList.contains("selected")&&r.push(e.dataset.value)}),!l&&1<r.length?console.error("Enable _options.toggle_ to allow selecting multiple options in ComboButtons."):(r=r[0],this.set(s.value,!1,t.classList.contains("selected")))}),c.appendChild(t)}1<r.length?(e.toggle=!0,l=i,console.warn(`Multiple options selected in '${a}' ComboButtons. Enabling _toggle_ mode.`)):r=r[0],super(C.BUTTONS,a,null,e),this.onGetValue=()=>r,this.onSetValue=(t,e,s)=>{i&&null==s&&(o.querySelectorAll("button").forEach(e=>e.classList.remove("selected")),o.querySelectorAll("button").forEach(e=>{r&&-1<r.indexOf(e.dataset.value)&&e.classList.add("selected")})),e||t.constructor==Array||(e=s,s=n.filter(e=>e.value==t)[0]?.callback,this._trigger(new y(a,l?[t,e]:t,null),s))},e.hideName&&(this.root.className+=" noname",o.style.width="100%"),o.appendChild(c),this.root.appendChild(o)}}L.ComboButtons=H;class W extends C{constructor(t,s={}){s.hideName=!0,super(C.CARD,t,null,s);let a=document.createElement("div");a.className="lexcard",a.style.width="100%",s.img&&((n=document.createElement("img")).src=s.img,a.appendChild(n),null!=s.link)&&(n.style.cursor="pointer",n.addEventListener("click",function(){var e=a.querySelector("a");e&&e.click()}));var e,n=document.createElement("span");n.innerText=t,null!=s.link&&((e=document.createElement("a")).innerText=t,e.href=s.link,e.target=s.target??"",n.innerText="",n.appendChild(e)),s.callback&&(a.style.cursor="pointer",a.addEventListener("click",e=>{this._trigger(new y(t,null,e),s.callback)})),a.appendChild(n),this.root.appendChild(a)}}L.Card=W;class q extends C{constructor(e,a,n,t={}){if(a.constructor!=Object)return void console.error("Form data must be an Object");t.hideName=!0,super(C.FORM,e,null,t),this.onGetValue=()=>l.formData,this.onSetValue=(t,s,e)=>{l.formData=t;var a,n,i=l.querySelectorAll(".lexwidget");for(let e=0;e<i.length;++e)i[e].jsInstance.type==L.Widget.TEXT&&(a=i[e].querySelector(".lexwidgetname").innerText,(n=i[e].querySelector(".lextext input")).value=t[a]??"",C._dispatchEvent(n,"focusout",s))};let l=document.createElement("div");l.className="lexformdata",l.formData={};for(let t in a){let e=a[t];(e=e.constructor!=Object?{}:e).placeholder=e.placeholder??t,e.width="calc(100% - 10px)",e.textWidget=new _(null,e.constructor==Object?e.value:e,e=>{l.formData[t]=e},e),l.appendChild(e.textWidget.root),l.formData[t]=e.constructor==Object?e.value:e}l.appendChild((new i).root);e=new N(null,t.actionName??"Submit",(e,t)=>{for(var s in a)if(!a[s].textWidget.valid())return;n&&n(l.formData,t)},{buttonClass:"primary",width:"calc(100% - 10px)"});l.appendChild(e.root),this.root.appendChild(l),this.root.className+=" noname",l.style.width="100%"}}L.Form=q;class k extends C{constructor(i,l,r,o,e={}){super(C.SELECT,i,r,e),this.onGetValue=()=>r,this.onSetValue=(t,e,s)=>{r=t;let a=null;var n;m.childNodes.forEach(e=>{e.classList.remove("selected"),e.getAttribute("value")==t&&(a=e)}),console.assert(a,`Item ${t} does not exist in the Select.`),a.classList.add("selected"),d.refresh(r),p&&(p.querySelector("input").value="",n=this._filterOptions(l,""),u.refresh(n)),e||this._trigger(new y(i,r,s),o)};var t=document.createElement("div");t.className="lexselect",t.style.width=e.inputWidth||"calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let c=document.createElement("div");c.className="lexselect lexoption",c.name=i;var s=c.iValue=r;s+="<a class='fa-solid fa-angle-down' style='float:right; margin-right: 3px;'></a>";let d=new N(null,s,(e,t)=>{u.unfocus_event?delete u.unfocus_event:(h.classList.remove("place-above"),h.hasAttribute("open")?h.close():(h.show(),(s=>{var a=d.root,n=s.getParentArea();const i=a.getBoundingClientRect();var l=s.parentElement.closest("dialog");{var o=s.offsetHeight;let e=i.y,t=window.innerHeight;if(n&&(r=n.getBoundingClientRect(),t=r.y+r.height),l){const i=l.getBoundingClientRect();e-=i.y}s.style.top=e+a.offsetHeight+"px",e+o>t&&(s.style.top=e-o+"px",s.classList.add("place-above"))}{var r=s.offsetWidth;let e=i.x;if(s.style.minWidth=i.width+"px",l){const i=l.getBoundingClientRect();e-=i.x}s.style.left=e+"px";let t=window.innerWidth;n&&(a=n.getBoundingClientRect(),t=a.x+a.width),e+r>t&&(s.style.left=e-(r-i.width)+"px")}})(h)),p&&p.querySelector("input").focus())},{buttonClass:"array",skipInlineCount:!0,disabled:e.disabled});t.appendChild(d.root),d.root.style.width="100%",d.refresh=e=>{var t=d.root.querySelector("span");""==t.innerText?t.innerText=e:t.innerHTML=t.innerHTML.replaceAll(t.innerText,e)};const h=document.createElement("dialog");h.className="lexselectoptions";let u=document.createElement("ul"),p=(u.tabIndex=-1,u.className="lexoptions",h.appendChild(u),u.addEventListener("focusout",function(e){if(e.stopPropagation(),e.stopImmediatePropagation(),e.relatedTarget===d.root.querySelector("button"))this.unfocus_event=!0,setTimeout(()=>delete this.unfocus_event,200);else{if(e.relatedTarget&&"INPUT"==e.relatedTarget.tagName)return;if("lexinput-filter"==e.target.className)return}h.close()}),null);e.filter&&((s=L.deepCopy(e)).placeholder=s.placeholder??"Search...",s.skipWidget=s.skipWidget??!0,s.trigger="input",s.icon="fa-solid fa-magnifying-glass",s.className="lexfilter noname",(s=new _(null,e.filterValue??"",e=>{e=this._filterOptions(l,e);u.refresh(e)},s)).root.querySelector(".lextext").classList.remove("lextext"),s.root.querySelector("input").addEventListener("focusout",function(e){e.relatedTarget&&"UL"==e.relatedTarget.tagName&&e.relatedTarget.classList.contains("lexoptions")||h.close()}),u.appendChild(s.root));const m=document.createElement("span");m.className="lexselectinnerlist",u.appendChild(m),u.refresh=t=>{var e,s;if(m.innerHTML="",t.length)for(let e=0;e<t.length;e++){var a,n=t[e],i=document.createElement("li"),l=document.createElement("div"),o=(l.className="option",i.appendChild(l),e=>{this.set(e.currentTarget.getAttribute("value"),!1,e),h.close()});i.addEventListener("click",o),n.constructor!=Object?((a="@"===n[0])?(l.innerHTML="<span>"+n.substr(1)+"</span>",i.removeEventListener("click",o)):(l.innerHTML="</a><span>"+n+"</span><a class='fa-solid fa-check'>",l.value=n,i.setAttribute("value",n),n==r&&(i.classList.add("selected"),c.innerHTML=n)),i.classList.add(a?"lexselectlabel":"lexselectitem")):((o=document.createElement("img")).src=n.src,i.setAttribute("value",n.value),i.className="lexlistitem",l.innerText=n.value,l.className+=" media",l.prepend(o),l.setAttribute("value",n.value),l.setAttribute("data-index",e),l.setAttribute("data-src",n.src),l.setAttribute("title",n.value),r==n.value&&i.classList.add("selected")),m.appendChild(i)}else s=t.emptyMsg??"No options found.",(e=document.createElement("div")).className="option",e.innerHTML=s,(s=document.createElement("li")).className="lexselectitem empty",s.appendChild(e),m.appendChild(s)},u.refresh(l),t.appendChild(h),this.root.appendChild(t),e.hideName&&(this.root.className+=" noname",t.style.width="100%")}_filterOptions(t,s){var a=!s.length,n=[];for(let e=0;e<t.length;e++){var i=t[e];if(!a){var l="string"==typeof i?i:i.value,o=s.toLowerCase();if(!l.toLowerCase().includes(o))continue}n.push(i)}return n}}L.Select=k;class S extends C{constructor(a,e,n,t={}){var s=JSON.parse(JSON.stringify(e)),i=(super(C.CURVE,a,s,t),this.onGetValue=()=>JSON.parse(JSON.stringify(l.element.value)),this.onSetValue=(e,t,s)=>{l.element.value=JSON.parse(JSON.stringify(e)),l.redraw(),t||this._trigger(new y(a,l.element.value,s),n)},document.createElement("div"));i.className="lexcurve",i.style.width=this.name?"calc( 100% - "+L.DEFAULT_NAME_WIDTH+")":"100%",t.callback=(e,t)=>{this._trigger(new y(a,e,t),n)},t.name=a;let l=new ce(e,t);i.appendChild(l.element),this.root.appendChild(i),this.onresize=l.redraw.bind(l),this.curveInstance=l,x(()=>{l.canvas.width=i.offsetWidth,l.redraw()})}}L.Curve=S;class V extends C{constructor(a,e,n,t={}){var s=JSON.parse(JSON.stringify(e)),i=(super(C.DIAL,a,s,t),this.onGetValue=()=>JSON.parse(JSON.stringify(l.element.value)),this.onSetValue=(e,t,s)=>{l.element.value=JSON.parse(JSON.stringify(e)),l.redraw(),t||this._trigger(new y(a,l.element.value,s),n)},document.createElement("div"));i.className="lexcurve",i.style.width=this.name?"calc( 100% - "+L.DEFAULT_NAME_WIDTH+")":"100%",t.callback=(e,t)=>{this._trigger(new y(a,e,t),n)},t.name=a;let l=new de(this,e,t);i.appendChild(l.element),this.root.appendChild(i),this.onresize=l.redraw.bind(l),this.curveInstance=l,x(()=>{l.element.style.height=l.element.offsetWidth+"px",l.canvas.width=l.element.offsetWidth,i.style.width=l.element.offsetWidth+"px",l.canvas.height=l.canvas.width,l.redraw()})}}L.Curve=S;class U extends C{constructor(a,n,i,e={}){super(C.LAYERS,a,n,e),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{n=e,o(),t||this._trigger(new y(a,n,s),i)};var l=document.createElement("div");l.className="lexlayers",l.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";const o=()=>{l.innerHTML="";let t=n.toString(2);var s=t.length;for(let e=0;e<16-s;++e)t="0"+t;for(let s=0;s<16;++s){var e,a=document.createElement("div");a.className="lexlayer",null!=n&&null!=(e=t[16-s-1])&&"1"==e&&a.classList.add("selected"),a.innerText=s+1,a.title="Bit "+s+", value "+(1<<s),l.appendChild(a),a.addEventListener("click",e=>{e.stopPropagation(),e.stopImmediatePropagation(),e.target.classList.toggle("selected");var t=n^1<<s;this.set(t,!1,e)})}};o(),this.root.appendChild(l)}}L.Layers=U;class F extends C{constructor(n,i=[],l,o={}){super(C.ARRAY,n,null,o),this.onGetValue=()=>i,this.onSetValue=(e,t,s)=>{i=e,this._updateItems(),t||this._trigger(new y(n,i,s),l)},this.root.style.flexWrap="wrap";var e=document.createElement("div");e.className="lexarray",e.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";const s="<a class='fa-solid fa-angle-down' style='float:right; margin-right: 3px;'></a>";let r="Array (size "+i.length+")";r+=s;var t=new N(null,r,()=>{this.root.querySelector(".lexarrayitems").toggleAttribute("hidden")},{buttonClass:"array"});e.appendChild(t.root);let c=document.createElement("div");c.className="lexarrayitems",c.toggleAttribute("hidden",!0),this.root.appendChild(e),this.root.appendChild(c),this._updateItems=()=>{var e=this.root.querySelector(".lexbutton.array span");e.innerHTML="Array (size "+i.length+")",e.innerHTML+=s,c.innerHTML="";for(let s=0;s<i.length;++s){const a=i[s];var t=o.innerValues?"select":a.constructor;let e=null;switch(t){case String:e=new _(s+"",a,function(e,t){i[s]=e,l(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0});break;case Number:e=new A(s+"",a,function(e,t){i[s]=e,l(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0});break;case"select":e=new k(s+"",o.innerValues,a,function(e,t){i[s]=e,l(i)},{nameWidth:"4%",inputWidth:"95%",skipReset:!0})}console.assert(e,`Value of type ${t} cannot be modified in ItemArray`),c.appendChild(e.root),e=new N(null,"<a class='lexicon fa-solid fa-trash'></a>",(e,t)=>{i.splice(i.indexOf(a),1),this._updateItems(),this._trigger(new y(n,i,t),l)},{title:"Remove item",className:"micro"}),c.appendChild(e.root)}r="Add item",r+="<a class='fa-solid fa-plus' style='float:right; margin-right: 3px; margin-top: 2px;'></a>";e=new N(null,r,(e,t)=>{i.push(o.innerValues?o.innerValues[0]:""),this._updateItems(),this._trigger(new y(n,i,t),l)},{buttonClass:"array"});c.appendChild(e.root)},this._updateItems()}}L.ItemArray=F;class j extends C{constructor(i,l,o,r,e={}){super(C.LIST,i,o,e),this.onGetValue=()=>o,this.onSetValue=(t,e,s)=>{c.querySelectorAll(".lexlistitem").forEach(e=>e.classList.remove("selected"));let a=null;for(let e=0;e<l.length;++e){var n=l[e];if(n==t||n.constructor==Array&&n[0]==t){a=e;break}}a?(c.children[a].classList.toggle("selected"),o=t,e||this._trigger(new y(i,t,s),r)):console.error(`Cannot find item ${t} in List.`)},this._updateValues=e=>{l=e,c.innerHTML="";for(let a=0;a<l.length;++a){let e=null,t=l[a],s=(t.constructor===Array&&(e=t[1],t=t[0]),document.createElement("div"));s.className="lexlistitem"+(o==t?" selected":""),s.innerHTML="<span>"+t+"</span>"+(e?"<a class='"+e+"'></a>":""),s.addEventListener("click",e=>{c.querySelectorAll(".lexlistitem").forEach(e=>e.classList.remove("selected")),s.classList.toggle("selected"),o=t,this._trigger(new y(i,t,e),r)}),c.appendChild(s)}};let c=document.createElement("div");c.className="lexlist",c.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")",this._updateValues(l),e.hideName&&(this.root.className+=" noname",c.style.width="100%"),this.root.appendChild(c)}}L.List=j;class G extends C{constructor(a,i,n,e={}){i=i.replace(/\s/g,"").split(",");var t=[].concat(i);super(C.TAGS,a,t,e),this.onGetValue=()=>[].concat(i),this.onSetValue=(e,t,s)=>{i=[].concat(e),o(),t||this._trigger(new y(a,i,s),n)};const l=document.createElement("div"),o=(l.className="lextags",l.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")",()=>{l.innerHTML="";for(let e=0;e<i.length;++e){const a=i[e],n=document.createElement("span");n.className="lextag",n.innerHTML=a;var t=document.createElement("a");t.className="lextagrmb fa-solid fa-xmark lexicon",n.appendChild(t),t.addEventListener("click",e=>{n.remove(),i.splice(i.indexOf(a),1),this.set(i,!1,e)}),l.appendChild(n)}let s=document.createElement("input");s.value="",s.placeholder="Add tag...",l.appendChild(s),s.onkeydown=e=>{var t=s.value.replace(/\s/g,"");" "!=e.key&&"Enter"!=e.key||(e.preventDefault(),!t.length)||-1<i.indexOf(t)||(i.push(t),this.set(i,!1,e))},s.focus()});o(),e.hideName&&(this.root.className+=" noname",l.style.width="100%"),this.root.appendChild(l)}}L.Tags=G;class K extends C{constructor(a,n,i,e={}){if(!a&&!e.label)throw"Set Widget Name or at least a label!";super(C.CHECKBOX,a,n,e),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{e==n||(l.checked=n=e,this.root.querySelector(".lexcheckboxsubmenu")?.toggleAttribute("hidden",!e),t)||this._trigger(new y(a,e,s),i)};var t=document.createElement("div");t.className="lexcheckboxcont";let l=document.createElement("input");l.type="checkbox",l.className="lexcheckbox "+(e.className??""),l.checked=n,l.disabled=e.disabled??!1;var s=document.createElement("span");s.className="checkboxtext",s.innerHTML=e.label??"On",t.appendChild(l),t.appendChild(s),l.addEventListener("change",e=>{this.set(l.checked,!1,e)}),this.root.appendChild(t),e.suboptions&&(this.root.style.flexWrap="wrap",(s=document.createElement("div")).className="lexcheckboxsubmenu",s.toggleAttribute("hidden",!l.checked),(t=new M).queue(s),e.suboptions.call(this,t),t.clearQueue(),this.root.appendChild(s))}}L.Checkbox=K;class Y extends C{constructor(a,n,i,e={}){super(C.TOGGLE,a,n,e),this.onGetValue=()=>l.checked,this.onSetValue=(e,t,s)=>{e==n||(l.checked=n=e,this.root.querySelector(".lextogglesubmenu")?.toggleAttribute("hidden",!e),t)||this._trigger(new y(a,e,s),i)};var t=document.createElement("div");t.className="lextogglecont";let l=document.createElement("input");l.type="checkbox",l.className="lextoggle "+(e.className??""),l.checked=n,l.iValue=n,l.disabled=e.disabled??!1;var s=document.createElement("span");s.className="toggletext",s.innerHTML="On",t.appendChild(l),t.appendChild(s),l.addEventListener("change",e=>{this.set(l.checked,!1,e)}),this.root.appendChild(t),e.suboptions&&(this.root.style.flexWrap="wrap",(s=document.createElement("div")).className="lextogglesubmenu",s.toggleAttribute("hidden",!l.checked),(t=new M).queue(s),e.suboptions.call(this,t),t.clearQueue(),this.root.appendChild(s))}}L.Toggle=Y;class X extends C{constructor(e,t,n,i,s={}){super(C.RADIO,e,null,s);let a=null;this.onGetValue=()=>{var e=l.querySelectorAll("button");return a?[a,e[a]]:void 0},this.onSetValue=(e,t,s)=>{e=e[0]??e,console.assert(e.constructor==Number,"RadioGroup _value_ must be an Array index!");var a=l.querySelectorAll("button"),a=(a.forEach(e=>{e.checked=!1,e.classList.remove("checked")}),a[e]);a.checked=!a.checked,a.classList.toggle("checked"),t||this._trigger(new y(null,[e,n[e]],s),i)};var l=document.createElement("div"),e=(l.className="lexradiogroup "+(s.className??""),document.createElement("span"));e.innerHTML=t,l.appendChild(e);for(let t=0;t<n.length;++t){var o=document.createElement("div"),r=(o.className="lexradiogroupitem",l.appendChild(o),document.createElement("button")),c=(r.className="lexbutton",r.disabled=s.disabled??!1,o.appendChild(r),r.addEventListener("click",e=>{this.set(t,!1,e)}),document.createElement("span")),r=(r.appendChild(c),document.createElement("span"));r.innerHTML=n[t],o.appendChild(r)}s.selected&&(console.assert(s.selected.constructor==Number,"RadioGroup _selected_ must be an Array index!"),a=s.selected,this.set(a,!0)),this.root.appendChild(l)}}L.RadioGroup=X;class Z extends C{constructor(a,n,i,e={}){n=n.constructor===Array?s(n):n,super(C.COLOR,a,n,e),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{l.useRGB&&(e=r(e)),s&&o.set(e,!0,s),l.value=n=e,t||this._trigger(new y(a,e,s),i)};var t=document.createElement("span");t.className="lexcolor",t.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let l=document.createElement("input");l.style.width="32px",l.type="color",l.className="colorinput",l.id="color"+E(),l.useRGB=e.useRGB??!1,l.value=l.iValue=n,e.disabled&&(l.disabled=!0),l.addEventListener("input",e=>{this.set(e.target.value,!1,e)},!1),t.appendChild(l);const o=new _(null,l.value,e=>{this.set(e)},{width:"calc( 100% - 32px )"});o.root.style.marginLeft="4px",t.appendChild(o.root),this.root.appendChild(t)}}L.ColorInput=Z;class $ extends C{constructor(a,n,i,l={}){super(C.RANGE,a,n,l),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{isNaN(e)||(o.value=n=g(+e,+o.min,+o.max),t)||this._trigger(new y(a,l.left?+o.max-n+ +o.min:n,s),i)};var e=document.createElement("div");e.className="lexrange",e.style.width=l.inputWidth||"calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let o=document.createElement("input");o.className="lexrangeslider "+(l.className??""),o.value=o.iValue=n,o.min=l.min??0,o.max=l.max??100,o.step=l.step??1,o.type="range",o.disabled=l.disabled??!1,l.left&&o.classList.add("left"),(l.fill??!0)||o.classList.add("no-fill"),o.addEventListener("input",e=>{this.set(e.target.valueAsNumber,!1,e)},{passive:!1}),o.addEventListener("mousedown",function(e){l.onPress&&l.onPress.bind(o)(e,o)},!1),o.addEventListener("mouseup",function(e){l.onRelease&&l.onRelease.bind(o)(e,o)},!1),this.setLimits=(e,t,s)=>{o.min=e??o.min,o.max=t??o.max,o.step=s??o.step,C._dispatchEvent(o,"input",!0)},n.constructor==Number&&(n=g(n,+o.min,+o.max)),e.appendChild(o),this.root.appendChild(e),l.hideName&&(this.root.className+=" noname",e.style.width="100%")}}L.RangeInput=$;class A extends C{constructor(a,n,i,l={}){super(C.NUMBER,a,n,l),this.onGetValue=()=>n,this.onSetValue=(e,t,s)=>{isNaN(e)||(n=g(+e,+r.min,+r.max),r.value=n=f(n,l.precision),o.querySelector(".lexinputslider")&&(o.querySelector(".lexinputslider").value=n),l.units&&(r.unitSpan.style.left=u(n)+"px"),t)||this._trigger(new y(a,n,s),i)};var e,t=document.createElement("div");t.className="lexnumber",t.style.width=l.inputWidth||"calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let o=document.createElement("div"),r=(o.className="numberbox",document.createElement("input")),s=(r.id="number_"+E(),r.className="vecinput",r.min=l.min??-1e24,r.max=l.max??1e24,r.step=l.step??"any",r.type="number",n.constructor==Number&&(n=f(n=g(n,+r.min,+r.max),l.precision)),r.value=r.iValue=n,o.appendChild(r),l.units&&((e=document.createElement("span")).className="lexunit",e.innerText=l.units,e.style.left=u(r.value)+"px",r.unitSpan=e,o.appendChild(e)),document.createElement("a"));if(s.className="fa-solid fa-arrows-up-down drag-icon hidden",o.appendChild(s),l.disabled&&(r.disabled=!0),!l.skipSlider&&void 0!==l.min&&void 0!==l.max){let a=document.createElement("input");a.className="lexinputslider",a.min=l.min,a.max=l.max,a.step=l.step??1,a.type="range",a.value=n,a.addEventListener("input",e=>{this.set(a.valueAsNumber,!1,e)},!1),a.addEventListener("mousedown",function(e){l.onPress&&l.onPress.bind(a)(e,a)},!1),a.addEventListener("mouseup",function(e){l.onRelease&&l.onRelease.bind(a)(e,a)},!1),o.appendChild(a),this.setLimits=(e,t,s)=>{r.min=a.min=e??r.min,r.max=a.max=t??r.max,r.step=s??r.step,a.step=s??a.step,this.set(n,!0)}}r.addEventListener("input",function(e){n=f(n=+this.valueAsNumber,l.precision),l.units&&(r.unitSpan.style.left=u(r.value)+"px")},!1),r.addEventListener("wheel",t=>{if(t.preventDefault(),r===document.activeElement){let e=l.step??1;t.shiftKey?e*=10:t.altKey&&(e*=.1),n=+r.valueAsNumber-e*(0<t.deltaY?1:-1),this.set(n,!1,t)}},{passive:!1}),r.addEventListener("change",e=>{this.set(r.valueAsNumber,!1,e)},{passive:!1});var c=this;let d=t=>{var s=-t.movementY;if(0!=s){let e=l.step??1;t.shiftKey?e*=10:t.altKey&&(e*=.1),n=+r.valueAsNumber+e*s,this.set(n,!1,t)}t.stopPropagation(),t.preventDefault()},h=e=>{var t=c.root.ownerDocument;t.removeEventListener("mousemove",d),t.removeEventListener("mouseup",h),document.body.classList.remove("noevents"),s.classList.add("hidden"),document.pointerLockElement&&document.exitPointerLock(),l.onRelease&&l.onRelease.bind(r)(e,r)};r.addEventListener("mousedown",e=>{var t;document.activeElement!=r&&((t=c.root.ownerDocument).addEventListener("mousemove",d),t.addEventListener("mouseup",h),document.body.classList.add("noevents"),s.classList.remove("hidden"),e.stopImmediatePropagation(),e.stopPropagation(),document.pointerLockElement||r.requestPointerLock(),l.onPress)&&l.onPress.bind(r)(e,r)}),t.appendChild(o),this.root.appendChild(t),l.hideName&&(this.root.className+=" noname",t.style.width="100%")}}L.NumberInput=A;class J extends C{constructor(t,n,i,l,o={}){t=g(t,2,4),i=i??new Array(t).fill(0),super(C.VECTOR,n,[].concat(i),o),this.onGetValue=()=>{var e,t=[];for(e of this.root.querySelectorAll("input"))t.push(+e.value);return t},this.onSetValue=(t,e,s)=>{if(r.length!=t.length)console.error("Input length does not match vector length.");else{for(let e=0;e<r.length;++e){var a;a=f(g(t[e],+r[e].min,+r[e].max),o.precision)??0,r[e].value=t[e]=a}e||this._trigger(new y(n,t,s),l)}};const r=[];var a=document.createElement("div");a.className="lexvector",a.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";const c=this;for(let e=0;e<t;++e){var d=document.createElement("div");d.className="vecbox",d.innerHTML="<span class='"+M.VECTOR_COMPONENTS[e]+"'></span>";let n=document.createElement("input"),s=(n.className="vecinput v"+t,n.min=o.min??-1e24,n.max=o.max??1e24,n.step=o.step??"any",n.type="number",n.id="vec"+t+"_"+E(),n.idx=e,r[e]=n,i[e].constructor==Number&&(i[e]=g(i[e],+n.min,+n.max),i[e]=f(i[e],o.precision)),n.value=n.iValue=i[e],document.createElement("a"));function h(e){var t;document.activeElement!=n&&((t=c.root.ownerDocument).addEventListener("mousemove",u),t.addEventListener("mouseup",p),document.body.classList.add("noevents"),s.classList.remove("hidden"),e.stopImmediatePropagation(),e.stopPropagation(),document.pointerLockElement||n.requestPointerLock(),o.onPress)&&o.onPress.bind(n)(e,n)}function u(t){var s=-t.movementY;if(0!=s){let e=o.step??1;if(t.shiftKey?e=10:t.altKey&&(e=.1),m.locked)for(var a of this.root.querySelectorAll(".vecinput"))a.value=f(+a.valueAsNumber+e*s,o.precision),C._dispatchEvent(a,"change");else n.value=f(+n.valueAsNumber+e*s,o.precision),C._dispatchEvent(n,"change")}t.stopPropagation(),t.preventDefault()}function p(e){var t=c.root.ownerDocument;t.removeEventListener("mousemove",u),t.removeEventListener("mouseup",p),document.body.classList.remove("noevents"),s.classList.add("hidden"),document.pointerLockElement&&document.exitPointerLock(),o.onRelease&&o.onRelease.bind(n)(e,n)}s.className="fa-solid fa-arrows-up-down drag-icon hidden",d.appendChild(s),o.disabled&&(n.disabled=!0),n.addEventListener("wheel",function(t){if(t.preventDefault(),this===document.activeElement){let e=o.step??1;if(t.shiftKey?e=10:t.altKey&&(e=.1),m.locked)for(var s of c.querySelectorAll(".vecinput"))s.value=f(+s.valueAsNumber-e*(0<t.deltaY?1:-1),o.precision),C._dispatchEvent(s,"change");else this.value=f(+this.valueAsNumber-e*(0<t.deltaY?1:-1),o.precision),C._dispatchEvent(n,"change")}},{passive:!1}),n.addEventListener("change",e=>{if(!isNaN(e.target.value)){var t=f(g(e.target.value,+n.min,+n.max),o.precision);if(m.locked)for(var s of r)s.value=t,i[s.idx]=t;else n.value=t,i[e.target.idx]=t;this.set(i,!1,e)}},!1),n.addEventListener("mousedown",h),d.appendChild(n),a.appendChild(d)}void 0===o.min&&void 0===o.max||(this.setLimits=(e,t,s)=>{for(var a of r)a.min=e??a.min,a.max=t??a.max,a.step=s??a.step;this.set(i,!0)});let m=document.createElement("a");m.title="Lock",m.className="fa-solid fa-lock-open lexicon lock",a.appendChild(m),m.addEventListener("click",function(e){this.locked=!this.locked,this.locked?(this.classList.add("fa-lock"),this.classList.remove("fa-lock-open")):(this.classList.add("fa-lock-open"),this.classList.remove("fa-lock"))},!1),this.root.appendChild(a)}}L.Vector=J;class Q extends C{constructor(e,t,i,s={}){super(C.SIZE,e,t,s),this.onGetValue=()=>{var t=[];for(let e=0;e<this.root.dimensions.length;++e)t.push(this.root.dimensions[e].value());return t},this.onSetValue=(t,s,e)=>{for(let e=0;e<this.root.dimensions.length;++e)this.root.dimensions[e].set(t[e],s)},this.root.aspectRatio=2==t.length?t[0]/t[1]:null,this.root.dimensions=[];for(let n=0;n<t.length;++n){var a=new M;this.root.dimensions[n]=a.addNumber(null,t[n],e=>{var t,s,a=this.value();this.root.locked&&(t=0==n?1/this.root.aspectRatio:this.root.aspectRatio,a[s=(1+n)%2]=e*t,this.root.dimensions[s].set(a[s],!0)),i&&i(a)},{min:0,disabled:s.disabled,precision:s.precision}),this.root.appendChild(this.root.dimensions[n].root),n+1!=t.length&&((a=document.createElement("a")).className="lexsizecross fa-solid fa-xmark",this.root.appendChild(a))}if(s.units&&((e=document.createElement("span")).className="lexunit",e.innerText=s.units,this.root.appendChild(e)),this.root.aspectRatio){let s=document.createElement("a");s.title="Lock Aspect Ratio",s.className="fa-solid fa-lock-open lexicon lock",this.root.appendChild(s),s.addEventListener("click",e=>{var t;this.root.locked=!this.root.locked,this.root.locked?(s.classList.add("fa-lock"),s.classList.remove("fa-lock-open"),t=this.value(),this.root.aspectRatio=t[0]/t[1]):(s.classList.add("fa-lock-open"),s.classList.remove("fa-lock"))},!1)}s.hideName&&(this.root.className+=" noname",container.style.width="100%")}}L.SizeInput=Q;class ee extends C{constructor(n,e,i,s={}){super(C.PAD,n,null,s),this.onGetValue=()=>o.value.xy,this.onSetValue=(e,t,s)=>{o.value.set(e[0],e[1]),a(o.value),t||this._trigger(new y(n,o.value.xy),i)};var t=document.createElement("div");t.className="lexpad",t.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let l=document.createElement("div"),o=(l.id="lexpad-"+n,l.className="lexinnerpad",l.style.width=s.padSize??"96px",l.style.height=s.padSize??"96px",document.createElement("div")),a=(o.className="lexpadthumb",o.value=new L.vec2(e[0],e[1]),o.min=s.min??0,o.max=s.max??1,e=>{var[t,s]=[l.offsetWidth,l.offsetHeight],e=new L.vec2(h(e.x,o.min,o.max,0,1),h(e.y,o.min,o.max,0,1));o.style.transform=`translate(calc( ${t*e.x}px - 50% ), calc( ${s*e.y}px - 50%)`}),r=(x(()=>{a(o.value)}),l.appendChild(o),t.appendChild(l),this.root.appendChild(t),l.addEventListener("mousedown",function(e){var t;document.activeElement!=o&&((t=r.root.ownerDocument).addEventListener("mousemove",c),t.addEventListener("mouseup",d),document.body.classList.add("nocursor"),document.body.classList.add("noevents"),e.stopImmediatePropagation(),e.stopPropagation(),s.onPress)&&s.onPress.bind(o)(e,o)}),this);function c(e){var t=l.getBoundingClientRect(),t=new L.vec2(e.x-t.x,e.y-t.y),[s,a]=(t.clp(0,l.offsetWidth,t),[l.offsetWidth,l.offsetHeight]),t=t.div(new L.vec2(l.offsetWidth,l.offsetHeight));o.style.transform=`translate(calc( ${s*t.x}px - 50% ), calc( ${a*t.y}px - 50%)`,o.value=new L.vec2(h(t.x,0,1,o.min,o.max),h(t.y,0,1,o.min,o.max)),r._trigger(new y(n,o.value.xy,e),i),e.stopPropagation(),e.preventDefault()}function d(e){var t=r.root.ownerDocument;t.removeEventListener("mousemove",c),t.removeEventListener("mouseup",d),document.body.classList.remove("nocursor"),document.body.classList.remove("noevents"),s.onRelease&&s.onRelease.bind(o)(e,o)}}}L.Pad=ee;class te extends C{constructor(e,t,n={}){super(C.PROGRESS,e,t,n),this.onGetValue=()=>i.value,this.onSetValue=(e,t,s)=>{this.root.querySelector("meter").value=e,l(),this.root.querySelector("span")&&(this.root.querySelector("span").innerText=e)};var s,a=document.createElement("div");a.className="lexprogress",a.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";let i=document.createElement("meter");i.id="lexprogressbar-"+e,i.className="lexprogressbar",i.step="any",i.min=n.min??0,i.max=n.max??1,i.low=n.low??i.low,i.high=n.high??i.high,i.optimum=n.optimum??i.optimum,i.value=t;const l=()=>{let e=L.getThemeColor("global-selected");null!=i.low&&i.value<i.low?e=L.getThemeColor("global-color-error"):null!=i.high&&i.value<i.high&&(e=L.getThemeColor("global-color-warning")),i.style.background=`color-mix(in srgb, ${e} 20%, transparent)`};if(a.appendChild(i),this.root.appendChild(a),n.showValue&&(document.getElementById("progressvalue-"+e)&&document.getElementById("progressvalue-"+e).remove(),(s=document.createElement("span")).id="progressvalue-"+e,s.style.padding="0px 5px",s.innerText=t,a.appendChild(s)),n.editable){i.classList.add("editable");let s=e=>{var t;0!=e.movementX&&(t=i.getBoundingClientRect(),t=f(h(e.offsetX-t.x,0,t.width,i.min,i.max)),this.set(t,!1,e),n.callback)&&n.callback(t,e),e.stopPropagation(),e.preventDefault()},a=e=>{var t=this.root.ownerDocument;t.removeEventListener("mousemove",s),t.removeEventListener("mouseup",a),document.body.classList.remove("noevents"),i.classList.remove("grabbing")};i.addEventListener("mousedown",e=>{var t=this.root.ownerDocument,t=(t.addEventListener("mousemove",s),t.addEventListener("mouseup",a),document.body.classList.add("noevents"),i.classList.add("grabbing"),e.stopImmediatePropagation(),e.stopPropagation(),i.getBoundingClientRect()),t=f(h(e.offsetX,0,t.width,i.min,i.max));this.set(t,!1,e)})}l()}}L.Progress=te;class se extends C{constructor(e,s,a={}){super(C.FILE,e,null,a);e=a.local??!0;let n=a.type??"text",i=a.read??!0,l=document.createElement("input");if(l.className="lexfileinput",l.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+" - 10%)",l.type="file",l.disabled=a.disabled??!1,a.placeholder&&(l.placeholder=a.placeholder),l.addEventListener("change",function(e){const t=e.target.files;t.length&&(i?(a.onBeforeRead&&a.onBeforeRead(),e=new FileReader,"text"===n?e.readAsText(t[0]):"buffer"===n?e.readAsArrayBuffer(t[0]):"bin"===n?e.readAsBinaryString(t[0]):"url"===n&&e.readAsDataURL(t[0]),e.onload=e=>{s.call(this,e.target.result,t[0])}):s(t[0]))}),l.addEventListener("cancel",function(e){s(null)}),this.root.appendChild(l),e){let t=null;e=new N(null,"<a style='margin-top: 0px;' class='fa-solid fa-gear'></a>",()=>{t=t||new D("Load Settings",e=>{e.addSelect("Type",["text","buffer","bin","url"],n,e=>{n=e}),e.addButton(null,"Reload",e=>{l.dispatchEvent(new Event("change"))})},{onclose:e=>{e.remove(),t=null}})},{className:"micro",skipInlineCount:!0,title:"Settings"});this.root.appendChild(e.root)}}}L.FileInput=se;class ae extends C{constructor(e,t,s={}){s.hideName=!0,super(C.TREE,e,null,s);var a=document.createElement("div"),n=(a.className="lextree",this.root.appendChild(a),e&&((o=document.createElement("span")).innerHTML=e,a.appendChild(o)),document.createElement("div"));if(n.className="lextreetools",e||(n.className+=" notitle"),s.icons)for(var i of s.icons){var l=document.createElement("a");l.title=i.name,l.className="lexicon "+i.icon,l.addEventListener("click",i.callback),n.appendChild(l)}s.filter=s.filter??!0;var o=null,o=(s.filter&&((o=document.createElement("input")).id="lexnodetree_filter",o.setAttribute("placeholder","Filter.."),o.style.width="calc( 100% - 17px )",o.addEventListener("input",()=>{this.innerTree.refresh()}),(e=document.createElement("a")).className="lexicon fa-solid fa-magnifying-glass",n.appendChild(o),n.appendChild(e)),(s.icons||s.filter)&&a.appendChild(n),document.createElement("ul"));o.addEventListener("contextmenu",function(e){e.preventDefault()}),a.appendChild(o),this.innerTree=new B(a,t,s)}}L.Tree=ae;class ne extends C{constructor(e,a,t={}){if(t.hideName=!0,super(C.TABS,e,null,t),a.constructor!=Array)throw"Param @tabs must be an Array!";var e=t.vertical??!0,n=!e&&(t.showNames??!1);let i=document.createElement("div"),l=(i.className="lextabscontainer",e||(i.className+=" horizontal"),document.createElement("div"));l.className="tabs",i.appendChild(l),this.root.appendChild(i);for(let e=0;e<a.length;++e){const r=a[e];console.assert(r.name);var o=0==e;let t=document.createElement("div"),s=(t.className="lextab "+(e==a.length-1?"last":"")+(o?"selected":""),t.innerHTML=(n?r.name:"")+"<a class='"+(r.icon||"fa fa-hashtag")+" "+(n?"withname":"")+"'></a>",t.title=r.name,document.createElement("div"));s.id=r.name.replace(/\s/g,""),s.className="widgets",o||s.toggleAttribute("hidden",!0),i.appendChild(s),t.addEventListener("click",e=>{l.querySelectorAll(".lextab").forEach(e=>{e.classList.remove("selected")}),t.classList.add("selected"),i.querySelectorAll(".widgets").forEach(e=>{e.toggleAttribute("hidden",!0)}),i.querySelector("#"+s.id).toggleAttribute("hidden"),r.onSelect&&r.onSelect(this,s)}),l.appendChild(t),r.onCreate&&((o=new M).queue(s),r.onCreate.call(this,o),o.clearQueue())}}}L.TabSections=ne;class ie extends C{constructor(a,e,n,t={}){super(C.COUNTER,a,e,t),this.onGetValue=()=>c.count,this.onSetValue=(e,t,s)=>{e=g(e,i,l),c.count=e,c.innerHTML=e,t||this._trigger(new y(a,e,s),n)};const i=t.min??0,l=t.max??100,o=t.step??1;var s=document.createElement("div"),r=(s.className="lexcounter",this.root.appendChild(s),new N(null,"<a style='margin-top: 0px;' class='fa-solid fa-minus'></a>",(e,t)=>{let s=o??1;t.shiftKey&&(s*=10),this.set(c.count-s,!1,t)},{className:"micro",skipInlineCount:!0,title:"Minus"})),r=(s.appendChild(r.root),document.createElement("div"));r.className="lexcounterbox",s.appendChild(r);const c=document.createElement("span");c.className="lexcountervalue",c.innerHTML=e,c.count=e,r.appendChild(c),t.label&&((e=document.createElement("span")).className="lexcounterlabel",e.innerHTML=t.label,r.appendChild(e));t=new N(null,"<a style='margin-top: 0px;' class='fa-solid fa-plus'></a>",(e,t)=>{let s=o??1;t.shiftKey&&(s*=10),this.set(c.count+s,!1,t)},{className:"micro",skipInlineCount:!0,title:"Plus"});s.appendChild(t.root)}}L.Counter=ie;class le extends C{constructor(e,v,E={}){if(!v)throw"Data is needed to create a table!";super(C.TABLE,e,null,E);e=document.createElement("div");e.className="lextable",e.style.width="calc( 100% - "+L.DEFAULT_NAME_WIDTH+")";const y=document.createElement("table");function b(e,t,s,a){return s[e]<a[e]?-t:s[e]>a[e]?t:0}e.appendChild(y),v.head=v.head??[],v.body=v.body??[],v.orderMap={},v.checkMap={},this.refreshTable=()=>{y.innerHTML="";var e,t,s=document.createElement("thead"),a=(s.className="lextablehead",y.appendChild(s),document.createElement("tr"));E.sortable&&((e=document.createElement("th")).style.width="0px",a.appendChild(e)),E.selectable&&((e=document.createElement("th")).style.width="0px",(t=document.createElement("input")).type="checkbox",t.className="lexcheckbox",t.checked=v.checkMap[":root"]??!1,e.appendChild(t),t.addEventListener("change",function(){v.checkMap[":root"]=this.checked;for(const e of y.querySelector("tbody").childNodes)v.checkMap[e.getAttribute("rowId")]=this.checked,e.querySelector("input").checked=this.checked}),a.appendChild(e));for(const i of v.head){var n=document.createElement("th");n.innerHTML=i+' <a class="fa-solid fa-sort"></a>',n.querySelector("a").addEventListener("click",()=>{v.orderMap[i]||(v.orderMap[i]=1);var e=v.head.indexOf(i);v.body=v.body.sort(b.bind(this,e,v.orderMap[i])),v.orderMap[i]=-v.orderMap[i],this.refreshTable()}),a.appendChild(n)}E.rowActions&&((t=document.createElement("th")).className="sm",a.appendChild(t)),s.appendChild(a);{var l,o,r=document.createElement("tbody");r.className="lextablebody",y.appendChild(r);let s=null,a=!1,n=null,i=(document.addEventListener("mouseup",e=>{var t;s&&(document.removeEventListener("mousemove",i),(t=y.rows[s]).dY=0,t.classList.remove("dragging"),Array.from(y.rows).forEach(e=>{e.style.transform="",e.style.transition="none"}),w(t),s=null,n&&(n[0].parentNode.insertChildAtIndex(n[0],n[1]),n=null),x(()=>{Array.from(y.rows).forEach(e=>{e.style.transition="transform 0.2s ease-in"})}))}),e=>{var t;s&&((t=y.rows[s]).dY=t.dY??0,t.dY+=e.movementY,t.style.transform=`translateY(${t.dY}px)`)});for(let t=0;t<v.body.length;++t){const u=v.body[t],p=document.createElement("tr"),m=L.getSupportedDOMName(u.join("-"));p.setAttribute("rowId",m.substr(0,16)),E.sortable&&((o=document.createElement("td")).style.width="0px",l=L.makeIcon("grip-vertical"),o.appendChild(l),l.draggable=!0,l.addEventListener("dragstart",e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),s=p.rowIndex,p.classList.add("dragging"),document.addEventListener("mousemove",i)},!1),p.addEventListener("mouseenter",function(e){var t;e.preventDefault(),s&&this.rowIndex!=s&&a!=this.rowIndex&&(a=this.rowIndex,e=y.rows[s],t=""!=this.style.transform,this.rowIndex>s?(n=[e,t?this.rowIndex-1:this.rowIndex],this.style.transform=t?"":`translateY(-${this.offsetHeight}px)`):(n=[e,t?this.rowIndex:this.rowIndex-1],this.style.transform=t?"":`translateY(${this.offsetHeight}px)`),x(()=>{a=!1}))}),p.appendChild(o)),E.selectable&&(l=document.createElement("td"),(o=document.createElement("input")).type="checkbox",o.className="lexcheckbox",o.checked=v.checkMap[m],l.appendChild(o),o.addEventListener("change",function(){v.checkMap[m]=this.checked,this.checked||(y.querySelector("thead input[type='checkbox']").checked=v.checkMap[":root"]=!1)}),p.appendChild(l));for(const g of u){var c=document.createElement("td");c.innerHTML=""+g,p.appendChild(c)}if(E.rowActions){var d=document.createElement("td"),h=(d.style.width="0px",document.createElement("div"));h.className="lextablebuttons",d.appendChild(h);for(const f of E.rowActions){let e=null;"delete"==f?(e=L.makeIcon("trash-can","Delete Row")).addEventListener("click",function(){v.body.splice(t,1),p.remove()}):"menu"==f?(e=L.makeIcon("more-horizontal","Menu")).addEventListener("click",function(e){z(null,e,e=>{E.onMenuAction?E.onMenuAction(e):console.warn("Using <Menu action> without action callbacks.")})}):(console.assert(f.constructor==Object),e=L.makeIcon(f.icon,f.title),f.callback&&e.addEventListener("click",e=>{f.callback(u,y,e)&&this.refreshTable()})),console.assert(e),h.appendChild(e)}p.appendChild(d)}r.appendChild(p)}}},this.refreshTable(),E.hideName&&(this.root.className+=" noname",e.style.width="100%"),this.root.appendChild(e)}}L.Table=le;class M{constructor(e={}){var t=document.createElement("div");t.className="lexpanel",e.id&&(t.id=e.id),e.className&&(t.className+=" "+e.className),t.style.width=e.width||"calc( 100% - 6px )",t.style.height=e.height||"100%",Object.assign(t.style,e.style??{}),this.root=t,this.branches=[],this.widgets={},this._branchOpen=!1,this._currentBranch=null,this._queue=[],this._inlineWidgetsLeft=-1,this._inline_queued_container=null}get(e){return this.widgets[e]}getValue(e){var t=this.widgets[e];if(t)return t.value();throw"No widget called "+e}setValue(e,t,s){var a=this.widgets[e];if(a)return a.set(t,s);throw"No widget called "+e}attach(e){console.assert(e,"No content to attach!"),(e.parent=this).root.appendChild(e.root||e)}clear(){for(var t in this._branchOpen=!1,this.branches=[],this._currentBranch=null,this.widgets)if(this.widgets[t].options&&this.widgets[t].options.signal){var s=this.widgets[t].options.signal;for(let e=0;e<L.signals[s].length;e++)L.signals[s][e]==this.widgets[t]&&(L.signals[s]=[...L.signals[s].slice(0,e),...L.signals[s].slice(e+1)])}if(this.signals)for(let e=0;e<this.signals.length;e++){var a=Object.values(this.signals[e])[0],n=a.options.signal;for(let e=0;e<L.signals[n].length;e++)L.signals[n][e]==a&&(L.signals[n]=[...L.signals[n].slice(0,e),...L.signals[n].slice(e+1)])}this.widgets={},this.root.innerHTML=""}sameLine(e){this._inline_queued_container=this.queuedContainer,this._inlineWidgetsLeft=e||1/0}endLine(e){if(-1==this._inlineWidgetsLeft)console.warn("No pending widgets to be inlined!");else{this._inlineWidgetsLeft=-1,this._inlineContainer||(this._inlineContainer=document.createElement("div"),this._inlineContainer.className="lexinlinewidgets",e&&(this._inlineContainer.style.justifyContent=e));for(var t of this._inlineWidgets)t.constructor==Array?(this._inline_queued_container?this._inlineContainer:t[1]).appendChild(t[0]):this._inlineContainer.appendChild(t);(this._inline_queued_container||(this._currentBranch?this._currentBranch.content:this.root)).appendChild(this._inlineContainer),delete this._inlineWidgets,delete this._inlineContainer}}branch(e,t={}){this._branchOpen&&this.merge();e=new oe(e,t);return(e.panel=this)._branchOpen=!0,this._currentBranch=e,0==this.branches.length&&e.root.classList.add("first"),this.root.querySelectorAll(".lexbranch.last").forEach(e=>{e.classList.remove("last")}),e.root.classList.add("last"),this.branches.push(e),this.root.appendChild(e.root),t.filter&&this._addFilter(t.filter,{callback:this._searchWidgets.bind(this,e.name)}),e}merge(){this._branchOpen=!1,this._currentBranch=null}_pick(e,t){return void 0===e?t:e}_attachWidget(t,s={}){null!=t.name&&(this.widgets[t.name]=t),t.options.signal&&!t.name&&(this.signals||(this.signals=[]),this.signals.push({[t.options.signal]:t}));var e=e=>{(s.container||this.queuedContainer||(this._currentBranch?(s.skipWidget||this._currentBranch.widgets.push(t),this._currentBranch.content):(e.classList.add("nobranch"),this.root))).appendChild(e)},a=e=>{this.queuedContainer?this._inlineWidgets.push([e,this.queuedContainer]):this._inlineWidgets.push(e)};return 0<this._inlineWidgetsLeft&&!s.skipInlineCount?(this._inlineWidgets||(this._inlineWidgets=[]),a(t.root),this._inlineWidgetsLeft--,this._inlineWidgetsLeft||this.endLine()):e(t.root),t}_addFilter(e,t={}){t.placeholder=e.constructor==String?e:"Filter properties..",t.skipWidget=t.skipWidget??!0,t.skipInlineCount=!0;e=new _(null,null,null,t).root;e.className+=" lexfilter noname";let s=document.createElement("input");s.className="lexinput-filter",s.setAttribute("placeholder",t.placeholder),s.style.width="calc( 100% - 17px )",s.value=t.filterValue||"";var a=document.createElement("a");return a.className="fa-solid fa-magnifying-glass",e.appendChild(a),e.appendChild(s),s.addEventListener("input",e=>{t.callback&&t.callback(s.value,e)}),e}_searchWidgets(e,t){for(var s of this.branches)if(s.name===e){for(var a of s.widgets)a.domEl.classList.contains("lexfilter")||a.domEl.remove();this.queue(s.content);var n,i=!t.length;for(n of s.widgets){if(!i){if(!n.name)continue;t.toLowerCase();if(!n.name.toLowerCase().includes(t))continue}this.queuedContainer.appendChild(n.domEl)}return void this.clearQueue()}}getBranch(t){return t?this.branches.find(e=>e.name==t):this._currentBranch}queue(e){!e&&this._currentBranch&&(e=this._currentBranch.root),this.queuedContainer&&this._queue.push(this.queuedContainer),this.queuedContainer=e}clearQueue(){this._queue&&this._queue.length?this.queuedContainer=this._queue.pop():delete this.queuedContainer}addSeparator(){var e=document.createElement("div"),t=(e.className="lexseparator",new C(C.SEPARATOR));t.root=e,this._currentBranch?(this._currentBranch.content.appendChild(e),this._currentBranch.widgets.push(t)):this.root.appendChild(e)}addBlank(e,t){e=new i(e,t);return this._attachWidget(e)}addTitle(e,t={}){e=new o(e,t);return this._attachWidget(e)}addText(e,t,s,a={}){e=new _(e,t,s,a);return this._attachWidget(e)}addTextArea(e,t,s,a={}){e=new T(e,t,s,a);return this._attachWidget(e)}addLabel(e,t={}){t.disabled=!0;e=this.addText(null,e,null,t);return e.type=C.LABEL,e}addButton(e,t,s,a={}){e=new N(e,t,s,a);return this._attachWidget(e)}addComboButtons(e,t,s={}){e=new H(e,t,s);return this._attachWidget(e)}addCard(e,t={}){e=new W(e,t);return this._attachWidget(e)}addForm(e,t,s,a={}){e=new q(e,t,s,a);return this._attachWidget(e)}addContent(e,t,s={}){console.assert(t,"Empty content!"),t.constructor==String&&((a=document.createElement("div")).innerHTML=t,t=1<a.childElementCount?a:a.firstElementChild),s.hideName=!0;var a=new C(C.CONTENT,e,null,s);return a.root.appendChild(t),this._attachWidget(a)}async addImage(e,t,s={}){console.assert(t,"Empty src/url for Image!");var a=document.createElement("div"),n=(a.className="leximage",a.style.width="100%",document.createElement("img")),t=(n.src=t,Object.assign(n.style,s.style??{}),a.appendChild(n),new C(C.IMAGE,e,null,s));return t.root.appendChild(a),n.decode(),this._attachWidget(t)}addSelect(e,t,s,a,n={}){e=new k(e,t,s,a,n);return this._attachWidget(e)}addCurve(e,t,s,a={}){e=new S(e,t,s,a);return this._attachWidget(e)}addDial(e,t,s,a={}){e=new V(e,t,s,a);return this._attachWidget(e)}addLayers(e,t,s,a={}){e=new U(e,t,s,a);return this._attachWidget(e)}addArray(e,t=[],s,a={}){e=new F(e,t,s,a);return this._attachWidget(e)}addList(e,t,s,a,n={}){e=new j(e,t,s,a,n);return this._attachWidget(e)}addTags(e,t,s,a={}){e=new G(e,t,s,a);return this._attachWidget(e)}addCheckbox(e,t,s,a={}){e=new K(e,t,s,a);return this._attachWidget(e)}addToggle(e,t,s,a={}){e=new Y(e,t,s,a);return this._attachWidget(e)}addRadioGroup(e,t,s,a,n={}){e=new X(e,t,s,a,n);return this._attachWidget(e)}addColor(e,t,s,a={}){e=new Z(e,t,s,a);return this._attachWidget(e)}addRange(e,t,s,a={}){e=new $(e,t,s,a);return this._attachWidget(e)}addNumber(e,t,s,a={}){e=new A(e,t,s,a);return this._attachWidget(e)}static VECTOR_COMPONENTS={0:"x",1:"y",2:"z",3:"w"};_addVector(e,t,s,a,n={}){e=new J(e,t,s,a,n);return this._attachWidget(e)}addVector2(e,t,s,a){return this._addVector(2,e,t,s,a)}addVector3(e,t,s,a){return this._addVector(3,e,t,s,a)}addVector4(e,t,s,a){return this._addVector(4,e,t,s,a)}addSize(e,t,s,a={}){e=new Q(e,t,s,a);return this._attachWidget(e)}addPad(e,t,s,a={}){e=new ee(e,t,s,a);return this._attachWidget(e)}addProgress(e,t,s={}){e=new te(e,t,s);return this._attachWidget(e)}addFile(e,t,s={}){e=new se(e,t,s);return this._attachWidget(e)}addTree(e,t,s={}){e=new ae(e,t,s);return this._attachWidget(e)}addTabSections(e,t,s={}){e=new ne(e,t,s);return this._attachWidget(e)}addCounter(e,t,s,a={}){e=new ie(e,t,s,a);return this._attachWidget(e)}addTable(e,t,s={}){e=new le(e,t,s);return this._attachWidget(e)}}L.Panel=M;class oe{constructor(e,t={}){this.name=e;var s=document.createElement("div"),a=(s.className="lexbranch",t.id&&(s.id=t.id),t.className&&(s.className+=" "+t.className),s.style.width="calc(100% - 7px)",s.style.margin="0 auto",this),n=(this.root=s,this.widgets=[],document.createElement("div")),i=(n.className="lexbranchtitle",t.icon&&(n.innerHTML="<a class='branchicon "+t.icon+"'>"),n.innerHTML+=e||"Branch",n.innerHTML+="<a class='fa-solid fa-angle-right switch-branch-button'></a>",s.appendChild(n),document.createElement("div"));i.id=e.replace(/\s/g,""),i.className="lexbranchcontent",s.appendChild(i),this.content=i,this._addBranchSeparator(),t.closed&&(n.classList.add("closed"),s.classList.add("closed"),this.grabber.setAttribute("hidden",!0),x(()=>{this.content.setAttribute("hidden",!0)},15)),this.onclick=function(e){e.stopPropagation(),this.classList.toggle("closed"),this.parentElement.classList.toggle("closed"),a.content.toggleAttribute("hidden"),a.grabber.toggleAttribute("hidden"),L.emit("@on_branch_closed",this.classList.contains("closed"))},this.oncontextmenu=function(t){t.preventDefault(),t.stopPropagation(),this.parentElement.classList.contains("dialog")||z("Dock",t,e=>{t.preventDefault(),e.add("Floating",a._onMakeFloating.bind(a))},{icon:"fa-regular fa-window-restore"})},n.addEventListener("click",this.onclick),n.addEventListener("contextmenu",this.oncontextmenu)}_onMakeFloating(){new D(this.name,e=>{for(var t of this.widgets)e.root.appendChild(t.domEl)}).widgets=this.widgets;var e=this.root.parentElement,t=(this.root.remove(),e.querySelector(".lexbranch")),t=(t&&t.classList.add("first"),e.querySelectorAll(".lexbranch"));t.length&&t[t.length-1].classList.add("last")}_addBranchSeparator(){var e=document.createElement("div");e.className="lexwidgetseparator",e.style.width="100%",e.style.background="none";const s=document.createElement("div"),a=(s.innerHTML="&#9662;",e.appendChild(s),x(()=>{s.style.marginLeft=parseFloat(L.DEFAULT_NAME_WIDTH)/100*this.content.offsetWidth+"px"},10),document.createElement("div"));a.style.width="1px",a.style.marginLeft="6px",a.style.marginTop="2px",a.style.height="0px",s.appendChild(a),s.addEventListener("mousedown",function(e){var t=n.root.ownerDocument;t.addEventListener("mouseup",l),t.addEventListener("mousemove",i),e.stopPropagation(),e.preventDefault();t=n.root.offsetHeight-n.root.children[0].offsetHeight;a.style.height=t-3+"px",document.body.classList.add("nocursor")}),this.grabber=s;let n=this;function i(e){var t,e=e.movementX;0!=e&&(t=parseFloat(s.style.marginLeft),s.style.marginLeft=g(t+e,32,n.content.offsetWidth-32)+"px")}function l(e){n._updateWidgets(),a.style.height="0px";var t=n.root.ownerDocument;t.removeEventListener("mouseup",l),t.removeEventListener("mousemove",i),document.body.classList.remove("nocursor")}this.content.appendChild(e)}_updateWidgets(){for(var t=this.grabber.style.marginLeft,e=0;e<this.widgets.length;e++){var s=this.widgets[e],a=s.root;if(!(a.children.length<2)){var n=a.children[0],a=a.children[1];n.style.width=t;let e="0px";s.type===C.FILE&&(e="10%"),a.style.width="-moz-calc( 100% - "+t+" - "+e+" )",a.style.width="-webkit-calc( 100% - "+t+" - "+e+" )",a.style.width="calc( 100% - "+t+" - "+e+" )",s.onresize&&s.onresize()}}}}L.Branch=oe;L.Footer=class{constructor(e={}){var t=document.createElement("footer"),s=(t.className="lexfooter",document.createElement("div"));if(s.className="wrapper",t.appendChild(s),e.columns&&e.columns.constructor==Array){var a,n=document.createElement("div");n.className="columns",n.style.gridTemplateColumns="1fr ".repeat(e.columns.length),s.appendChild(n);for(a of e.columns){var i=document.createElement("div"),l=(i.className="col",n.appendChild(i),document.createElement("h2"));if(l.innerHTML=a.title,i.appendChild(l),a.items&&a.items.length){var o,r=document.createElement("ul");i.appendChild(r);for(o of a.items){var c=document.createElement("li");c.innerHTML=`<a class="" href="${o.link}">${o.title}</a>`,r.appendChild(c)}}}}if(e.credits||e.socials){var d=document.createElement("hr"),d=(s.appendChild(d),document.createElement("div"));if(d.className="credits-and-socials",s.appendChild(d),e.credits&&((s=document.createElement("p")).innerHTML=e.credits,d.appendChild(s)),e.socials){var h,u=document.createElement("div");u.className="social";for(h of e.socials){var p=document.createElement("a");p.title=h.title,p.innerHTML=h.icon,p.href=h.link,p.target="_blank",u.appendChild(p)}d.appendChild(u)}}(e.parent??document.body).appendChild(t)}};class D{static _last_id=0;constructor(l,e,t={}){e||console.warn("Content is empty, add some widgets using 'callback' parameter!"),this._oncreate=e,this.id=E();const s=t.size??[],a=t.position??[],n=t.draggable??!0,i=t.modal??!1;var o=document.createElement("dialog");o.className="lexdialog "+(t.className??""),o.id=t.id??"dialog"+D._last_id++,L.root.appendChild(o),x(()=>{i?o.showModal():o.show()},10);let r=this,c=document.createElement("div"),d;l&&(c.className="lexdialogtitle",c.innerHTML=l,c.setAttribute("draggable",!1),c.oncontextmenu=function(i){i.preventDefault(),i.stopPropagation(),L.main_area&&"horizontal"===L.main_area.type&&z("Dock",i,e=>{i.preventDefault();function a(e){let t=e.panels[0];if(t)return t;for(var s of e.sections)if(t=a(s))return t}function t(e){let t=e.branches.find(e=>e.name===l);t?e.root.appendChild(t.root):(e.branch(l),t=e.branches.find(e=>e.name===l));for(var s of r.widgets)t.content.appendChild(s.domEl);t.widgets=r.widgets,e.root.querySelectorAll(".lexbranch.last").forEach(e=>{e.classList.remove("last")}),t.root.classList.add("last"),o.remove()}let s=a(L.main_area.sections[1]),n=(e.add('<i class="fa-regular fa-window-maximize fa-window-maximize fa-rotate-90">',{disabled:!s,id:"dock_options0",callback:()=>{t(s)}}),a(L.main_area.sections[0]));e.add('<i class="fa-regular fa-window-maximize fa-window-maximize fa-rotate-270">',{disabled:!n,id:"dock_options1",callback:()=>{t(n)}})},{icon:"fa-regular fa-window-restore"})},o.appendChild(c)),(t.closable??!0)&&(this.close=()=>{t.onBeforeClose&&t.onBeforeClose(this),t.onclose?t.onclose(this.root):(o.close(),x(()=>{r.panel.clear(),o.remove()},150))},(d=document.createElement("a")).className="lexdialogcloser fa-solid fa-xmark",d.title="Close",d.addEventListener("click",this.close),(l?c:(d.classList.add("notitle"),o)).appendChild(d));var h=new M;h.root.classList.add("lexdialogcontent"),l||h.root.classList.add("notitle"),e&&e.call(this,h),o.appendChild(h.root),h.root.querySelectorAll(".lexbranch").forEach(e=>e.classList.add("dialog")),this.panel=h,this.root=o,this.title=c,n&&p(o,Object.assign({targetClass:"lexdialogtitle"},t)),s.length&&"string"!=typeof s[0]&&(s[0]+="px"),s.length&&"string"!=typeof s[1]&&(s[1]+="px"),o.style.width=s[0]||"25%",o.style.height=s[1]||"auto",o.style.translate=t.position?"unset":"-50% -50%",t.size&&(this.size=s),o.style.left=a[0]??"50%",o.style.top=a[1]??"50%",h.root.style.width="calc( 100% - 30px )",h.root.style.height=l?"calc( 100% - "+(c.offsetHeight+30)+"px )":"calc( 100% - 51px )"}destroy(){this.root.remove()}refresh(){this.panel.root.innerHTML="",this._oncreate.call(this,this.panel)}setPosition(e,t){this.root.style.left=e+"px",this.root.style.top=t+"px"}setTitle(e){var t=this.root.querySelector(".lexdialogtitle");t&&(t.innerText=e)}}L.Dialog=D;class P extends D{static TOP=0;static BOTTOM=1;constructor(e,t,s={}){s.draggable=s.draggable??!1,s.closable=s.closable??!1;super(e,t,s);let a=this;if(L.addSignal("@on_branch_closed",this.panel,e=>{this.dock_pos==P.BOTTOM&&(this.root.style.top="calc(100% - "+(this.root.offsetHeight+3)+"px)")}),this.root.classList.add("pocket"),this.root.style.translate="none",this.root.style.top="0",this.root.style.left="unset",s.position||(this.root.style.right="3px",this.root.style.top="3px"),this.panel.root.style.width="calc( 100% - 12px )",this.panel.root.style.height="calc( 100% - 40px )",this.dock_pos=P.TOP,this.minimized=!1,this.title.tabIndex=-1,this.title.addEventListener("click",e=>{this.title.eventCatched?this.title.eventCatched=!1:(this.size&&(this.minimized?this.root.style.height=this.size[1]:this.root.style.height="auto"),this.root.classList.toggle("minimized"),this.minimized=!this.minimized,this.dock_pos==P.BOTTOM&&(a.root.style.top=this.root.classList.contains("minimized")?"calc(100% - "+(a.title.offsetHeight+6)+"px)":"calc(100% - "+(a.root.offsetHeight+3)+"px)"))}),!s.draggable){var n=s.float;if(n)for(var i=0;i<n.length;i++)switch(n[i]){case"b":this.root.style.top="calc(100% - "+(this.root.offsetHeight+3)+"px)";break;case"l":this.root.style.right="unset",this.root.style.left=s.position?s.position[1]:"3px"}this.root.classList.add("dockable"),this.title.addEventListener("keydown",function(e){e.ctrlKey&&(a.root.style.right="unset","ArrowLeft"==e.key?a.root.style.left="0px":"ArrowRight"==e.key?a.root.style.left="calc(100% - "+(a.root.offsetWidth+3)+"px)":"ArrowUp"==e.key?(a.root.style.top="0px",a.dock_pos=P.TOP):"ArrowDown"==e.key&&(a.root.style.top="calc(100% - "+(a.root.offsetHeight+3)+"px)",a.dock_pos=P.BOTTOM))})}}}L.PocketDialog=P;class re{constructor(e,t,s={}){document.body.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove()),this.root=document.createElement("div"),this.root.className="lexcontextmenu",this.root.style.left=e.x-48+document.scrollingElement.scrollLeft+"px",this.root.style.top=e.y-8+document.scrollingElement.scrollTop+"px",this.root.addEventListener("mouseleave",function(){this.remove()}),this.items=[],this.colors={},t&&((e={})[t]=[],e.className="cmtitle",e.icon=s.icon,this.items.push(e))}_adjustPosition(e,t,s=!1){var a=e.getBoundingClientRect();s?((s=window.innerWidth-a.right)<0&&(e.style.left=e.offsetLeft+(s-t)+"px"),(s=window.innerHeight-(a.top+a.height))<0&&(e.style.top=e.offsetTop+(s-t+20)+"px")):(s=a.width,a.left<0?e.style.left=t+"px":window.innerWidth-a.right<0&&(e.style.left=window.innerWidth-s-t+"px"),a.top<0?e.style.top=t+"px":a.top+a.height>window.innerHeight&&(e.style.top=window.innerHeight-a.height-t+"px"))}_createSubmenu(e,t,s,a){this.root.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove());var n=document.createElement("div");n.className="lexcontextmenu",s.appendChild(n);for(var i=0;i<e[t].length;++i){var l=e[t][i],o=Object.keys(l)[0];this._createEntry(l,o,n,a)}var r=s.getBoundingClientRect();n.style.left=r.width+"px",n.style.marginTop=3.5-s.offsetHeight+"px",this._adjustPosition(n,6,!0)}_createEntry(t,s,e,a){const n=t[s].length;let i=document.createElement("div");i.className="lexmenuboxentry"+(t.className?" "+t.className:""),i.id=t.id??"eId"+d(s),i.innerHTML="";var l=t.icon;l&&(i.innerHTML+="<a class='"+l+" fa-sm'></a>");const o=t.disabled;i.innerHTML+="<div class='lexentryname"+(o?" disabled":"")+"'>"+s+"</div>",e.appendChild(i),this.colors[s]&&(i.style.borderColor=this.colors[s]),""==s?i.className+=" cmseparator":(i.addEventListener("click",e=>{e.stopPropagation(),e.stopImmediatePropagation(),o||((e=t.callback)&&(e.call(this,s,i),this.root.remove()),n&&"click"==L.OPEN_CONTEXTMENU_ENTRY&&this._createSubmenu(t,s,i,++a))}),n&&((l=document.createElement("a")).className="fa-solid fa-bars-staggered fa-xs",i.appendChild(l),"mouseover"==L.OPEN_CONTEXTMENU_ENTRY&&i.addEventListener("mouseover",e=>{i.built||(i.built=!0,this._createSubmenu(t,s,i,++a),e.stopPropagation())}),i.addEventListener("mouseleave",()=>{a=-1,e.querySelectorAll(".lexcontextmenu").forEach(e=>e.remove())})))}onCreate(){x(()=>this._adjustPosition(this.root,6))}add(e,i={}){i.constructor==Function&&(i={callback:i});const l=(e+="").split("/");var t,s,e=l[l.length-1];this.colors[e]=i.color;let o=0;const r=(a,e)=>{if(null!=a){let s=null;var t,n;e.forEach(e=>{var t=Object.keys(e).find(e=>e==a);t&&(s=e[t])}),s?r(l[o++],s):((t={})[a]=[],(n=l[o++])||(t.id=i.id,t.callback=i.callback,t.disabled=i.disabled??!1),e.push(t),r(n,t[a]))}},c=(r(l[o++],this.items),e=>{let t=Object.keys(e)[0];var s,a=e[t];if(a.length){null==a.find(e=>Object.keys(e)[0]==t)&&((a={})[t]=[],a.className="cmtitle",e[t].unshift(a));for(s of e[t])for(var n=Object.keys(s)[0],i=0;i<s[n].length;++i)c(s)}});for(t of this.items)c(t);for(s of this.items){var a=Object.keys(s)[0],n="eId"+d(a),n="#"+(s.id??n);this.root.querySelector(n)||this._createEntry(s,a,this.root,-1)}}setColor(e,t){"#"!==t[0]&&(t=s(t)),this.colors[e]=t}}function z(e,t,s,a){t=new re(t,e,a);return L.root.appendChild(t.root),s&&s(t),t.onCreate(),t}L.ContextMenu=re,L.addContextMenu=z;class ce{constructor(e,s={}){let o=document.createElement("div"),r=(o.className="curve "+(s.className||""),o.style.minHeight="50px",o.style.width=s.width||"100%",o.style.minWidth="50px",o.style.minHeight="20px",o.bgcolor=s.bgColor||L.getThemeColor("global-intense-background"),o.pointscolor=s.pointsColor||L.getThemeColor("global-selected-light"),o.linecolor=s.lineColor||"#555",o.value=e||[],o.xrange=s.xrange||[0,1],o.yrange=s.yrange||[0,1],o.defaulty=null!=s.defaulty?s.defaulty:0,o.no_overlap=s.noOverlap||!1,o.show_samples=s.showSamples||0,o.allow_add_values=s.allowAddValues??!0,o.draggable_x=s.draggableX??!0,o.draggable_y=s.draggableY??!0,o.smooth=(s.smooth&&"number"==typeof s.smooth?s.smooth:.3)||!1,o.move_out=s.moveOutAction??L.CURVE_MOVEOUT_DELETE,L.addSignal("@on_new_color_scheme",(e,t)=>{o.bgcolor=s.bgColor||L.getThemeColor("global-intense-background"),o.pointscolor=s.pointsColor||L.getThemeColor("global-selected-light"),this.redraw()}),this.element=o,document.createElement("canvas"));function l(e){return[r.width*(e[0]-o.xrange[0])/o.xrange[1],r.height*(e[1]-o.yrange[0])/o.yrange[1]]}function c(e){return[e[0]*o.xrange[1]/r.width+o.xrange[0],e[1]*o.yrange[1]/r.height+o.yrange[0]]}r.width=s.width||200,r.height=s.height||50,o.appendChild(r),this.canvas=r,o.addEventListener("mousedown",function(e){document.addEventListener("mousemove",n),document.addEventListener("mouseup",u);var t=r.getBoundingClientRect(),s=e.clientX-t.left,t=e.clientY-t.top;{var a;d=function(e,t){for(var s=1e5,a=-1,n=0;n<o.value.length;n++){var i=l(o.value[n]),i=m([e,t],i);i<s&&i<8&&(s=i,a=n)}return a}(s,r.height-t),e.button==L.MOUSE_LEFT_CLICK&&-1==d&&o.allow_add_values&&(a=c([s,r.height-t]),o.value.push(a),g(),d=o.value.indexOf(a))}h=[s,t],o.redraw(),e.preventDefault(),e.stopPropagation()}),o.getValueAt=function(e){if(e<o.xrange[0]||e>o.xrange[1])return o.defaulty;for(var t=[o.xrange[0],o.defaulty],s=0,a=0;a<o.value.length;a+=1){var n=o.value[a];if(e==n[0])return n[1];if(e<n[0])return s=(e-t[0])/(n[0]-t[0]),t[1]*(1-s)+n[1]*s;t=n}return n=[o.xrange[1],o.defaulty],s=(e-t[0])/(n[0]-t[0]),t[1]*(1-s)+n[1]*s},o.resample=function(e){for(var t=[],s=(o.xrange[1]-o.xrange[0])/e,a=o.xrange[0];a<=o.xrange[1];a+=s)t.push(o.getValueAt(a));return t},o.addValue=function(e){for(var t=0;t<o.value;t++){var s=o.value[t];if(!(s[0]<e[0]))return o.value.splice(t,0,e),void redraw()}o.value.push(e),redraw()};var d=-1,h=(o.redraw=function(e={}){e.value&&(o.value=e.value),e.xrange&&(o.xrange=e.xrange),e.yrange&&(o.yrange=e.yrange),e.smooth&&(o.smooth=e.smooth);var e=r.parentElement.getBoundingClientRect(),t=((e=r.parentElement.parentElement?r.parentElement.parentElement.getBoundingClientRect():e)&&r.width!=e.width&&e.width&&e.width<1e3&&(r.width=e.width),r.getContext("2d")),s=(t.setTransform(1,0,0,1,0,0),t.translate(0,r.height),t.scale(1,-1),t.fillStyle=o.bgcolor,t.fillRect(0,0,r.width,r.height),t.strokeStyle=o.linecolor,t.beginPath(),l([o.xrange[0],o.defaulty])),a=(t.moveTo(s[0],s[1]),[s[0],s[1]]);for(n in o.value){s=l(o.value[n]);a.push(s[0]),a.push(s[1]),o.smooth||t.lineTo(s[0],s[1])}s=l([o.xrange[1],o.defaulty]),a.push(s[0]),a.push(s[1]),o.smooth?L.UTILS.drawSpline(t,a,o.smooth):(t.lineTo(s[0],s[1]),t.stroke());for(var n=0;n<o.value.length;n+=1)s=l(o.value[n]),t.fillStyle=d==n?"white":o.pointscolor,t.beginPath(),t.arc(s[0],s[1],d==n?4:3,0,2*Math.PI),t.fill();if(o.show_samples){var i=o.resample(o.show_samples);t.fillStyle="#888";for(n=0;n<i.length;n+=1)s=l([n*((o.xrange[1]-o.xrange[0])/o.show_samples)+o.xrange[0],i[n]]),t.beginPath(),t.arc(s[0],s[1],2,0,2*Math.PI),t.fill()}},[0,0]);function n(e){var t,s,a,n=r.getBoundingClientRect(),i=e.clientX-n.left,l=e.clientY-n.top,n=(i<0?i=0:i>r.width&&(i=r.width),l<0?l=0:l>r.height&&(l=r.height),[e.clientX-n.left,e.clientY-n.top]);-1!=d&&m(n,[i,l])>.5*r.height?(o.move_out==L.CURVE_MOVEOUT_DELETE?o.value.splice(d,1):(n=[n[0]-i,n[1]-l],(t=o.value[d])[0]=0==n[0]?t[0]:n[0]<0?o.xrange[0]:o.xrange[1],t[1]=0==n[1]?t[1]:n[1]<0?o.yrange[1]:o.yrange[0]),u(e)):(t=c([-(o.draggable_x?h[0]-i:0),o.draggable_y?h[1]-l:0]),-1!=d&&(n=o.xrange[0],s=o.xrange[1],o.no_overlap&&(0<d&&(n=o.value[d-1][0]),d<o.value.length-1)&&(s=o.value[d+1][0]),(a=o.value[d])[0]+=t[0],a[1]+=t[1],a[0]<n?a[0]=n:a[0]>s&&(a[0]=s),a[1]<o.yrange[0]?a[1]=o.yrange[0]:a[1]>o.yrange[1]&&(a[1]=o.yrange[1])),g(),o.redraw(),h[0]=i,h[1]=l,p(e),e.preventDefault(),e.stopPropagation())}function u(e){d=-1,o.redraw(),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",u),p(e),e.preventDefault(),e.stopPropagation()}function p(e){s.callback&&s.callback.call(o,o.value,e)}function m(e,t){return Math.sqrt(Math.pow(t[0]-e[0],2)+Math.pow(t[1]-e[1],2))}function g(){var e=null;-1!=d&&(e=o.value[d]),o.value.sort(function(e,t){return e[0]-t[0]}),e&&(d=o.value.indexOf(e))}return o.redraw(),this}redraw(e={}){this.element.redraw(e)}}L.CanvasCurve=ce;class de{constructor(e,t,s={}){let o=document.createElement("div"),r=(o.className="dial "+(s.className||""),o.style.width=o.style.height=s.size||"100%",o.style.minWidth=o.style.minHeight="50px",o.bgcolor=s.bgColor||L.getThemeColor("global-dark-background"),o.pointscolor=s.pointsColor||L.getThemeColor("global-selected-light"),o.linecolor=s.lineColor||"#555",o.value=t||[],o.xrange=s.xrange||[0,1],o.yrange=s.yrange||[0,1],o.defaulty=null!=s.defaulty?s.defaulty:0,o.no_overlap=s.noOverlap||!1,o.show_samples=s.showSamples||0,o.allow_add_values=s.allowAddValues??!0,o.draggable_x=s.draggableX??!0,o.draggable_y=s.draggableY??!0,o.smooth=(s.smooth&&"number"==typeof s.smooth?s.smooth:.3)||!1,o.move_out=s.moveOutAction??L.CURVE_MOVEOUT_DELETE,this.element=o,document.createElement("canvas"));function l(e){return Math.pow(e[0],2),[r.width*(e[0]-o.xrange[0])/o.xrange[1],r.height*(e[1]-o.yrange[0])/o.yrange[1]]}function c(e){return[e[0]*o.xrange[1]/r.width+o.xrange[0],e[1]*o.yrange[1]/r.height+o.yrange[0]]}r.width=r.height=s.size||200,o.appendChild(r),this.canvas=r,o.addEventListener("mousedown",function(e){document.addEventListener("mousemove",n),document.addEventListener("mouseup",u);var t=r.getBoundingClientRect(),s=e.clientX-t.left,t=e.clientY-t.top;{var a;d=function(e,t){for(var s=1e5,a=-1,n=0;n<o.value.length;n++){var i=l(o.value[n]),i=m([e,t],i);i<s&&i<8&&(s=i,a=n)}return a}(s,r.height-t),e.button==L.MOUSE_LEFT_CLICK&&-1==d&&o.allow_add_values&&(a=c([s,r.height-t]),o.value.push(a),g(),d=o.value.indexOf(a))}h=[s,t],o.redraw(),e.preventDefault(),e.stopPropagation()}),o.getValueAt=function(e){if(e<o.xrange[0]||e>o.xrange[1])return o.defaulty;for(var t=[o.xrange[0],o.defaulty],s=0,a=0;a<o.value.length;a+=1){var n=o.value[a];if(e==n[0])return n[1];if(e<n[0])return s=(e-t[0])/(n[0]-t[0]),t[1]*(1-s)+n[1]*s;t=n}return n=[o.xrange[1],o.defaulty],s=(e-t[0])/(n[0]-t[0]),t[1]*(1-s)+n[1]*s},o.resample=function(e){for(var t=[],s=(o.xrange[1]-o.xrange[0])/e,a=o.xrange[0];a<=o.xrange[1];a+=s)t.push(o.getValueAt(a));return t},o.addValue=function(e){for(var t=0;t<o.value;t++){var s=o.value[t];if(!(s[0]<e[0]))return o.value.splice(t,0,e),void redraw()}o.value.push(e),redraw()};var d=-1,h=(o.redraw=function(e={}){e.value&&(o.value=e.value),e.xrange&&(o.xrange=e.xrange),e.yrange&&(o.yrange=e.yrange),e.smooth&&(o.smooth=e.smooth);var e=r.parentElement.getBoundingClientRect(),t=((e=r.parentElement.parentElement?r.parentElement.parentElement.getBoundingClientRect():e)&&r.width!=e.width&&e.width&&e.width<1e3&&(r.width=e.width),r.getContext("2d")),s=(t.setTransform(1,0,0,1,0,0),t.translate(0,r.height),t.scale(1,-1),t.fillStyle=o.bgcolor,t.fillRect(0,0,r.width,r.height),t.strokeStyle=o.linecolor,t.beginPath(),l([o.xrange[0],o.defaulty])),a=(t.moveTo(s[0],s[1]),[s[0],s[1]]);for(n in o.value){s=l(o.value[n]);a.push(s[0]),a.push(s[1])}s=l([o.xrange[1],o.defaulty]),a.push(s[0]),a.push(s[1]);s=l([0,0]),t.fillStyle="gray",t.beginPath(),t.arc(s[0],s[1],3,0,2*Math.PI),t.fill();for(var n=0;n<o.value.length;n+=1)s=l(o.value[n]),t.fillStyle=d==n?"white":o.pointscolor,t.beginPath(),t.arc(s[0],s[1],d==n?4:3,0,2*Math.PI),t.fill();if(o.show_samples){var i=o.resample(o.show_samples);t.fillStyle="#888";for(n=0;n<i.length;n+=1)s=l([n*((o.xrange[1]-o.xrange[0])/o.show_samples)+o.xrange[0],i[n]]),t.beginPath(),t.arc(s[0],s[1],2,0,2*Math.PI),t.fill()}},[0,0]);function n(e){var t,s,a,n=r.getBoundingClientRect(),i=e.clientX-n.left,l=e.clientY-n.top,n=(i<0?i=0:i>r.width&&(i=r.width),l<0?l=0:l>r.height&&(l=r.height),[e.clientX-n.left,e.clientY-n.top]);-1!=d&&m(n,[i,l])>.5*r.height?(o.move_out==L.CURVE_MOVEOUT_DELETE?o.value.splice(d,1):(n=[n[0]-i,n[1]-l],(t=o.value[d])[0]=0==n[0]?t[0]:n[0]<0?o.xrange[0]:o.xrange[1],t[1]=0==n[1]?t[1]:n[1]<0?o.yrange[1]:o.yrange[0]),u(e)):(t=c([-(o.draggable_x?h[0]-i:0),o.draggable_y?h[1]-l:0]),-1!=d&&(n=o.xrange[0],s=o.xrange[1],o.no_overlap&&(0<d&&(n=o.value[d-1][0]),d<o.value.length-1)&&(s=o.value[d+1][0]),(a=o.value[d])[0]+=t[0],a[1]+=t[1],a[0]<n?a[0]=n:a[0]>s&&(a[0]=s),a[1]<o.yrange[0]?a[1]=o.yrange[0]:a[1]>o.yrange[1]&&(a[1]=o.yrange[1])),g(),o.redraw(),h[0]=i,h[1]=l,p(e),e.preventDefault(),e.stopPropagation())}function u(e){d=-1,o.redraw(),document.removeEventListener("mousemove",n),document.removeEventListener("mouseup",u),p(e),e.preventDefault(),e.stopPropagation()}function p(e){s.callback&&s.callback.call(o,o.value,e)}function m(e,t){return Math.sqrt(Math.pow(t[0]-e[0],2)+Math.pow(t[1]-e[1],2))}function g(){var e=null;-1!=d&&(e=o.value[d]),o.value.sort(function(e,t){return e[0]-t[0]}),e&&(d=o.value.indexOf(e))}return o.redraw(),this}redraw(e={}){this.element.redraw(e)}}L.Dial=V;class I{static NONE=0;static ASSET_SELECTED=1;static ASSET_DELETED=2;static ASSET_RENAMED=3;static ASSET_CLONED=4;static ASSET_DBLCLICKED=5;static ENTER_FOLDER=6;static ASSET_CHECKED=7;constructor(e,t,s){this.type=e||m.NONE,this.item=t,this.value=s,this.multiple=!1}string(){switch(this.type){case I.NONE:return"assetview_event_none";case I.ASSET_SELECTED:return"assetview_event_selected";case I.ASSET_DELETED:return"assetview_event_deleted";case I.ASSET_RENAMED:return"assetview_event_renamed";case I.ASSET_CLONED:return"assetview_event_cloned";case I.ASSET_DBLCLICKED:return"assetview_event_dblclicked";case I.ENTER_FOLDER:return"assetview_event_enter_folder";case I.ASSET_CHECKED:return"assetview_event_checked"}}}L.AssetViewEvent=I;class O{static LAYOUT_CONTENT=0;static LAYOUT_LIST=1;static MAX_PAGE_ELEMENTS=50;constructor(e={}){this.rootPath="https://raw.githubusercontent.com/jxarco/lexgui.js/master/",this.layout=e.layout??O.LAYOUT_CONTENT,this.contentPage=1,e.rootPath&&(e.rootPath.constructor!==String?console.warn("Asset Root Path must be a String (now is "+path.constructor.name+")"):this.rootPath=e.rootPath);var t=document.createElement("div"),s=(t.className="lexassetbrowser",this.root=t,new L.Area({height:"100%"}));t.appendChild(s.root);let a,n,i=s;this.skipBrowser=e.skipBrowser??!1,this.skipPreview=e.skipPreview??!1,this.useNativeTitle=e.useNativeTitle??!1,this.onlyFolders=e.onlyFolders??!0,this.allowMultipleSelection=e.allowMultipleSelection??!1,this.previewActions=e.previewActions??[],this.contextMenu=e.contextMenu??[],this.onRefreshContent=e.onRefreshContent,this.skipBrowser||([a,n]=s.split({type:"horizontal",sizes:["15%","85%"]}),i=n,a.setLimitBox(210,0),n.setLimitBox(512,0)),this.skipPreview||([i,n]=i.split({type:"horizontal",sizes:["80%","20%"]})),this.allowedTypes=e.allowedTypes||["None","Image","Mesh","Script","JSON","Clip"],this.prevData=[],this.nextData=[],this.data=[],this._processData(this.data,null),this.currentData=this.data,this.path=["@"],this.skipBrowser||this._createTreePanel(a),this._createContentPanel(i),this.skipPreview||(this.previewPanel=n.addPanel({className:"lexassetcontentpanel",style:{overflow:"scroll"}}))}load(e,t){this.prevData.length=0,this.nextData.length=0,this.data=e,this._processData(this.data,null),this.currentData=this.data,this.path=["@"],this.skipBrowser||this._createTreePanel(this.area),this._refreshContent(),this.onevent=t}clear(){this.previewPanel&&this.previewPanel.clear(),this.leftPanel&&this.leftPanel.clear(),this.rightPanel&&this.rightPanel.clear()}_processData(e,t){e.constructor!==Array&&(e.folder=t,e.children=e.children??[]);for(var s=e.constructor===Array?e:e.children,a=0;a<s.length;++a)this._processData(s[a],e)}_updatePath(e){this.path.length=0;const t=e=>{e&&(e=(e.children||e)[0])&&e.folder&&(this.path.push(e.folder.id??"@"),t(e.folder.folder))};t(e),L.emit("@on_folder_change",this.path.reverse().join("/"))}_createTreePanel(e){this.leftPanel?this.leftPanel.clear():this.leftPanel=e.addPanel({className:"lexassetbrowserpanel"});e={id:"/",children:this.data},e=this.leftPanel.addTree("Content Browser",e,{filter:!1,onlyFolders:this.onlyFolders,onevent:e=>{var t=e.node,s=e.value;switch(e.type){case L.TreeEvent.NODE_SELECTED:e.multiple||this._enterFolder(t),t.parent||(this.prevData.push(this.currentData),this.currentData=this.data,this._refreshContent(),this.path=["@"],L.emit("@on_folder_change",this.path.join("/")));break;case L.TreeEvent.NODE_DRAGGED:t.folder=s,this._refreshContent()}}});this.tree=e.innerTree}_setContentLayout(e){this.layout=e,this._refreshContent()}_createContentPanel(e){this.rightPanel?this.rightPanel.clear():this.rightPanel=e.addPanel({className:"lexassetcontentpanel"});e=(e,t)=>{var s;this.allowNextPage&&(s=this.contentPage,this.contentPage+=e,this.contentPage=Math.min(this.contentPage,1+((this.currentData.length-1)/O.MAX_PAGE_ELEMENTS|0)),this.contentPage=Math.max(this.contentPage,1),s!=this.contentPage)&&this._refreshContent()};this.rightPanel.sameLine(),this.rightPanel.addSelect("Filter",this.allowedTypes,this.allowedTypes[0],e=>this._refreshContent.call(this,null,e),{width:"30%",minWidth:"128px"}),this.rightPanel.addText(null,this.searchValue??"",e=>this._refreshContent.call(this,e,null),{placeholder:"Search assets.."}),this.rightPanel.addButton(null,"<a class='fa fa-arrow-up-short-wide'></a>",((e,t)=>{var t=z("Sort by",t,e=>{e.add("Name",()=>this._sortData("id")),e.add("Type",()=>this._sortData("type")),e.add(""),e.add("Ascending",()=>this._sortData()),e.add("Descending",()=>this._sortData(null,!0))}),s=this.parent.root.parentElement;s.classList.contains("lexdialog")&&(t.root.style.zIndex=+getComputedStyle(s).zIndex+1)}).bind(this),{className:"micro",title:"Sort"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-grip'></a>",((e,t)=>{var t=z("Layout",t,e=>{e.add("Content",()=>this._setContentLayout(O.LAYOUT_CONTENT)),e.add(""),e.add("List",()=>this._setContentLayout(O.LAYOUT_LIST))}),s=this.parent.root.parentElement;s.classList.contains("lexdialog")&&(t.root.style.zIndex=+getComputedStyle(s).zIndex+1)}).bind(this),{className:"micro",title:"View"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-angles-left'></a>",e.bind(this,-1),{className:"micro",title:"Previous Page"}),this.rightPanel.addButton(null,"<a class='fa-solid fa-angles-right'></a>",e.bind(this,1),{className:"micro",title:"Next Page"}),this.rightPanel.endLine(),this.skipBrowser||(this.rightPanel.sameLine(),this.rightPanel.addComboButtons(null,[{value:"Left",icon:"fa-solid fa-left-long",callback:e=>{this.prevData.length&&(this.nextData.push(this.currentData),this.currentData=this.prevData.pop(),this._refreshContent(),this._updatePath(this.currentData))}},{value:"Right",icon:"fa-solid fa-right-long",callback:e=>{this.nextData.length&&(this.prevData.push(this.currentData),this.currentData=this.nextData.pop(),this._refreshContent(),this._updatePath(this.currentData))}},{value:"Refresh",icon:"fa-solid fa-arrows-rotate",callback:e=>{this._refreshContent()}}],{width:"20%",minWidth:"164px",noSelection:!0}),this.rightPanel.addText(null,this.path.join("/"),null,{width:"70%",maxWidth:"calc(70% - 64px)",minWidth:"164px",disabled:!0,signal:"@on_folder_change",style:{fontWeight:"bolder",fontSize:"16px",color:"#aaa"}}),this.rightPanel.addText(null,"Page "+this.contentPage+" / "+(1+((this.currentData.length-1)/O.MAX_PAGE_ELEMENTS|0)),null,{disabled:!0,signal:"@on_page_change",width:"fit-content"}),this.rightPanel.endLine()),this.content=document.createElement("ul"),this.content.className="lexassetscontent",this.rightPanel.root.appendChild(this.content),this.content.addEventListener("dragenter",function(e){e.preventDefault(),this.classList.add("dragging")}),this.content.addEventListener("dragleave",function(e){e.preventDefault(),this.classList.remove("dragging")}),this.content.addEventListener("drop",e=>{e.preventDefault(),this._processDrop(e)}),this.content.addEventListener("click",function(){this.querySelectorAll(".lexassetitem").forEach(e=>e.classList.remove("selected"))}),this._refreshContent()}_refreshContent(s,a){const r=this.layout==O.LAYOUT_CONTENT;this.filter=a??this.filter??"None",this.searchValue=s??this.searchValue??"",this.content.innerHTML="",this.content.className=r?"lexassetscontent":"lexassetscontent list";let i=this;const n=new FileReader;var l=this.currentData.filter(e=>("None"==this.filter||e.type.toLowerCase()==this.filter.toLowerCase())&&e.id.toLowerCase().includes(this.searchValue.toLowerCase())),t=((a||s)&&(this.contentPage=1),(this.contentPage-1)*O.MAX_PAGE_ELEMENTS),o=Math.min(t+O.MAX_PAGE_ELEMENTS,l.length);for(let e=t;e<o;++e){let t=l[e];t.path?L.request({url:t.path,dataType:"blob",success:e=>{t.bytesize=e.size,n.readAsDataURL(e),n.onload=e=>{t.src=e.currentTarget.result,t._path=t.path,delete t.path,this._refreshContent(s,a)}}}):t.domEl=function(a){var e=a.type.charAt(0).toUpperCase()+a.type.slice(1),t=c(a.id);const s="Folder"===e;let o=document.createElement("li");if(o.className="lexassetitem "+a.type.toLowerCase(),o.tabIndex=-1,i.content.appendChild(o),i.useNativeTitle)o.title=e+": "+a.id;else{let l=document.createElement("span");l.className="lexitemdesc",l.innerHTML="File: "+a.id+"<br>Type: "+e,i.content.appendChild(l),o.addEventListener("mousemove",t=>{if(r){var s=o.getBoundingClientRect(),a=t.target.getBoundingClientRect(),n=l.parentElement.getBoundingClientRect(),i=a.x-n.x-(a.x-s.x);let e=a.y-n.y-(a.y-s.y);t.target.classList.contains("lexassettitle")&&(e+=a.y-s.y),l.style.left=i+t.offsetX+12+"px",l.style.top=e+t.offsetY+"px"}}),o.addEventListener("mouseenter",()=>{r&&(l.style.display="unset")}),o.addEventListener("mouseleave",()=>{r&&setTimeout(()=>{l.style.display="none"},100)})}i.allowMultipleSelection&&((n=document.createElement("input")).type="checkbox",n.className="lexcheckbox",n.checked=a.selected,n.addEventListener("change",(e,t)=>{var s;a.selected=!a.selected,i.onevent&&((s=new I(I.ASSET_CHECKED,e.shiftKey?[a]:a)).multiple=!!e.shiftKey,i.onevent(s)),e.stopPropagation(),e.stopImmediatePropagation()}),o.appendChild(n));var n=document.createElement("span");if(n.className="lexassettitle",n.innerText=a.id,o.appendChild(n),!i.skipPreview){let e=null;a.src&&(-1<["png","jpg"].indexOf(c(a.src))||a.src.includes("data:image/"))||s||!r?(e=document.createElement("img"),n=a.unknown_extension?i.rootPath+"images/file.png":s?i.rootPath+"images/folder.png":a.src,e.src=r||s?n:i.rootPath+"images/file.png",o.appendChild(e)):((e=document.createElement("svg")).className="asset-file-preview",o.appendChild(e),n=document.createElement("text"),e.appendChild(n),n.innerText=t&&t!=a.id?"."+t.toUpperCase():a.type.toUpperCase(),(t=2.5/n.innerText.length)<1&&(n.style.fontSize=64*t+"px",e.style.paddingTop="calc(50% - "+(.5*n.offsetHeight+10)+"px)"))}return s||((t=document.createElement("span")).className="lexassetinfo",t.innerText=e,o.appendChild(t)),o.addEventListener("click",function(e){e.stopImmediatePropagation(),e.stopPropagation();var t=e.detail==L.MOUSE_DOUBLE_CLICK;if(t){if(s)return void i._enterFolder(a)}else e.shiftKey||i.content.querySelectorAll(".lexassetitem").forEach(e=>e.classList.remove("selected")),this.classList.add("selected"),i.selectedItem=a,i.skipPreview||i._previewAsset(a);i.onevent&&((t=new I(t?I.ASSET_DBLCLICKED:I.ASSET_SELECTED,e.shiftKey?[a]:a)).multiple=!!e.shiftKey,i.onevent(t))}),i.contextMenu&&o.addEventListener("contextmenu",function(e){e.preventDefault();const t=i.content.querySelectorAll(".selected").length;L.addContextMenu(1<t?t+" selected":s?a.id:a.type,e,e=>{t<=1&&e.add("Rename"),s||e.add("Clone",i._cloneItem.bind(i,a)),t<=1&&e.add("Properties"),e.add(""),e.add("Delete",i._deleteItem.bind(i,a))})}),o.addEventListener("dragstart",function(e){e.preventDefault()},!1),o}(t)}this.allowNextPage=l.length-1>O.MAX_PAGE_ELEMENTS,L.emit("@on_page_change","Page "+this.contentPage+" / "+(1+((l.length-1)/O.MAX_PAGE_ELEMENTS|0))),this.onRefreshContent&&this.onRefreshContent(s,a)}_previewAsset(e){var t,s=e.src&&e.src.includes("data:image/"),s=(this.previewPanel.clear(),this.previewPanel.branch("Asset"),("image"==e.type||e.src)&&(-1<["png","jpg"].indexOf(c(e.src))||s)&&this.previewPanel.addImage(e.src,{style:{width:"100%"}}),{disabled:!0}),s=(this.previewPanel.addText("Filename",e.id,null,s),e.lastModified&&this.previewPanel.addText("Last Modified",new Date(e.lastModified).toLocaleString(),null,s),(e._path||e.src)&&this.previewPanel.addText("URL",e._path||e.src,null,s),this.previewPanel.addText("Path",this.path.join("/"),null,s),this.previewPanel.addText("Type",e.type,null,s),e.bytesize&&this.previewPanel.addText("Size",(e.bytesize/1024).toPrecision(3)+" KBs",null,s),"folder"==e.type&&this.previewPanel.addText("Files",e.children?e.children.length.toString():"0",null,s),this.previewPanel.addSeparator(),[...this.previewActions]);s.length||s.push({name:"Download",callback:()=>L.downloadURL(e.src,e.id)});for(t of s)t.type&&t.type!==e.type||t.path&&t.path!==this.path.join("/")||this.previewPanel.addButton(null,t.name,t.callback.bind(this,e));this.previewPanel.merge()}_processDrop(e){var t=new FileReader;const n=e.dataTransfer.files.length;for(let a=0;a<e.dataTransfer.files.length;++a){const i=e.dataTransfer.files[a];this.currentData.find(e=>e.id===i.name)||(t.readAsDataURL(i),t.onload=e=>{var t=i.name.substr(i.name.lastIndexOf(".")+1).toLowerCase(),s={id:i.name,src:e.currentTarget.result,extension:t,lastModified:i.lastModified};switch(t){case"png":case"jpg":s.type="image";break;case"js":case"css":s.type="script";break;case"json":s.type="json";break;case"obj":s.type="mesh";break;default:s.type=t,s.unknown_extension=!0}this.currentData.push(s),a==n-1&&(this._refreshContent(),this.skipBrowser||this.tree.refresh())})}}_sortData(a,n=!1){a=a??this._lastSortBy??"id",this.currentData=this.currentData.sort((e,t)=>{var s=n?t[a].localeCompare(e[a]):e[a].localeCompare(t[a]);return s=0==s?n?t.id.localeCompare(e.id):e.id.localeCompare(t.id):s}),this._lastSortBy=a,this._refreshContent()}_enterFolder(e){this.prevData.push(this.currentData),this.currentData=e.children,this.contentPage=1,this._refreshContent(),this._updatePath(this.currentData),this.onevent&&(e=new I(I.ENTER_FOLDER,e),this.onevent(e))}_deleteItem(e){var t=this.currentData.indexOf(e);t<0?console.error("[AssetView Error] Cannot delete. Item not found."):(this.currentData.splice(t,1),this._refreshContent(this.searchValue,this.filter),this.onevent&&(t=new I(I.ASSET_DELETED,e),this.onevent(t)),this.tree.refresh(),this._processData(this.data))}_cloneItem(e){var t,s=this.currentData.indexOf(e);s<0||(delete e.domEl,delete e.folder,t=v(e),this.currentData.splice(s,0,t),this._refreshContent(this.searchValue,this.filter),this.onevent&&(s=new I(I.ASSET_CLONED,e),this.onevent(s)),this._processData(this.data))}}L.AssetView=O,Object.assign(L,{request(a){var e=a.dataType||"text",t=("json"==e||"xml"==e?e="text":"binary"==e&&(e="arraybuffer",a.mimeType="application/octet-stream"),new XMLHttpRequest),s=(t.open(a.data?"POST":"GET",a.url,!0),e&&(t.responseType=e),a.mimeType&&t.overrideMimeType(a.mimeType),a.nocache&&t.setRequestHeader("Cache-Control","no-cache"),t.onload=function(e){var t,s=this.response;if(200!=this.status)t="Error "+this.status,a.error&&a.error(t);else{if("json"==a.dataType)try{s=JSON.parse(s)}catch(t){if(!a.error)throw t;a.error(t)}else if("xml"==a.dataType)try{s=(new DOMParser).parseFromString(s,"text/xml")}catch(t){if(!a.error)throw t;a.error(t)}a.success&&a.success.call(this,s,this)}},t.onerror=function(e){a.error&&a.error(e)},new FormData);if(a.data)for(var n in a.data)s.append(n,a.data[n]);return t.send(s),t},requestText(e,t,s){return this.request({url:e,dataType:"text",success:t,error:s})},requestJSON(e,t,s){return this.request({url:e,dataType:"json",success:t,error:s})},requestBinary(e,t,s){return this.request({url:e,dataType:"binary",success:t,error:s})},requireScript(e,t,s,a,n){if(!e)throw"invalid URL";var i,l=(e=e.constructor===String?[e]:e).length,o=[];for(i in e){var r=document.createElement("script");r.num=i,r.type="text/javascript",r.src=e[i]+(n?"?version="+n:""),r.original_src=e[i],r.async=!1,r.onload=function(e){l--,o.push(this),l?a&&a(this.original_src,this.num):t&&t(o)},s&&(r.onerror=function(e){s(e,this.original_src,this.num)}),document.getElementsByTagName("head")[0].appendChild(r)}},downloadURL(e,s){function t(e){var t=document.createElement("a");t.href=e,t.download=s,document.body.appendChild(t),t.click(),document.body.removeChild(t)}const a=new FileReader;e.includes("http")?L.request({url:e,dataType:"blob",success:e=>{a.readAsDataURL(e),a.onload=e=>{t(e.currentTarget.result)}}}):t(e)},downloadFile:function(e,t,s){var a,n;t?(s=s||(t.constructor===String?"text/plain":"application/octet-stream"),a=null,a=t.constructor!==File&&t.constructor!==Blob?new Blob([t],{type:s}):t,n=URL.createObjectURL(a),(s=document.createElement("a")).setAttribute("href",n),s.setAttribute("download",e),s.style.display="none",document.body.appendChild(s),s.click(),document.body.removeChild(s),setTimeout(function(){URL.revokeObjectURL(n)},6e4)):console.warn("No file provided to download")}}),Object.defineProperty(String.prototype,"lastChar",{get:function(){return this[this.length-1]},enumerable:!0,configurable:!0}),Element.prototype.insertChildAtIndex=function(e,t=1/0){t>=this.children.length?this.appendChild(e):this.insertBefore(e,this.children[t])},Element.prototype.hasClass=function(e){return!!(e=[].concat(e)).filter(e=>this.classList.contains(e)).length},Element.prototype.addClass=function(e){e&&this.classList.add(e)},Element.prototype.getComputedSize=function(){var e=getComputedStyle(this);return{width:this.offsetWidth+e.getPropertyValue("marginLeft")+e.getPropertyValue("marginRight"),height:this.offsetHeight+e.getPropertyValue("marginTop")+e.getPropertyValue("marginBottom")}},Element.prototype.getParentArea=function(){let e=this.parentElement;for(;e;){if(e.classList.contains("lexarea"))return e;e=e.parentElement}},L.ICONS={"align-center":[448,512,[],"","M352 64c0-17.7-14.3-32-32-32L128 32c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32zm96 128c0-17.7-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 448c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32zM352 320c0-17.7-14.3-32-32-32l-192 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l192 0c17.7 0 32-14.3 32-32z"],"align-justify":[448,512,[],"","M448 64c0-17.7-14.3-32-32-32L32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32zm0 256c0-17.7-14.3-32-32-32L32 288c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32zM0 192c0 17.7 14.3 32 32 32l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L32 160c-17.7 0-32 14.3-32 32zM448 448c0-17.7-14.3-32-32-32L32 416c-17.7 0-32 14.3-32 32s14.3 32 32 32l384 0c17.7 0 32-14.3 32-32z"],"align-left":[448,512,[],"","M288 64c0 17.7-14.3 32-32 32L32 96C14.3 96 0 81.7 0 64S14.3 32 32 32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32L32 352c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"],"align-right":[448,512,[],"","M448 64c0 17.7-14.3 32-32 32L192 96c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zm0 256c0 17.7-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l224 0c17.7 0 32 14.3 32 32zM0 192c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 224c-17.7 0-32-14.3-32-32zM448 448c0 17.7-14.3 32-32 32L32 480c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"],bell:[448,512,[],"","M224 0c-17.7 0-32 14.3-32 32l0 19.2C119 66 64 130.6 64 208l0 25.4c0 45.4-15.5 89.5-43.8 124.9L5.3 377c-5.8 7.2-6.9 17.1-2.9 25.4S14.8 416 24 416l400 0c9.2 0 17.6-5.3 21.6-13.6s2.9-18.2-2.9-25.4l-14.9-18.6C399.5 322.9 384 278.8 384 233.4l0-25.4c0-77.4-55-142-128-156.8L256 32c0-17.7-14.3-32-32-32zm0 96c61.9 0 112 50.1 112 112l0 25.4c0 47.9 13.9 94.6 39.7 134.6L72.3 368C98.1 328 112 281.3 112 233.4l0-25.4c0-61.9 50.1-112 112-112zm64 352l-64 0-64 0c0 17 6.7 33.3 18.7 45.3s28.3 18.7 45.3 18.7s33.3-6.7 45.3-18.7s18.7-28.3 18.7-45.3z"],display:[576,512,[],"","M64 0C28.7 0 0 28.7 0 64L0 352c0 35.3 28.7 64 64 64l176 0-10.7 32L160 448c-17.7 0-32 14.3-32 32s14.3 32 32 32l256 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-69.3 0L336 416l176 0c35.3 0 64-28.7 64-64l0-288c0-35.3-28.7-64-64-64L64 0zM512 64l0 288L64 352 64 64l448 0z"],"mobile-screen":[384,512,[],"","M16 64C16 28.7 44.7 0 80 0L304 0c35.3 0 64 28.7 64 64l0 384c0 35.3-28.7 64-64 64L80 512c-35.3 0-64-28.7-64-64L16 64zM144 448c0 8.8 7.2 16 16 16l64 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-64 0c-8.8 0-16 7.2-16 16zM304 64L80 64l0 320 224 0 0-320z"],print:[512,512,[],"","M128 0C92.7 0 64 28.7 64 64l0 96 64 0 0-96 226.7 0L384 93.3l0 66.7 64 0 0-66.7c0-17-6.7-33.3-18.7-45.3L400 18.7C388 6.7 371.7 0 354.7 0L128 0zM384 352l0 32 0 64-256 0 0-64 0-16 0-16 256 0zm64 32l32 0c17.7 0 32-14.3 32-32l0-96c0-35.3-28.7-64-64-64L64 192c-35.3 0-64 28.7-64 64l0 96c0 17.7 14.3 32 32 32l32 0 0 64c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-64zM432 248a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"],bookmark:[384,512,[],"","M0 48C0 21.5 21.5 0 48 0l0 48 0 393.4 130.1-92.9c8.3-6 19.6-6 27.9 0L336 441.4 336 48 48 48 48 0 336 0c26.5 0 48 21.5 48 48l0 440c0 9-5 17.2-13 21.3s-17.6 3.4-24.9-1.8L192 397.5 37.9 507.5c-7.3 5.2-16.9 5.9-24.9 1.8S0 497 0 488L0 48z"],calendar:[448,512,[],"","M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z"],chart:[448,512,[],"","M160 80c0-26.5 21.5-48 48-48l32 0c26.5 0 48 21.5 48 48l0 352c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-352zM0 272c0-26.5 21.5-48 48-48l32 0c26.5 0 48 21.5 48 48l0 160c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48L0 272zM368 96l32 0c26.5 0 48 21.5 48 48l0 288c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-288c0-26.5 21.5-48 48-48z"],check:[448,512,[],"","M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"],clone:[512,512,[],"","M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z"],copy:[448,512,[],"","M384 336l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L400 115.9 400 320c0 8.8-7.2 16-16 16zM192 384l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1L192 0c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l192 0c35.3 0 64-28.7 64-64l0-32-48 0 0 32c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l32 0 0-48-32 0z"],paste:[512,512,[],"","M104.6 48L64 48C28.7 48 0 76.7 0 112L0 384c0 35.3 28.7 64 64 64l96 0 0-48-96 0c-8.8 0-16-7.2-16-16l0-272c0-8.8 7.2-16 16-16l16 0c0 17.7 14.3 32 32 32l72.4 0C202 108.4 227.6 96 256 96l62 0c-7.1-27.6-32.2-48-62-48l-40.6 0C211.6 20.9 188.2 0 160 0s-51.6 20.9-55.4 48zM144 56a16 16 0 1 1 32 0 16 16 0 1 1 -32 0zM448 464l-192 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l140.1 0L464 243.9 464 448c0 8.8-7.2 16-16 16zM256 512l192 0c35.3 0 64-28.7 64-64l0-204.1c0-12.7-5.1-24.9-14.1-33.9l-67.9-67.9c-9-9-21.2-14.1-33.9-14.1L256 128c-35.3 0-64 28.7-64 64l0 256c0 35.3 28.7 64 64 64z"],edit:[512,512,[],"","M441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z"],envelope:[512,512,[],"","M64 112c-8.8 0-16 7.2-16 16l0 22.1L220.5 291.7c20.7 17 50.4 17 71.1 0L464 150.1l0-22.1c0-8.8-7.2-16-16-16L64 112zM48 212.2L48 384c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-171.8L322 328.8c-38.4 31.5-93.7 31.5-132 0L48 212.2zM0 128C0 92.7 28.7 64 64 64l384 0c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 448c-35.3 0-64-28.7-64-64L0 128z"],"envelope-open":[512,512,[],"","M255.4 48.2c.2-.1 .4-.2 .6-.2s.4 .1 .6 .2L460.6 194c2.1 1.5 3.4 3.9 3.4 6.5l0 13.6L291.5 355.7c-20.7 17-50.4 17-71.1 0L48 214.1l0-13.6c0-2.6 1.2-5 3.4-6.5L255.4 48.2zM48 276.2L190 392.8c38.4 31.5 93.7 31.5 132 0L464 276.2 464 456c0 4.4-3.6 8-8 8L56 464c-4.4 0-8-3.6-8-8l0-179.8zM256 0c-10.2 0-20.2 3.2-28.5 9.1L23.5 154.9C8.7 165.4 0 182.4 0 200.5L0 456c0 30.9 25.1 56 56 56l400 0c30.9 0 56-25.1 56-56l0-255.5c0-18.1-8.7-35.1-23.4-45.6L284.5 9.1C276.2 3.2 266.2 0 256 0z"],map:[576,512,[],"","M565.6 36.2C572.1 40.7 576 48.1 576 56l0 336c0 10-6.2 18.9-15.5 22.4l-168 64c-5.2 2-10.9 2.1-16.1 .3L192.5 417.5l-160 61c-7.4 2.8-15.7 1.8-22.2-2.7S0 463.9 0 456L0 120c0-10 6.1-18.9 15.5-22.4l168-64c5.2-2 10.9-2.1 16.1-.3L383.5 94.5l160-61c7.4-2.8 15.7-1.8 22.2 2.7zM48 136.5l0 284.6 120-45.7 0-284.6L48 136.5zM360 422.7l0-285.4-144-48 0 285.4 144 48zm48-1.5l120-45.7 0-284.6L408 136.5l0 284.6z"],file:[384,512,[],"","M320 464c8.8 0 16-7.2 16-16l0-288-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16l256 0zM0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 448c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 64z"],"file-code":[384,512,[],"","M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm97 289c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0L79 303c-9.4 9.4-9.4 24.6 0 33.9l48 48c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-31-31 31-31zM257 255c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l31 31-31 31c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l48-48c9.4-9.4 9.4-24.6 0-33.9l-48-48z"],"file-zip":[384,512,[],"","M64 464c-8.8 0-16-7.2-16-16L48 64c0-8.8 7.2-16 16-16l48 0c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l48 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm48 112c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm0 64c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16s-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm-6.3 71.8L82.1 335.9c-1.4 5.4-2.1 10.9-2.1 16.4c0 35.2 28.8 63.7 64 63.7s64-28.5 64-63.7c0-5.5-.7-11.1-2.1-16.4l-23.5-88.2c-3.7-14-16.4-23.8-30.9-23.8l-14.8 0c-14.5 0-27.2 9.7-30.9 23.8zM128 336l32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0c-8.8 0-16-7.2-16-16s7.2-16 16-16z"],"floppy-disk":[448,512,["save"],"","M48 96l0 320c0 8.8 7.2 16 16 16l320 0c8.8 0 16-7.2 16-16l0-245.5c0-4.2-1.7-8.3-4.7-11.3l33.9-33.9c12 12 18.7 28.3 18.7 45.3L448 416c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96C0 60.7 28.7 32 64 32l245.5 0c17 0 33.3 6.7 45.3 18.7l74.5 74.5-33.9 33.9L320.8 84.7c-.3-.3-.5-.5-.8-.8L320 184c0 13.3-10.7 24-24 24l-192 0c-13.3 0-24-10.7-24-24L80 80 64 80c-8.8 0-16 7.2-16 16zm80-16l0 80 144 0 0-80L128 80zm32 240a64 64 0 1 1 128 0 64 64 0 1 1 -128 0z"],save:"floppy-disk",fingerprint:[512,512,[],"","M48 256C48 141.1 141.1 48 256 48c63.1 0 119.6 28.1 157.8 72.5c8.6 10.1 23.8 11.2 33.8 2.6s11.2-23.8 2.6-33.8C403.3 34.6 333.7 0 256 0C114.6 0 0 114.6 0 256l0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40zm458.5-52.9c-2.7-13-15.5-21.3-28.4-18.5s-21.3 15.5-18.5 28.4c2.9 13.9 4.5 28.3 4.5 43.1l0 40c0 13.3 10.7 24 24 24s24-10.7 24-24l0-40c0-18.1-1.9-35.8-5.5-52.9zM256 80c-19 0-37.4 3-54.5 8.6c-15.2 5-18.7 23.7-8.3 35.9c7.1 8.3 18.8 10.8 29.4 7.9c10.6-2.9 21.8-4.4 33.4-4.4c70.7 0 128 57.3 128 128l0 24.9c0 25.2-1.5 50.3-4.4 75.3c-1.7 14.6 9.4 27.8 24.2 27.8c11.8 0 21.9-8.6 23.3-20.3c3.3-27.4 5-55 5-82.7l0-24.9c0-97.2-78.8-176-176-176zM150.7 148.7c-9.1-10.6-25.3-11.4-33.9-.4C93.7 178 80 215.4 80 256l0 24.9c0 24.2-2.6 48.4-7.8 71.9C68.8 368.4 80.1 384 96.1 384c10.5 0 19.9-7 22.2-17.3c6.4-28.1 9.7-56.8 9.7-85.8l0-24.9c0-27.2 8.5-52.4 22.9-73.1c7.2-10.4 8-24.6-.2-34.2zM256 160c-53 0-96 43-96 96l0 24.9c0 35.9-4.6 71.5-13.8 106.1c-3.8 14.3 6.7 29 21.5 29c9.5 0 17.9-6.2 20.4-15.4c10.5-39 15.9-79.2 15.9-119.7l0-24.9c0-28.7 23.3-52 52-52s52 23.3 52 52l0 24.9c0 36.3-3.5 72.4-10.4 107.9c-2.7 13.9 7.7 27.2 21.8 27.2c10.2 0 19-7 21-17c7.7-38.8 11.6-78.3 11.6-118.1l0-24.9c0-53-43-96-96-96zm24 96c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 24.9c0 59.9-11 119.3-32.5 175.2l-5.9 15.3c-4.8 12.4 1.4 26.3 13.8 31s26.3-1.4 31-13.8l5.9-15.3C267.9 411.9 280 346.7 280 280.9l0-24.9z"],eye:[576,512,[],"","M288 80c-65.2 0-118.8 29.6-159.9 67.7C89.6 183.5 63 226 49.4 256c13.6 30 40.2 72.5 78.6 108.3C169.2 402.4 222.8 432 288 432s118.8-29.6 159.9-67.7C486.4 328.5 513 286 526.6 256c-13.6-30-40.2-72.5-78.6-108.3C406.8 109.6 353.2 80 288 80zM95.4 112.6C142.5 68.8 207.2 32 288 32s145.5 36.8 192.6 80.6c46.8 43.5 78.1 95.4 93 131.1c3.3 7.9 3.3 16.7 0 24.6c-14.9 35.7-46.2 87.7-93 131.1C433.5 443.2 368.8 480 288 480s-145.5-36.8-192.6-80.6C48.6 356 17.3 304 2.5 268.3c-3.3-7.9-3.3-16.7 0-24.6C17.3 208 48.6 156 95.4 112.6zM288 336c44.2 0 80-35.8 80-80s-35.8-80-80-80c-.7 0-1.3 0-2 0c1.3 5.1 2 10.5 2 16c0 35.3-28.7 64-64 64c-5.5 0-10.9-.7-16-2c0 .7 0 1.3 0 2c0 44.2 35.8 80 80 80zm0-208a128 128 0 1 1 0 256 128 128 0 1 1 0-256z"],"eye-slash":[640,512,[],"","M38.8 5.1C28.4-3.1 13.3-1.2 5.1 9.2S-1.2 34.7 9.2 42.9l592 464c10.4 8.2 25.5 6.3 33.7-4.1s6.3-25.5-4.1-33.7L525.6 386.7c39.6-40.6 66.4-86.1 79.9-118.4c3.3-7.9 3.3-16.7 0-24.6c-14.9-35.7-46.2-87.7-93-131.1C465.5 68.8 400.8 32 320 32c-68.2 0-125 26.3-169.3 60.8L38.8 5.1zm151 118.3C226 97.7 269.5 80 320 80c65.2 0 118.8 29.6 159.9 67.7C518.4 183.5 545 226 558.6 256c-12.6 28-36.6 66.8-70.9 100.9l-53.8-42.2c9.1-17.6 14.2-37.5 14.2-58.7c0-70.7-57.3-128-128-128c-32.2 0-61.7 11.9-84.2 31.5l-46.1-36.1zM394.9 284.2l-81.5-63.9c4.2-8.5 6.6-18.2 6.6-28.3c0-5.5-.7-10.9-2-16c.7 0 1.3 0 2 0c44.2 0 80 35.8 80 80c0 9.9-1.8 19.4-5.1 28.2zm9.4 130.3C378.8 425.4 350.7 432 320 432c-65.2 0-118.8-29.6-159.9-67.7C121.6 328.5 95 286 81.4 256c8.3-18.4 21.5-41.5 39.4-64.8L83.1 161.5C60.3 191.2 44 220.8 34.5 243.7c-3.3 7.9-3.3 16.7 0 24.6c14.9 35.7 46.2 87.7 93 131.1C174.5 443.2 239.2 480 320 480c47.8 0 89.9-12.9 126.2-32.5l-41.9-33zM192 256c0 70.7 57.3 128 128 128c13.3 0 26.1-2 38.2-5.8L302 334c-23.5-5.4-43.1-21.2-53.7-42.3l-56.1-44.2c-.2 2.8-.3 5.6-.3 8.5z"],folder:[512,512,[],"","M0 96C0 60.7 28.7 32 64 32l132.1 0c19.1 0 37.4 7.6 50.9 21.1L289.9 96 448 96c35.3 0 64 28.7 64 64l0 256c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 96zM64 80c-8.8 0-16 7.2-16 16l0 320c0 8.8 7.2 16 16 16l384 0c8.8 0 16-7.2 16-16l0-256c0-8.8-7.2-16-16-16l-161.4 0c-10.6 0-20.8-4.2-28.3-11.7L213.1 87c-4.5-4.5-10.6-7-17-7L64 80z"],"folder-closed":[512,512,[],"e185","M251.7 127.6s0 0 0 0c10.5 10.5 24.7 16.4 39.6 16.4L448 144c8.8 0 16 7.2 16 16l0 32L48 192l0-96c0-8.8 7.2-16 16-16l133.5 0c4.2 0 8.3 1.7 11.3 4.7l33.9-33.9L208.8 84.7l42.9 42.9zM48 240l416 0 0 176c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-176zM285.7 93.7L242.7 50.7c-12-12-28.3-18.7-45.3-18.7L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L291.3 96c-2.1 0-4.2-.8-5.7-2.3z"],"folder-open":[576,512,[],"","M384 480l48 0c11.4 0 21.9-6 27.6-15.9l112-192c5.8-9.9 5.8-22.1 .1-32.1S555.5 224 544 224l-400 0c-11.4 0-21.9 6-27.6 15.9L48 357.1 48 96c0-8.8 7.2-16 16-16l117.5 0c4.2 0 8.3 1.7 11.3 4.7l26.5 26.5c21 21 49.5 32.8 79.2 32.8L416 144c8.8 0 16 7.2 16 16l0 32 48 0 0-32c0-35.3-28.7-64-64-64L298.5 96c-17 0-33.3-6.7-45.3-18.7L226.7 50.7c-12-12-28.3-18.7-45.3-18.7L64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l23.7 0L384 480z"],github:[496,512,[],"","M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"],"grip-vertical":[320,512,[],"","M40 352l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zm192 0l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 320c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 192l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40zM40 160c-22.1 0-40-17.9-40-40L0 72C0 49.9 17.9 32 40 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0zM232 32l48 0c22.1 0 40 17.9 40 40l0 48c0 22.1-17.9 40-40 40l-48 0c-22.1 0-40-17.9-40-40l0-48c0-22.1 17.9-40 40-40z"],image:[512,512,[],"","M448 80c8.8 0 16 7.2 16 16l0 319.8-5-6.5-136-176c-4.5-5.9-11.6-9.3-19-9.3s-14.4 3.4-19 9.3L202 340.7l-30.5-42.7C167 291.7 159.8 288 152 288s-15 3.7-19.5 10.1l-80 112L48 416.3l0-.3L48 96c0-8.8 7.2-16 16-16l384 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm80 192a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"],images:[576,512,[],"","M160 80l352 0c8.8 0 16 7.2 16 16l0 224c0 8.8-7.2 16-16 16l-21.2 0L388.1 178.9c-4.4-6.8-12-10.9-20.1-10.9s-15.7 4.1-20.1 10.9l-52.2 79.8-12.4-16.9c-4.5-6.2-11.7-9.8-19.4-9.8s-14.8 3.6-19.4 9.8L175.6 336 160 336c-8.8 0-16-7.2-16-16l0-224c0-8.8 7.2-16 16-16zM96 96l0 224c0 35.3 28.7 64 64 64l352 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L160 32c-35.3 0-64 28.7-64 64zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120L0 344c0 75.1 60.9 136 136 136l320 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-320 0c-48.6 0-88-39.4-88-88l0-224zm208 24a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"],left:[320,512,[],"","M41.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l160 160c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L109.3 256 246.6 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-160 160z"],right:[320,512,[],"","M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"],up:[448,512,[],"","M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"],down:[448,512,[],"","M201.4 374.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 306.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"],"log-in":[512,512,[],"","M352 96l64 0c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32l64 0c53 0 96-43 96-96l0-256c0-53-43-96-96-96l-64 0c-17.7 0-32 14.3-32 32s14.3 32 32 32zm-9.4 182.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L242.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"],"log-out":[512,512,[],"","M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 192 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l210.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128zM160 96c17.7 0 32-14.3 32-32s-14.3-32-32-32L96 32C43 32 0 75 0 128L0 384c0 53 43 96 96 96l64 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32l0-256c0-17.7 14.3-32 32-32l64 0z"],"menu-arrows":[512,512,[],"","M352 144l96 112-96 112M160 144L64 256l96 112","transform=rotate(90)","fill=none stroke=currentColor stroke-width=60 stroke-linejoin=round stroke-linecap=round"],more:[128,512,[],"","M64 360a56 56 0 1 0 0 112 56 56 0 1 0 0-112zm0-160a56 56 0 1 0 0 112 56 56 0 1 0 0-112zM120 96A56 56 0 1 0 8 96a56 56 0 1 0 112 0z"],minus:[448,512,[],"","M432 256c0 17.7-14.3 32-32 32L48 288c-17.7 0-32-14.3-32-32s14.3-32 32-32l352 0c17.7 0 32 14.3 32 32z"],"more-horizontal":[448,512,[],"","M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z"],plus:[448,512,[],"","M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 144L48 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l144 0 0 144c0 17.7 14.3 32 32 32s32-14.3 32-32l0-144 144 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-144 0 0-144z"],search:[512,512,[],"","M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"],sidebar:[512,512,[],"","M64 64h384a32 32 0 0 1 32 32v320a32 32 0 0 1-32 32H64a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm128 0v384",null,"fill=none stroke=currentColor stroke-width=50 stroke-linejoin=round stroke-linecap=round"],shuffle:[512,512,[],"","M403.8 34.4c12-5 25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6l0-32-32 0c-10.1 0-19.6 4.7-25.6 12.8L284 229.3 244 176l31.2-41.6C293.3 110.2 321.8 96 352 96l32 0 0-32c0-12.9 7.8-24.6 19.8-29.6zM164 282.7L204 336l-31.2 41.6C154.7 401.8 126.2 416 96 416l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c10.1 0 19.6-4.7 25.6-12.8L164 282.7zm274.6 188c-9.2 9.2-22.9 11.9-34.9 6.9s-19.8-16.6-19.8-29.6l0-32-32 0c-30.2 0-58.7-14.2-76.8-38.4L121.6 172.8c-6-8.1-15.5-12.8-25.6-12.8l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c30.2 0 58.7 14.2 76.8 38.4L326.4 339.2c6 8.1 15.5 12.8 25.6 12.8l32 0 0-32c0-12.9 7.8-24.6 19.8-29.6s25.7-2.2 34.9 6.9l64 64c6 6 9.4 14.1 9.4 22.6s-3.4 16.6-9.4 22.6l-64 64z"],"credit-card":[576,512,[],"","M512 80c8.8 0 16 7.2 16 16l0 32L48 128l0-32c0-8.8 7.2-16 16-16l448 0zm16 144l0 192c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16l0-192 480 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zm56 304c-13.3 0-24 10.7-24 24s10.7 24 24 24l48 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-48 0zm128 0c-13.3 0-24 10.7-24 24s10.7 24 24 24l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-112 0z"],"trash-can":[448,512,[],"","M170.5 51.6L151.5 80l145 0-19-28.4c-1.5-2.2-4-3.6-6.7-3.6l-93.7 0c-2.7 0-5.2 1.3-6.7 3.6zm147-26.6L354.2 80 368 80l48 0 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-8 0 0 304c0 44.2-35.8 80-80 80l-224 0c-44.2 0-80-35.8-80-80l0-304-8 0c-13.3 0-24-10.7-24-24S10.7 80 24 80l8 0 48 0 13.8 0 36.7-55.1C140.9 9.4 158.4 0 177.1 0l93.7 0c18.7 0 36.2 9.4 46.6 24.9zM80 128l0 304c0 17.7 14.3 32 32 32l224 0c17.7 0 32-14.3 32-32l0-304L80 128zm80 64l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16zm80 0l0 208c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-208c0-8.8 7.2-16 16-16s16 7.2 16 16z"],user:[448,512,[],"","M304 128a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM96 128a128 128 0 1 1 256 0A128 128 0 1 1 96 128zM49.3 464l349.5 0c-8.9-63.3-63.3-112-129-112l-91.4 0c-65.7 0-120.1 48.7-129 112zM0 482.3C0 383.8 79.8 304 178.3 304l91.4 0C368.2 304 448 383.8 448 482.3c0 16.4-13.3 29.7-29.7 29.7L29.7 512C13.3 512 0 498.7 0 482.3z"],"closed-captioning":[576,512,["cc"],"","M512 80c8.8 0 16 7.2 16 16l0 320c0 8.8-7.2 16-16 16L64 432c-8.8 0-16-7.2-16-16L48 96c0-8.8 7.2-16 16-16l448 0zM64 32C28.7 32 0 60.7 0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32zM200 208c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48s21.5-48 48-48zm144 48c0-26.5 21.5-48 48-48c14.2 0 27 6.1 35.8 16c8.8 9.9 24 10.7 33.9 1.9s10.7-24 1.9-33.9c-17.5-19.6-43.1-32-71.5-32c-53 0-96 43-96 96s43 96 96 96c28.4 0 54-12.4 71.5-32c8.8-9.9 8-25-1.9-33.9s-25-8-33.9 1.9c-8.8 9.9-21.6 16-35.8 16c-26.5 0-48-21.5-48-48z"],cc:"closed-captioning",heart:[512,512,[],"","M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8l0-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5l0 3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20-.1-.1s0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5l0 3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2l0-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"],"x-mark":[384,512,[],"","M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"],star:[576,512,[],"","M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z"],"square-js":[448,512,[],"","M448 96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96zM180.9 444.9c-33.7 0-53.2-17.4-63.2-38.5L152 385.7c6.6 11.7 12.6 21.6 27.1 21.6c13.8 0 22.6-5.4 22.6-26.5V237.7h42.1V381.4c0 43.6-25.6 63.5-62.9 63.5zm85.8-43L301 382.1c9 14.7 20.8 25.6 41.5 25.6c17.4 0 28.6-8.7 28.6-20.8c0-14.4-11.4-19.5-30.7-28l-10.5-4.5c-30.4-12.9-50.5-29.2-50.5-63.5c0-31.6 24.1-55.6 61.6-55.6c26.8 0 46 9.3 59.8 33.7L368 290c-7.2-12.9-15-18-27.1-18c-12.3 0-20.1 7.8-20.1 18c0 12.6 7.8 17.7 25.9 25.6l10.5 4.5c35.8 15.3 55.9 31 55.9 66.2c0 37.8-29.8 58.6-69.7 58.6c-39.1 0-64.4-18.6-76.7-43z"],python:[448,512,[],"","M439.8 200.5c-7.7-30.9-22.3-54.2-53.4-54.2h-40.1v47.4c0 36.8-31.2 67.8-66.8 67.8H172.7c-29.2 0-53.4 25-53.4 54.3v101.8c0 29 25.2 46 53.4 54.3 33.8 9.9 66.3 11.7 106.8 0 26.9-7.8 53.4-23.5 53.4-54.3v-40.7H226.2v-13.6h160.2c31.1 0 42.6-21.7 53.4-54.2 11.2-33.5 10.7-65.7 0-108.6zM286.2 404c11.1 0 20.1 9.1 20.1 20.3 0 11.3-9 20.4-20.1 20.4-11 0-20.1-9.2-20.1-20.4.1-11.3 9.1-20.3 20.1-20.3zM167.8 248.1h106.8c29.7 0 53.4-24.5 53.4-54.3V91.9c0-29-24.4-50.7-53.4-55.6-35.8-5.9-74.7-5.6-106.8.1-45.2 8-53.4 24.7-53.4 55.6v40.7h106.9v13.6h-147c-31.1 0-58.3 18.7-66.8 54.2-9.8 40.7-10.2 66.1 0 108.6 7.6 31.6 25.7 54.2 56.8 54.2H101v-48.8c0-35.3 30.5-66.4 66.8-66.4zm-6.7-142.6c-11.1 0-20.1-9.1-20.1-20.3.1-11.3 9-20.4 20.1-20.4 11 0 20.1 9.2 20.1 20.4s-9 20.3-20.1 20.3z"],microsoft:[448,512,[],"","M0 32h214.6v214.6H0V32zm233.4 0H448v214.6H233.4V32zM0 265.4h214.6V480H0V265.4zm233.4 0H448V480H233.4V265.4z"],apple:[384,512,[],"f179","M318.7 268.7c-.2-36.7 16.4-64.4 50-84.8-18.8-26.9-47.2-41.7-84.7-44.6-35.5-2.8-74.3 20.7-88.5 20.7-15 0-49.4-19.7-76.4-19.7C63.3 141.2 4 184.8 4 273.5q0 39.3 14.4 81.2c12.8 36.7 59 126.7 107.2 125.2 25.2-.6 43-17.9 75.8-17.9 31.8 0 48.3 17.9 76.4 17.9 48.6-.7 90.4-82.5 102.6-119.3-65.2-30.7-61.7-90-61.7-91.9zm-56.6-164.2c27.3-32.4 24.8-61.9 24-72.5-24.1 1.4-52 16.4-67.9 34.9-17.5 19.8-27.8 44.3-25.6 71.9 26.1 2 49.9-11.4 69.5-34.3z"]},L.UTILS={getTime(){return(new Date).getTime()},compareThreshold(e,t,s,a){return Math.abs(e-t)>=a||Math.abs(e-s)>=a},compareThresholdRange(e,t,s,a){return s<=e&&e<=a||s<=t&&t<=a||e<=s&&a<=t},uidGenerator:E,deleteElement(e){e&&e.remove()},flushCss(e){e.offsetHeight},getControlPoints(e,t,s,a,n,i,l){var o=Math.sqrt(Math.pow(s-e,2)+Math.pow(a-t,2)),o=l*o/(o+Math.sqrt(Math.pow(n-s,2)+Math.pow(i-a,2))),l=l-o;return[s+o*(e-n),a+o*(t-i),s-l*(e-n),a-l*(t-i)]},drawSpline(e,t,s){e.save();for(var a=[],n=t.length,i=0;i<n-4;i+=2)a=a.concat(L.UTILS.getControlPoints(t[i],t[i+1],t[i+2],t[i+3],t[i+4],t[i+5],s));for(i=2;i<t.length-5;i+=2)e.beginPath(),e.moveTo(t[i],t[i+1]),e.bezierCurveTo(a[2*i-2],a[2*i-1],a[2*i],a[2*i+1],t[i+2],t[i+3]),e.stroke(),e.closePath();e.beginPath(),e.moveTo(t[0],t[1]),e.quadraticCurveTo(a[0],a[1],t[2],t[3]),e.stroke(),e.closePath(),e.beginPath(),e.moveTo(t[n-2],t[n-1]),e.quadraticCurveTo(a[2*n-10],a[2*n-9],t[n-4],t[n-3]),e.stroke(),e.closePath(),e.restore()}}}("undefined"==typeof window&&"undefined"==typeof self&&global);