cedro 0.1.12 → 0.1.13

package/lib/assets/types/select.item.type.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var o=(i,t,c)=>t in i?s(i,t,{enumerable:!0,configurable:!0,writable:!0,value:c}):i[t]=c;var e=(i,t,c)=>o(i,typeof t!="symbol"?t+"":t,c);class h{constructor(t,c,l){e(this,"id");e(this,"label");e(this,"icon");this.id=t,this.label=c,this.icon=l}}export{h as SelectItem};

package/lib/assets/ui/Icon.ui.js

@@ -0,0 +1 @@
+var m=Object.defineProperty;var h=(t,e,i)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var o=(t,e,i)=>h(t,typeof e!="symbol"?e+"":e,i);import{DOMcreateElement as u}from"../core/jsxsupport.js";/* empty css               */import{normalizeWidget as g}from"./widget.builder.js";import{connectWidgetCallback as z,getOnlyEventProps as I,Widget as S}from"./widget.ui.js";import{UID as C}from"../core/uid.js";const c={small:"md-18",medium:"md-24",large:"md-36",xlarge:"md-48"},d={small:"18px",medium:"24px",large:"36px",xlarge:"48px"};class f extends S{constructor(i,n,s="Filled",r=null){super(i,"span",r);o(this,"variant");o(this,"color",null);o(this,"iconSize","medium");o(this,"icon");this.variant=s,this.setColor("primary"),this.icon=n,this.setIconSize("medium"),this.variant==="Filled"?this.addClass("material-icons"):this.addClass("material-icons-"+this.variant.toString().replace(" ","-").toLowerCase()),this.setIcon(n),this.init()}init(){super.init()}setIconSize(i="medium"){this.iconSize!==i&&this.deleteClass(c[this.iconSize]),this.iconSize=i,this.addClass(c[i]),this.body.style.fontSize=d[i]}setIcon(i){this.icon=i,this.body.innerHTML=i}setVariant(i="Filled"){this.variant=i}setColor(i="primary"){this.color!==i&&this.deleteClass("WUI-icon-color-"+this.color),this.addClass("WUI-icon-color-"+i),this.color=i}getVariant(){return this.variant}getColor(){return this.color||"primary"}getIcon(){return this.icon}getIconSize(){return this.iconSize}getRequiredWidth(){const i=d[this.iconSize];return parseInt(i.split("px")[0])}}const p=t=>(t.id||(t.id="Icon."+C()),z(t.id,I(t)),g(u("div",{id:t.id,"w-icon":!0,"w-icon-name":t.icon,"w-variant":t.variant,"w-color":t.color,"w-size":t.size}),t));function A(t,e,i=null){const n=e.getAttribute("w-icon-name"),s=e.getAttribute("w-variant")||"Filled",r=e.getAttribute("w-color")||"primary",l=e.getAttribute("w-size")||"medium";let a=new f(t,n,s,i);return r&&a.setColor(r),l&&a.setIconSize(l),a}export{f as Icon,p as WIcon,A as createIcon};

package/lib/assets/ui/IconButton.ui.js

@@ -0,0 +1 @@
+var g=Object.defineProperty;var b=(t,i,e)=>i in t?g(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e;var a=(t,i,e)=>b(t,typeof i!="symbol"?i+"":i,e);import{DOMcreateElement as w}from"../core/jsxsupport.js";/* empty css                 */import{connectWidgetCallback as f,getOnlyEventProps as I,WidgetAlignTypes as y,WidgetTypes as W}from"./widget.ui.js";import{Button as m}from"./button.ui.js";import{Icon as x}from"./Icon.ui.js";import{Label as T}from"./label.ui.js";import{normalizeWidget as H}from"./widget.builder.js";import{UID as X}from"../core/uid.js";class B extends m{constructor(e,n="dark_mode",s=null){super(e,s);a(this,"icon");a(this,"label");a(this,"showIcon");a(this,"showText");a(this,"centerX");this.centerX=!1,this.setAlign(y.HORIZONTAL),this.icon=new x(e+".icon",n,void 0,this),this.label=new T(e+".label",void 0,this),this.showIcon=!0,this.showText=!0,this.init()}updateRequiredWidth(){if(!this.label||!this.icon)return;const e=this.label.getRequiredWidth(),n=this.icon.getRequiredWidth();this.requiredWidth=e+n+70}displayIcon(){this.showIcon=!0,this.icon.setVisible(!0),this.render()}hideIcon(){this.showIcon=!1,this.icon.setVisible(!1),this.render()}displayText(){this.showText=!0,this.label.setVisible(!0),this.render()}hideText(){this.showText=!1,this.label.setVisible(!1),this.render()}init(){super.init()}onlyIcon(){return!(this.label.getText().length>0)}render(){super.render();const e=this.label.getRequiredWidth(),n=this.icon.getRequiredWidth(),s=5;if(this.onlyIcon()){this.icon.getBody().style.position="absolute";const l=this.getBody().clientWidth/2-n/2,r=this.getH()/2-this.icon.getH()/2;this.icon.setX(l),this.icon.setY(r)}else{this.label.getBody().style.position="absolute",this.icon.getBody().style.position="absolute";const l=this.getW()-s*5,r=e+n+s*5,d=this.label.getBody().clientHeight;let h=l/2-(n+s+e)/2;l<r&&(h=s*2),this.centerX||(h=s*2);const u=h+n+s;let c=this.getH()/2-n/2,o=this.getH()/2-d/2;if(this.getType()!==W.FILL&&(c=this.getH()/2-this.icon.getH()/2,this.label.getBody().style.lineHeight=this.getH()+"px",o=this.getH()/2-this.label.getH()/2),h<0||c<0){setTimeout(()=>{this.render()},500);return}this.icon.setX(h),this.label.setX(u+s),this.icon.setY(c),this.label.setY(o)}}setText(e){this.label.setText(e),this.updateRequiredWidth()}setIcon(e){this.icon.setIcon(e),this.updateRequiredWidth()}setCenterX(e){this.centerX=e}}const k=t=>(t.id||(t.id="IconButton."+X()),f(t.id,I(t)),H(w("button",{id:t.id,"w-icon-button":!0,"w-icon":t.icon,"w-text":t.text,"w-only-icon":t.onlyIcon,"w-variant":t.variant,"w-color":t.color,"w-width":t.width,"w-height":t.height,"w-center-x":t.centerX}),t));function D(t,i,e=null){const n=i.getAttribute("w-icon"),s=i.getAttribute("w-text"),l=i.getAttribute("w-variant"),r=i.getAttribute("w-color"),d=i.getAttribute("w-width"),h=i.getAttribute("w-height"),u=i.getAttribute("w-only-icon"),c=i.getAttribute("w-center-x");let o=new B(t,n,e);return s&&o.setText(s),l&&o.setVariant(l),r&&o.setColor(r),d&&o.setInitialW(d),h&&o.setInitialH(h),u&&o.onlyIcon(),c&&o.setCenterX(!0),o}export{B as IconButton,k as WIconButton,D as createIconButton};

package/lib/assets/ui/Textbox.ui.js

@@ -0,0 +1 @@
+var b=Object.defineProperty;var g=(e,i,t)=>i in e?b(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t;var l=(e,i,t)=>g(e,typeof i!="symbol"?i+"":i,t);import{DOMcreateElement as d}from"../core/jsxsupport.js";import{normalizeWidget as y}from"./widget.builder.js";/* empty css                  */import{Widget as u,WidgetTypes as h,connectWidgetCallback as T,getOnlyEventProps as c}from"./widget.ui.js";import{UID as f}from"../core/uid.js";class w extends u{constructor(t,s=null){super(t,"div",s);l(this,"input");l(this,"label");l(this,"inputType");l(this,"title");this.addClass("WUIinput"),this.title="",this.inputType="text";const n=`WUI.${t}.input.body`;this.label=new u(t+".label","label",this),this.label.setType(h.CUSTOM),this.label.getBody().setAttribute("for",n),this.input=new u(t+".input","input",this),this.input.setType(h.CUSTOM),this.input.getBody().setAttribute("name",n),this.input.getBody().setAttribute("type",this.inputType),this.input.getBody().addEventListener("focus",()=>{this.moveLabelToTop()}),this.input.getBody().addEventListener("blur",()=>{this.label.setVisible(!0),this.positionLabel()}),this.getBody().style.overflow=""}getValue(){const t=this.input.getBody().value;return t||""}setValue(t){this.input.getBody().value=t,this.positionLabel()}init(){super.init()}moveLabelToTop(){const t=this.label.getBody().clientHeight;this.label.setY(-t/2)}positionLabel(){if(this.title===""){this.label.setVisible(!1);return}this.getValue()===""?this.moveLabelToCenter():this.moveLabelToTop()}moveLabelToCenter(){const t=this.label.getBody().clientHeight,s=this.getH()/2-t/2;this.label.setY(s)}render(){const t=this.getParent();t&&t.type===h.FREE&&this.setWH(this.initialWidth,this.initialHeight),this.getBody().style.overflow="",this.label.getBody().style.position="absolute",this.positionLabel(),this.input.setWH(this.getW(),this.getH()),this.input.getBody().style.lineHeight=this.getH()+"px",this.input.render(),super.render()}setTitle(t){this.title=t,this.label.getBody().innerHTML=this.title}setInputType(t){this.inputType=t,this.input.getBody().setAttribute("type",this.inputType)}getTitle(){return this.title}getInput(){return this.input}getInputType(){return this.inputType}}const L=e=>(e.id||(e.id="Textbox."+f()),T(e.id,c(e)),y(d("input",{id:e.id,"w-textbox":!0,"w-title":e.title,"w-value":e.value,"w-input-type":e.inputType,"w-width":e.width,"w-height":e.height}),e));function I(e,i,t=null){let s=new w(e,t);const n=i.getAttribute("w-title"),o=i.getAttribute("w-value"),a=i.getAttribute("w-input-type"),p=i.getAttribute("w-width"),r=i.getAttribute("w-height");return a&&s.setInputType(a),p&&s.setInitialW(p),r&&s.setInitialH(r),o&&s.setValue(o),s.setTitle(n),s}export{w as Textbox,L as WTextbox,I as createTextbox};

package/lib/assets/ui/accordion.ui.js

@@ -0,0 +1 @@
+var f=Object.defineProperty;var u=(e,n,t)=>n in e?f(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;var r=(e,n,t)=>u(e,typeof n!="symbol"?n+"":n,t);import{DOMcreateElement as a}from"../core/jsxsupport.js";/* empty css                    */import{IconButton as w}from"./IconButton.ui.js";import{Label as A}from"./label.ui.js";import{Widget as W,WidgetTypes as m}from"./widget.ui.js";import{normalizeWidget as x,createWidget as C}from"./widget.builder.js";import{UID as g}from"../core/uid.js";const F=40;class U extends W{constructor(t,i=null){super(t,"div",i);r(this,"items");r(this,"selectedItemId");this.items=new Map,this.selectedItemId=null,this.addClass("WUIAccordion")}selectItem(t){this.fixItemsType();const i=this.items.get(t);if(this.selectedItemId!==null){const s=this.items.get(this.selectedItemId);s&&s.content.setFixedSize(0)}i&&(this.selectedItemId=t,i.content.setFixedSize(null)),this.render()}fixItemsType(){this.items.forEach(t=>{t.header.deleteClass("WUIFixPosition"),t.header.addClass("WUINonFreePosition"),t.content.deleteClass("WUIFixPosition"),t.content.addClass("WUINonFreePosition")})}addItem(t,i,s){const d=this.id+".item."+Array.from(this.items.entries()).length+".header",o=i!==""?new w(d,i):new A(d);return o.setType(m.FILL),o.setFixedSize(F),o.setText(t),o.deleteClass("WUIFixPosition"),o.addClass("WUINonFreePosition"),o.subscribe({event:"click",then:(c,l)=>{this.selectItem(d)}}),s.setType(m.FILL),s.setFixedSize(0),this.items.set(d,{header:o,content:s}),this.addChild(o),this.addChild(s),d}}const N=e=>(e.id||(e.id="Accordion."+g()),x(a("div",{id:e.id,"w-accordion":!0},e.children),e)),_=e=>a("div",{"w-accordion-item":!0,"w-title":e.title,"w-icon":e.icon},e.children);function p(e,n,t=null){let i=new U(e,t),s="";return n.childNodes.forEach((d,o)=>{if(d.getAttribute("w-accordion-item")!==null){const c=d.getAttribute("w-title"),l=d.getAttribute("w-icon");if(!d.firstChild)throw new Error("Accordion Item must have a content");const h=C(d.firstChild);if(h!==null){const I=i.addItem(c||"Untitled",l||"",h);s===""&&(s=I)}}}),i.selectItem(s),i}export{U as Accordion,N as WAccordion,_ as WAccordionItem,p as createAccordion};

package/lib/assets/ui/button.ui.js

@@ -0,0 +1 @@
+var u=Object.defineProperty;var W=(i,e,t)=>e in i?u(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var r=(i,e,t)=>W(i,typeof e!="symbol"?e+"":e,t);import{DOMcreateElement as c}from"../core/jsxsupport.js";/* empty css                 *//* empty css                      *//* empty css                       */import{connectWidgetCallback as f,getOnlyEventProps as m,Widget as g,WidgetTypes as h}from"./widget.ui.js";import{normalizeWidget as w}from"./widget.builder.js";import{UID as v}from"../core/uid.js";class x extends g{constructor(t,s=null){super(t,"button",s);r(this,"variant");r(this,"color");r(this,"fullWidth");r(this,"minWidth");r(this,"size");r(this,"href");r(this,"text");r(this,"requiredWidth");this.requiredWidth=-1,this.fullWidth=!1,this.minWidth=!1,this.variant="text",this.color="primary",this.size="medium",this.href="#",this.text="",this.configureStyles(),this.init()}configureStyles(){this.deleteAllClasses(),this.addClass(`WUIButton-${this.variant}`),this.addClass(`WUIButton-${this.variant}-color-${this.color}`),this.type===h.FILL?this.addClass("WUINonFreePosition"):this.type===h.CUSTOM?this.addClass("WUINonFreePosition"):this.type===h.FREE&&this.addClass("WUIFixPosition"),this.updateRequiredWidth()}updateRequiredWidth(){var s;const t=document.createElement("div");t.id=this.id+".requiredWidth",t.innerHTML=this.text,t.classList.add(`WUIButton-${this.variant}`),t.classList.add(`WUIButton-${this.variant}-color-${this.color}`),t.style.position="absolute",t.style.overflow="hidden",document.body.appendChild(t),this.requiredWidth=t.clientWidth,(s=t.parentNode)==null||s.removeChild(t)}init(){super.init()}setText(t){this.text=t,this.body.innerHTML=t,this.updateRequiredWidth()}setVariant(t="contained"){this.variant=t,this.configureStyles()}setColor(t="primary"){this.color=t,this.configureStyles()}setFullWidth(t=!1){this.fullWidth=t}setMinWidth(t=!1){this.minWidth=t,this.minWidth&&this.requiredWidth>0&&this.setW(this.requiredWidth)}setSize(t="medium"){this.size=t}setHref(t){this.href=t}getVariant(){return this.variant}getColor(){return this.color}getSize(){return this.size}getHref(){return this.href}getText(){return this.text}getRequiredWidth(){return this.requiredWidth}}const z=i=>(i.id||(i.id="button."+v()),f(i.id,m(i)),w(c("button",{id:i.id,"w-button":!0,"w-text":i.text,"w-variant":i.variant,"w-color":i.color,"w-width":i.width,"w-height":i.height}),i));function S(i,e,t=null){let s=new x(i,t);const d=e.getAttribute("w-text"),n=e.getAttribute("w-variant"),a=e.getAttribute("w-color"),o=e.getAttribute("w-width"),l=e.getAttribute("w-height");return d&&s.setText(d),n&&s.setVariant(n),a&&s.setColor(a),o&&s.setInitialW(o),l&&s.setInitialH(l),s}export{x as Button,z as WButton,S as createButton};

package/lib/assets/ui/buttonColor.ui.js

@@ -0,0 +1 @@
+var s=Object.defineProperty;var m=(i,t,o)=>t in i?s(i,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[t]=o;var n=(i,t,o)=>m(i,typeof t!="symbol"?t+"":t,o);/* empty css                      */import{Button as d}from"./button.ui.js";import{Widget as g}from"./widget.ui.js";/* empty css                  *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css                 *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css               *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css                   */class C extends d{constructor(o,r=null){super(o,r);n(this,"inputColor");this.inputColor=new g(o+".inputColor","input",this),this.inputColor.getBody().setAttribute("type","color"),this.inputColor.addClass("WUIButtonColorInput")}setValue(o){this.inputColor.getBody().setAttribute("value",o)}getValue(){const o=this.inputColor.getBody().getAttribute("value");return o||""}}function K(i,t,o=null){let r=new C(i,o);const e=t.getAttribute("w-value"),u=t.getAttribute("w-variant"),p=t.getAttribute("w-color"),l=t.getAttribute("w-width"),a=t.getAttribute("w-height");return e&&r.setValue(e),u&&r.setVariant(u),p&&r.setColor(p),l&&r.setInitialW(l),a&&r.setInitialH(a),r}export{C as ButtonColor,K as createButtonColor};

package/lib/assets/ui/buttonmenu.ui.js

@@ -0,0 +1 @@
+var h=Object.defineProperty;var d=(o,t,e)=>t in o?h(o,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[t]=e;var m=(o,t,e)=>d(o,typeof t!="symbol"?t+"":t,e);import{SelectItem as b}from"../types/select.item.type.js";import{Button as f}from"./button.ui.js";import{Menu as w}from"./menu.ui.js";/* empty css                  *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css                 *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css                   */class g extends f{constructor(e){super(e);m(this,"menu");m(this,"items");m(this,"selectedItem");this.menu=new w(this.id+".menu",this.id,null),this.items=new Array,this.selectedItem=null,this.subscribe({event:"click",then:()=>{this.menu.clearOptions(),this.items.forEach(i=>{this.menu.addOption(i.id,i.icon,i.label)}),this.menu.wakeUp(),this.getW()>this.menu.getW()&&this.menu.setW(this.getBody().clientWidth)}})}addItem(e,i,r){this.items.push(new b(e,i,r))}}function G(o,t,e=null){let i=new g(o);const r=t.getAttribute("w-text"),s=t.getAttribute("w-color"),u=t.getAttribute("w-variant");return r&&i.setText(r),s&&i.setColor(s),u&&i.setVariant(u),t.childNodes.forEach((n,l)=>{if(n.getAttribute("w-button-menu-item")!==null){const p=n.getAttribute("id"),c=n.getAttribute("w-label"),a=n.getAttribute("w-icon");p!==null&&i.addItem(p,c||"Unnamed"+l,a||"")}}),i}export{g as ButtonMenu,G as createButtonMenu};

package/lib/assets/ui/buttonstack.ui.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var l=(e,i,t)=>i in e?c(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t;var o=(e,i,t)=>l(e,typeof i!="symbol"?i+"":i,t);import{DOMcreateElement as h}from"../core/jsxsupport.js";import{IconButton as d}from"./IconButton.ui.js";import{connectWidgetCallback as f,getOnlyEventProps as B,Widget as g,WidgetAlignTypes as u,WidgetTypes as A}from"./widget.ui.js";import{normalizeWidget as k,createWidget as w}from"./widget.builder.js";import{UID as v}from"../core/uid.js";class m extends g{constructor(t,n="horizontal",s=null){super(t,"div",s);o(this,"orientation");o(this,"buttons");o(this,"activeButton");o(this,"centeredButtons");this.centeredButtons=!1,this.orientation=n,this.orientation==="horizontal"?this.setAlign(u.HORIZONTAL):this.setAlign(u.VERTICAL),this.activeButton=null,this.buttons=new Map}setActive(t){this.activeButton=t,this.configureStyles()}configureStyles(){const t=Array.from(this.buttons.entries());for(let n=0;n<t.length;n++){const[s,r]=t[n];r.deleteAllClasses(),this.thereIsOnlyOneButton()?this.setButtonVariant(r,"outlined"):this.thereAreTwoButtons()?n===0?this.setButtonVariant(r,"stack-start"):n===1&&this.setButtonVariant(r,"stack-end"):this.thereAreMoreThanTwoButtons()&&(n===0?this.setButtonVariant(r,"stack-start"):n===t.length-1?this.setButtonVariant(r,"stack-end"):this.setButtonVariant(r,"stack-middle"))}}setButtonVariant(t,n){let s=n;this.orientation==="vertical"&&(s=s.replace("stack","stack-vertical")),t.id===this.activeButton?t.setVariant(s+"-active"):t.setVariant(s)}addButton(t){this.buttons.set(t.id,t),t instanceof d&&this.centeredButtons&&t.setCenterX(!0),t.setType(A.FILL),t.subscribe({event:"click",then:()=>this.setActive(t.id)}),this.addChild(t),this.configureStyles()}thereIsOnlyOneButton(){return this.buttons.size===1}thereAreTwoButtons(){return this.buttons.size===2}thereAreMoreThanTwoButtons(){return this.buttons.size>2}setCenteredButtons(t){this.centeredButtons=t}}const I=e=>(e.id||(e.id="ButtonStack."+v()),f(e.id,B(e)),k(h("div",{id:e.id,"w-button-stack":!0,"w-centerX":e.centerX},e.children),e));function W(e,i,t=null){const n=i.getAttribute("w-orientation")?i.getAttribute("w-orientation"):"vertical";let s=new m(e,n,t);return i.getAttribute("w-centerX")&&s.setCenteredButtons(!0),i.childNodes.forEach((r,b)=>{if(r.getAttribute("w-button")||r.getAttribute("w-icon-button")){const a=w(r);a!==null&&s.addButton(a)}}),s}export{m as ButtonStack,I as WButtonStack,W as createButtonStack};

package/lib/assets/ui/checkbox.ui.js

@@ -0,0 +1 @@
+import{ToggleButton as m}from"./toggle.ui.js";/* empty css                  *//* empty css                 *//* empty css                      *//* empty css                       *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css                      *//* empty css               *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css                   */class c extends m{constructor(t,o="",e=null){super(t,o,"check_box_outlined","check_box_outline_blank",e)}}function D(i,t,o=null){const e=t.getAttribute("w-text"),p=t.getAttribute("w-checked");let r=new c(i,e,o);return p!==null?r.setState(!0):r.setState(!1),r}export{c as Checkbox,D as createCheckbox};

package/lib/assets/ui/container.ui.js

@@ -0,0 +1 @@
+var m=Object.defineProperty;var S=(t,e,i)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var d=(t,e,i)=>S(t,typeof e!="symbol"?e+"":e,i);import{DOMcreateElement as f}from"../core/jsxsupport.js";/* empty css                    */import{connectWidgetCallback as w,getOnlyEventProps as C,Widget as W,WidgetAlignTypes as u,WidgetTypes as A}from"./widget.ui.js";import{UID as o}from"../core/uid.js";import{normalizeWidget as g,createWidget as V}from"./widget.builder.js";import{Scroll as I}from"./scroll.ui.js";class v extends W{constructor(i){const{id:l="",orientation:s="horizontal",parent:c=null,size:a=null,padding:n=null,variant:r=null}=i;super(l.length>0?l:o(),"div",c);d(this,"variant","plain");d(this,"verticalScrollbar");this.verticalScrollbar=null,s==="horizontal"?this.setAlign(u.HORIZONTAL):this.setAlign(u.VERTICAL),a!==null&&this.setFixedSize(a),n!==null&&this.setPadding(n),r!==null?this.setVariant(r):this.setVariant("plain"),this.setType(A.FILL)}setVerticalScrollbar(){this.verticalScrollbar=new I(this.id+".VerticalScrollbar",this)}setVariant(i){this.variant!==i&&this.deleteClass("WUIPanel-"+this.variant),this.variant=i,this.addClass("WUIPanel-"+i)}free(){super.free(),this.verticalScrollbar&&this.verticalScrollbar.free()}}function x(){return new v({})}const U=t=>(t.id||(t.id="Container."+o()),w(t.id,C(t)),g(f("div",{id:t.id,"w-container":!0,"w-variant":t.variant,"w-scroll-y":t.scrollY},t.children),t)),D=t=>g(f("div",{"w-container":!0},t.children),{id:o(),...t});function F(t,e=null){const i=t.getAttribute("w-orientation"),l=t.getAttribute("w-variant"),s=t.getAttribute("w-scroll-y"),c=t.getAttribute("id")||o();let a=i||"horizontal",n=l||"plain",r=new v({id:c,orientation:a,parent:e,variant:n});return s&&r.setVerticalScrollbar(),t.childNodes.forEach(b=>{const h=V(b);h!==null&&r.addChild(h)}),e&&e.addChild(r),r}export{v as Container,x as Spacer,U as WContainer,D as WSpacer,F as createContainer};

package/lib/assets/ui/datagrid.ui.js

@@ -0,0 +1 @@
+var R=Object.defineProperty;var G=(o,l,t)=>l in o?R(o,l,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[l]=t;var c=(o,l,t)=>G(o,typeof l!="symbol"?l+"":l,t);import{DOMcreateElement as _}from"../core/jsxsupport.js";/* empty css                   */import{Label as S}from"./label.ui.js";import{Widget as b,WidgetTypes as C,WidgetAlignTypes as E}from"./widget.ui.js";import{Scroll as A}from"./scroll.ui.js";import{normalizeWidget as F}from"./widget.builder.js";import{UID as L}from"../core/uid.js";import{decode as B}from"../node_modules/html-entities/lib/index.js";import{Button as k}from"./button.ui.js";import{IconButton as z}from"./IconButton.ui.js";import{ProgressBar as O}from"./progressbar.ui.js";const I=30,y=40,v=20,D=24;class U extends b{constructor(t,e=null){super(t,"div",e);c(this,"headerContainer");c(this,"dataContainer");c(this,"footerContainer");c(this,"data");c(this,"verticalScrollbar");c(this,"horizontalScrollbar");c(this,"rowHeight");c(this,"columns");this.rowHeight=v,this.headerContainer=new b(t+".header","div"),this.headerContainer.setType(C.FILL),this.headerContainer.setFixedSize(I),this.headerContainer.addClass("WUIDataGrid-Header"),this.dataContainer=new b(t+".data","div"),this.dataContainer.setType(C.FILL),this.footerContainer=new b(t+".footer","div"),this.footerContainer.setType(C.FILL),this.footerContainer.setFixedSize(y),this.setType(C.FILL),this.setAlign(E.VERTICAL),this.addChild(this.headerContainer),this.addChild(this.dataContainer),this.addChild(this.footerContainer),this.verticalScrollbar=new A(t+".VerticalScrollbar",this.dataContainer),this.horizontalScrollbar=new A(t+".HorizontalScrollbar",this.dataContainer,"horizontal"),this.horizontalScrollbar.subscribe({event:"scroll",then:(i,r)=>{this.renderHeaders()}}),this.columns=new Array,this.data=new Array,this.addClass("WUIDataGrid")}hideFooter(){this.footerContainer.setFixedSize(0)}showFooter(){this.footerContainer.setFixedSize(y)}getFreeWidth(){let t=0;for(let e=0;e<this.columns.length;e++){let i=this.columns[e].width;i&&(t+=i)}return t=this.dataContainer.getW()-t,t<D&&(t=D),t}getAllColumnsWidth(){let t=0;for(let e=0;e<this.columns.length;e++){let i=this.columns[e].width;i&&(t+=i)}return t}init(){super.init(),this.createHeaders()}createHeaders(){if(this.columns){for(let t=0;t<this.columns.length;t++){const e=new S(this.id+"header."+t,"span");e.addClass("WUIDataGrid-HeaderLabel"),this.headerContainer.addChild(e)}this.renderHeaders()}}renderHeaders(){if(!this.columns)return;let t=-this.dataContainer.getBody().scrollLeft;for(let e=0;e<this.columns.length;e++){const i=this.columns[e],r=window.w.get(this.id+"header."+e),s=i.width?i.width:this.getFreeWidth();r.setType(C.CUSTOM),r.setX(t),r.setY(0),r.setW(s),r.setH(I),r.getBody().style.lineHeight=I+"px",r.setText(i.header),this.headerContainer.addChild(r),t+=s}}buildRows(){let t=0;for(let e=0;e<this.data.length;e++){const i=new b(this.id+".row."+e,"div");i.setType(C.CUSTOM),i.getBody().style.position="absolute",i.getBody().style.overflow="hidden",i.addClass("WUIDataGrid-Row"),this.dataContainer.addChild(i);for(let r=0;r<this.columns.length;r++){const s=this.columns[r],w=this.id+".row."+e+".column."+r;s.handler({data:this.data[e],index:e,fieldId:w,row:i});const g=window.w.get(w);g.getBody().style.position="absolute"}t+=this.rowHeight}}renderRows(){let t=0;for(let e=0;e<this.data.length;e++){const i=window.w.get(this.id+".row."+e);i.setX(0),i.setY(t),i.setW(this.getAllColumnsWidth()),i.setH(this.rowHeight);let r=0;for(let s=0;s<this.columns.length;s++){const w=this.columns[s],g=this.id+".row."+e+".column."+s,a=window.w.get(g);a.setY(0),a.setX(r),a.setH(this.rowHeight),w.width?a.setW(w.width):a.setW(this.getFreeWidth()),r+=w.width?w.width:a.getW()}t+=this.rowHeight}}free(){for(let t=0;t<this.data.length;t++){const e=window.w.get(this.id+".row."+t);e&&e.free()}this.verticalScrollbar.free(),this.horizontalScrollbar.free(),super.free()}render(){super.render(),this.renderHeaders(),this.renderRows(),this.verticalScrollbar.render(),this.horizontalScrollbar.render()}setRowHeight(t){this.rowHeight=t}addColumn(t,e,i){this.columns.push({header:t,width:e,handler:i})}getHeader(t){return window.w.get(this.id+"header."+t)}setData(t){this.data=t,this.buildRows(),this.renderRows()}}var H=[];const $=o=>(o.id||(o.id="Grid."+L()),F(_("div",{id:o.id,"w-data-grid":!0,"w-data":o.data,"w-row-height":o.rowHeight},o.children),o)),tt=o=>(H.push(o),_("div",{"w-data-grid-column":!0,"w-header":o.header,"w-widget-type":o.widgetType,"w-field":o.field,"w-width":o.width,"w-class-names":o.classNames}));function et(o,l,t=null){const e=JSON.parse(B(l.getAttribute("w-data"))),i=l.getAttribute("w-row-height");let r=new U(o,t);return i!==null?r.setRowHeight(parseInt(i)):r.setRowHeight(v),l.childNodes.forEach((s,w)=>{if(s.getAttribute("w-data-grid-column")!==null){const g=s.getAttribute("w-header"),a=s.getAttribute("w-field"),p=s.getAttribute("w-width"),h=s.getAttribute("w-widget-type")||"label",u=s.getAttribute("w-class-names");let f={};if(H[w]&&(f=H[w]),g===null)throw new Error("Data grid column header is null");if(a===null)throw new Error("Data grid column field is null");const x=p?parseInt(p):100;r.addColumn(g,x,n=>{if(h==="label"){const m=new S(n.fieldId);n.row.addChild(m);const d=window.w.get(n.fieldId);d.setText(n.data[a]),u&&d.addClass(u),d.subscribe({event:"click",then:(T,W)=>{f.onClick&&f.onClick(n)}})}else if(h==="button"){const m=new k(n.fieldId);n.row.addChild(m);const d=window.w.get(n.fieldId);d.setVariant("text"),d.setColor("warning"),d.setText(n.data[a]),u&&d.addClass(u),d.subscribe({event:"click",then:(T,W)=>{f.onClick&&f.onClick(n)}})}else if(h==="iconbutton"){const m=new z(n.fieldId,n.data[a]);n.row.addChild(m);const d=window.w.get(n.fieldId);d.setVariant("text"),d.setColor("primary"),u&&d.addClass(u),d.subscribe({event:"click",then:(T,W)=>{f.onClick&&f.onClick(n)}})}else if(h==="progressbar"){const m=new O(n.fieldId);n.row.addChild(m);const d=window.w.get(n.fieldId);d.setPaddingBar(2),u&&d.addClass(u),d.setValue(n.data[a])}else{if(h==="valuebar")throw new Error("Valuebar not implemented");if(h==="buttonmenu")throw new Error("Buttonmenu not implemented");if(h==="textbox")throw new Error("Textbox not implemented");if(h==="select")throw new Error("Select not implemented");if(h==="checkbox")throw new Error("Checkbox not implemented");if(h==="switch")throw new Error("Switch not implemented");if(h==="image")throw new Error("Image not implemented");if(h==="icon")throw new Error("Icon not implemented")}})}}),r.setAlign(E.VERTICAL),r.setData(e),H=[],r}export{U as DataGrid,$ as WDataGrid,tt as WDataGridColumn,et as createDataGrid};

package/lib/assets/ui/dialog.js

@@ -0,0 +1 @@
+var B=Object.defineProperty;var R=(i,t,e)=>t in i?B(i,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[t]=e;var n=(i,t,e)=>R(i,typeof t!="symbol"?t+"":t,e);import{DOMcreateElement as W}from"../core/jsxsupport.js";import{UID as X}from"../core/uid.js";import{Button as f}from"./button.ui.js";import{Spacer as H}from"./container.ui.js";import{Label as Y}from"./label.ui.js";/* empty css                 */import{normalizeWidget as A,createWidget as v}from"./widget.builder.js";import{Widget as u,WidgetTypes as r,WidgetAlignTypes as C}from"./widget.ui.js";const I=40,z=50,w=20,p=300,m=200;class L extends u{constructor(e,c=null,o=!0,b=!1){super(e,"div",c);n(this,"background");n(this,"titleContainer");n(this,"contentCntainer");n(this,"buttonContainer");n(this,"handlerResizable");n(this,"titleBar");n(this,"close");n(this,"ok");n(this,"cancell");n(this,"btnSpacerLeft");n(this,"btnSpacerRight");n(this,"titleBarHeight");n(this,"buttonBarHeight");n(this,"dragDistX");n(this,"dragDistY");n(this,"draging");n(this,"resizing");n(this,"startX");n(this,"startY");this.startX=-1,this.startY=-1,this.buttonContainer=null,this.handlerResizable=null,this.ok=null,this.cancell=null,this.btnSpacerLeft=null,this.btnSpacerRight=null,this.dragDistX=0,this.dragDistY=0,this.draging=!1,this.resizing=!1,this.background=new u(this.id+".background","div",null),this.background.setType(r.CUSTOM),this.background.addClass("WUIDialogBackground"),this.background.setVisible(!1),this.setWH(400,200),this.addClass("WUIDialog"),this.addClass("WUIDialogHide"),this.titleBarHeight=I,this.buttonBarHeight=z,this.setType(r.CUSTOM),this.setAlign(C.VERTICAL),this.titleContainer=new u(this.id+".titleContainer","div",null),this.contentCntainer=new u(this.id+".contentCntainer","div",null),o&&(this.buttonContainer=new u(this.id+".buttonContainer","div",null),this.buttonContainer.setType(r.FILL),this.buttonContainer.setAlign(C.HORIZONTAL),this.buttonContainer.setPadding(5),this.buttonContainer.setFixedSize(z)),b&&(this.handlerResizable=new u(this.id+".handlerResizable","div",this),this.handlerResizable.setType(r.CUSTOM),this.handlerResizable.getBody().innerHTML="&nbsp;",this.handlerResizable.addClass("WUIDialogResizeHandler")),this.titleContainer.setType(r.FILL),this.contentCntainer.setType(r.FILL),this.titleContainer.setAlign(C.HORIZONTAL),this.contentCntainer.setAlign(C.VERTICAL),this.titleContainer.setPadding(5),this.contentCntainer.setPadding(20),this.titleContainer.setFixedSize(I),this.titleBar=new Y(this.id+".titleBar","span",null),this.titleBar.setType(r.FILL),this.titleBar.setText("Title"),this.titleBar.addClass("WUITitlebar"),this.close=new f(this.id+".close",null),this.close.setType(r.FILL),this.close.setColor("primary"),this.close.setVariant("text"),this.close.setText("X"),this.close.setFixedSize(40),this.buttonContainer&&(this.cancell=new f(this.id+".cancell",null),this.cancell.setType(r.FILL),this.cancell.setColor("error"),this.cancell.setText("Cancel"),this.cancell.setVariant("contained"),this.cancell.setFixedSize(100),this.ok=new f(this.id+".ok",null),this.ok.setType(r.FILL),this.ok.setText("OK"),this.ok.setVariant("contained"),this.ok.setColor("success"),this.ok.setFixedSize(100),this.buttonContainer.addChild(H()),this.buttonContainer.addChild(this.cancell),this.buttonContainer.addChild(this.ok),this.buttonContainer.addChild(H()),this.ok.subscribe({event:"click",then:()=>{this.hide()}}),this.cancell.subscribe({event:"click",then:()=>{this.hide()}})),this.raisteTop(),this.close.subscribe({event:"click",then:()=>{this.hide()}}),this.titleBar.subscribe({event:"mousedown",then:s=>{s.preventDefault();const a=s.clientX,h=s.clientY;this.dragDistX=Math.abs(this.getX()-a),this.dragDistY=Math.abs(this.getY()-h),this.draging=!0,this.background.setVisible(!0),this.background.raisteTop(),this.background.deleteClass("WUIDialogBackgroundReisizing"),this.background.addClass("WUIDialogBackgroundDragging")}}),this.background.subscribe({event:"mouseup",then:s=>{s.preventDefault(),this.draging=!1,this.resizing=!1,this.background.setVisible(!1),this.raisteTop()}}),this.background.subscribe({event:"mousemove",then:s=>{if(s.preventDefault(),this.draging){const a=s.clientX,h=s.clientY;this.setX(a-this.dragDistX),this.setY(h-this.dragDistY)}else if(this.resizing){const a=s.clientX,h=s.clientY;let d=Math.abs(a-this.getPosition().x),g=Math.abs(h-this.getPosition().y);d<p&&(d=p),g<m&&(g=m),this.setWH(d,g),this.render()}}}),this.handlerResizable&&this.handlerResizable.subscribe({event:"mousedown",then:s=>{if(s.preventDefault(),!this.handlerResizable)return;const a=s.clientX,h=s.clientY;this.dragDistX=Math.abs(this.handlerResizable.getPosition().x-a),this.dragDistY=Math.abs(this.handlerResizable.getPosition().y-h),this.resizing=!0,this.background.setVisible(!0),this.background.raisteTop(),this.background.deleteClass("WUIDialogBackgroundDragging"),this.background.addClass("WUIDialogBackgroundReisizing")}}),this.titleContainer.addChild(this.titleBar),this.titleContainer.addChild(this.close),this.addChild(this.titleContainer),this.addChild(this.contentCntainer),o&&this.addChild(this.buttonContainer),this.init()}render(){super.render(),this.handlerResizable&&(this.handlerResizable.setX(this.getW()-w),this.handlerResizable.setY(this.getH()-w),this.handlerResizable.setW(w),this.handlerResizable.setH(w),this.handlerResizable.raisteTop(),this.handlerResizable.render())}center(){const e=this.getW(),c=this.getH(),o=window.innerWidth,b=window.innerHeight,s=o/2-e/2,a=b/2-c/2;this.setX(s),this.setY(a)}show(){this.deleteClass("WUIDialogHide"),this.addClass("WUIDialogDisplayed"),this.render(),this.startX>0&&this.startY>0?(this.setX(this.startX),this.setY(this.startY)):this.center(),this.background.setVisible(!0),this.background.raisteTop(),this.raisteTop()}hide(){this.deleteClass("WUIDialogDisplayed"),this.addClass("WUIDialogHide"),this.background.setVisible(!1),this.background.raiseBottom(),this.raiseBottom()}init(){super.init()}setTitlebarHeight(e){this.titleBarHeight=e}setButtonbarHeight(e){this.buttonBarHeight=e}getContentCntainer(){return this.contentCntainer}setOkCallback(e){this.ok&&this.ok.subscribe({event:"click",then:e.then})}setCancellCallback(e){this.cancell&&this.cancell.subscribe({event:"click",then:e.then})}setStartX(e){this.startX=e}setStartY(e){this.startY=e}}const P=i=>(i.id||(i.id="Dialog."+X()),A(W("div",{id:i.id,"w-dialog":!0,"w-position-x":i.positionX,"w-position-y":i.positionY,"w-dialog-width":i.width,"w-dialog-height":i.height,"w-has-buttons":i.hasButtons,"w-resizable":i.resizable,"w-visible":i.visible,"w-titlebar-height":i.titleBarHeight,"w-buttonbar-height":i.buttonBarHeight},i.children),i));function N(i,t,e=null){const c=!!t.getAttribute("w-has-buttons"),o=!!t.getAttribute("w-resizable"),b=!!t.getAttribute("w-visible"),s=t.getAttribute("w-titlebar-height")?parseInt(t.getAttribute("w-titlebar-height")):null,a=t.getAttribute("w-buttonbar-height")?parseInt(t.getAttribute("w-buttonbar-height")):null,h=t.getAttribute("w-position-x")?parseInt(t.getAttribute("w-position-x")):null,d=t.getAttribute("w-position-y")?parseInt(t.getAttribute("w-position-y")):null,g=t.getAttribute("w-dialog-width")?parseInt(t.getAttribute("w-dialog-width")):null,k=t.getAttribute("w-dialog-height")?parseInt(t.getAttribute("w-dialog-height")):null;let l=new L(i,null,c,o);if(s!==null&&l.setTitlebarHeight(s),a!==null&&l.setButtonbarHeight(a),h!==null&&l.setStartX(h),d!==null&&l.setStartY(d),k!==null&&l.setY(k),g!==null&&l.setW(g),t.childNodes.length>1)throw new Error("Dialog must have only one child");const T=t.firstChild;if(T!==null){const D=v(T);D&&(l.getContentCntainer().setPadding(0),l.getContentCntainer().attachWidget(D))}return b&&l.show(),l.background.setVisible(!1),l}export{L as Dialog,P as WDialog,N as createDialog};

package/lib/assets/ui/draggable.ui.js

@@ -0,0 +1 @@
+var r=Object.defineProperty;var n=(g,t,a)=>t in g?r(g,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):g[t]=a;var i=(g,t,a)=>n(g,typeof t!="symbol"?t+"":t,a);/* empty css                    */import{Widget as h,WidgetTypes as d}from"./widget.ui.js";class m{constructor(t,a="both"){i(this,"target");i(this,"background");i(this,"dragging",!1);i(this,"dragDistX");i(this,"dragDistY");i(this,"dragOrientation");i(this,"minX");i(this,"minY");i(this,"maxX");i(this,"maxY");i(this,"draggingClass");this.target=t,this.background=new h(this.target.id+".Draggable.Background","div",null),this.background.setType(d.CUSTOM),this.background.addClass("WUIDraggableBackground"),this.draggingClass=null,this.dragDistX=0,this.dragDistY=0,this.maxX=null,this.maxY=null,this.minX=null,this.minY=null,this.dragOrientation=a,this.target.subscribe({event:"mousedown",then:(e,s)=>{this.startDrag(e)}}),this.background.subscribe({event:"mousemove",then:(e,s)=>{this.draggingTarget(e)}}),this.background.subscribe({event:"mouseup",then:(e,s)=>{this.endDrag()}}),this.background.subscribe({event:"mouseout",then:(e,s)=>{this.endDrag()}}),this.background.subscribe({event:"mouseleave",then:(e,s)=>{this.endDrag()}}),this.background.setVisible(!1)}setBackgroundCursor(t){this.background.getBody().style.cursor=t}setDraggingClass(t){this.draggingClass=t}startDrag(t){t.preventDefault();const a=t.clientX,e=t.clientY;this.dragDistX=Math.abs(this.target.getX()-a),this.dragDistY=Math.abs(this.target.getY()-e),this.dragging=!0,this.background.setVisible(!0),this.background.raisteTop(),this.draggingClass&&this.target.addClass(this.draggingClass)}draggingTarget(t){if(!this.dragging)return;t.preventDefault();const a=t.clientX,e=t.clientY;if(this.dragOrientation==="both"||this.dragOrientation==="horizontal"){let s=a-this.dragDistX;this.maxX!=null&&s>this.maxX&&(s=this.maxX),this.minX!=null&&s<this.minX&&(s=this.minX),this.target.setX(s)}if(this.dragOrientation==="both"||this.dragOrientation==="vertical"){let s=e-this.dragDistY;this.maxY!=null&&s>this.maxY&&(s=this.maxY),this.minY!=null&&s<this.minY&&(s=this.minY),this.target.setY(s)}this.target.run("drag")}endDrag(){this.dragging=!1,this.background.setVisible(!1),this.draggingClass&&this.target.deleteClass(this.draggingClass)}setMaxX(t){this.maxX=t}setMaxY(t){this.maxY=t}setMinX(t){this.minX=t}setMinY(t){this.minY=t}}export{m as Draggable};

package/lib/assets/ui/hpanel.ui.js

@@ -0,0 +1 @@
+var u=Object.defineProperty;var c=(i,s,t)=>s in i?u(i,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[s]=t;var r=(i,s,t)=>c(i,typeof s!="symbol"?s+"":s,t);import{DOMcreateElement as W}from"../core/jsxsupport.js";import{UID as C}from"../core/uid.js";import{Draggable as m}from"./draggable.ui.js";/* empty css                 */import{normalizeWidget as X,createWidget as y}from"./widget.builder.js";import{Widget as a,WidgetAlignTypes as p,WidgetTypes as g,connectWidgetCallback as H,getOnlyEventProps as b}from"./widget.ui.js";const o=4;class z extends a{constructor(t,e=null){super(t,"div",e);r(this,"leftContent");r(this,"rightContent");r(this,"leftWidth");r(this,"rightWidth");r(this,"handler");r(this,"draggable");this.setAlign(p.HORIZONTAL),this.setType(g.FILL),this.handler=new a(t+".handler","div",null),this.handler.addClass("WUIHPanelHandler"),this.draggable=new m(this.handler,"horizontal"),this.draggable.setDraggingClass("WUIHPanelDragging"),this.draggable.setBackgroundCursor("col-resize"),this.handler.subscribe({event:"drag",then:(h,n)=>{this.updateSizeFromHandlerPosition()}}),this.subscribe({event:"mousemove",then:(h,n)=>{this.updateHandlerOpacity(h)}}),this.leftContent=null,this.rightContent=null,this.leftWidth=null,this.rightWidth=null}updateHandlerOpacity(t){const e=this.handler.getX(),h=t.clientX,n=100,l=20,d=Math.abs(h-e);if(d<n&&d>l){const f=1-d/n;this.handler.getBody().style.opacity=f.toString()}else d<l?this.handler.getBody().style.opacity="1":this.handler.getBody().style.opacity="0"}setLeft(t,e=null){this.leftContent=t,this.leftWidth=e,e!==null&&(this.rightWidth=null,this.leftContent.setFixedSize(e)),this.addChild(t);const h=new a("spacer."+Date.now().toString(),"div",null);h.setType(g.FILL),h.setFixedSize(o),this.addChild(h)}setRight(t,e=null){this.rightContent=t,this.rightWidth=e,e!==null&&(this.leftWidth=null,this.rightContent.setFixedSize(e)),this.addChild(t)}updateSizeFromHandlerPosition(){if(this.leftWidth!==null){const t=this.leftContent?this.leftContent.getX(!0):0;this.leftWidth=this.handler.getX()-t}else this.rightWidth!==null&&(this.rightWidth=this.getW()-this.handler.getX());this.render()}setLeftWidth(t){this.leftWidth=t,this.rightWidth=null}setRightWidth(t){this.leftWidth=null,this.rightWidth=t}render(){var t,e,h;if(super.render(),this.handler.setW(o),this.handler.setH(this.getH()),this.leftWidth!==null){const n=this.leftContent?this.leftContent.getX(!0):0;this.handler.setX(n+this.leftWidth),(t=this.leftContent)==null||t.setFixedSize(this.leftWidth)}else if(this.rightWidth!==null){const n=this.rightContent?this.rightContent.getX(!0):0;this.handler.setX(n+this.rightWidth),(e=this.rightContent)==null||e.setFixedSize(this.rightWidth)}else{this.leftWidth===null&&(this.leftWidth=this.getW()/2-o/2);const n=this.leftContent?this.leftContent.getX(!0):0;this.handler.setX(n+this.leftWidth),(h=this.leftContent)==null||h.setFixedSize(this.leftWidth)}this.handler.setY(this.getY(!0))}free(){var t,e;this.handler.free(),(t=this.leftContent)==null||t.free(),(e=this.rightContent)==null||e.free(),super.free()}}const I=i=>(i.id||(i.id="Icon."+C()),H(i.id,b(i)),X(W("div",{id:i.id,"w-hpanel":!0},i.children),i));function E(i,s,t=null){let e=new z(i,t);return s.childNodes.forEach((h,n)=>{const l=y(h);l!==null&&(n===0?e.setLeft(l,l.getFixedSize()):n===1&&e.setRight(l))}),e}export{z as HPanel,I as WHPanel,E as createHPanel};

package/lib/assets/ui/iconButtonMenu.ui.js

@@ -0,0 +1 @@
+var I=Object.defineProperty;var O=(t,e,i)=>e in t?I(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i;var u=(t,e,i)=>O(t,typeof e!="symbol"?e+"":e,i);import{DOMcreateElement as a}from"../core/jsxsupport.js";import{IconButton as k}from"./IconButton.ui.js";import{Menu as C}from"./menu.ui.js";import{SelectItem as A}from"../types/select.item.type.js";import{normalizeWidget as W}from"./widget.builder.js";import{connectWidgetCallback as v,getOnlyEventProps as B}from"./widget.ui.js";import{UID as M}from"../core/uid.js";import{connectCustomWidget as x}from"./widget.collection.js";class E extends k{constructor(i,o){super(i,o);u(this,"menu");u(this,"items");u(this,"selectedItem");u(this,"whenOptionClicked");this.whenOptionClicked=()=>{},this.menu=new C(this.id+".menu",this.id,null),this.items=new Array,this.selectedItem=null,this.subscribe({event:"click",then:()=>{this.menu.clearOptions(),this.items.forEach(n=>{this.menu.addOption(n.id,n.icon,n.label)}),this.menu.wakeUp(),this.getW()>this.menu.getW()&&this.menu.setW(this.getBody().clientWidth)}}),this.menu.subscribe({event:"option-clicked",then:(n,l)=>{const s=l,d=this.items.find(h=>h.id===s.id);d&&(this.selectedItem=d,this.whenOptionClicked({id:d.id}))}})}setOnOptionClicked(i){this.whenOptionClicked=i}addItem(i,o,n){this.items.push(new A(i,o,n))}}const N=t=>(t.id||(t.id="IconButtonMenu."+M()),v(t.id,B(t)),x("widget-custom-added-"+t.id,{event:"widget-load",then:(e,i)=>{if(!t.id)return;const o=w.get(t.id);t.onOptionClicked&&o.setOnOptionClicked(t.onOptionClicked)}}),W(a("div",{id:t.id,"w-icon-button-menu":!0,"w-text":t.text,"w-icon":t.icon,"w-variant":t.variant,"w-color":t.color,"w-width":t.width,"w-height":t.height},t.children),t)),P=t=>a("div",{"w-icon-button-menu-item":!0,id:t.id,"w-label":t.label,"w-icon":t.icon});function S(t,e,i=null){const o=e.getAttribute("w-icon"),n=e.getAttribute("w-text"),l=e.getAttribute("w-color"),s=e.getAttribute("w-variant"),d=e.getAttribute("w-width"),h=e.getAttribute("w-height");let c=new E(t,o||"home");return n&&c.setText(n),l&&c.setColor(l),s&&c.setVariant(s),d&&c.setInitialW(d),h&&c.setInitialH(h),e.childNodes.forEach((r,b)=>{if(r.getAttribute("w-icon-button-menu-item")!==null){const m=r.getAttribute("id"),f=r.getAttribute("w-label"),g=r.getAttribute("w-icon");m!==null&&c.addItem(m,f||"Unnamed"+b,g||"")}}),c}export{E as IconButtonMenu,N as WIconButtonMenu,P as WIconButtonMenuItem,S as createIconButtonMenu};

package/lib/assets/ui/image.ui.js

@@ -0,0 +1 @@
+var o=Object.defineProperty;var f=(t,i,e)=>i in t?o(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e;var s=(t,i,e)=>f(t,typeof i!="symbol"?i+"":i,e);import{DOMcreateElement as u}from"../core/jsxsupport.js";import{UID as w}from"../core/uid.js";/* empty css                */import{normalizeWidget as c}from"./widget.builder.js";import{connectWidgetCallback as W,getOnlyEventProps as I,Widget as r,WidgetTypes as A}from"./widget.ui.js";import{decode as C}from"../node_modules/html-entities/lib/index.js";class b extends r{constructor(e,l="",g=null){super(e,"div",g);s(this,"imageContainer");s(this,"image");this.imageContainer=new r(e+".imageContainer","div",this),this.imageContainer.addClass("WUIImageContainer"),this.image=new r(e+".image","img",this.imageContainer),this.image.setType(A.CUSTOM),this.image.getBody().setAttribute("src",l)}render(){super.render(),this.imageContainer.setX(0),this.imageContainer.setY(0),this.imageContainer.setWH(this.getW(),this.getH()),this.image.getBody().style.position="relative";const e=this.image.getH();this.image.setX(0),this.image.setY(this.getH()/2-e/2)}fillWidth(){this.image.addClass("WUIImageFillWidth")}fillHeight(){this.image.addClass("WUIImageFillHeight")}setAlternateText(e){this.image.getBody().setAttribute("alt",e)}setImageUrl(e){this.image.getBody().setAttribute("src",e)}getImageUrl(){return this.image.getBody().getAttribute("src")}getAlternateText(){return this.image.getBody().getAttribute("alt")}}const F=t=>(t.id||(t.id="Image."+w()),W(t.id,I(t)),c(u("div",{id:t.id,"w-image":!0,"w-src":t.src,"w-alt":t.alt,"w-fill-width":t.fillWidth,"w-fill-height":t.fillHeight,"w-width":t.width,"w-height":t.height}),t));function O(t,i,e=null){const l=i.getAttribute("w-src"),g=i.getAttribute("w-alt"),d=i.getAttribute("w-fill-width"),n=i.getAttribute("w-fill-height"),h=i.getAttribute("w-width"),m=i.getAttribute("w-height");let a=new b(t,C(l),e);return g&&a.setAlternateText(g),d&&a.fillWidth(),n&&a.fillHeight(),h&&a.setInitialW(h),m&&a.setInitialH(m),a}export{b as Image,F as WImage,O as createImage};

package/lib/assets/ui/label.ui.js

@@ -0,0 +1 @@
+var h=Object.defineProperty;var o=(e,i,t)=>i in e?h(e,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[i]=t;var s=(e,i,t)=>o(e,typeof i!="symbol"?i+"":i,t);import{DOMcreateElement as u}from"../core/jsxsupport.js";/* empty css                */import{normalizeWidget as c}from"./widget.builder.js";import{connectWidgetCallback as C,getOnlyEventProps as b,Widget as W}from"./widget.ui.js";import{UID as g}from"../core/uid.js";class f extends W{constructor(t,r="span",a=null){super(t,r,a);s(this,"variant");s(this,"color");s(this,"text");s(this,"requiredWidth");s(this,"isHCentered");s(this,"isVCentered");this.requiredWidth=-1,this.isHCentered=!1,this.isVCentered=!1,this.variant=r,this.color="primary",this.text="",this.setColor(this.color),this.setVariant(this.variant),this.init()}init(){super.init()}updateRequiredWidth(){var r;const t=document.createElement("div");t.id=this.id+".requiredWidth",t.innerHTML=this.text,t.classList.add("WUILabel"+this.variant),t.classList.add("WUILabel-"+this.color),t.style.position="absolute",t.style.overflow="hidden",document.body.appendChild(t),this.requiredWidth=t.clientWidth,(r=t.parentNode)==null||r.removeChild(t)}setHCentered(t=!0){this.isHCentered=t}setVCentered(t=!0){this.isVCentered=t}render(){super.render(),this.isHCentered&&this.centerH(),this.isVCentered&&this.centerV()}centerV(){this.getBody().style.lineHeight=this.getH()+"px"}centerH(){this.getBody().style.textAlign="center"}setText(t){this.text=t,this.body.innerHTML=t,this.updateRequiredWidth()}setVariant(t="span"){this.variant!==t&&this.deleteClass("WUILabel"+this.variant),this.variant=t,this.addClass("WUILabel-"+this.variant),this.updateRequiredWidth()}setColor(t="primary"){this.color!==t&&this.deleteClass("WUILabel-"+this.color),this.color=t,this.addClass("WUILabel-"+this.color),this.updateRequiredWidth()}getVariant(){return this.variant}getColor(){return this.color}getText(){return this.text}getRequiredWidth(){return this.requiredWidth}}const H=e=>(e.id||(e.id="Label."+g()),C(e.id,b(e)),c(u("div",{id:e.id,"w-label":!0,"w-text":e.text,"w-variant":e.variant,"w-color":e.color,"w-centerX":e.centerX,"w-centerY":e.centerY}),e));function y(e,i,t=null){const r=i.getAttribute("w-text"),a=i.getAttribute("w-variant"),n=i.getAttribute("w-color");let l=a||"span",d=new f(e,l,t);return r&&d.setText(r),a&&d.setVariant(a),n&&d.setColor(n),i.getAttribute("w-centerX")&&d.setHCentered(!0),i.getAttribute("w-centerY")&&d.setVCentered(!0),d}export{f as Label,H as WLabel,y as createLabel};

package/lib/assets/ui/loading.ui.js

@@ -0,0 +1 @@
+/* empty css                  */import{Widget as t}from"./widget.ui.js";class r extends t{constructor(s,i=null){super(s,"div",i),this.addClass("WUILoading"),this.setVisible(!1)}}export{r as Loading};

package/lib/assets/ui/menu.ui.js

@@ -0,0 +1 @@
+var b=Object.defineProperty;var C=(o,n,t)=>n in o?b(o,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[n]=t;var d=(o,n,t)=>C(o,typeof n!="symbol"?n+"":n,t);/* empty css               */import{IconButton as f}from"./IconButton.ui.js";import{Widget as W,WidgetTypes as y,WidgetAlignTypes as B}from"./widget.ui.js";const I=40;class U extends W{constructor(t,i,s=null){super(t,"div",s);d(this,"background");d(this,"options");d(this,"optionsWidth");d(this,"triggeredById");d(this,"triggeredBy");d(this,"triggeredBySearchCode");this.background=new W(this.id+".background","div",null),this.background.setType(y.CUSTOM),this.background.addClass("WUIMenuBackground"),this.background.setVisible(!1),this.triggeredById=i,this.setType(y.CUSTOM),this.setAlign(B.VERTICAL),this.setPadding(4),this.triggeredBy=null,this.options=new Map,this.optionsWidth=new Array,this.addClass("WUIMenu"),this.addClass("WUIMenuTransparent"),this.triggeredBySearchCode=setInterval(()=>{if(!this.triggeredById){clearInterval(this.triggeredBySearchCode);return}window.w.get(this.triggeredById)&&(this.triggeredBy=window.w.get(this.triggeredById),this.triggeredBy.subscribe({event:"click",then:()=>{this.wakeUp()}}),clearInterval(this.triggeredBySearchCode))},500),this.background.subscribe({event:"click",then:()=>{this.close()}})}close(){this.deleteClass("WUIMenuTransparent"),this.deleteClass("WUIMenuVisible"),this.addClass("WUIMenuHidden"),this.background.setVisible(!1)}getMaxWidth(){return Math.max(...this.optionsWidth)*1.1}wakeUp(){const t=this.getMaxWidth();let i=0;if(this.triggeredBy){const s=this.triggeredBy.getBody().clientWidth;s>t?i=s:i=t}else i=t;if(this.setW(i),this.background.setVisible(!0),this.background.raisteTop(),this.raisteTop(),this.deleteClass("WUIMenuHidden"),this.addClass("WUIMenuVisible"),this.render(),this.triggeredBy){const s=this.triggeredBy.getPosition(!1),e=this.triggeredBy.getBody().clientHeight,a=window.innerWidth,c=window.innerHeight,u=i,p=this.getBody().clientHeight;let r=s.x,h=s.y,g=!0,l=!0;s.x+u>a&&(r=a-u,g=!1),s.y+p+e>c&&(h=c-p-e,l=!1),g&&l?(this.setX(r),this.setY(h+e)):g&&!l?(this.setX(r),this.setY(h)):!g&&l?(this.setX(r),this.setY(h+e)):!g&&!l&&(this.setX(r),this.setY(h-e))}}optionClicked(t){this.subscribers.forEach(i=>{i.event=="option-clicked"&&i.then(new Event("option-clicked"),t)}),this.close()}clearOptions(){this.optionsWidth=new Array,this.options.clear(),this.removeAllChilds()}addOption(t,i,s){const e=new f(t,i,null);e.setType(y.FILL),e.setAlign(B.VERTICAL),e.setText(s),e.setFixedSize(I),e.addClass("WUIMenuOptions"),e.subscribe({event:"click",then:(u,p)=>{const r=p;this.optionClicked(r)}}),this.options.set(t,e);const a=e.getBody().clientWidth;this.optionsWidth.push(a);const c=this.options.size*I;this.addChild(e),this.setH(c)}}export{U as Menu};

package/lib/assets/ui/progressbar.ui.js

@@ -0,0 +1 @@
+var n=Object.defineProperty;var h=(t,a,e)=>a in t?n(t,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[a]=e;var i=(t,a,e)=>h(t,typeof a!="symbol"?a+"":a,e);import{DOMcreateElement as b}from"../core/jsxsupport.js";import{UID as g}from"../core/uid.js";import{Label as o}from"./label.ui.js";/* empty css                      */import{normalizeWidget as V}from"./widget.builder.js";import{connectWidgetCallback as B,getOnlyEventProps as c,Widget as d,WidgetTypes as v}from"./widget.ui.js";const m=40;class w extends d{constructor(e,s=null){super(e,"div",s);i(this,"value");i(this,"paddingBar");i(this,"bar");i(this,"lblValue");this.setH(m),this.paddingBar=0,this.bar=new d(e+".bar","div",this),this.bar.addClass("WUIProgressBarBar"),this.value=0,this.addClass("WUIProgressBarContainer"),this.lblValue=new o(e+".value","span",this),this.lblValue.setType(v.CUSTOM),this.lblValue.setVCentered(!0),this.lblValue.setHCentered(!0),this.lblValue.setText(this.value+"%"),this.lblValue.addClass("WUIProgressBarLabel")}setPaddingBar(e){this.paddingBar=e}hideLabel(){this.lblValue.setVisible(!1)}displayLabel(){this.lblValue.setVisible(!0)}render(){super.render();const e=this.paddingBar,s=this.getW()-e,l=this.getH(),r=s*(this.value/100);this.lblValue.setX(e),this.lblValue.setY(0),this.lblValue.setW(s),this.lblValue.setH(l),this.lblValue.raisteTop(),this.lblValue.render(),this.bar.setX(e),this.bar.setY(e),this.bar.setW(r),this.bar.setH(l-e*2)}setValue(e){this.value=e,this.lblValue.setText(this.value+"%"),this.render()}getValue(){return this.value}}const I=t=>(t.id||(t.id="ProgressBar."+g()),B(t.id,c(t)),V(b("div",{id:t.id,"w-progressbar":!0,"w-value":t.value,"w-padding-bar":t.paddingBar,"w-hide-label":t.hideLabel}),t));function T(t,a,e=null){let s=new w(t,e);const l=a.getAttribute("w-value"),r=a.getAttribute("w-padding-bar"),u=a.getAttribute("w-hide-label");return l&&s.setValue(parseInt(l)),r&&s.setPaddingBar(parseInt(r)),u!==null?s.hideLabel():s.displayLabel(),s}export{w as ProgressBar,I as WProgressBar,T as createProgressBar};

package/lib/assets/ui/radiobutton.ui.js

@@ -0,0 +1 @@
+import{ToggleButton as m}from"./toggle.ui.js";/* empty css                  *//* empty css                 *//* empty css                      *//* empty css                       *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css                      *//* empty css               *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css                   */class n extends m{constructor(t,o="",r=null){super(t,o,"radio_button_checked","radio_button_unchecked",r)}}function z(e,t,o=null){const r=t.getAttribute("w-text"),p=t.getAttribute("w-checked");let i=new n(e,r,o);return p!==null?i.setState(!0):i.setState(!1),i}export{n as RadioButton,z as createRadioButton};

package/lib/assets/ui/scroll.ui.js

@@ -0,0 +1 @@
+var c=Object.defineProperty;var g=(s,r,t)=>r in s?c(s,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[r]=t;var a=(s,r,t)=>g(s,typeof r!="symbol"?r+"":r,t);/* empty css                 */import{Widget as d,WidgetTypes as W}from"./widget.ui.js";import{Draggable as H}from"./draggable.ui.js";const l=10;class Y extends d{constructor(t,i,e="vertical"){super(t,"div");a(this,"contentArea");a(this,"orientation");a(this,"drag");this.contentArea=i,this.orientation=e,this.setType(W.CUSTOM),this.getBody().style.overflow="hidden",this.getBody().style.position="fixed",this.addClass("WUIScrollbar"),this.drag=new H(this,e),this.contentArea.subscribe({event:"wheel",then:(o,h)=>{const n=o;this.contentArea.getBody().scrollBy(0,n.deltaY),this.render()}}),this.subscribe({event:"drag",then:(o,h)=>{this.updateScrollPositionByScrollbar()}})}getScrollData(){let t={scrollHeight:0,areaHeight:0,scrollBarHeight:0,scrollWidth:0,areaWidth:0,scrollBarWidth:0,scrollWidt:0,availablePositionSize:0,ratioScroll:0,position:0,scrollPositionY:0};return this.orientation==="vertical"?(t.scrollHeight=this.contentArea.getBody().scrollHeight,t.areaHeight=this.contentArea.getH(),t.scrollBarHeight=t.areaHeight*(t.areaHeight/t.scrollHeight),t.availablePositionSize=t.areaHeight-t.scrollBarHeight-1,t.ratioScroll=this.contentArea.getBody().scrollTop/(t.areaHeight-t.scrollBarHeight),t.position=t.availablePositionSize*t.ratioScroll,t.scrollBarHeight>=t.areaHeight&&(t.scrollBarHeight=t.areaHeight)):this.orientation==="horizontal"&&(t.scrollWidth=this.contentArea.getBody().scrollWidth,t.areaWidth=this.contentArea.getW(),t.scrollBarWidth=t.areaWidth*(t.areaWidth/t.scrollWidth),t.availablePositionSize=t.areaWidth-t.scrollBarWidth-1,t.ratioScroll=this.contentArea.getBody().scrollLeft/(t.areaWidth-t.scrollBarWidth),t.position=t.availablePositionSize*t.ratioScroll,t.scrollPositionY=this.contentArea.getH()+this.contentArea.getY(),t.scrollBarWidth>=t.areaWidth&&(t.scrollBarWidth=t.areaWidth)),t}updateScrollPositionByScrollbar(){const t=this.getScrollData();if(this.orientation==="vertical"){const i=t.scrollHeight-t.areaHeight,e=this.drag.maxY?this.drag.maxY:1,o=(this.getY()-this.contentArea.getY(!0))/e;this.contentArea.getBody().scrollTop=i*o}else if(this.orientation==="horizontal"){const i=t.scrollWidth-t.areaWidth,e=this.drag.maxX?this.drag.maxX:1,o=(this.getX()-this.contentArea.getX(!0))/e;this.contentArea.getBody().scrollLeft=i*o}this.run("scroll")}render(){super.render();const t=this.getScrollData();if(this.orientation==="vertical"){if(t.areaHeight<t.scrollHeight)this.setVisible(!0);else{this.setVisible(!1);return}this.setX(this.contentArea.getX(!0)+this.contentArea.getW()-l-1),this.setY(1+this.contentArea.getY(!0)+t.position),this.setH(t.scrollBarHeight),this.setW(l),this.raisteTop();const i=1+this.contentArea.getY(!0),e=this.contentArea.getY(!0)+t.availablePositionSize;this.drag.setMinY(i),this.drag.setMaxY(e),this.getY()>e&&this.setY(e),this.getY()<i&&this.setY(i)}else if(this.orientation==="horizontal"){if(t.areaWidth<t.scrollWidth)this.setVisible(!0);else{this.setVisible(!1);return}this.setX(1+this.contentArea.getX(!0)+t.position),this.setY(this.contentArea.getY(!0)+t.scrollPositionY-l-1),this.setW(t.scrollBarWidth),this.setH(l),this.raisteTop();const i=1+this.contentArea.getX(!0),e=this.contentArea.getX(!0)+t.availablePositionSize;this.drag.setMinX(i),this.drag.setMaxX(e),this.getX()>e&&this.setX(e),this.getX()<i&&this.setX(i)}}}export{Y as Scroll};

package/lib/assets/ui/select.ui.js

@@ -0,0 +1 @@
+var a=Object.defineProperty;var f=(l,t,e)=>t in l?a(l,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):l[t]=e;var r=(l,t,e)=>f(l,typeof t!="symbol"?t+"":t,e);/* empty css                 */import{Menu as b}from"./menu.ui.js";import{Widget as g}from"./widget.ui.js";import{SelectItem as w}from"../types/select.item.type.js";/* empty css                  *//* empty css                 *//* empty css                      *//* empty css                       *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                   */class I extends g{constructor(e,i=null){super(e,"div",i);r(this,"menu");r(this,"text");r(this,"title");r(this,"items");r(this,"selectedItem");this.menu=new b(this.id+".menu",this.id,null),this.text="",this.title="",this.addClass("WUISelect"),this.items=[],this.selectedItem=null,this.subscribe({event:"click",then:()=>{this.menu.clearOptions(),this.items.forEach(s=>{this.menu.addOption(s.id,s.icon,s.label)}),this.menu.wakeUp(),this.getBody().clientWidth>this.menu.getBody().clientWidth&&(this.menu.setW(this.getBody().clientWidth),this.menu.resize())}}),this.menu.subscribe({event:"option-clicked",then:(s,n)=>{var d;const h=n,m=this.items.find(c=>c.id===h.id);m&&(this.selectedItem=m);const o=(d=this.selectedItem)==null?void 0:d.label;o?this.setValue(o):this.setValue("")}})}setValue(e){this.text=e}setTitle(e){this.title=e}addItem(e,i,s){this.items.push(new w(e,i,s))}}function K(l,t,e=null){let i=new I(l,e);const s=t.getAttribute("w-title"),n=t.getAttribute("w-value"),h=t.getAttribute("w-width"),m=t.getAttribute("w-height");return s&&i.setTitle(s),n&&i.setValue(n),h&&i.setInitialW(h),m&&i.setInitialH(m),t.childNodes.forEach((o,d)=>{if(o.getAttribute("w-select-item")!==null){const c=o.getAttribute("id"),u=o.getAttribute("w-label"),p=o.getAttribute("w-icon");c!==null&&i.addItem(c,u||"Unnamed"+d,p||"")}}),i}export{I as Select,K as createSelect};

package/lib/assets/ui/styles/accordion.css

@@ -0,0 +1 @@
+.WUIAccordion{background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;border-radius:.25rem;border-color:var(--palette-divider)}

package/lib/assets/ui/styles/button.css

@@ -0,0 +1 @@
+.WUIButton-text,.WUIButton-text span{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;font-size:1rem;border:none;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.WUIButton-text-color-primary,.WUIButton-text-color-primary span{color:var(--palette-text-primary);background-color:transparent}.WUIButton-text-color-primary:hover{color:var(--palette-primary-text-main);background-color:var(--palette-primary-light)}.WUIButton-text-color-primary:hover span{color:var(--palette-primary-text-main);background-color:transparent}.WUIButton-text-color-secondary,.WUIButton-text-color-secondary span{color:var(--palette-text-primary);background-color:transparent}.WUIButton-text-color-secondary:hover{color:var(--palette-secondary-text-light);background-color:var(--palette-secondary-light)}.WUIButton-text-color-secondary:hover span{color:var(--palette-secondary-text-light);background-color:transparent}.WUIButton-text-color-error,.WUIButton-text-color-error span{color:var(--palette-text-secondary);background-color:transparent}.WUIButton-text-color-error:hover{color:var(--palette-text-secondary);background-color:var(--palette-error-light)}.WUIButton-text-color-error:hover span,.WUIButton-text-color-warning,.WUIButton-text-color-warning span{color:var(--palette-text-secondary);background-color:transparent}.WUIButton-text-color-warning:hover{color:var(--palette-warning-text-light);background-color:var(--palette-warning-light)}.WUIButton-text-color-warning:hover span{color:var(--palette-warning-text-light);background-color:transparent}.WUIButton-text-color-info,.WUIButton-text-color-info span{color:var(--palette-text-secondary);background-color:transparent}.WUIButton-text-color-info:hover{color:var(--palette-info-text-light);background-color:var(--palette-info-light)}.WUIButton-text-color-info:hover span{color:var(--palette-info-text-light);background-color:transparent}.WUIButton-text-color-success,.WUIButton-text-color-success span{color:var(--palette-text-secondary);background-color:transparent}.WUIButton-text-color-success:hover{color:var(--palette-success-text-light);background-color:var(--palette-success-light)}.WUIButton-text-color-success:hover span{color:var(--palette-success-text-light);background-color:transparent}.WUIButton-outlined{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border:solid .13rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.WUIButton-outlined span{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;font-size:1rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.WUIButton-outlined-color-primary,.WUIButton-outlined-color-primary span{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-primary-main)}.WUIButton-outlined-color-primary:hover,.WUIButton-outlined-color-primary:hover span{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-outlined-color-secondary,.WUIButton-outlined-color-secondary span{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-secondary-main)}.WUIButton-outlined-color-secondary:hover,.WUIButton-outlined-color-secondary:hover span{color:var(--palette-secondary-text-light);background-color:var(--palette-secondary-light)}.WUIButton-outlined-color-error,.WUIButton-outlined-color-error span{color:var(--palette-text-secondary);background-color:var(--palette-background-default);border-color:var(--palette-error-main)}.WUIButton-outlined-color-error:hover,.WUIButton-outlined-color-error:hover span{color:var(--palette-error-text-light);background-color:var(--palette-error-light)}.WUIButton-outlined-color-warning,.WUIButton-outlined-color-warning span{color:var(--palette-text-secondary);background-color:var(--palette-background-default);border-color:var(--palette-warning-main)}.WUIButton-outlined-color-warning:hover,.WUIButton-outlined-color-warning:hover span{color:var(--palette-warning-text-light);background-color:var(--palette-warning-light)}.WUIButton-outlined-color-info,.WUIButton-outlined-color-info span{color:var(--palette-text-secondary);background-color:var(--palette-background-default);border-color:var(--palette-info-main)}.WUIButton-outlined-color-info:hover,.WUIButton-outlined-color-info:hover span{color:var(--palette-info-text-light);background-color:var(--palette-info-light)}.WUIButton-outlined-color-success,.WUIButton-outlined-color-success span{color:var(--palette-text-secondary);background-color:var(--palette-background-default);border-color:var(--palette-success-main)}.WUIButton-outlined-color-success:hover,.WUIButton-outlined-color-success:hover span{color:var(--palette-success-text-light);background-color:var(--palette-success-light)}.WUIButton-contained{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border:none;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.WUIButton-contained span{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border:none;font-size:1rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.WUIButton-contained-color-primary,.WUIButton-contained-color-primary span{color:var(--palette-primary-text-main);background-color:var(--palette-primary-main)}.WUIButton-contained-color-primary:hover,.WUIButton-contained-color-primary:hover span{color:var(--palette-primary-text-dark);background-color:var(--palette-primary-dark)}.WUIButton-contained-color-secondary,.WUIButton-contained-color-secondary span{color:var(--palette-secondary-text-main);background-color:var(--palette-secondary-main)}.WUIButton-contained-color-secondary:hover,.WUIButton-contained-color-secondary:hover span{color:var(--palette-secondary-text-dark);background-color:var(--palette-secondary-dark)}.WUIButton-contained-color-error,.WUIButton-contained-color-error span{color:var(--palette-error-text-main);background-color:var(--palette-error-main)}.WUIButton-contained-color-error:hover,.WUIButton-contained-color-error:hover span{color:var(--palette-error-text-light);background-color:var(--palette-error-light)}.WUIButton-contained-color-warning,.WUIButton-contained-color-warning span{color:var(--palette-warning-text-main);background-color:var(--palette-warning-main)}.WUIButton-contained-color-warning:hover,.WUIButton-contained-color-warning:hover span{color:var(--palette-warning-text-light);background-color:var(--palette-warning-light)}.WUIButton-contained-color-info,.WUIButton-contained-color-info span{color:var(--palette-info-text-main);background-color:var(--palette-info-main)}.WUIButton-contained-color-info:hover,.WUIButton-contained-color-info:hover span{color:var(--palette-info-text-light);background-color:var(--palette-info-light)}.WUIButton-contained-color-success,.WUIButton-contained-color-success span{color:var(--palette-success-text-main);background-color:var(--palette-success-main)}.WUIButton-contained-color-success:hover,.WUIButton-contained-color-success:hover span{color:var(palette-background-default);background-color:var(--palette-success-light)}

package/lib/assets/ui/styles/buttoncolor.css

@@ -0,0 +1 @@
+.WUIButtonColorInput{width:100%;border:none;background-color:transparent;height:100%;padding:5px;margin:auto}

package/lib/assets/ui/styles/container.css

@@ -0,0 +1 @@
+.WUIPanel-outlined{background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;border-radius:.25rem;border-color:var(--palette-background-light);overflow:hidden}.WUIPanel-contained{background-color:var(--palette-background-light);border-left:none;border-top:none;border-bottom:none;border-right:none;border-radius:.25rem;overflow:hidden}.WUIPanel-plain{background-color:transparent;border-left:none;border-top:none;border-bottom:none;border-right:none;overflow:hidden}

package/lib/assets/ui/styles/datagrid.css

@@ -0,0 +1 @@
+.WUIDataGrid{background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;border-radius:.25rem;border-color:var(--palette-divider)}.WUIDataGrid-Header{border-bottom:solid 1px var(--palette-divider)}.WUIDataGrid-HeaderLabel:hover{border-bottom:solid 1px var(--palette-divider);background-color:var(--palette-action-hover)!important;cursor:default}.WUIDataGrid-HeaderLabel{border-right:solid 1px var(--palette-divider);padding-left:5px;font-weight:700}.WUIDataGrid-Row{border-bottom:solid 1px var(--palette-divider);background-color:transparent}.WUIDataGrid-Row:hover{border-bottom:solid 1px var(--palette-divider);background-color:var(--palette-action-hover)!important}

package/lib/assets/ui/styles/dialog.css

@@ -0,0 +1 @@
+.WUIDialog{background-color:transparent;border-radius:5px;box-shadow:none;transition:background-color .3s ease}.WUIDialogDisplayed{background-color:var(--palette-background-default);box-shadow:#0000003d 0 3px 8px;display:block!important}.WUIDialogHide{background-color:transparent;box-shadow:none;display:none!important}.WUITitlebar{display:flex;align-items:center;justify-content:center;font-weight:500}.WUIDialogBackground{background-color:#00000003;opacity:.1;position:absolute;left:0;top:0;right:0;bottom:0}.WUIDialogResizeHandler{background-color:#00000003;cursor:nwse-resize}.WUIDialogBackgroundReisizing{cursor:nwse-resize}.WUIDialogBackgroundDragging{cursor:move}

package/lib/assets/ui/styles/draggable.css

@@ -0,0 +1 @@
+.WUIDraggableBackground{background-color:#00000003;opacity:.1;position:absolute;left:0;top:0;right:0;bottom:0}

package/lib/assets/ui/styles/hpanel.css

@@ -0,0 +1 @@
+.WUIHPanelHandler{position:absolute!important;overflow:hidden;cursor:col-resize;background-color:var(--palette-divider);opacity:.1}.WUIHPanelDragging{background-color:var(--palette-divider)!important;opacity:1}

package/lib/assets/ui/styles/icon.css

@@ -0,0 +1 @@
+.WUI-icon-color-primary{color:var(--palette-text-primary);background-color:transparent}.WUI-icon-color-secondary{color:var(--palette-text-secondary);background-color:transparent}.WUI-icon-color-success{color:var(--palette-success-text-main);background-color:transparent}.WUI-icon-color-error{color:var(--palette-error-text-main);background-color:transparent}.WUI-icon-color-info{color:var(--palette-info-text-main);background-color:transparent}.WUI-icon-color-warning{color:var(--palette-warning-text-main);background-color:transparent}

package/lib/assets/ui/styles/image.css

@@ -0,0 +1 @@
+.WUIImageContainer{position:absolute;overflow:hidden;display:flex;align-items:center;justify-content:center}.WUIImageContainer img{margin:auto}.WUIImageFillWidth{width:100%!important}.WUIImageFillHeight{height:100%!important}

package/lib/assets/ui/styles/label.css

@@ -0,0 +1 @@
+.WUILabel-span,.WUILabel-h1,.WUILabel-h2,.WUILabel-h3,.WUILabel-h4,.WUILabel-h5,.WUILabel-h6,.WUILabel-p{margin:0;padding:0}.WUILabel-primary{color:var(--palette-text-primary)}.WUILabel-secondary{color:var(--palette-text-secondary)}.WUILabel-info{color:var(--palette-info-text-main)}.WUILabel-success{color:var(--palette-success-text-main)}.WUILabel-error{color:var(--palette-error-text-main)}.WUILabel-warning{color:var(--palette-warning-text-main)}

package/lib/assets/ui/styles/loading.css

@@ -0,0 +1 @@
+.WUILoading{background-color:var(--palette-background-default);background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%20preserveAspectRatio='xMidYMid'%20width='256'%20height='256'%20style='shape-rendering:%20auto;%20display:%20block;%20background:%20transparent;'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cg%20transform='rotate(0%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-1.5027322404371584s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(30%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-1.366120218579235s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(60%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-1.2295081967213115s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(90%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-1.0928961748633879s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(120%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.9562841530054644s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(150%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.819672131147541s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(180%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.6830601092896175s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(210%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.5464480874316939s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(240%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.4098360655737705s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(270%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.27322404371584696s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(300%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='-0.13661202185792348s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%20transform='rotate(330%2050%2050)'%3e%3crect%20fill='%23878787'%20height='12'%20width='6'%20ry='6'%20rx='3'%20y='24'%20x='47'%3e%3canimate%20repeatCount='indefinite'%20begin='0s'%20dur='1.639344262295082s'%20keyTimes='0;1'%20values='1;0'%20attributeName='opacity'%3e%3c/animate%3e%3c/rect%3e%3c/g%3e%3cg%3e%3c/g%3e%3c/g%3e%3c!--%20[ldio]%20generated%20by%20https://loading.io%20--%3e%3c/svg%3e");background-position:center;background-repeat:no-repeat;position:absolute!important;left:0;top:0;right:0;bottom:0;opacity:.8}

package/lib/assets/ui/styles/main.css

@@ -0,0 +1 @@
+*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--palette-background-default);color:var(--palette-text-secondary);overflow:hidden}h1,h2,h3,h4,h5{font-weight:400;text-shadow:-1px 0px 1px var(--palette-text-disabled);color:var(--palette-text-primary)}p,span{font-weight:300;text-shadow:-1px 0px 1px var(--palette-text-disabled);box-sizing:border-box;margin:0}a{color:var(--palette-link);text-decoration:none;text-shadow:-1px 0px 1px var(--palette-text-disabled)}a:hover{color:var(--palette-link-hover);text-decoration:none}.WUIFixPosition{position:relative;display:block}.WUINonFreePosition{position:absolute!important;overflow:hidden!important}.cssCustom{margin-top:10px;margin-bottom:10px;display:block}.columnas{display:flex;flex-direction:row;justify-content:space-between;border:solid 2px var(--palette-success-dark);padding:20px;border-radius:5px;background-color:var(--palette-success-light);margin-bottom:20px}.columnas p{display:inline;width:48%;line-height:25px}.card{background-color:var(--palette-action-hover);border-radius:5px;width:50%;margin:20px auto;padding:20px;box-shadow:#0000003d 0 3px 8px}.card h1{text-align:center}.card p{color:var(--palette-text-secondary);line-height:25px}.formItem{width:100%;height:40px;margin-top:25px}.formItem input{width:100%!important}

package/lib/assets/ui/styles/menu.css

@@ -0,0 +1 @@
+.WUIMenuBackground{background-color:#7f7e7e1a;opacity:.01;position:absolute;left:0;top:0;right:0;bottom:0}.WUIMenuTransparent{display:auto;opacity:0}.WUIMenuHidden{opacity:0;display:none!important}.WUIMenuVisible{display:auto;opacity:1;transition:opacity .3s ease}.WUIMenu{position:absolute;overflow:hidden;background-color:var(--palette-action-hover);border-radius:5px;width:50%;padding:5px;box-shadow:#0000003d 0 3px 8px}.WUIMenuOptions{display:flex;align-items:center;width:auto}.WUIMenuOptions100w{width:100%}.WUIMenuOptions :first-child{margin-left:10px}.WUIMenuOptions :last-child{margin-left:10px;margin-right:15px;text-transform:capitalize!important}

package/lib/assets/ui/styles/progressbar.css

@@ -0,0 +1 @@
+.WUIProgressBarContainer{overflow:hidden;border:solid 2px var(--palette-divider);border-radius:7px;background-color:var(--palette-background-default)}.WUIProgressBarBar{position:absolute;left:0;top:0;border-radius:6px;background-color:var(--palette-primary-dark)}.WUIProgressBarLabel{position:absolute!important;color:#fff;text-shadow:-2px 0px 2px black}

package/lib/assets/ui/styles/scroll.css

@@ -0,0 +1 @@
+.WUIScrollbar{background-color:var(--palette-primary-dark);border-radius:5px}

package/lib/assets/ui/styles/select.css

@@ -0,0 +1 @@
+.WUISelect{position:relative;outline:none;border:2px solid var(--palette-action-disabled);border-radius:4px;box-sizing:border-box;font-size:1rem;padding-left:20px;z-index:1000;background-color:var(--palette-background-default);color:var(--palette-text-primary)}

package/lib/assets/ui/styles/stackbutton.css

@@ -0,0 +1 @@
+.WUIButton-stack-start{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:none;font-size:1rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-start-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-divider)}.WUIButton-stack-start-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-start-color-primary:hover span{color:var(--palette-primary-text-light)}.WUIButton-stack-middle{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:none;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-middle-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-divider)}.WUIButton-stack-middle-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-middle-color-primary:hover span{color:var(--palette-primary-text-light)}.WUIButton-stack-end{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-right:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-end-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-divider)}.WUIButton-stack-end-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-end-color-primary:hover span{color:var(--palette-primary-text-light)}.WUIButton-stack-start-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:none;font-size:1rem;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-start-active-color-primary{color:var(--palette-primary-text-light);background-color:var(--palette-primary-dark);border-color:var(--palette-divider)}.WUIButton-stack-start-active-color-primary span{color:var(--palette-primary-text-light)}.WUIButton-stack-start-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-start-active-color-primary:hover span{color:var(--palette-primary-text-light)}.WUIButton-stack-middle-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:none;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-middle-active-color-primary{color:var(--palette-primary-text-light);background-color:var(--palette-primary-dark);border-color:var(--palette-divider)}.WUIButton-stack-middle-active-color-primary span{color:var(--palette-primary-text-light)}.WUIButton-stack-middle-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-middle-active-color-primary:hover span{color:var(--palette-primary-text-light)}.WUIButton-stack-end-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-end-active-color-primary{color:var(--palette-primary-text-light);background-color:var(--palette-primary-dark);border-color:var(--palette-divider)}.WUIButton-stack-end-active-color-primary span{color:var(--palette-primary-text-light)}.WUIButton-stack-end-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-divider)}.WUIButton-stack-end-active-color-primary:hover span{color:var(--palette-primary-text-light)}

package/lib/assets/ui/styles/tabs.css

@@ -0,0 +1 @@
+.WUITab{background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;border-radius:.25rem;border-color:var(--palette-divider);overflow:hidden}.WUITabControl{border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:none!important;background-color:var(--palette-background-default);box-sizing:border-box;font-weight:400;text-align:center;cursor:default;padding-left:15px;padding-right:15px;border-radius:0!important}.WUITabControlActive{border-top:none!important;border-left:none!important;border-right:none!important;border-bottom:solid 2px var(--palette-primary-dark)!important;background-color:var(--palette-divider);box-sizing:border-box;font-weight:700;text-align:center;cursor:default;padding-left:15px;padding-right:15px;border-radius:0!important}.WUITabContainer-horizontal{border-top:solid 1px var(--palette-divider)}.WUITabControlActive_VL{border-top:none!important;border-right:none!important;border-left:solid 2px var(--palette-primary-dark)!important;border-bottom:none!important;background-color:var(--palette-divider);box-sizing:border-box;font-weight:700;text-align:center;cursor:default;padding-left:15px;padding-right:15px;border-radius:0!important}.WUITabControlActiveIcon_VL{border-top:none!important;border-right:none!important;border-left:solid 2px var(--palette-primary-dark)!important;border-bottom:none!important;background-color:var(--palette-divider);box-sizing:border-box;font-weight:700;text-align:center;cursor:default;border-radius:0!important}.WUITabContainer-vertical{border-left:solid 1px var(--palette-divider)}

package/lib/assets/ui/styles/textarea.css

@@ -0,0 +1 @@
+.WUITextArea{outline:none;border:2px solid var(--palette-action-disabled);border-radius:4px;box-sizing:border-box;font-size:1rem;padding-left:20px;z-index:1000;background-color:var(--palette-background-default);color:var(--palette-text-primary);overflow-y:auto}

package/lib/assets/ui/styles/textbox.css

@@ -0,0 +1 @@
+input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=file]::file-selector-button{margin-right:0;border:none;border-radius:.25rem;background:var(--palette-primary-main);height:100%;color:var(--palette-primary-text-main);cursor:pointer;transition:background .2s ease-in-out;float:right}input[type=file]::file-selector-button:hover{color:var(--palette-primary-text-dark);background-color:var(--palette-primary-dark)}::-webkit-datetime-edit{padding:0;text-align:right}::-webkit-datetime-edit-fields-wrapper{background:transparent}::-webkit-datetime-edit-text{color:var(--palette-text-primary);padding:0 .3em}::-webkit-datetime-edit-month-field{color:var(--palette-text-primary)}::-webkit-datetime-edit-day-field{color:var(--palette-text-primary)}::-webkit-datetime-edit-year-field{color:var(--palette-text-primary)}::-webkit-inner-spin-button{display:none}::-webkit-calendar-picker-indicator{padding-left:10px;padding-right:10px;background-color:transparent;filter:invert(.5)}.WUIinput{position:relative}.WUIinput input{outline:none;border:2px solid var(--palette-action-disabled);border-radius:4px;box-sizing:border-box;font-size:1rem;padding-left:20px;z-index:1000;background-color:var(--palette-background-default);color:var(--palette-text-primary)}.WUIinput label{position:absolute;margin-left:20px;padding-left:10px;padding-right:10px;padding-top:5px;pointer-events:none;transition:all .3s ease;color:var(--palette-text-secondary);background-color:var(--palette-background-default);border-radius:5px;z-index:1001}.WUIinput input:focus~label{top:-15px!important;font-size:12px}

package/lib/assets/ui/styles/toolbar.css

@@ -0,0 +1 @@
+.WUIToolbar-outlined{background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;border-right:solid .13rem;border-radius:.25rem;border-color:var(--palette-divider);overflow:hidden}.WUIToolbar-contained{background-color:transparent;border-left:none;border-top:none;border-bottom:none;border-right:none;overflow:hidden}

package/lib/assets/ui/styles/valuebar.css

@@ -0,0 +1 @@
+.WUIValueBar{overflow:hidden}.WUIValueBarContainer{position:absolute;left:0;top:0;border:solid 2px var(--palette-divider);border-radius:6px;background-color:var(--palette-background-default)}.WUIValueBarBar{position:absolute;left:0;top:0;border-radius:6px;background-color:var(--palette-primary-dark)}.WUIValueBarHandler{position:absolute!important;border-radius:50%;background-color:var(--palette-primary-dark)}

package/lib/assets/ui/styles/vpanel.css

@@ -0,0 +1 @@
+.WUIVPanelHandler{position:absolute!important;overflow:hidden;cursor:row-resize;background-color:var(--palette-divider);opacity:.1}.WUIVPanelDragging{background-color:var(--palette-divider)!important;opacity:1}

package/lib/assets/ui/styles/vstackbutton.css

@@ -0,0 +1 @@
+.WUIButton-stack-vertical-start{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-right:solid .13rem;border-bottom:none;font-size:1rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-start-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-start-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-middle{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-top:solid .13rem;border-right:solid .13rem;border-bottom:none;font-size:1rem;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-middle-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-middle-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-end{cursor:pointer;font-weight:500;text-align:center;background-color:transparent;border-left:solid .13rem;border-right:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-end-color-primary{color:var(--palette-text-primary);background-color:var(--palette-background-default);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-end-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-start-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-top:solid .13rem;border-right:solid .13rem;border-bottom:none;font-size:1rem;border-top-left-radius:.25rem;border-top-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-start-active-color-primary,.WUIButton-stack-vertical-start-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-middle-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-top:solid .13rem;border-right:solid .13rem;border-bottom:none;font-size:1rem;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-middle-active-color-primary,.WUIButton-stack-vertical-middle-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}.WUIButton-stack-vertical-end-active{cursor:pointer;font-weight:500;text-align:center;color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-left:solid .13rem;border-right:solid .13rem;border-top:solid .13rem;border-bottom:solid .13rem;font-size:1rem;border-top-left-radius:0;border-bottom-left-radius:.25rem;border-top-right-radius:0;border-bottom-right-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;text-transform:uppercase}.WUIButton-stack-vertical-end-active-color-primary,.WUIButton-stack-vertical-end-active-color-primary:hover{color:var(--palette-primary-text-light);background-color:var(--palette-primary-light);border-color:var(--palette-primary-main)}

package/lib/assets/ui/switch.ui.js

@@ -0,0 +1 @@
+import{ToggleButton as m}from"./toggle.ui.js";/* empty css                  *//* empty css                 *//* empty css                      *//* empty css                       *//* empty css                *//* empty css                    *//* empty css                 *//* empty css                    *//* empty css               *//* empty css                *//* empty css                  *//* empty css                      *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css               *//* empty css                    *//* empty css                      *//* empty css               *//* empty css                   *//* empty css                 *//* empty css                 *//* empty css                   */class l extends m{constructor(t,o="",r=null){super(t,o,"toggle_off","toggle_on",r)}}function D(e,t,o=null){const r=t.getAttribute("w-text"),p=t.getAttribute("w-checked");let i=new l(e,r,o);return p!==null?i.setState(!0):i.setState(!1),i}export{l as Switch,D as createSwitch};

package/lib/assets/ui/tabs.ui.js

@@ -0,0 +1 @@
+var I=Object.defineProperty;var W=(s,l,e)=>l in s?I(s,l,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[l]=e;var c=(s,l,e)=>W(s,typeof l!="symbol"?l+"":l,e);import{DOMcreateElement as y}from"../core/jsxsupport.js";/* empty css               */import{Widget as C,WidgetTypes as g,WidgetAlignTypes as w}from"./widget.ui.js";import{Toolbar as p}from"./toolbar.ui.js";import{Label as b}from"./label.ui.js";import{Icon as m}from"./Icon.ui.js";import{Scroll as A}from"./scroll.ui.js";import{normalizeWidget as S,createWidget as U}from"./widget.builder.js";import{UID as B}from"../core/uid.js";const d=40;class x extends C{constructor(e,o=null,n="horizontal"){super(e,"div",o);c(this,"orientation");c(this,"content");c(this,"itemControls");c(this,"items");c(this,"itemsScrollable");c(this,"verticalScrollbar");this.orientation=n,this.content=new C(e+".content","div"),this.content.setType(g.FILL),this.setType(g.FILL),this.orientation==="horizontal"?(this.setAlign(w.VERTICAL),this.content.addClass("WUITabContainer-horizontal")):(this.setAlign(w.HORIZONTAL),this.content.addClass("WUITabContainer-vertical")),this.items=new Map,this.itemsScrollable=new Map,this.verticalScrollbar=null,this.itemControls=new p(e+".itemControls",null,n),this.itemControls.setVariant("contained"),this.itemControls.setFixedSize(d),this.addChild(this.itemControls),this.addChild(this.content),this.addClass("WUITab")}setOrientation(e){this.orientation!==e&&this.content.deleteClass("WUITabContainer-"+this.orientation),this.orientation=e,this.content.addClass("WUITabContainer-"+this.orientation)}addTab(e,o,n,r=!1){this.items.set(e,{title:o,content:n}),this.itemsScrollable.set(e,r);const t=new b(e+".itemControl","span");t.setText(o),t.addClass("WUITabControl"),this.orientation==="horizontal"?(t.setH(d),t.getBody().style.lineHeight=d+"px"):this.orientation==="vertical"&&(t.getBody().style.writingMode="vertical-rl",t.getBody().style.transform="scale(-1,-1)",t.getBody().style.paddingTop="15px",t.getBody().style.paddingBottom="15px",t.getBody().style.paddingRight="12px",t.setW(d)),t.subscribe({event:"click",then:(i,a)=>{this.setTab(e)}}),this.itemControls.addItem(e,t)}addIconTab(e,o,n,r=!1){this.items.set(e,{title:o,content:n}),this.itemsScrollable.set(e,r);const t=new m(e+".itemControl",o);this.orientation==="horizontal"?(t.setH(d),t.getBody().style.lineHeight=d+"px"):this.orientation==="vertical"&&(t.getBody().style.writingMode="vertical-rl",t.getBody().style.transform="scale(-1,-1)",t.getBody().style.paddingTop="12px",t.getBody().style.paddingBottom="12px",t.getBody().style.paddingRight="10px",t.setW(d)),t.subscribe({event:"click",then:(i,a)=>{this.setTab(e)}}),this.itemControls.addItem(e,t)}setTab(e){var n,r;this.content.removeAllChilds();const o=this.items.get(e);for(const t of this.items.keys())if(t!=e){(n=this.items.get(t))==null||n.content.setVisible(!1);const i=window.w.get(t+".itemControl");i&&(this.orientation==="horizontal"?(i.deleteClass("WUITabControlActive"),i.addClass("WUITabControl")):this.orientation==="vertical"&&(i instanceof m?i.deleteClass("WUITabControlActiveIcon_VL"):i instanceof b&&i.deleteClass("WUITabControlActive_VL"),i.addClass("WUITabControl")))}else{const i=window.w.get(t+".itemControl");i&&(this.orientation==="horizontal"?i.addClass("WUITabControlActive"):this.orientation==="vertical"&&(i instanceof m?i.addClass("WUITabControlActiveIcon_VL"):i instanceof b&&i.addClass("WUITabControlActive_VL")))}if(o){(r=this.items.get(e))==null||r.content.setVisible(!0);const t=this.itemsScrollable.get(e);this.content.addChild(o.content),t?this.verticalScrollbar==null&&(this.verticalScrollbar=new A(o.content.id+".verticalScrollbar",this.content,"vertical")):this.verticalScrollbar&&(this.verticalScrollbar.free(),this.verticalScrollbar=null)}this.render()}render(){super.render(),this.verticalScrollbar&&this.verticalScrollbar.render()}}const D=s=>(s.id||(s.id="Tabs."+B()),S(y("div",{id:s.id,"w-tab":!0,"w-class":s.classNames,"w-selected-tab":s.selectedTab},s.children),s)),F=s=>y("div",{"w-tab-item":!0,"w-title":s.title,"w-icon":s.icon,"w-type":s.type},s.children);function N(s,l,e=null){const o=l.getAttribute("w-orientation"),n=!!l.getAttribute("w-scrollable"),r=l.getAttribute("w-selected-tab");let t=o||"horizontal",i=new x(s,e,t);if(l.childNodes.forEach((a,f)=>{if(a.getAttribute("w-tab-item")!==null){const v=a.getAttribute("w-title"),u=a.getAttribute("w-icon"),T=a.getAttribute("w-type")||"text";if(!a.firstChild)throw new Error("Tab Item must have a content");const h=U(a.firstChild);h!==null&&(T==="text"?i.addTab(i.id+".Item."+f,v||"Untitled",h,n):T==="icon-tab"&&i.addIconTab(i.id+".Item."+f,u||"home",h,n))}}),r!==null){const a=parseInt(r);a<i.items.size&&i.setTab(i.id+".Item."+a)}else i.setTab(i.id+".Item.0");return i}export{x as Tabs,D as WTab,F as WTabItem,N as createTab};

package/lib/assets/ui/textarea.ui.js

@@ -0,0 +1 @@
+import{DOMcreateElement as n}from"../core/jsxsupport.js";import{UID as x}from"../core/uid.js";/* empty css                   */import{normalizeWidget as o}from"./widget.builder.js";import{connectWidgetCallback as d,getOnlyEventProps as l,Widget as c}from"./widget.ui.js";class u extends c{constructor(e,r=null){super(e,"textarea",r),this.addClass("WUITextArea")}setText(e){const r=this.getBody();r.value=e}getText(){return this.getBody().value}}const A=t=>(t.id||(t.id="Textarea."+x()),d(t.id,l(t)),o(n("div",{id:t.id,"w-textarea":!0,"w-text":t.text}),t));function w(t,e,r=null){let a=new u(t,r);const i=e.getAttribute("w-text");return i&&a.setText(i),a}export{u as TextArea,A as WTextarea,w as createTextarea};

package/lib/assets/ui/toggle.ui.js

@@ -0,0 +1 @@
+var l=Object.defineProperty;var c=(s,e,t)=>e in s?l(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var o=(s,e,t)=>c(s,typeof e!="symbol"?e+"":e,t);import{IconButton as a}from"./IconButton.ui.js";class u extends a{constructor(t,g="",i="toggle_on",n="toggle_off",h=null){super(t,n,h);o(this,"state");o(this,"toggleOnIcon");o(this,"toggleOffIcon");this.toggleOnIcon=i,this.toggleOffIcon=n,this.state=!1,g&&this.setText(g),this.setVariant("text"),this.subscribe({event:"click",then:()=>{this.toggle()}})}setState(t){this.state=t,this.setIcon(t?this.toggleOnIcon:this.toggleOffIcon)}toggle(){this.setState(!this.state)}getState(){return this.state}}export{u as ToggleButton};

package/lib/assets/ui/toolbar.ui.js

@@ -0,0 +1 @@
+var C=Object.defineProperty;var u=(s,o,t)=>o in s?C(s,o,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[o]=t;var a=(s,o,t)=>u(s,typeof o!="symbol"?o+"":o,t);import{DOMcreateElement as L}from"../core/jsxsupport.js";/* empty css                  */import{Widget as g,WidgetAlignTypes as m,WidgetTypes as d}from"./widget.ui.js";import{IconButton as c}from"./IconButton.ui.js";import{normalizeWidget as T,createWidget as W}from"./widget.builder.js";import{UID as v}from"../core/uid.js";const e=48,n=40;class z extends g{constructor(t,i=null,b="horizontal"){super(t,"div",i);a(this,"orientation");a(this,"variant");a(this,"items");a(this,"size");a(this,"itemsContainer");a(this,"btnLeft");a(this,"btnRight");this.orientation=b,this.size=e,this.items=new Map,this.variant="outlined",this.orientation==="vertical"?this.setAlign(m.VERTICAL):this.setAlign(m.HORIZONTAL),this.setType(d.FILL),this.addClass("WUIToolbar-"+this.variant),this.itemsContainer=new g(this.id+".itemsContainer","div",this),this.itemsContainer.setType(d.CUSTOM),this.itemsContainer.getBody().style.position="absolute",this.itemsContainer.getBody().style.overflow="hidden",this.getBody().style.overflow="hidden",this.btnLeft=new c(this.id+".btnLeft",this.getIconLeft()),this.btnLeft.setType(d.CUSTOM),this.btnLeft.getBody().style.position="absolute",this.btnLeft.setW(n),this.btnLeft.setH(e),this.addChild(this.btnLeft),this.btnRight=new c(this.id+".btnRight",this.getIconRight()),this.btnRight.setType(d.CUSTOM),this.btnRight.getBody().style.position="absolute",this.btnRight.setW(n),this.btnRight.setH(e),this.addChild(this.btnRight),this.btnLeft.subscribe({event:"click",then:()=>{this.orientation==="horizontal"?this.itemsContainer.getBody().scrollLeft-=e:this.itemsContainer.getBody().scrollTop-=e}}),this.btnRight.subscribe({event:"click",then:()=>{this.orientation==="horizontal"?this.itemsContainer.getBody().scrollLeft+=e:this.itemsContainer.getBody().scrollTop+=e}})}setVariant(t){this.deleteClass("WUIToolbar-"+this.variant),this.variant=t,this.addClass("WUIToolbar-"+this.variant)}getIconLeft(){return this.orientation==="horizontal"?"arrow_left":"arrow_drop_up"}getIconRight(){return this.orientation==="horizontal"?"arrow_right":"arrow_drop_down"}setOrientation(t,i=e){this.orientation=t,this.size=i}setSize(t){this.size=t}addItem(t,i){i.setParent(this.itemsContainer),i.setType(d.CUSTOM),this.orientation==="vertical"?i.setW(this.size):i.setH(this.size),this.items.set(t,i)}init(){super.init()}getFullSize(){let t=0;for(const i of this.items.values())this.orientation==="horizontal"?t+=i.getW():this.orientation==="vertical"&&(t+=i.getH());return t}render(){super.render();const t=this.getFullSize(),i=this.getParent(),b=(i==null?void 0:i.getH())||0,l=this.orientation==="horizontal"?this.getW():b;t>l?(this.btnLeft.setVisible(!0),this.btnRight.setVisible(!0),this.orientation==="horizontal"?(this.itemsContainer.setY(0),this.itemsContainer.setX(n),this.itemsContainer.setW(l-n*2),this.itemsContainer.setH(e),this.btnLeft.setX(0),this.btnLeft.setW(n),this.btnLeft.setH(e),this.btnRight.setX(l-n),this.btnRight.setW(n),this.btnRight.setH(e)):(this.itemsContainer.setY(n),this.itemsContainer.setX(0),this.itemsContainer.setW(e),this.itemsContainer.setH(l-n*2),this.btnLeft.setY(0),this.btnLeft.setW(e),this.btnLeft.setH(n),this.btnRight.setY(l-n),this.btnRight.setW(e),this.btnRight.setH(n))):(this.btnLeft.setVisible(!1),this.btnRight.setVisible(!1),this.orientation==="horizontal"?(this.itemsContainer.setY(0),this.itemsContainer.setX(0),this.itemsContainer.setW(t),this.itemsContainer.setH(e)):(this.itemsContainer.setY(0),this.itemsContainer.setX(0),this.itemsContainer.setW(e),this.itemsContainer.setH(t)));let h=0;for(const r of this.items.values())this.orientation==="vertical"?(r.setY(h),h+=r.getH(),r.setX(0),r.setW(n)):(r.setX(h),r.setY(0),r.setH(n),h+=r.getW()),r.render()}}const B=s=>(s.id||(s.id="Toolbar."+v()),T(L("div",{"w-toolbar":!0,id:s.id,"w-variant":s.variant},s.children),s));function S(s,o,t=null){const i=o.getAttribute("w-orientation"),b=o.getAttribute("w-variant");let l=i||"horizontal",h=new z(s,t,l);return b&&h.setVariant(b),o.childNodes.forEach(r=>{const f=W(r);f!==null&&h.addItem(f.id,f)}),h}export{z as Toolbar,B as WToolbar,S as createToolbar};