@sme.up/ketchup 11.0.0-SNAPSHOT-20241118135127 → 11.0.0-SNAPSHOT-20241118143411

package/dist/ketchup/{p-7f6331ba.entry.js → p-822300c4.entry.js}

@@ -1,2 +1,2 @@
-import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-15f54117.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const f=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"45102ca7586bebbfc7f2b153d93c0f004f2ebfec"},s?i("style",null,s):null,i("div",{key:"c4e6be7e1976deddb7fea01875262045fa35ad78",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{f as kup_probe};
-//# sourceMappingURL=p-7f6331ba.entry.js.map
+import{r as s,f as t,h as i,H as e,d as h}from"./p-d7c15b0e.js";import{k as l}from"./p-e1cf074e.js";import{c as o}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const f=class{constructor(t){s(this,t);this.kupManager=l();this.startTime=performance.now();this.featuresStartTime=null;this.endTime=null;this.content=null;this.customStyle="";this.features={debug:false,language:false,longCycleProp:false,longCycleVar:false,objects:false,objectsFunction:false,theme:false}}async printLifecycleTime(){const s=this.endTime-this.featuresStartTime;const t=this.endTime-this.startTime;this.content="Full lifecycle of this probe ("+this.rootElement.tagName+"#"+this.rootElement.id+") took "+t+"ms, while features took "+s+"ms.";return{id:this.rootElement.id,fullTime:t,featuresTime:s}}async refresh(){t(this)}longCycleProp(){}longCycleVar(){}longCycleObjects(){for(let s=0;s<1e6;s++){this.kupManager.objects.isNumber({t:"NR",p:"",k:""})}}longCycleObjectsFunction(){}componentWillLoad(){this.featuresStartTime=performance.now();if(this.features.debug){this.kupManager.debug.logLoad(this,false)}if(this.features.language){this.kupManager.language.register(this)}if(this.features.longCycleProp){this.longCycleProp()}if(this.features.longCycleVar){this.longCycleVar()}if(this.features.objects){this.longCycleObjects()}if(this.features.objectsFunction){this.longCycleObjectsFunction()}if(this.features.theme){this.kupManager.theme.register(this)}}componentDidLoad(){if(this.features.debug){this.kupManager.debug.logLoad(this,true)}this.endTime=performance.now()}componentWillRender(){if(this.features.debug){this.kupManager.debug.logRender(this,false)}}componentDidRender(){if(this.features.debug){this.kupManager.debug.logRender(this,true)}}render(){let s=null;if(this.features.theme){s=this.kupManager.theme.setKupStyle(this.rootElement)}return i(e,{key:"45102ca7586bebbfc7f2b153d93c0f004f2ebfec"},s?i("style",null,s):null,i("div",{key:"c4e6be7e1976deddb7fea01875262045fa35ad78",id:o},this.content))}disconnectedCallback(){if(this.features.language){this.kupManager.language.unregister(this)}if(this.features.theme){this.kupManager.theme.unregister(this)}}get rootElement(){return h(this)}};export{f as kup_probe};
+//# sourceMappingURL=p-822300c4.entry.js.map

package/dist/ketchup/{p-98d28887.entry.js → p-9466c7b2.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as f,s as p,e as h}from"./p-15f54117.js";import"./p-029c7cbe.js";var r;(function(t){t["buttonData"]="Props of the button (when isButton is set to true).";t["isButton"]="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.";t["src"]="The address the iframe should be referencing to."})(r||(r={}));const l=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";const g=l;const u=class{constructor(e){t(this,e);this.kupIframeError=i(this,"kup-iframe-error",6);this.kupIframeLoad=i(this,"kup-iframe-load",6);this.kupManager=a();this.buttonData={};this.isButton=false;this.src=undefined}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return f(this,r,t)}async refresh(){e(this)}async setProps(t){p(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(this.src===undefined||this.src===null||this.src===""){let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,h.WARNING);return}if(!this.buttonData["icon"]){this.buttonData["icon"]="open_in_new"}if(!this.buttonData["label"]){this.buttonData["label"]="Open in new tab"}return!this.isButton?n(o,{"is-iframe":true},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src})):n(o,{"is-button":true},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()})))}get rootElement(){return s(this)}};u.style=g;export{u as kup_iframe};
-//# sourceMappingURL=p-98d28887.entry.js.map
+import{r as t,c as i,f as e,h as n,H as o,d as s}from"./p-d7c15b0e.js";import{k as a,g as f,s as p,e as h}from"./p-e1cf074e.js";import"./p-029c7cbe.js";var r;(function(t){t["buttonData"]="Props of the button (when isButton is set to true).";t["isButton"]="The component will be rendered as a button, which opens the link associated to the iframe in another tab when clicked.";t["src"]="The address the iframe should be referencing to."})(r||(r={}));const l=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}iframe{box-sizing:border-box;height:100%;width:100%}:host([is-iframe]){box-sizing:border-box;display:block;height:100%;width:100%}";const g=l;const u=class{constructor(e){t(this,e);this.kupIframeError=i(this,"kup-iframe-error",6);this.kupIframeLoad=i(this,"kup-iframe-load",6);this.kupManager=a();this.buttonData={};this.isButton=false;this.src=undefined}onKupIframeError(){this.kupIframeError.emit({comp:this,id:this.rootElement.id})}onKupIframeLoad(){this.kupIframeLoad.emit({comp:this,id:this.rootElement.id})}async getProps(t){return f(this,r,t)}async refresh(){e(this)}async setProps(t){p(this,r,t)}openInNew(){window.open(this.src,"_blank")}componentWillLoad(){this.kupManager.debug.logLoad(this,false)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){if(this.src===undefined||this.src===null||this.src===""){let t="Resource undefined, not rendering!";this.kupManager.debug.logMessage(this,t,h.WARNING);return}if(!this.buttonData["icon"]){this.buttonData["icon"]="open_in_new"}if(!this.buttonData["label"]){this.buttonData["label"]="Open in new tab"}return!this.isButton?n(o,{"is-iframe":true},n("iframe",{onError:this.onKupIframeError.bind(this),onLoad:this.onKupIframeLoad.bind(this),src:this.src})):n(o,{"is-button":true},n("kup-button",Object.assign({},this.buttonData,{"onkup-button-click":()=>this.openInNew()})))}get rootElement(){return s(this)}};u.style=g;export{u as kup_iframe};
+//# sourceMappingURL=p-9466c7b2.entry.js.map

package/dist/ketchup/{p-7c151495.entry.js → p-9b45f18d.entry.js}

@@ -1,2 +1,2 @@
-import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-15f54117.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var h;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(h||(h={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=b;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=h.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"598606cfb1efd225c4097422e9353249c50986c1",class:"header"},o("style",{key:"c4c540e71f3f77a40980801f36213ac05cada324"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9005adb131af2a997ce5649cdac78c3a1489c1e0",id:l},o("header",{key:"ebc0b418898b147f2e0916bad84790f285fdf749",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"854d0b6102ab2c751df8b2def23ac34498f4d918",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
-//# sourceMappingURL=p-7c151495.entry.js.map
+import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-d7c15b0e.js";import{k as e,g as p,s}from"./p-e1cf074e.js";import{c as l}from"./p-635bb4b3.js";import"./p-029c7cbe.js";const c="nav-bar";var u;(function(a){a["customStyle"]="Custom style of the component.";a["image"]="Image displayed by the nav bar, uses the kup-image component's props.";a["label"]="Text displayed by the nav bar.";a["showMenuButton"]="When true, the menu button will be displayed on the left of the nav bar.";a["styling"]="Defines the style of the nav bar"})(u||(u={}));var h;(function(a){a["SHORT"]="short";a["STANDARD"]="standard"})(h||(h={}));const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n    --kup-navbar-item-color,\n    var(--kup-primary-color-0)\n  );--kup_navbar_background_color:var(\n    --kup-navbar-background-color,\n    var(--kup-layer-1-inverted)\n  );--kup_navbar_box_shadow:var(\n    --kup-navbar-box-shadow,\n    0 2px 4px -1px rgba(128, 128, 128, 0.2),\n    0 4px 5px 0 rgba(128, 128, 128, 0.14),\n    0 1px 10px 0 rgba(128, 128, 128, 0.12)\n  );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n    --kup-navbar-short-border-radius,\n    0px 0px 24px\n  );--kup_navbar_short_box_shadow:var(\n    --kup-navbar-short-box-shadow,\n    rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n    rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n    rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n  );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(*){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";const v=b;const _=class{constructor(r){a(this,r);this.kupNavbarReady=t(this,"kup-navbar-ready",6);this.kupNavbarResize=t(this,"kup-navbar-resize",6);this.kupManager=e();this.customStyle="";this.styling=h.STANDARD}async getProps(a){return p(this,u,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout);this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,u,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0);const t=[];const r=[];for(let i=0;i<a.length;i++){const n=a[i];if(n.slot==="left"){t.push(o("slot",{name:"left"}))}else{r.push(o("slot",{name:"right"}))}}return[t.length?o("section",{class:`${c}__section ${c}__section--align-start`},t):null,r.length?o("section",{class:`${c}__section ${c}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.language.register(this);this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id});this.kupManager.resize.observe(this.rootElement);this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){return o(i,{key:"598606cfb1efd225c4097422e9353249c50986c1",class:"header"},o("style",{key:"c4c540e71f3f77a40980801f36213ac05cada324"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"9005adb131af2a997ce5649cdac78c3a1489c1e0",id:l},o("header",{key:"ebc0b418898b147f2e0916bad84790f285fdf749",class:`${c} ${c}--${this.styling.toLowerCase()} `},o("div",{key:"854d0b6102ab2c751df8b2def23ac34498f4d918",class:`${c}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this);this.kupManager.resize.unobserve(this.rootElement);this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};_.style=v;export{_ as kup_nav_bar};
+//# sourceMappingURL=p-9b45f18d.entry.js.map

package/dist/ketchup/{p-43d46909.entry.js → p-b2a20978.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-15f54117.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-cc32b7a2.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-27163fd2.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-4ac7f525.js";import"./p-f00d7dff.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-text-secondary)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-layer-1)\n  );--kup_imagelist_item_background_color_hover:var(\n    --kup-imagelist-item-background-color-hover,\n    var(--kup-layer-1-hover)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
-//# sourceMappingURL=p-43d46909.entry.js.map
+import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-e1cf074e.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-cc32b7a2.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-c398ed83.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";var k;(function(i){i["columns"]="Can set a specific number of columns";i["customStyle"]="Custom style of the component.";i["data"]="Actual data of the component";i["ripple"]="When enabled displays Material's ripple effect on clicked items.";i["rows"]="Cam set a specific number of rows. It overwrite the columns flow into rows flow";i["showFullDescription"]="When enabled, image descriptions will always be displayed entirely and not cut or truncated."})(k||(k={}));class v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n    --kup-imagelist-background-color,\n    transparent\n  );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n    --kup-imagelist-image-min-height,\n    var(--kup-space-09)\n  );--kup_imagelist_item_border_radius:var(\n    --kup-imagelist-item-border-radius,\n    var(--kup-radius-00)\n  );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n    --kup-imagelist-label-margin,\n    0 auto 1em auto\n  );--kup_imagelist_navbar_background_color:var(\n    --kup-imagelist-navbar-background-color,\n    transparent\n  );--kup_imagelist_primary_color:var(\n    --kup-imagelist-primary-color,\n    var(--kup-primary-color)\n  );--kup_imagelist_primary_color_rgb:var(\n    --kup-imagelist-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_imagelist_text_color:var(\n    --kup-imagelist-text-color,\n    var(--kup-text-secondary)\n  );--kup_imagelist_item_background_color:var(\n    --kup-imagelist-item-background-color,\n    var(--kup-layer-1)\n  );--kup_imagelist_item_background_color_hover:var(\n    --kup-imagelist-item-background-color-hover,\n    var(--kup-layer-1-hover)\n  );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));margin-top:1em;width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return a==="a"?s.call(i,e):s?s.value=e:t.set(i,e),e};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;const F=class{constructor(e){i(this,e);this.kupClick=t(this,"kup-imagelist-click",6);this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6);this.kupDblClick=t(this,"kup-imagelist-dblclick",6);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"f").data.node.find(this.data,i)}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t){for(let i=0;i<t.length;i++){_.attachTo(t[i])}}}this.persistState();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}}}let e=Object.assign({},t);if(this.rows!=null&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":`column`};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",class:"navigation-bar"},i?a("div",{class:`navigation-bar__wrapper ${this.navigationBarToggled?"navigation-bar__wrapper--active":""}`},a("div",{class:`navigation-bar__title`,onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:true,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?void 0:i.length)>0){this.currentNode=a}this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
+//# sourceMappingURL=p-b2a20978.entry.js.map

package/dist/ketchup/{p-2215ccf4.entry.js → p-c0aed6b3.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as n,H as o,d as f}from"./p-d7c15b0e.js";import{k as a,g as p,s}from"./p-15f54117.js";import{c as h}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var r;(function(t){t["data"]="Data of the component containing text"})(r||(r={}));const l=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";const c=l;var g=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var m;const u="\r\n";const d=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-txt-ready",6);m.set(this,a());this.data=undefined}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;const e=((t=this.data)===null||t===void 0?void 0:t.value)||"";return e.replace(new RegExp(`${u}`,"g"),"<br />")}componentWillLoad(){g(this,m,"f").debug.logLoad(this,false);g(this,m,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});g(this,m,"f").debug.logLoad(this,true)}componentWillRender(){g(this,m,"f").debug.logRender(this,false)}componentDidRender(){g(this,m,"f").debug.logRender(this,true)}render(){const t=this.getValue();return n(o,{key:"9ea52fb3468de015380d4451bea7c1123023460c"},n("style",{key:"e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d"},g(this,m,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"e946d355ead7cba0710c92b58d9f04efdf6e4466",id:h},n("div",{key:"22cf78343c4964c0ebbe26e4c0f75066156cdce9",innerHTML:t})))}disconnectedCallback(){g(this,m,"f").theme.unregister(this)}get rootElement(){return f(this)}};m=new WeakMap;d.style=c;export{d as kup_txt};
-//# sourceMappingURL=p-2215ccf4.entry.js.map
+import{r as t,c as e,f as i,h as n,H as o,d as f}from"./p-d7c15b0e.js";import{k as a,g as p,s}from"./p-e1cf074e.js";import{c as h}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var r;(function(t){t["data"]="Data of the component containing text"})(r||(r={}));const l=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{height:100%;width:100%;display:block;color:var(--kup-text-color);font-family:var(--kup-font-family);font-size:var(--kup-font-size)}#kup-component{height:100%}";const c=l;var g=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,n){if(i==="a"&&!n)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!n:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?n:i==="a"?n.call(t):n?n.value:e.get(t)};var m;const u="\r\n";const d=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-txt-ready",6);m.set(this,a());this.data=undefined}async getProps(t){return p(this,r,t)}async refresh(){i(this)}async setProps(t){s(this,r,t)}getValue(){var t;const e=((t=this.data)===null||t===void 0?void 0:t.value)||"";return e.replace(new RegExp(`${u}`,"g"),"<br />")}componentWillLoad(){g(this,m,"f").debug.logLoad(this,false);g(this,m,"f").theme.register(this)}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});g(this,m,"f").debug.logLoad(this,true)}componentWillRender(){g(this,m,"f").debug.logRender(this,false)}componentDidRender(){g(this,m,"f").debug.logRender(this,true)}render(){const t=this.getValue();return n(o,{key:"9ea52fb3468de015380d4451bea7c1123023460c"},n("style",{key:"e8e1fdcc1f608b34b46be6cfecd8e1acbe31050d"},g(this,m,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"e946d355ead7cba0710c92b58d9f04efdf6e4466",id:h},n("div",{key:"22cf78343c4964c0ebbe26e4c0f75066156cdce9",innerHTML:t})))}disconnectedCallback(){g(this,m,"f").theme.unregister(this)}get rootElement(){return f(this)}};m=new WeakMap;d.style=c;export{d as kup_txt};
+//# sourceMappingURL=p-c0aed6b3.entry.js.map

package/dist/ketchup/{p-27163fd2.js → p-c398ed83.js}

@@ -1,2 +1,2 @@
-import{a8 as e,a9 as t,d as s,a5 as n,aa as i,ab as c,ac as a,F as l,ad as o,ae as r,af as u,ag as f,ah as d,e as p}from"./p-15f54117.js";import{h as b,g as k,F as h}from"./p-d7c15b0e.js";import{F as v}from"./p-5d03c077.js";import{F as m}from"./p-4ac7f525.js";import{F as g}from"./p-2b519589.js";import{F as w,c as j}from"./p-f00d7dff.js";import{F as O}from"./p-cc32b7a2.js";var y;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(y||(y={}));var $;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})($||($={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var _;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(_||(_={}));const I=e=>{if(!e.sizing){e.sizing=_.MEDIUM}e.sizing.toLowerCase()===_.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return b("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),b("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},b("div",{class:t},b("div",{class:"switch__track"}),b("div",{class:"switch__thumb-underlay"},b("div",{class:"switch__thumb"},b("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),b("label",{onClick:e.onChange},e.label)))};const C=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let t=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let s="pie";let n=undefined;if(e.isRadial){t+=" pie-wrapper is-radial"}else{t+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){t+=" text-color-on-primary"}}else if(e.value>49){t+=" text-color-on-primary"}let a=null;if(e.icon){a=z(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=b("span",{class:"label"},e.label)}else{a=b("span",{class:"label"},e.value,b("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){s+=" has-value";if(e.value>50){s+=" is-more-than-half"}else{s+=" is-less-than-half"}}if(e.isRadial){return b("div",{class:t},a,b("div",{class:s},b("div",{style:n,class:"left-side half-circle"}),b("div",{class:"right-side half-circle"})),b("div",{class:"shadow"}))}else{return b("div",{class:t},b("div",{class:"progress-bar-percentage",style:c},b("span",{style:i},a)))}};function z(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return b("span",{class:"label kup-icon is-image"},b("img",{src:e.icon}))}else{let t=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return b("span",{style:s,class:"label kup-icon"})}}var N;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(N||(N={}));const F=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||N.RADIO;for(let s=0;s<((t=e.data)===null||t===void 0?void 0:t.length);s++){const t=e.data[s];const c={radio:true,"radio--checked":t.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(b("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},b("div",{class:c},i===N.RADIO?b("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):b(h,null,t.checked?b(g,{resource:"check",sizeX:"14px",sizeY:"14px"}):b(g,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===N.RADIO&&b("div",{class:"radio__background"},b("div",{class:"radio__outer-circle"}),b("div",{class:"radio__inner-circle"}))),b("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},t.label?t.label:"")))}const c={"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""};return b("div",{class:`f-radio radio-wrapper\n             ${s?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:c},n)};const H=e=>{if(!e.maxValue){e.maxValue=5}return b("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},D(e))};function D(e){const t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const T=document.documentElement;const M=(i,c)=>{var a;const l=i.cell;const o=i.column;const u=i.row;const f=i.shape?i.shape:l.shape?l.shape:o.shape?o.shape:null;const p=!T.ketchup.objects.isEmptyKupObj(l.obj);let k=false;if(l.hasOwnProperty("isEditable")){k=l.isEditable}else if(o.hasOwnProperty("isEditable")){k=o.isEditable}k=k&&i.editable;if(l.options){l.data=(a=S(l,o))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const v=T.ketchup.data.cell.getType(l,f);const m=Object.assign({},l.data);let w=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(i.component.legacyLook){w+=" monospace c-pre"}const j={"f-cell":true,[r.OBJ]:p?true:false,[v+"-cell"]:true,[i.wrapperClass]:i.wrapperClass?true:false,[i.density]:i.density&&v!==n.BAR?true:false,[w]:w?true:false};let O=h;if(!l.data){ee(v,l)}if(k&&e.includes(v)){O=J(v,j,l,o,i)}else if(l.data&&t.includes(v)){if(i.setSizes){q(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";O=b("span",{class:e})}else{O=Z(v,j,m,l,u,o,i)}}else{if(i.setSizes){U(v,m,l,i)}O=Q(v,m,O,j,l,o,i)}let y=null;if(!k&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=b(g,Object.assign({},e))}let $=null;if(T.ketchup.debug.isDebug()&&p){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${s.INFO})`}if(!e.icon){e.icon="info"}const t={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=b(g,Object.assign({},t))}return b("div",{onKeyUp:e=>te(e,i,v,d.KEYUP),class:j,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},b("div",{class:"f-cell__content",style:l.styleContent,title:$},i.cellActionIcon&&b(g,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${v===n.NUMBER?"left":"right"}`,onClick:i.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[i.indents,x,y,O]))};const S=(e,t)=>{if(!e){return null}const s=e.options;const i=t.title;const c=e.value;const a=T.ketchup.data.cell.getType(e,e.shape);const l=new Map([[n.BUTTON_LIST,R.bind(undefined)],[n.STRING,Y.bind(undefined)],[n.RADIO,K.bind(undefined)],[n.AUTOCOMPLETE,W.bind(undefined)],[n.COMBOBOX,W.bind(undefined)],[n.CHECKBOX,X.bind(undefined)],[n.OBJECT,V.bind(undefined)],[n.CHIP,E.bind(undefined)]]);const o=l.get(a);return o?o(s,i,c,e):null};const E=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};const V=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const X=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const R=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const Y=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const K=(e,t,s,n)=>{const c=i(s,e);n.data=Object.assign(Object.assign({},n.data),c)};const W=(e,t,s,n,i)=>{var a;if(!((a=n.data)===null||a===void 0?void 0:a.data)&&e){const n=c(s,t,[]);n.data["kup-list"].data=A(e,s);return n}};const A=(e,t)=>{const s=L.get(e.type);if(s){return s(e,t)}else{return e.map((e=>({value:e.label,id:e.id,selected:t===e.id})))}};const B=(e,t)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:t===e.content.codice,children:((s=e.children)===null||s===void 0?void 0:s.length)?B(e,t):[]}}));const G=(e,t)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:t===e.obj.k,children:((s=e.children)===null||s===void 0?void 0:s.length)?G(e,t):[]}}));const P=(e,t)=>e.rows.map((e=>{var s;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((s=n[c])===null||s===void 0?void 0:s.value)||n[i].value,selected:t===n[i].value}}));const L=new Map([["SmeupTreeNode",B.bind(undefined)],["SmeupDataTree",G.bind(undefined)],["SmeupTable",P.bind(undefined)],["SmeupDataTable",P.bind(undefined)]]);function U(e,t,s,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!t.sizeX){t.sizeX="18px"}if(!t.sizeY){t.sizeY="18px"}if(s.style){if(!s.style.height){s.style["minHeight"]=t.sizeY}}else{s.style={minHeight:t.sizeY}}break;case n.IMAGE:const e=((c=i.cell)===null||c===void 0?void 0:c.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(i.component.rootElement.tagName===a.DATA_TABLE&&!l){if(!t.sizeX&&!t.sizeY){t.sizeX="100%";t.sizeY="64px";t.wrapperClass="noWidth"}else{if(!t.sizeX){t.sizeX="100%";t.wrapperClass="noWidth"}if(!t.sizeY){t.sizeY="auto"}}}if(i.component.rootElement.tagName===a.BOX){if(!t.sizeY){t.sizeY="auto"}if(t.fit===undefined){t.fit=true}}else if(!t.sizeX){t.sizeX="auto"}if(!t.sizeY){t.sizeY="64px"}break}}function q(e,t,s){switch(e){case n.BAR:if(!t.sizeY){t.sizeY="26px"}break;case n.BUTTON:let e="";if(t.label){e="36px"}if(s.style){if(!s.style.height){s.style["minHeight"]=e}}else{s.style={minHeight:e}}break;case n.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case n.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case n.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function J(e,t,s,i,c){var a,o;switch(e){case n.AUTOCOMPLETE:return b("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-autocomplete-change":t=>te(t,c,e,d.UPDATE),"onkup-autocomplete-input":t=>te(t,c,e,d.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,d.ICON_CLICK)}));case n.CHECKBOX:if(ne(c)){t[r.C_CENTERED]=true}if(s.shape===l.INPUT_CHECKBOX){return b("input",{checked:s.value==="on"||s.value==="1"?true:false,class:"input-checkbox",onChange:t=>te(t,c,e,d.UPDATE),type:"checkbox"})}else{return b(v,Object.assign({},s.data,{onChange:t=>te(t,c,e,d.UPDATE)}))}case n.CHIP:return b("kup-chip",Object.assign({},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,d.UPDATE)}),b("kup-text-field",Object.assign({fullWidth:true,slot:"field"},s.slotData,{error:s.data.error})));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":t=>te(t,c,e,d.UPDATE)}));case n.COMBOBOX:return b("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-combobox-change":t=>te(t,c,e,d.UPDATE),"onkup-combobox-input":t=>te(t,c,e,d.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,d.ICON_CLICK)}));case n.DATE:return b("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-datepicker-change":t=>te(t,c,e,d.UPDATE),"onkup-datepicker-input":t=>te(t,c,e,d.INPUT)}));case n.MULTI_AUTOCOMPLETE:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,d.UPDATE)}),b("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>te(t,c,e,d.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,d.ICON_CLICK),showDropDownIcon:false},s.slotData,{error:s.data.error})));case n.MULTI_COMBOBOX:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,d.UPDATE)}),b("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>te(t,c,e,d.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,d.ICON_CLICK)},s.slotData,{error:s.data.error})));case n.RADIO:return b(F,Object.assign({},s.data,{disabled:false,onChange:(t,n)=>{const i=s.data.data;for(let e=0;e<i.length;e++){const s=i[e];if(e===t){s.checked=true}else{s.checked=false}}te(n,c,e,d.UPDATE)}}));case n.RATING:return b("kup-rating",Object.assign({key:i.name+c.row.id},s.data,{disabled:false,"onkup-rating-click":t=>te(t,c,e,d.UPDATE)}));case n.SWITCH:return b(I,Object.assign({},s.data,{disabled:false,onChange:t=>te(t,c,e,d.UPDATE)}));case n.TIME:return b("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-timepicker-change":t=>te(t,c,e,d.UPDATE),"onkup-timepicker-input":t=>te(t,c,e,d.INPUT)}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s.data,{disabled:false,onIconClick:t=>te(t,c,e,d.ICON_CLICK)}));case n.NUMBER:t[r.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=t=>te(t,c,e,d.UPDATE);const f=t=>te(t,c,e,d.INPUT);const p=e===n.NUMBER?"number":null;const k=e===n.NUMBER&&s.value?T.ketchup.math.numberifySafe(s.value).toString():s.value;if(s.shape===l.INPUT_FIELD){return b("input",{class:"input-field",onChange:u,onInput:f,type:p,value:k,maxLength:(o=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&o!==void 0?o:-1})}else{return b(m,Object.assign({inputType:p,fullWidth:ie(c)?true:false},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:i.icon?i.icon:null,value:k,onChange:u,onInput:f,onIconClick:t=>te(t,c,e,d.ICON_CLICK)}))}}}function Q(e,t,s,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(s&&s!=""){const e=f(a,c);return b("div",{class:"f-cell__text"},e)}return s;case n.CHECKBOX:if(ne(l)){i[r.C_CENTERED]=true}return b(g,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return b("div",{innerHTML:c.value});case n.ICON:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.IMAGE:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.LINK:return b("a",{href:s,target:"_blank"},c.value);case n.NUMBER:if(s&&s!=""){const e=T.ketchup.math.numberifySafe(c.value);const t=f(a,c);if(e<0){i[r.TEXT_DANGER]=true}if(ne(l)){i[r.C_RIGHT_ALIGNED]=true}return b("div",{class:"f-cell__text"},t)}return b("div",{class:"f-cell__text"},s);case n.SWITCH:if(ne(l)){i[r.C_CENTERED]=true}t["disabled"]=true;return b(I,Object.assign({},t));default:return b("div",{class:"f-cell__text"},s)}}function Z(e,t,s,i,c,a,l){switch(e){case n.BAR:if(!s.data){return b("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return b("div",{style:e},b(g,Object.assign({},s)))}case n.BUTTON:if(ne(l)){t[r.C_CENTERED]=true}return b(O,Object.assign({},s,{onClick:t=>te(t,l,e,d.CLICK)}));case n.BUTTON_LIST:if(ne(l)){t[r.C_CENTERED]=true}s["data-storage"]={cell:i,row:c,column:a};return b("kup-button-list",Object.assign({key:a.name+l.row.id},s));case n.CHART:if(ne(l)){t[r.C_CENTERED]=true}return b("kup-chart",Object.assign({key:a.name+l.row.id},s));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return b(j,Object.assign({},s));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:ie(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return b("kup-gauge",Object.assign({key:a.name+l.row.id,value:T.ketchup.math.numberifySafe(i.value),"width-component":"280px"},s));case n.KNOB:case n.PROGRESS_BAR:return s.customStyle?b("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):b(C,Object.assign({},s));case n.RADIO:if(ne(l)){t[r.C_CENTERED]=true}s["disabled"]=c.readOnly;return b(F,Object.assign({},s));case n.RATING:return b(H,Object.assign({},s,{disabled:true}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s,{disabled:true}))}}function ee(e,t){function s(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function i(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function a(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const n=e.split("\\\\");const o=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!s(e)){return null}else{const s=e.split(";");if(s.length===3){const e=s[2].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}}else if(c(e));else if(a(e)){const s=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(s))){t.height=`${s}%`}}else{o.push(r(e,t))}}return o.length?o:null}function r(e,t){const s=Object.assign({},t);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const t=e.exec(n[0]);if(t){const[,e,n,i]=t;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){s.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}return s}}t.data={};const u=()=>{var e;const s=(e=t.value)===null||e===void 0?void 0:e.split(";");if((s===null||s===void 0?void 0:s[s.length-1].trim())===""){s.pop()}if(s&&s.length){t.data.data=[];for(let e of s){t.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:t.data.checked=t.value==="1"?true:false;break;case n.BAR:if(i(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case n.BUTTON:t.data.label=t.value;break;case n.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.value,shape:"pie"}});break;case n.BUTTON_LIST:case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.RADIO:u();break;case n.COLOR_PICKER:t.data.initialValue=t.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:t.data.value=parseInt(t.value);break;case n.ICON:case n.IMAGE:t.data.resource=t.value;break}}function te(e,t,s,i){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(i===d.UPDATE){let t=se(e,s);switch(s){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=t}break;case n.CHECKBOX:case n.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case n.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=f(a,c)}if(l&&l.rootElement){const t=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(i===d.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function se(e,t){const s=!!(e.target.tagName==="INPUT");let i=s?e.target.value:e.detail.value;if(t===n.CHECKBOX&&s){i=e.target.checked?"off":"on"}if(t===n.NUMBER&&s){i=T.ketchup.math.formattedStringToNumberString(i,"")}return i}function ne(e){var t;return u.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ie(e){var t;return o.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{M as F,x as I,$ as K,y as a,C as b,F as c,H as d,_ as e,I as f};
-//# sourceMappingURL=p-27163fd2.js.map
+import{a8 as e,a9 as t,d as s,a5 as n,aa as i,ab as c,ac as a,F as l,ad as o,ae as r,af as u,ag as d,ah as f,e as p}from"./p-e1cf074e.js";import{h as b,g as k,F as h}from"./p-d7c15b0e.js";import{F as v}from"./p-5d03c077.js";import{F as m}from"./p-5403ec7d.js";import{F as g}from"./p-2b519589.js";import{F as w,c as j}from"./p-c618c6fd.js";import{F as O}from"./p-cc32b7a2.js";var y;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(y||(y={}));var $;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})($||($={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var _;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(_||(_={}));const I=e=>{if(!e.sizing){e.sizing=_.MEDIUM}e.sizing.toLowerCase()===_.SMALL;const t={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return b("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),b("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},b("div",{class:t},b("div",{class:"switch__track"}),b("div",{class:"switch__thumb-underlay"},b("div",{class:"switch__thumb"},b("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),b("label",{onClick:e.onChange},e.label)))};const C=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let t=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let s="pie";let n=undefined;if(e.isRadial){t+=" pie-wrapper is-radial"}else{t+=" progress-bar"}let i=undefined;const c={width:`${e.value}%`};if(!e.centeredLabel){i=c;if(e.value>2){t+=" text-color-on-primary"}}else if(e.value>49){t+=" text-color-on-primary"}let a=null;if(e.icon){a=z(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){a=b("span",{class:"label"},e.label)}else{a=b("span",{class:"label"},e.value,b("span",{class:"smaller"},"%"))}}else{if(e.label){a=e.label}else{a=e.value+"%"}}}}if(e.value>0){s+=" has-value";if(e.value>50){s+=" is-more-than-half"}else{s+=" is-less-than-half"}}if(e.isRadial){return b("div",{class:t},a,b("div",{class:s},b("div",{style:n,class:"left-side half-circle"}),b("div",{class:"right-side half-circle"})),b("div",{class:"shadow"}))}else{return b("div",{class:t},b("div",{class:"progress-bar-percentage",style:c},b("span",{style:i},a)))}};function z(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return b("span",{class:"label kup-icon is-image"},b("img",{src:e.icon}))}else{let t=`url('${k(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let s={mask:t,webkitMask:t};return b("span",{style:s,class:"label kup-icon"})}}var N;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(N||(N={}));const F=e=>{var t;const s=!!e.columns;const n=[];const i=e.type||N.RADIO;for(let s=0;s<((t=e.data)===null||t===void 0?void 0:t.length);s++){const t=e.data[s];const c={radio:true,"radio--checked":t.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};n.push(b("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},b("div",{class:c},i===N.RADIO?b("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,s):null,onFocus:e.onFocus}):b(h,null,t.checked?b(g,{resource:"check",sizeX:"14px",sizeY:"14px"}):b(g,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,s):null})),i===N.RADIO&&b("div",{class:"radio__background"},b("div",{class:"radio__outer-circle"}),b("div",{class:"radio__inner-circle"}))),b("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,s):null},t.label?t.label:"")))}const c={"--kup_radio_columns":s?`repeat(${e.columns}, 1fr)`:""};return b("div",{class:`f-radio radio-wrapper\n             ${s?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:c},n)};const H=e=>{if(!e.maxValue){e.maxValue=5}return b("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},D(e))};function D(e){const t=[];for(let s=1;s<=e.maxValue;s++){if(s<=e.value){t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"★"))}else{t.push(b("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,s):null},"☆"))}}return t}const T=document.documentElement;const M=(i,c)=>{var a;const l=i.cell;const o=i.column;const u=i.row;const d=i.shape?i.shape:l.shape?l.shape:o.shape?o.shape:null;const p=!T.ketchup.objects.isEmptyKupObj(l.obj);let k=false;if(l.hasOwnProperty("isEditable")){k=l.isEditable}else if(o.hasOwnProperty("isEditable")){k=o.isEditable}k=k&&i.editable;if(l.options){l.data=(a=S(l,o))!==null&&a!==void 0?a:l.data}const h=i.previousValue!==l.value?l.value:"";const v=T.ketchup.data.cell.getType(l,d);const m=Object.assign({},l.data);let w=l.cssClass?l.cssClass:(o===null||o===void 0?void 0:o.cssClass)?o===null||o===void 0?void 0:o.cssClass:"";if(i.component.legacyLook){w+=" monospace c-pre"}const j={"f-cell":true,[r.OBJ]:p?true:false,[v+"-cell"]:true,[i.wrapperClass]:i.wrapperClass?true:false,[i.density]:i.density&&v!==n.BAR?true:false,[w]:w?true:false};let O=h;if(!l.data){ee(v,l)}if(k&&e.includes(v)){O=J(v,j,l,o,i)}else if(l.data&&t.includes(v)){if(i.setSizes){q(v,m,l)}if(!i.renderKup){const e="cell-"+v+" placeholder";O=b("span",{class:e})}else{O=Z(v,j,m,l,u,o,i)}}else{if(i.setSizes){U(v,m,l,i)}O=Q(v,m,O,j,l,o,i)}let y=null;if(!k&&(o.icon||l.icon)&&O){const e={color:`rgba(var(${s.TEXT}-rgb), 0.375)`,resource:l.icon?l.icon:o.icon,placeholderResource:l.placeholderIcon?l.placeholderIcon:o.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};y=b(g,Object.assign({},e))}let $=null;if(T.ketchup.debug.isDebug()&&p){$=l.obj.t+"; "+l.obj.p+"; "+l.obj.k+";"}else if(l.title!=null&&l.title.trim()!=""){$=l.title}let x=null;if(l.info){const e=Object.assign({},l.info);if(!e.color){e.color=`var(${s.INFO})`}if(!e.icon){e.icon="info"}const t={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};x=b(g,Object.assign({},t))}return b("div",{onKeyUp:e=>te(e,i,v,f.KEYUP),class:j,"kup-get-cell-props":()=>i,ref:e=>l.element=e,style:l.style},b("div",{class:"f-cell__content",style:l.styleContent,title:$},i.cellActionIcon&&b(g,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${v===n.NUMBER?"left":"right"}`,onClick:i.cellActionIcon.onClick,tabIndex:0}),c&&c.length>0?c:[i.indents,x,y,O]))};const S=(e,t)=>{if(!e){return null}const s=e.options;const i=t.title;const c=e.value;const a=T.ketchup.data.cell.getType(e,e.shape);const l=new Map([[n.BUTTON_LIST,R.bind(undefined)],[n.STRING,Y.bind(undefined)],[n.RADIO,K.bind(undefined)],[n.AUTOCOMPLETE,W.bind(undefined)],[n.COMBOBOX,W.bind(undefined)],[n.CHECKBOX,X.bind(undefined)],[n.OBJECT,V.bind(undefined)],[n.CHIP,E.bind(undefined)]]);const o=l.get(a);return o?o(s,i,c,e):null};const E=(e,t,s,n)=>{const i={data:(e===null||e===void 0?void 0:e.length)?e===null||e===void 0?void 0:e.map((e=>({id:e.id,value:e.id}))):[]};n.data=Object.assign(Object.assign({},n.data),i)};const V=(e,t,s,n,i)=>({data:{initialValue:s||"",label:t||"",value:s||""}});const X=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{checked:s==="on"||s==="1",label:t});const R=(e,t,s,n)=>({data:[Object.assign(Object.assign({},n.data),{icon:n.icon,value:s})]});const Y=(e,t,s,n)=>Object.assign(Object.assign({},n.data),{label:t});const K=(e,t,s,n)=>{const c=i(s,e);n.data=Object.assign(Object.assign({},n.data),c)};const W=(e,t,s,n,i)=>{var a;if(!((a=n.data)===null||a===void 0?void 0:a.data)&&e){const n=c(s,t,[]);n.data["kup-list"].data=A(e,s);return n}};const A=(e,t)=>{const s=L.get(e.type);if(s){return s(e,t)}else{return e.map((e=>({value:e.label,id:e.id,selected:t===e.id})))}};const B=(e,t)=>e.children.map((e=>{var s;return{id:e.content.codice,value:e.content.testo,selected:t===e.content.codice,children:((s=e.children)===null||s===void 0?void 0:s.length)?B(e,t):[]}}));const G=(e,t)=>e.children.map((e=>{var s;return{id:e.obj.k,value:e.value,selected:t===e.obj.k,children:((s=e.children)===null||s===void 0?void 0:s.length)?G(e,t):[]}}));const P=(e,t)=>e.rows.map((e=>{var s;const n=e.fields||e.cells;const[i,c]=Object.keys(n);return{id:n[i].value,value:((s=n[c])===null||s===void 0?void 0:s.value)||n[i].value,selected:t===n[i].value}}));const L=new Map([["SmeupTreeNode",B.bind(undefined)],["SmeupDataTree",G.bind(undefined)],["SmeupTable",P.bind(undefined)],["SmeupDataTable",P.bind(undefined)]]);function U(e,t,s,i){var c;switch(e){case n.CHECKBOX:case n.ICON:if(!t.sizeX){t.sizeX="18px"}if(!t.sizeY){t.sizeY="18px"}if(s.style){if(!s.style.height){s.style["minHeight"]=t.sizeY}}else{s.style={minHeight:t.sizeY}}break;case n.IMAGE:const e=((c=i.cell)===null||c===void 0?void 0:c.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(i.component.rootElement.tagName===a.DATA_TABLE&&!l){if(!t.sizeX&&!t.sizeY){t.sizeX="100%";t.sizeY="64px";t.wrapperClass="noWidth"}else{if(!t.sizeX){t.sizeX="100%";t.wrapperClass="noWidth"}if(!t.sizeY){t.sizeY="auto"}}}if(i.component.rootElement.tagName===a.BOX){if(!t.sizeY){t.sizeY="auto"}if(t.fit===undefined){t.fit=true}}else if(!t.sizeX){t.sizeX="auto"}if(!t.sizeY){t.sizeY="64px"}break}}function q(e,t,s){switch(e){case n.BAR:if(!t.sizeY){t.sizeY="26px"}break;case n.BUTTON:let e="";if(t.label){e="36px"}if(s.style){if(!s.style.height){s.style["minHeight"]=e}}else{s.style={minHeight:e}}break;case n.CHART:if(!t.sizeX){t.sizeX="100%"}if(!t.sizeY){t.sizeY="100%"}break;case n.CHIP:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break;case n.RADIO:if(s.style){if(!s.style.height){s.style["minHeight"]="40px"}}else{s.style={minHeight:"40px"}}break}}function J(e,t,s,i,c){var a,o;switch(e){case n.AUTOCOMPLETE:return b("kup-autocomplete",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-autocomplete-change":t=>te(t,c,e,f.UPDATE),"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.CHECKBOX:if(ne(c)){t[r.C_CENTERED]=true}if(s.shape===l.INPUT_CHECKBOX){return b("input",{checked:s.value==="on"||s.value==="1"?true:false,class:"input-checkbox",onChange:t=>te(t,c,e,f.UPDATE),type:"checkbox"})}else{return b(v,Object.assign({},s.data,{onChange:t=>te(t,c,e,f.UPDATE)}))}case n.CHIP:return b("kup-chip",Object.assign({},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-text-field",Object.assign({fullWidth:true,slot:"field"},s.slotData,{error:s.data.error})));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":t=>te(t,c,e,f.UPDATE)}));case n.COMBOBOX:return b("kup-combobox",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-combobox-change":t=>te(t,c,e,f.UPDATE),"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)}));case n.DATE:return b("kup-date-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-datepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-datepicker-input":t=>te(t,c,e,f.INPUT)}));case n.MULTI_AUTOCOMPLETE:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":t=>te(t,c,e,f.INPUT),"onkup-autocomplete-iconclick":t=>te(t,c,e,f.ICON_CLICK),showDropDownIcon:false},s.slotData,{error:s.data.error})));case n.MULTI_COMBOBOX:return b("kup-chip",Object.assign({displayId:true},s.data,{type:w.INPUT,enableInput:true,"onKup-chip-change":t=>te(t,c,e,f.UPDATE)}),b("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":t=>te(t,c,e,f.INPUT),"onkup-combobox-iconclick":t=>te(t,c,e,f.ICON_CLICK)},s.slotData,{error:s.data.error})));case n.RADIO:return b(F,Object.assign({},s.data,{disabled:false,onChange:(t,n)=>{const i=s.data.data;for(let e=0;e<i.length;e++){const s=i[e];if(e===t){s.checked=true}else{s.checked=false}}te(n,c,e,f.UPDATE)}}));case n.RATING:return b("kup-rating",Object.assign({key:i.name+c.row.id},s.data,{disabled:false,"onkup-rating-click":t=>te(t,c,e,f.UPDATE)}));case n.SWITCH:return b(I,Object.assign({},s.data,{disabled:false,onChange:t=>te(t,c,e,f.UPDATE)}));case n.TIME:return b("kup-time-picker",Object.assign({key:i.name+c.row.id,initialValue:s.value},s.data,{class:ie(c)?"kup-full-width":"","onkup-timepicker-change":t=>te(t,c,e,f.UPDATE),"onkup-timepicker-input":t=>te(t,c,e,f.INPUT)}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s.data,{disabled:false,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}));case n.NUMBER:t[r.C_RIGHT_ALIGNED]=true;case n.LINK:case n.STRING:const u=t=>te(t,c,e,f.UPDATE);const d=t=>te(t,c,e,f.INPUT);const p=e===n.NUMBER?"number":null;const k=e===n.NUMBER&&s.value?T.ketchup.math.numberifySafe(s.value).toString():s.value;if(s.shape===l.INPUT_FIELD){return b("input",{class:"input-field",onChange:u,onInput:d,type:p,value:k,maxLength:(o=(a=i.cellData)===null||a===void 0?void 0:a.maxLength)!==null&&o!==void 0?o:-1})}else{return b(m,Object.assign({inputType:p,fullWidth:ie(c)?true:false},s.data,{icon:s.data&&s.data.icon?s.data.icon:s.icon?s.icon:i.icon?i.icon:null,value:k,onChange:u,onInput:d,onIconClick:t=>te(t,c,e,f.ICON_CLICK)}))}}}function Q(e,t,s,i,c,a,l){switch(e){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.DATETIME:case n.TIME:if(s&&s!=""){const e=d(a,c);return b("div",{class:"f-cell__text"},e)}return s;case n.CHECKBOX:if(ne(l)){i[r.C_CENTERED]=true}return b(g,{resource:t.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case n.EDITOR:return b("div",{innerHTML:c.value});case n.ICON:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.IMAGE:if(ne(l)){i[r.C_CENTERED]=true}if(t.badgeData){i[r.C_PADDED]=true}return b(g,Object.assign({},t));case n.LINK:return b("a",{href:s,target:"_blank"},c.value);case n.NUMBER:if(s&&s!=""){const e=T.ketchup.math.numberifySafe(c.value);const t=d(a,c);if(e<0){i[r.TEXT_DANGER]=true}if(ne(l)){i[r.C_RIGHT_ALIGNED]=true}return b("div",{class:"f-cell__text"},t)}return b("div",{class:"f-cell__text"},s);case n.SWITCH:if(ne(l)){i[r.C_CENTERED]=true}t["disabled"]=true;return b(I,Object.assign({},t));default:return b("div",{class:"f-cell__text"},s)}}function Z(e,t,s,i,c,a,l){switch(e){case n.BAR:if(!s.data){return b("kup-image",Object.assign({key:a.name+l.row.id,sizeX:"250px"},s))}else{const e={height:s.sizeY,width:"100%"};return b("div",{style:e},b(g,Object.assign({},s)))}case n.BUTTON:if(ne(l)){t[r.C_CENTERED]=true}return b(O,Object.assign({},s,{onClick:t=>te(t,l,e,f.CLICK)}));case n.BUTTON_LIST:if(ne(l)){t[r.C_CENTERED]=true}s["data-storage"]={cell:i,row:c,column:a};return b("kup-button-list",Object.assign({key:a.name+l.row.id},s));case n.CHART:if(ne(l)){t[r.C_CENTERED]=true}return b("kup-chart",Object.assign({key:a.name+l.row.id},s));case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.CHIP:return b(j,Object.assign({},s));case n.COLOR_PICKER:return b("kup-color-picker",Object.assign({key:a.name+l.row.id},s,{class:ie(l)?"kup-full-width":"",disabled:true}));case n.GAUGE:return b("kup-gauge",Object.assign({key:a.name+l.row.id,value:T.ketchup.math.numberifySafe(i.value),"width-component":"280px"},s));case n.KNOB:case n.PROGRESS_BAR:return s.customStyle?b("kup-progress-bar",Object.assign({key:a.name+l.row.id},s)):b(C,Object.assign({},s));case n.RADIO:if(ne(l)){t[r.C_CENTERED]=true}s["disabled"]=c.readOnly;return b(F,Object.assign({},s));case n.RATING:return b(H,Object.assign({},s,{disabled:true}));case n.OBJECT:return b(m,Object.assign({icon:"table"},s,{disabled:true}))}}function ee(e,t){function s(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function i(e){return e.toUpperCase().startsWith("SHAPE;")}function c(e){return e.toUpperCase().startsWith("BCOLOR;")}function a(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function o(e){if(!e){return null}const t=e.split("\\\\AND\\");const s=[];for(const e of t){const t=r(e);if(t){s.push(...t)}else{return null}}return s}function r(e){const t={};const n=e.split("\\\\");const o=[];for(const e of n){if(e){if(l(e)){return null}if(i(e)){if(!s(e)){return null}else{const s=e.split(";");if(s.length===3){const e=s[2].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}}else if(c(e));else if(a(e)){const s=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(s))){t.height=`${s}%`}}else{o.push(r(e,t))}}return o.length?o:null}function r(e,t){const s=Object.assign({},t);const n=e.split(";");if(n.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const t=e.exec(n[0]);if(t){const[,e,n,i]=t;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(n,10))&&!isNaN(parseInt(i,10))){s.color=`rgb(${parseInt(e)},${parseInt(n)},${parseInt(i)})`}}if(n.length>=2){const e=n[1].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}return s}}t.data={};const u=()=>{var e;const s=(e=t.value)===null||e===void 0?void 0:e.split(";");if((s===null||s===void 0?void 0:s[s.length-1].trim())===""){s.pop()}if(s&&s.length){t.data.data=[];for(let e of s){t.data.data.push({id:e,value:e})}}};switch(e){case n.CHECKBOX:case n.SWITCH:t.data.checked=t.value==="1"?true:false;break;case n.BAR:if(i(t.value)){t.data.isCanvas=true;t.data.resource=t.value}else{t.data.data=o(t.value)}break;case n.BUTTON:t.data.label=t.value;break;case n.CHART:Object.assign(t.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:t.value,shape:"pie"}});break;case n.BUTTON_LIST:case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:case n.RADIO:u();break;case n.COLOR_PICKER:t.data.initialValue=t.value;break;case n.GAUGE:case n.KNOB:case n.PROGRESS_BAR:case n.RATING:t.data.value=parseInt(t.value);break;case n.ICON:case n.IMAGE:t.data.resource=t.value;break}}function te(e,t,s,i){const c=t.cell;const a=t.column;const l=t.component;const o=t.row;if(i===f.UPDATE){let t=se(e,s);switch(s){case n.AUTOCOMPLETE:case n.COMBOBOX:case n.DATE:case n.TIME:if(c.data){c.data["initialValue"]=t}break;case n.CHECKBOX:case n.SWITCH:t=t==="on"?"0":"1";if(c.data){c.data.checked=t==="0"?false:true}break;case n.RADIO:if(c.data.data){const e=c.data.data;const s=e.find((e=>e.checked));if(s){t=s.value}}break;case n.CHIP:case n.MULTI_AUTOCOMPLETE:case n.MULTI_COMBOBOX:t=e.detail.stringifiedValues;if(c.data){c.data.data=e.detail.comp.data}break}if(c.obj){c.obj.k=t===null||t===void 0?void 0:t.toString()}c.value=t===null||t===void 0?void 0:t.toString();c.displayedValue=null;c.displayedValue=d(a,c)}if(l&&l.rootElement){const t=new CustomEvent(i,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:c,column:a,event:e,row:o,type:s}});l.rootElement.dispatchEvent(t);if(i===f.UPDATE){try{l.refresh()}catch(e){T.ketchup.debug.logMessage(l,e,p.ERROR)}}}}function se(e,t){const s=!!(e.target.tagName==="INPUT");let i=s?e.target.value:e.detail.value;if(t===n.CHECKBOX&&s){i=e.target.checked?"off":"on"}if(t===n.NUMBER&&s){i=T.ketchup.math.formattedStringToNumberString(i,"")}return i}function ne(e){var t;return u.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}function ie(e){var t;return o.includes((t=e.component)===null||t===void 0?void 0:t.rootElement.tagName)}export{M as F,x as I,$ as K,y as a,C as b,F as c,H as d,_ as e,I as f};
+//# sourceMappingURL=p-c398ed83.js.map

package/dist/ketchup/{p-f00d7dff.js → p-c618c6fd.js}

@@ -1,2 +1,2 @@
-import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-15f54117.js";var n;(function(c){c["CHOICE"]="choice";c["FILTER"]="filter";c["INPUT"]="input";c["STANDARD"]="standard"})(n||(n={}));var t;(function(c){c["OUTLINED"]="outlined";c["RAISED"]="raised"})(t||(t={}));var l;(function(c){c["SMALL"]="small";c["MEDIUM"]="medium"})(l||(l={}));const r=document.documentElement;const o=e=>{if(!e.styling){e.styling=t.RAISED}if(!e.type){e.type=n.STANDARD}const i=e.type.toLowerCase()===n.CHOICE;const s=e.type.toLowerCase()===n.FILTER;const l=e.type.toLowerCase()===n.INPUT;const r=e.styling.toLowerCase()===t.OUTLINED;const o=!r?true:false;const a={"chip-set":true,"chip-set--choice":i?true:false,"chip-set--filter":s?true:false,"chip-set--input":l?true:false,"chip--outlined":r?true:false,"chip--raised":o?true:false,[`chip--${e.sizing}`]:e.sizing?true:false};return c("div",Object.assign({class:`f-chip ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.primary?"kup-primary":""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:a,role:"grid"},p(e,i,s,l)))};function p(n,t,l,o){const p=[];for(let a=0;n.data&&a<n.data.length;a++){const u=[];d(n.data[a],0);p.push(c("div",{class:"chip-set__item"},...u));function d(t,l){const o=!!(t.children&&t.children.length>0);const p=!!(o&&t.isExpanded);const _={["--kup_chip_indent_offset"]:l.toString()};u.push(c("div",{class:`chip-set__wrapper ${o&&!p?"chip-set__wrapper--hidden-children":""}`},c("div",{class:"chip-set__indent",style:_}),o?c(e,{onClick:n.onExpansionClick&&n.onExpansionClick[a]?n.onExpansionClick[a].bind(n.onExpansionClick[a],t):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?c(e,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(t)));if(p){for(let c=0;c<t.children.length;c++){if(t.children[c]){d(t.children[c],l+1)}}}}function h(s){const r=!!(s.icon&&!s.value);let p=`chip ${r?"chip--only-icon":""}`;let u=[];let d="chip__icon chip__icon--leading";if(l||t){if(s.checked){p+=" chip--selected";if(l){d+=" chip__icon--leading-hidden"}}}if(s.icon){const i={color:t&&s.checked?`var(--kup_chip_primary_color)`:`var(--kup_chip_text_color)`,resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d};u.push(c(e,Object.assign({},i)))}if(l){u.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))))}return c("div",{class:p,"data-value":s.id,onClick:n.onClick&&n.onClick[a]?n.onClick[a].bind(n.onClick[a],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),u,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:a,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[a]?n.onBlur[a].bind(n.onBlur[a],s):null,onFocus:n.onFocus&&n.onFocus[a]?n.onFocus[a].bind(n.onFocus[a],s):null},c("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[a]?n.onIconClick[a].bind(n.onIconClick[a],s):null})):null)}}return p}export{n as F,l as a,t as b,o as c};
-//# sourceMappingURL=p-f00d7dff.js.map
+import{h as c}from"./p-d7c15b0e.js";import{F as e}from"./p-2b519589.js";import{b as i,h as s}from"./p-e1cf074e.js";var n;(function(c){c["CHOICE"]="choice";c["FILTER"]="filter";c["INPUT"]="input";c["STANDARD"]="standard"})(n||(n={}));var t;(function(c){c["OUTLINED"]="outlined";c["RAISED"]="raised"})(t||(t={}));var l;(function(c){c["SMALL"]="small";c["MEDIUM"]="medium"})(l||(l={}));const r=document.documentElement;const o=e=>{if(!e.styling){e.styling=t.RAISED}if(!e.type){e.type=n.STANDARD}const i=e.type.toLowerCase()===n.CHOICE;const s=e.type.toLowerCase()===n.FILTER;const l=e.type.toLowerCase()===n.INPUT;const r=e.styling.toLowerCase()===t.OUTLINED;const o=!r?true:false;const a={"chip-set":true,"chip-set--choice":i?true:false,"chip-set--filter":s?true:false,"chip-set--input":l?true:false,"chip--outlined":r?true:false,"chip--raised":o?true:false,[`chip--${e.sizing}`]:e.sizing?true:false};return c("div",Object.assign({class:`f-chip ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.primary?"kup-primary":""}`},e.dataSet,{id:e.id,title:e.title}),c("div",{class:a,role:"grid"},p(e,i,s,l)))};function p(n,t,l,o){const p=[];for(let a=0;n.data&&a<n.data.length;a++){const u=[];d(n.data[a],0);p.push(c("div",{class:"chip-set__item"},...u));function d(t,l){const o=!!(t.children&&t.children.length>0);const p=!!(o&&t.isExpanded);const _={["--kup_chip_indent_offset"]:l.toString()};u.push(c("div",{class:`chip-set__wrapper ${o&&!p?"chip-set__wrapper--hidden-children":""}`},c("div",{class:"chip-set__indent",style:_}),o?c(e,{onClick:n.onExpansionClick&&n.onExpansionClick[a]?n.onExpansionClick[a].bind(n.onExpansionClick[a],t):null,resource:`${i.DROPDOWN}`,sizeX:"16px",sizeY:"16px",title:r.ketchup.language.translate(s.EXPAND)+"/"+r.ketchup.language.translate(s.COLLAPSE)+" (CTRL + Click)",wrapperClass:"dropdown-icon"}):l?c(e,{resource:"blank",sizeX:"16px",sizeY:"16px",wrapperClass:"dropdown-icon"}):null,h(t)));if(p){for(let c=0;c<t.children.length;c++){if(t.children[c]){d(t.children[c],l+1)}}}}function h(s){const r=!!(s.icon&&!s.value);let p=`chip ${r?"chip--only-icon":""}`;let u=[];let d="chip__icon chip__icon--leading";if(l||t){if(s.checked){p+=" chip--selected";if(l){d+=" chip__icon--leading-hidden"}}}if(s.icon){const i={color:t&&s.checked?`var(--kup_chip_primary_color)`:`var(--kup_chip_text_color)`,resource:s.icon,placeholderResource:s.placeholderIcon,sizeX:"16px",sizeY:"16px",wrapperClass:d};u.push(c(e,Object.assign({},i)))}if(l){u.push(c("span",{class:"chip__checkmark"},c("svg",{class:"chip__checkmark-svg",viewBox:"-2 -3 30 30"},c("path",{class:"chip__checkmark-path",fill:"none",stroke:"black",d:"M1.73,12.91 8.1,19.28 22.79,4.59"}))))}return c("div",{class:p,"data-value":s.id,onClick:n.onClick&&n.onClick[a]?n.onClick[a].bind(n.onClick[a],s):null,role:"row",title:s.title?s.title:""},c("span",{class:"chip-set__indent"}),u,c("span",{role:"gridcell"},c("span",{role:"button",tabindex:a,class:"chip__primary-action",value:s.id,checked:s.checked,onBlur:n.onBlur&&n.onBlur[a]?n.onBlur[a].bind(n.onBlur[a],s):null,onFocus:n.onFocus&&n.onFocus[a]?n.onFocus[a].bind(n.onFocus[a],s):null},c("span",{class:"chip__text"},n.displayId?s.id+" - "+s.value:s.value))),o?c("span",{role:"gridcell"},c("span",{tabindex:"-1",class:`kup-icon chip__icon ${i.CLEAR.replace("--","")}`,onClick:n.onIconClick&&n.onIconClick[a]?n.onIconClick[a].bind(n.onIconClick[a],s):null})):null)}}return p}export{n as F,l as a,t as b,o as c};
+//# sourceMappingURL=p-c618c6fd.js.map

package/dist/ketchup/p-c71c14ea.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-d7c15b0e.js";import{k as o,f,ao as p,g as h,s as l,R as r,ap as c,h as m,aq as g}from"./p-e1cf074e.js";import{c as u}from"./p-635bb4b3.js";import{F as d}from"./p-cc32b7a2.js";import{F as y}from"./p-c398ed83.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";const k=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";const x=k;var b=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,s){if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?s:e==="a"?s.call(t):s?s.value:i.get(t)};var w;const v=class{constructor(e){t(this,e);this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6);w.set(this,o());this.customStyle="";this.data=null;this.density=f.NONE;this.dragEnabled=false;this.showSubmit=false;this.submitPosition=p.right}async addCssClasses(t){if(!this.data.cssClass){this.data.cssClass=""}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)<0){this.data.cssClass+=` ${e}`}}}this.refresh()}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async removeCssClasses(t){if(!this.data.cssClass){return}if(t){for(let i=0;i<t.length;i++){const e=t[i];if(this.data.cssClass.indexOf(e)>0){this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),"")}}}this.refresh()}async setProps(t){l(this,g,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:false,row:this.generateRow()});b(this,w,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+u),{cursorChecker(){return null}},{callback:t},r.BADGE)}}generateColumn(){const t="KUPCELL";const i=undefined;return{name:t,title:i}}generateRow(){const t=this.generateColumn();const i={cells:{}};i.cells[t.name]=this.data;return i}submitClick(t){t.stopPropagation();this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}componentWillLoad(){b(this,w,"f").dates.register(this);b(this,w,"f").debug.logLoad(this,false);b(this,w,"f").language.register(this);b(this,w,"f").theme.register(this)}componentDidLoad(){b(this,w,"f").debug.logLoad(this,true)}componentWillRender(){b(this,w,"f").debug.logRender(this,false)}componentDidRender(){this.didRenderInteractables();b(this,w,"f").debug.logRender(this,true)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:true,row:this.generateRow()};return s(n,{key:"25a6e5dffce5a657780a1c880ae62d6749a00bb7"},s("style",{key:"1ca17513f7015ef5449aeb422aed2548324c7c59"},b(this,w,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"af2ee5a39743aafdf2c793341e4a4d8839c2ed16",id:u,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(y,Object.assign({key:"5315cc9821f5464dcc68f2eb4940e4305caf136d"},t)),this.showSubmit?s(d,{buttonType:"submit",label:b(this,w,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){b(this,w,"f").dates.unregister(this);b(this,w,"f").language.unregister(this);b(this,w,"f").theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap;v.style=x;export{v as kup_cell};
+//# sourceMappingURL=p-c71c14ea.entry.js.map

package/dist/ketchup/{p-c88e7d76.entry.js.map → p-c71c14ea.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: fit-content;\n  width: 100%;\n}\n\n#kup-component {\n  height: fit-content;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellElementsPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellElementsPosition =\n        KupCellElementsPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const name = 'KUPCELL';\n        const title = undefined;\n        return {\n            name,\n            title,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': submitPositionAdapter(\n                                      this.submitPosition\n                                  ),\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCell {...props} />\n                    {this.showSubmit ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                            onClick={(e) => {\n                                this.submitClick(e);\n                            }}\n                        ></FButton>\n                    ) : null}\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"kaAAA,MAAMA,EAAa,2hEACnB,MAAAC,EAAeD,E,yWC8CFE,EAAO,M,mFAiDhBC,EAAAC,IAAAC,KAA0BC,K,iBAlCI,G,UAKF,K,aAIIC,EAAaC,K,iBAKd,M,gBAKD,M,oBAM1BC,EAAwBC,K,CA4B5B,mBAAMC,CAAcC,GAChB,IAAKP,KAAKQ,KAAKC,SAAU,CACrBT,KAAKQ,KAAKC,SAAW,E,CAEzB,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,UAAY,IAAIA,G,GAItCT,KAAKa,S,CAQT,cAAMC,CAASC,GACX,OAAOD,EAASd,KAAMgB,EAAcD,E,CAMxC,aAAMF,GACFI,EAAYjB,K,CAOhB,sBAAMkB,CAAiBX,GACnB,IAAKP,KAAKQ,KAAKC,SAAU,CACrB,M,CAEJ,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,SAAWT,KAAKQ,KAAKC,SAASU,QACpC,IAAIC,OAAOX,EAAU,KACrB,G,GAKhBT,KAAKa,S,CAOT,cAAMQ,CAASC,GACXD,EAASrB,KAAMgB,EAAcM,E,CAOzB,sBAAAC,GACJ,GAAIvB,KAAKwB,YAAa,CAClB,MAAMC,EAAsC,KACjC,CACHC,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbC,GAAI7B,KAAK8B,YAAYD,GACrBE,SAAU,MACVC,IAAKhC,KAAKiC,gBAIlBC,EAAAlC,KAAIF,EAAA,KAAaqC,SAASC,UACtBpC,KAAK8B,YAAYO,WAAWC,cACxB,IAAMC,GAEV,CACI,aAAAC,GACI,OAAO,I,GAGf,CACIC,SAAUhB,GAEdiB,EAAcC,M,EAKlB,cAAAf,GACJ,MAAMgB,EAAO,UACb,MAAMC,EAAQC,UACd,MAAO,CACHF,OACAC,Q,CAIA,WAAAZ,GACJ,MAAMc,EAAqB/C,KAAK4B,iBAChC,MAAMI,EAAkB,CAAEgB,MAAO,IACjChB,EAAIgB,MAAMD,EAAIH,MAAQ5C,KAAKQ,KAC3B,OAAOwB,C,CAGH,WAAAiB,CAAYC,GAChBA,EAAEC,kBACFnD,KAAKoD,mBAAmBC,KAAK,CACzBC,KAAMtD,KACN6B,GAAI7B,KAAK8B,YAAYD,GACrBH,KAAM1B,KAAKQ,M,CAQnB,iBAAA+C,GACIrB,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMC,SAASzD,MAChCkC,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,OACrCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASH,SAASzD,MACnCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMJ,SAASzD,K,CAGpC,gBAAA8D,GACI5B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,K,CAGzC,mBAAA+D,GACI7B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,M,CAG3C,kBAAAiE,GACIjE,KAAKuB,yBACLW,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,K,CAG3C,MAAAkE,GACI,MAAM5C,EAA2B,CAC7BI,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbuC,UAAWnE,KACXoE,QAASpE,KAAKoE,QACdC,SAAUrE,KAAKQ,KAAK8D,WACpBC,UAAW,KACXvC,IAAKhC,KAAKiC,eAGd,OACIuC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,SAAAE,IAAA,4CACKxC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMc,YACpB3E,KAAK8B,cAGb0C,EAAA,OAAAE,IAAA,2CACI7C,GAAIU,EACJqC,MACI5E,KAAK6E,WACC,CACIC,QAAS,OACT,iBAAkBC,EACd/E,KAAKgF,gBAET,cAAe,SACfC,IAAK,UAET,IAGVT,EAACU,EAAKC,OAAAC,OAAA,CAAAV,IAAA,4CAAKpD,IACVtB,KAAK6E,WACFL,EAACa,EAAO,CACJC,WAAW,SACXC,MAAOrD,EAAAlC,KAAIF,EAAA,KAAa8D,SAAS4B,UAC7BC,EAAmBC,SAEvBC,aAAa,eACbC,QAAU1C,IACNlD,KAAKiD,YAAYC,EAAE,IAG3B,M,CAMpB,oBAAA2C,GACI3D,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMsC,WAAW9F,MAClCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASkC,WAAW9F,MACrCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMiC,WAAW9F,K","ignoreList":[]}
+{"version":3,"names":["kupCellCss","KupCellStyle0","KupCell","_KupCell_kupManager","set","this","kupManagerInstance","FCellPadding","NONE","KupCellElementsPosition","right","addCssClasses","classes","data","cssClass","index","length","indexOf","refresh","getProps","descriptions","KupCellProps","forceUpdate","removeCssClasses","replace","RegExp","setProps","props","didRenderInteractables","dragEnabled","dataCb","cell","column","generateColumn","id","rootElement","multiple","row","generateRow","__classPrivateFieldGet","interact","draggable","shadowRoot","querySelector","componentWrapperId","cursorChecker","callback","KupDragEffect","BADGE","name","title","undefined","col","cells","submitClick","e","stopPropagation","kupCellSubmitClick","emit","comp","componentWillLoad","dates","register","debug","logLoad","language","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","component","density","editable","isEditable","renderKup","h","Host","key","setKupStyle","style","showSubmit","display","submitPositionAdapter","submitPosition","gap","FCell","Object","assign","FButton","buttonType","label","translate","KupLanguageGeneric","CONFIRM","wrapperClass","onClick","disconnectedCallback","unregister"],"sources":["src/components/kup-cell/kup-cell.scss?tag=kup-cell&encapsulation=shadow","src/components/kup-cell/kup-cell.tsx"],"sourcesContent":["/**\n* @prop --kup-cell-background: Sets the background of the cell.\n* @prop --kup-cell-font-family: Sets the font family of the cell.\n* @prop --kup-cell-font-family-monospace: Sets the monospace font family of the cell (for numbers).\n* @prop --kup-cell-font-size: Sets the font size of the cell.\n* @prop --kup-cell-text-color: Sets the text color of the cell.\n*\n* NOTE: These variables are defined in the \"kup-theme.css\" file, because they must work even without the kup component (it's a functional component)\n*\n*/\n\n:host {\n  display: block;\n  height: fit-content;\n  width: 100%;\n}\n\n#kup-component {\n  height: fit-content;\n  width: 100%;\n}\n","import {\n    Component,\n    Element,\n    forceUpdate,\n    h,\n    Host,\n    Event,\n    EventEmitter,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    KupCellProps,\n    KupCellElementsPosition,\n    KupCellSubmitClickEventPayload,\n} from './kup-cell-declarations';\nimport {\n    FCellOptionsProps,\n    FCellPadding,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport {\n    KupDragDataTransferCallback,\n    KupDragEffect,\n} from '../../managers/kup-interact/kup-interact-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupDataCell,\n    KupDataCellOptions,\n    KupDataColumn,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport { submitPositionAdapter } from '../../utils/cell-utils';\n\n@Component({\n    tag: 'kup-cell',\n    styleUrl: 'kup-cell.scss',\n    shadow: true,\n})\nexport class KupCell {\n    /**\n     * References the root HTML element of the component (<kup-text-field>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * The data of the cell.\n     * @default false\n     */\n    @Prop() data: KupDataCell = null;\n    /**\n     * The density of the cell, defaults at 'dense' and can be also set to 'wide' or 'medium'.\n     */\n    @Prop() density: FCellPadding = FCellPadding.NONE;\n    /**\n     * When set to true, the component is draggable.\n     * @default false\n     */\n    @Prop() dragEnabled: boolean = false;\n\n    /**\n     * Show submit button\n     */\n    @Prop() showSubmit: boolean = false;\n\n    /**\n     * Submit button position, default is right\n     */\n    @Prop() submitPosition: KupCellElementsPosition =\n        KupCellElementsPosition.right;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    #kupManager: KupManager = kupManagerInstance();\n\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-cell-submit-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupCellSubmitClick: EventEmitter<KupCellSubmitClickEventPayload>;\n\n    /**\n     * Adds the given CSS classes to the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async addCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            this.data.cssClass = '';\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) < 0) {\n                    this.data.cssClass += ` ${cssClass}`;\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Used to retrieve component's props values.\n     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.\n     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.\n     */\n    @Method()\n    async getProps(descriptions?: boolean): Promise<GenericObject> {\n        return getProps(this, KupCellProps, descriptions);\n    }\n    /**\n     * This method is used to trigger a new render of the component.\n     */\n    @Method()\n    async refresh(): Promise<void> {\n        forceUpdate(this);\n    }\n    /**\n     * Removes the given CSS classes from the cell's data.\n     * @param {string[]} classes - Array of CSS classes.\n     */\n    @Method()\n    async removeCssClasses(classes?: string[]): Promise<void> {\n        if (!this.data.cssClass) {\n            return;\n        }\n        if (classes) {\n            for (let index = 0; index < classes.length; index++) {\n                const cssClass = classes[index];\n                if (this.data.cssClass.indexOf(cssClass) > 0) {\n                    this.data.cssClass = this.data.cssClass.replace(\n                        new RegExp(cssClass, 'g'),\n                        ''\n                    );\n                }\n            }\n        }\n        this.refresh();\n    }\n    /**\n     * Sets the props to the component.\n     * @param {GenericObject} props - Object containing props that will be set to the component.\n     */\n    @Method()\n    async setProps(props: GenericObject): Promise<void> {\n        setProps(this, KupCellProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    private didRenderInteractables() {\n        if (this.dragEnabled) {\n            const dataCb: KupDragDataTransferCallback = () => {\n                return {\n                    cell: this.data,\n                    column: this.generateColumn(),\n                    id: this.rootElement.id,\n                    multiple: false,\n                    row: this.generateRow(),\n                };\n            };\n\n            this.#kupManager.interact.draggable(\n                this.rootElement.shadowRoot.querySelector(\n                    '#' + componentWrapperId\n                ),\n                {\n                    cursorChecker() {\n                        return null;\n                    },\n                },\n                {\n                    callback: dataCb,\n                },\n                KupDragEffect.BADGE\n            );\n        }\n    }\n\n    private generateColumn(): KupDataColumn {\n        const name = 'KUPCELL';\n        const title = undefined;\n        return {\n            name,\n            title,\n        };\n    }\n\n    private generateRow(): KupDataRow {\n        const col: KupDataColumn = this.generateColumn();\n        const row: KupDataRow = { cells: {} };\n        row.cells[col.name] = this.data;\n        return row;\n    }\n\n    private submitClick(e: MouseEvent): void {\n        e.stopPropagation();\n        this.kupCellSubmitClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            cell: this.data as KupDataCellOptions,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.dates.register(this);\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.didRenderInteractables();\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FCellOptionsProps = {\n            cell: this.data as KupDataCellOptions,\n            column: this.generateColumn(),\n            component: this,\n            density: this.density,\n            editable: this.data.isEditable,\n            renderKup: true,\n            row: this.generateRow(),\n        };\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    style={\n                        this.showSubmit\n                            ? {\n                                  display: 'flex',\n                                  'flex-direction': submitPositionAdapter(\n                                      this.submitPosition\n                                  ),\n                                  'align-items': 'center',\n                                  gap: '0.5rem',\n                              }\n                            : {}\n                    }\n                >\n                    <FCell {...props} />\n                    {this.showSubmit ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                            onClick={(e) => {\n                                this.submitClick(e);\n                            }}\n                        ></FButton>\n                    ) : null}\n                </div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.dates.unregister(this);\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"6ZAAA,MAAMA,EAAa,2hEACnB,MAAAC,EAAeD,E,yWC8CFE,EAAO,M,mFAiDhBC,EAAAC,IAAAC,KAA0BC,K,iBAlCI,G,UAKF,K,aAIIC,EAAaC,K,iBAKd,M,gBAKD,M,oBAM1BC,EAAwBC,K,CA4B5B,mBAAMC,CAAcC,GAChB,IAAKP,KAAKQ,KAAKC,SAAU,CACrBT,KAAKQ,KAAKC,SAAW,E,CAEzB,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,UAAY,IAAIA,G,GAItCT,KAAKa,S,CAQT,cAAMC,CAASC,GACX,OAAOD,EAASd,KAAMgB,EAAcD,E,CAMxC,aAAMF,GACFI,EAAYjB,K,CAOhB,sBAAMkB,CAAiBX,GACnB,IAAKP,KAAKQ,KAAKC,SAAU,CACrB,M,CAEJ,GAAIF,EAAS,CACT,IAAK,IAAIG,EAAQ,EAAGA,EAAQH,EAAQI,OAAQD,IAAS,CACjD,MAAMD,EAAWF,EAAQG,GACzB,GAAIV,KAAKQ,KAAKC,SAASG,QAAQH,GAAY,EAAG,CAC1CT,KAAKQ,KAAKC,SAAWT,KAAKQ,KAAKC,SAASU,QACpC,IAAIC,OAAOX,EAAU,KACrB,G,GAKhBT,KAAKa,S,CAOT,cAAMQ,CAASC,GACXD,EAASrB,KAAMgB,EAAcM,E,CAOzB,sBAAAC,GACJ,GAAIvB,KAAKwB,YAAa,CAClB,MAAMC,EAAsC,KACjC,CACHC,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbC,GAAI7B,KAAK8B,YAAYD,GACrBE,SAAU,MACVC,IAAKhC,KAAKiC,gBAIlBC,EAAAlC,KAAIF,EAAA,KAAaqC,SAASC,UACtBpC,KAAK8B,YAAYO,WAAWC,cACxB,IAAMC,GAEV,CACI,aAAAC,GACI,OAAO,I,GAGf,CACIC,SAAUhB,GAEdiB,EAAcC,M,EAKlB,cAAAf,GACJ,MAAMgB,EAAO,UACb,MAAMC,EAAQC,UACd,MAAO,CACHF,OACAC,Q,CAIA,WAAAZ,GACJ,MAAMc,EAAqB/C,KAAK4B,iBAChC,MAAMI,EAAkB,CAAEgB,MAAO,IACjChB,EAAIgB,MAAMD,EAAIH,MAAQ5C,KAAKQ,KAC3B,OAAOwB,C,CAGH,WAAAiB,CAAYC,GAChBA,EAAEC,kBACFnD,KAAKoD,mBAAmBC,KAAK,CACzBC,KAAMtD,KACN6B,GAAI7B,KAAK8B,YAAYD,GACrBH,KAAM1B,KAAKQ,M,CAQnB,iBAAA+C,GACIrB,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMC,SAASzD,MAChCkC,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,OACrCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASH,SAASzD,MACnCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMJ,SAASzD,K,CAGpC,gBAAA8D,GACI5B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMC,QAAQ3D,KAAM,K,CAGzC,mBAAA+D,GACI7B,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,M,CAG3C,kBAAAiE,GACIjE,KAAKuB,yBACLW,EAAAlC,KAAIF,EAAA,KAAa4D,MAAMM,UAAUhE,KAAM,K,CAG3C,MAAAkE,GACI,MAAM5C,EAA2B,CAC7BI,KAAM1B,KAAKQ,KACXmB,OAAQ3B,KAAK4B,iBACbuC,UAAWnE,KACXoE,QAASpE,KAAKoE,QACdC,SAAUrE,KAAKQ,KAAK8D,WACpBC,UAAW,KACXvC,IAAKhC,KAAKiC,eAGd,OACIuC,EAACC,EAAI,CAAAC,IAAA,4CACDF,EAAA,SAAAE,IAAA,4CACKxC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMc,YACpB3E,KAAK8B,cAGb0C,EAAA,OAAAE,IAAA,2CACI7C,GAAIU,EACJqC,MACI5E,KAAK6E,WACC,CACIC,QAAS,OACT,iBAAkBC,EACd/E,KAAKgF,gBAET,cAAe,SACfC,IAAK,UAET,IAGVT,EAACU,EAAKC,OAAAC,OAAA,CAAAV,IAAA,4CAAKpD,IACVtB,KAAK6E,WACFL,EAACa,EAAO,CACJC,WAAW,SACXC,MAAOrD,EAAAlC,KAAIF,EAAA,KAAa8D,SAAS4B,UAC7BC,EAAmBC,SAEvBC,aAAa,eACbC,QAAU1C,IACNlD,KAAKiD,YAAYC,EAAE,IAG3B,M,CAMpB,oBAAA2C,GACI3D,EAAAlC,KAAIF,EAAA,KAAa0D,MAAMsC,WAAW9F,MAClCkC,EAAAlC,KAAIF,EAAA,KAAa8D,SAASkC,WAAW9F,MACrCkC,EAAAlC,KAAIF,EAAA,KAAa+D,MAAMiC,WAAW9F,K","ignoreList":[]}