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

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-890e9f50.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-cc32b7a2.js";import{F as r}from"./p-c398ed83.js";import{k as a,a5 as u,F as c,g as h,s as f,h as p,al as d,ab as m,aa as v,am as b,e as k,ak as g,a as y}from"./p-e1cf074e.js";import{F as _}from"./p-c4054aba.js";import{F as j,a as w}from"./p-68e220e8.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-5403ec7d.js";import"./p-c618c6fd.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options"})($||($={}));const z=12;const S=22;const M=t=>{if(t==0){return z/2}if(!t){return null}if(t===1){return 1.5*z}return t*z};const T=t=>{if(!t){return null}return t*S};const W=t=>{if(!t){return null}return(t-1)*S};const D=t=>{if(!t){return null}return t*z};const C=".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-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{height:40ch;justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}";const E=C;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var I=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var P,R,N,V,G,J,A,L,H,K,X,Y,q,Q,U,Z,tt,it,nt,et,st,lt,ot,rt,at,ut,ct,ht,ft,pt,dt,mt,vt,bt,kt,gt,yt,_t,jt,wt,xt,Ot,$t,zt,St,Mt,Tt,Wt,Dt,Ct,Et,Ft,Bt,It,Pt,Rt,Nt,Vt,Gt,Jt,At,Lt;const Ht=document.documentElement;const Kt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);P.add(this);R.set(this,a());N.set(this,new Map([["SmeupTreeNode",F(this,P,"m",Bt).bind(this)],["SmeupDataTree",F(this,P,"m",It).bind(this)],["SmeupTable",F(this,P,"m",Pt).bind(this)],["SmeupDataTable",F(this,P,"m",Pt).bind(this)]]));V.set(this,null);G.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));J.set(this,new Map([[c.AUTOCOMPLETE,"kup-autocomplete-blur"],[c.CHIP,"kup-textfield-blur"],[c.COMBOBOX,"kup-combobox-blur"],[c.DATE,"kup-datepicker-blur"],[c.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[c.MULTI_COMBOBOX,"kup-combobox-blur"],[c.TIME,"kup-timepicker-blur"]]));A.set(this,[]);L.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));H.set(this,new Map([[c.BUTTON_LIST,F(this,P,"m",U).bind(this)],[c.EDITOR,F(this,P,"m",tt).bind(this)],[c.LABEL,F(this,P,"m",nt).bind(this)],[c.TABLE,F(this,P,"m",it).bind(this)]]));K.set(this,new Map([[O.TAB,F(this,P,"m",ut).bind(this)]]));X.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.dashboardMode=false;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){B(this,V,structuredClone(this.data),"f");if(F(this,A,"f").length){F(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));B(this,A,[],"f")}if(F(this,X,"f").length){F(this,X,"f").map((t=>{F(this,R,"f").keysBinding.unregister(t)}));B(this,X,[],"f")}F(this,P,"m",pt).call(this,this.data)}async getProps(t){return h(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,R,"f").debug.logLoad(this,false);F(this,R,"f").language.register(this);F(this,R,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,R,"f").debug.logLoad(this,true)}componentWillRender(){F(this,R,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){_(i[t])}}F(this,R,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,R,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,P,"m",q).call(this,t)));return e(s,{key:"4dfa278417a976d678f4d17b92709fee129f2761"},e("style",{key:"6ecaae03195df43b0ccf8e5c2cd2160009b2d5f9"},F(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"0740765eb3c4e079a9eab9e206b1d93d1d6b2f1f",id:x},i))}disconnectedCallback(){F(this,R,"f").language.unregister(this);F(this,R,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,N=new WeakMap,V=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,H=new WeakMap,K=new WeakMap,X=new WeakMap,P=new WeakSet,Y=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},q=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const r={};let a;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){a=i.cells.map((t=>F(this,P,"m",Q).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){a=F(this,P,"m",lt).call(this,i,s)}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));r.display="grid";if(s.horizontal){r.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}else{if(this.dashboardMode){r.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}a=F(this,P,"m",st).call(this,i,s)}}const u={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:{"input-panel-form":true},onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)}})}},e("div",{class:u,style:r},a),e("div",{class:"input-panel__commands"},!this.hiddenSubmitButton?e(o,{buttonType:"submit",label:F(this,R,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit"}):null,this.inputPanelCommands))},Q=function t(i,n,s){if(!i){return}const l=F(this,H,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const a=F(this,P,"m",et).call(this,i,s.title);if(a){return e("div",{class:{"input-panel__label_container":true}},a,e(r,Object.assign({},o)))}return e(r,Object.assign({},o))},U=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},Z=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{sizing:y.SMALL,label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,P,"m",Lt).call(this,t.detail.node,t.detail.node.id)}}))},tt=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,A,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},it=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},nt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},et=function t(i,n){if(!n){return null}const s=Ht.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},st=function t(i,n){const e=F(this,K,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,P,"m",ot).call(this,i,t)))},lt=function t(i,n){return n.sections.map((t=>F(this,P,"m",rt).call(this,i,t)))},ot=function t(i,n,s=false,l={}){var o,r;const a={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((r=n.content)===null||r===void 0?void 0:r.length){u=n.content.map((t=>F(this,P,"m",ct).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const c=e("div",{class:a,style:l},u);return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(j,{type:w.HEADING1,value:n.title}),c):c},rt=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,P,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,P,"m",ht).call(this,i,t)))}if(M(n.absoluteWidth)==null){return o}const r=`${M(n.absoluteWidth)!=null?`${M(n.absoluteWidth)}px`:"100%"}`;const a=`${T(n.absoluteHeight)!=null?`${T(n.absoluteHeight)}px`:"100%"}`;const u=`${W(n.absoluteRow)}px`;const c=`${D(n.absoluteColumn)}px`;const h={position:"relative",width:r,"min-width":r,"max-width":r,height:a,"min-height":a,"max-height":a,top:u,left:c,overflow:"auto"};return e("div",{style:h},o)},at=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,P,"m",t).call(this,i))}))}return s},ut=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,P,"m",at).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,P,"m",ot).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,A,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},ct=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const r=+n.colEnd>0?`${n.colEnd}`:"";const a=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=a?`span ${a}`:`${n.rowStart}`;const c=+n.rowEnd>0?`${n.rowEnd}`:"";const h={"min-width":"0","grid-column-start":o,"grid-column-end":r,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ht=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==c.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}const o=`${M(l)}px`;const r=`${T(1)}px`;const a=`${W(n.absoluteRow)}px`;const u=`${D(n.absoluteColumn)}px`;const h={position:"absolute",width:o,"min-width":o,"max-width":o,height:r,"min-height":r,"max-height":r,top:a,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:h},F(this,P,"m",Q).call(this,s.cell,i.row,s.column))},ft=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,P,"m",Rt).call(this,t)))}};return F(this,P,"m",Z).call(this,t,i)}else{const i=F(this,P,"m",Rt).call(this,t);return F(this,P,"m",U).call(this,i,t.value)}})).flat()},pt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,P,"m",ft).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const r=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,P,"m",dt).call(this,i,t,o),slotData:F(this,P,"m",kt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];r.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Ht.ketchup.data.cell.getType(t,t.shape);const e=F(this,L,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=r},dt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Ht.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},r=I(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,P,"m",mt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),r)},mt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,P,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},vt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){l=JSON.stringify(F(this,P,"m",Et).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},bt=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const r=Ht.ketchup.data.cell.getType(i,i.shape);const a=new Map([[u.AUTOCOMPLETE,F(this,P,"m",jt).bind(this)],[u.BUTTON_LIST,F(this,P,"m",_t).bind(this)],[u.CHART,F(this,P,"m",yt).bind(this)],[u.CHIP,F(this,P,"m",gt).bind(this)],[u.CHECKBOX,F(this,P,"m",wt).bind(this)],[u.COLOR_PICKER,F(this,P,"m",xt).bind(this)],[u.COMBOBOX,F(this,P,"m",jt).bind(this)],[u.EDITOR,F(this,P,"m",Ot).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,P,"m",gt).bind(this)],[u.MULTI_COMBOBOX,F(this,P,"m",gt).bind(this)],[u.NUMBER,F(this,P,"m",Dt).bind(this)],[u.DATE,F(this,P,"m",Mt).bind(this)],[u.OBJECT,F(this,P,"m",Tt).bind(this)],[u.RADIO,F(this,P,"m",zt).bind(this)],[u.STRING,F(this,P,"m",$t).bind(this)],[u.SWITCH,F(this,P,"m",St).bind(this)],[u.TABLE,F(this,P,"m",Ct).bind(this)],[u.TIME,F(this,P,"m",Wt).bind(this)]]);const c=a.get(r);return c?c(s,l,o,i,n.name):null},kt=function t(i,n){const e=Ht.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,P,"m",jt).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},gt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return d(e)},yt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},_t=function t(i,n,e,s,l){var o,r,a,u;s.data=s.data||{};s.data.onClick=()=>{F(this,P,"m",Lt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((r=s.data)===null||r===void 0?void 0:r.disabled)){F(this,X,"f").push((a=s.data)===null||a===void 0?void 0:a.keyShortcut);F(this,R,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},jt=function t(i,n,e,s,l){var o,r;const a=m(e,n,[]);if(s.fun){const t=Ht.ketchup.data.cell.getType(s,s.shape);const i=F(this,G,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,P,"m",Nt).call(this,t.detail,s.fun,a,l,e)};this.rootElement.addEventListener(t,i);F(this,A,"f").push({event:t,handler:i})}))}else if(i){a.data["kup-list"].data=F(this,P,"m",Ft).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return a},wt=function t(i,n,e,s,l){var o,r;let a=g(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},xt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},Ot=function t(i,n,e){return{initialValue:e}},$t=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},zt=function t(i,n,e,s,l){var o,r;let a=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},a),{onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}})}return a},St=function t(i,n,e){return b(e,n)},Mt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Tt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){F(this,P,"m",Gt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},Dt=function t(i,n,e,s,l){var o,r;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((r=s.inputSettings)===null||r===void 0?void 0:r.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,P,"m",Vt).call(this,s,l)}}}return{label:n}},Ct=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,R,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,P,"m",bt).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Et=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,V,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Ft=function t(i,n){const e=F(this,N,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},It=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,P,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Rt=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,P,"m",_t).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},Nt=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,P,"m",vt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,P,"m",Ft).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Vt=async function t(i,n){var e,s;const l=F(this,P,"m",Y).call(this,n);if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});if(t){F(this,P,"m",Jt).call(this,n,null)}else{F(this,P,"m",Jt).call(this,n,F(this,R,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}},Gt=function t(i,n){const e=F(this,J,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,P,"m",Y).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,P,"m",Jt).call(this,n,l.value?null:F(this,R,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,P,"m",Jt).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,P,"m",vt).call(this),fun:i.fun});F(this,P,"m",Jt).call(this,n,t?null:F(this,R,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,P,"m",At).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,A,"f").push({event:e,handler:s})},Jt=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},At=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Lt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,P,"m",vt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,V,"f")),after:F(this,P,"m",vt).call(this)},cell:n})};Kt.style=E;export{Kt as kup_input_panel};
+//# sourceMappingURL=p-890e9f50.entry.js.map

package/dist/ketchup/p-890e9f50.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupInputPanelLayoutSectionType","KupInputPanelProps","CHAR_WIDTH","ROW_HEIGHT","getAbsoluteWidth","length","getAbsoluteHeight","height","getAbsoluteTop","row","getAbsoluteLeft","col","kupInputPanelCss","KupInputPanelStyle0","dom","document","documentElement","KupInputPanel","_KupInputPanel_kupManager","set","this","kupManagerInstance","_KupInputPanel_optionsAdapterMap","Map","__classPrivateFieldGet","_KupInputPanel_instances","_KupInputPanel_treeOptionsNodeAdapter","bind","_KupInputPanel_dataTreeOptionsChildrenAdapter","_KupInputPanel_tableOptionsAdapter","_KupInputPanel_originalData","_KupInputPanel_eventNames","FCellTypes","AUTOCOMPLETE","MULTI_AUTOCOMPLETE","COMBOBOX","MULTI_COMBOBOX","_KupInputPanel_eventBlurNames","FCellShapes","CHIP","DATE","TIME","_KupInputPanel_listeners","_KupInputPanel_cellTypeComponents","_KupInputPanel_cellCustomRender","BUTTON_LIST","_KupInputPanel_renderButton","EDITOR","_KupInputPanel_renderEditor","LABEL","_KupInputPanel_renderLabel","TABLE","_KupInputPanel_renderDataTable","_KupInputPanel_sectionRenderMap","TAB","_KupInputPanel_renderSectionTab","_KupInputPanel_keysShortcut","onDataChanged","__classPrivateFieldSet","structuredClone","data","map","event","handler","rootElement","removeEventListener","key","keysBinding","unregister","_KupInputPanel_mapCells","call","getProps","descriptions","refresh","forceUpdate","setProps","props","componentWillLoad","debug","logLoad","language","register","theme","componentDidLoad","kupReady","emit","comp","id","componentWillRender","logRender","componentDidRender","root","shadowRoot","fs","querySelectorAll","index","FTextFieldMDC","render","isEmptyData","Boolean","inputPanelCells","inputPanelContent","h","translate","KupLanguageGeneric","EMPTY_DATA","inputPanelCell","_KupInputPanel_renderRow","Host","setKupStyle","componentWrapperId","disconnectedCallback","reduce","cell","cells","find","column","name","layout","horizontal","styleObj","rowContent","_a","sections","_KupInputPanel_renderCell","absolute","_KupInputPanel_renderAbsoluteLayout","sectionsType","hasDim","some","sec","dim","display","gridTemplateColumns","join","dashboardMode","gridTemplateRows","_KupInputPanel_renderGridLayout","classObj","class","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","style","hiddenSubmitButton","FButton","buttonType","label","CONFIRM","wrapperClass","inputPanelCommands","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","_KupInputPanel_renderDropDownButton","sizing","KupComponentSizing","SMALL","_KupInputPanel_getFunctionOnClickBTN","detail","node","edtCell","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","gap","content","innerSection","gridCols","gridRows","_b","field","_KupInputPanel_renderField","sectionContent","FTypography","type","FTypographyType","HEADING1","_KupInputPanel_renderAbsoluteField","absoluteWidth","width","absoluteHeight","top","absoluteRow","left","absoluteColumn","sectionStyle","position","overflow","_KupInputPanel_extractContentIds","ids","forEach","item","concat","tabSelected","tabNodes","i","cellIdsInSection","hasError","cellData","includes","error","active","danger","sectionId","tabCustomStyle","l","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","_KupInputPanel_mapCommands","setup","commands","commandObj","children","showIcons","c","_KupInputPanel_commandAdapter","buttonCell","flat","_c","rows","inpuPanelCells","_d","columns","filter","visible","mappedCell","_KupInputPanel_setData","slotData","_KupInputPanel_slotData","componentQuery","el","querySelector","setValue","defaultProps","_KupInputPanel_mapData","disabled","noDataProps","__rest","_KupInputPanel_deepObjectsMerge","target","source","Array","isArray","curr","updatedCells","keys","cellState","JSON","stringify","_KupInputPanel_getTableUpdatedCell","obj","options","fieldLabel","currentValue","dataAdapterMap","_KupInputPanel_CMBandACPAdapter","_KupInputPanel_BTNAdapter","CHART","_KupInputPanel_GRAAdapter","_KupInputPanel_CHIAdapter","CHECKBOX","_KupInputPanel_CHKAdapter","COLOR_PICKER","_KupInputPanel_CLPAdapter","_KupInputPanel_EDTAdapter","NUMBER","_KupInputPanel_NumberAdapter","_KupInputPanel_DateAdapter","OBJECT","_KupInputPanel_ObjectAdapter","_KupInputPanel_RADAdapter","STRING","_KupInputPanel_ITXAdapter","SWITCH","_KupInputPanel_SWTAdapter","_KupInputPanel_DataTableAdapter","_KupInputPanel_TimeAdapter","adapter","trailingIcon","fullWidth","showDropDownIcon","_options","_fieldLabel","inputSettings","checkObject","checkValueOnExit","mandatory","_KupInputPanel_checkOnBlurEvent","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","keyShortcut","fun","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","onBlur","_KupInputPanel_checkOnBlurProp","initialValue","RADAdapter","SWTAdapter","_rawOptions","_value","parse","logMessage","KupDebugCategory","WARNING","ERROR","tableValue","updated","editableColsId","beforeTableValue","updatedRow","colId","changed","option","selected","child","codice","testo","k","fields","open","optionsHandler","inputValue","then","async","currCell","_KupInputPanel_getCell","_KupInputPanel_setCellError","REQUIRED_VALUE","valid","checkValidObjCallback","currentState","INVALID_VALUE","_KupInputPanel_areValuesUpdated","checkValidValueCallback","customButtonClickHandler"],"sources":["src/components/kup-input-panel/kup-input-panel-declarations.ts","src/components/kup-input-panel/kup-input-panel-utils.ts","src/components/kup-input-panel/kup-input-panel.scss?tag=kup-input-panel&encapsulation=shadow","src/components/kup-input-panel/kup-input-panel.tsx"],"sourcesContent":["import { GenericObject } from '../../components';\nimport {\n    KupDataCell,\n    KupDataColumn,\n    KupDataCommand,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { KupObj } from '../../managers/kup-objects/kup-objects-declarations';\n\nexport interface KupInputPanelSubmit {\n    value: KupInputPanelSubmitValue;\n    cell?: string;\n}\nexport interface KupInputPanelSubmitValue {\n    after: KupInputPanelData;\n    before: KupInputPanelData;\n}\n\nexport interface KupInputPanelData {\n    columns?: KupDataColumn[];\n    rows?: KupInputPanelRow[];\n    actions?: KupInputPanelAction[];\n    setup?: {\n        commands?: Array<KupDataCommand>;\n    };\n}\n\nexport interface KupInputPanelAction {\n    type?: string;\n    fun?: string;\n}\n\nexport interface KupInputPanelColumn {\n    name: string;\n    title: string;\n    visible?: boolean;\n}\n\nexport interface KupInputPanelRow {\n    cells?: KupInputPanelRowCells;\n    layout?: KupInputPanelLayout;\n}\n\nexport interface KupInputPanelRowCells {\n    [key: string]: KupInputPanelCell;\n}\n\nexport interface KupInputPanelCell extends KupDataCell {\n    options?: GenericObject | GenericObject[];\n    editable?: boolean;\n    mandatory?: boolean;\n    inputSettings?: GenericObject;\n    fun?: string;\n}\n\nexport interface KupInputPanelCellOptions {\n    id: string;\n    label: string;\n}\n\nexport interface KupInputPanelLayout {\n    horizontal?: boolean;\n    absolute?: boolean;\n    sections?: KupInputPanelLayoutSection[];\n    sectionsType?: KupInputPanelLayoutSectionType;\n}\n\nexport enum KupInputPanelLayoutSectionType {\n    TAB = 'tab',\n}\n\nexport interface KupInputPanelLayoutSection {\n    id?: string;\n    title?: string;\n    icon?: string;\n    content?: KupInputPanelLayoutField[];\n    sections?: KupInputPanelLayoutSection[];\n    dim?: string;\n    horizontal?: boolean;\n    gridCols?: number;\n    gridRows?: number;\n    // Gap is in rem\n    gap?: number;\n    sectionsType?: KupInputPanelLayoutSectionType;\n    // absolute Attributes\n    absoluteColumn?: number;\n    absoluteWidth?: number;\n    absoluteRow?: number;\n    absoluteHeight?: number;\n}\n\nexport interface KupInputPanelLayoutField {\n    id: string;\n    // Span is referred to start\n    colSpan?: number;\n    colStart?: number;\n    colEnd?: number;\n    // Span is referred to start\n    rowSpan?: number;\n    rowStart?: number;\n    rowEnd?: number;\n    // absolute Attributes\n    absoluteColumn?: number;\n    absoluteRow?: number;\n    absoluteLength?: number;\n}\n\nexport type DataAdapterFn = (\n    options: GenericObject,\n    fieldLabel: string,\n    currentValue: string,\n    cell?: KupInputPanelCell,\n    id?: string\n) => Object;\n\nexport type InputPanelCells = {\n    cells: { cell: KupDataCell; column: KupDataColumn }[];\n    row?: KupInputPanelRow;\n};\n\nexport type InputPanelEvent = {\n    state: { cell: KupDataCell; column: KupDataColumn }[];\n    data: {\n        field: string;\n        value: number | string | object;\n    };\n};\n\nexport type InputPanelOptionsHandler = (\n    fun: string,\n    inputValue: string,\n    currentState: KupInputPanelData,\n    cellId: string\n) => Promise<GenericObject>;\n\nexport type InputPanelCheckValidObjCallback = (event: {\n    obj: KupObj;\n    currentState: KupInputPanelData;\n    fun?: string;\n}) => Promise<ValidCheckObjResponse>;\n\nexport interface ValidCheckObjResponse {\n    valid: boolean;\n}\n\nexport type InputPanelButtonClickHandler = (event: {\n    fun: string;\n    cellId: string;\n    currentState: KupInputPanelData;\n}) => void;\n\nexport type InputPanelCheckValidValueCallback = (\n    currentState: KupInputPanelSubmitValue,\n    cellId: string\n) => void;\n\nexport enum KupInputPanelProps {\n    customStyle = 'Custom style of the component.',\n    data = 'Actual data of the input panel.',\n    hiddenSubmitButton = 'Creates a hidden submit button in order to submit the form with enter.',\n    submitCb = 'Sets the callback function on submit form',\n    optionsHandler = 'Sets the callback function to recieve options',\n}\n","const CHAR_WIDTH = 12;\nconst ROW_HEIGHT = 22;\n\nexport const getAbsoluteWidth = (length: number) => {\n    if (length == 0) {\n        return CHAR_WIDTH / 2;\n    }\n\n    if (!length) {\n        return null;\n    }\n\n    if (length === 1) {\n        return 1.5 * CHAR_WIDTH;\n    }\n\n    return length * CHAR_WIDTH;\n};\n\nexport const getAbsoluteHeight = (height: number) => {\n    if (!height) {\n        return null;\n    }\n\n    return height * ROW_HEIGHT;\n};\n\nexport const getAbsoluteTop = (row: number) => {\n    if (!row) {\n        return null;\n    }\n\n    return (row - 1) * ROW_HEIGHT;\n};\n\nexport const getAbsoluteLeft = (col: number) => {\n    if (!col) {\n        return null;\n    }\n\n    return col * CHAR_WIDTH;\n};\n","/**\n* @prop --kup-input-panel-background-color: Sets background of the component.\n* @prop --kup-input-panel-color: Sets text color of the component.\n* @prop --kup-input-panel-font-family: Sets font family of the component.\n* @prop --kup-input-panel-font-size: Sets font size of the component.\n* @prop --kup-input-panel-label-alignment: Sets the text alignment of labels.\n* @prop --kup-input-panel-label-width: Sets the width of labels.\n* @prop --kup-input-panel-padding: Sets the padding of the input panel.\n*/\n\n:host {\n  --kup-fcell-width: fit-content;\n  --kup_input_panel_background_color: var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );\n  --kup_input_panel_color: var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );\n  --kup_input_panel_font_family: var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );\n  --kup_input_panel_font_size: var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );\n  --kup_input_panel_label_alignment: var(--kup-input-panel-label-alignment);\n  --kup_input_panel_label_width: var(--kup-input-panel-label-width);\n  --kup_input_panel_padding: var(--kup-input-panel-padding, 1em 0);\n\n  .input-panel {\n    background: var(--kup_input_panel_background_color);\n    color: var(--kup_input_panel_color);\n    display: flex;\n    flex-grow: 1;\n    overflow: auto;\n    padding: var(--kup_input_panel_padding);\n    position: relative;\n    gap: 1rem;\n    // width: var(--kup-fcell_width);\n\n    &__commands {\n      display: flex;\n      gap: 2rem;\n    }\n\n    &--column {\n      flex-direction: column;\n    }\n\n    &__section_label_container {\n      display: flex;\n      flex-direction: column;\n      gap: 1rem;\n    }\n\n    &__section {\n      display: grid;\n      min-width: 0;\n\n      .f-cell__content {\n        > * {\n          width: 100%;\n        }\n      }\n    }\n\n    &__horizontal-section {\n      display: inline-grid;\n    }\n\n    .f-cell .f-checkbox .checkbox .checkbox__native-control {\n      height: 40px;\n      width: 40px;\n    }\n\n    &__label_container {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n\n      > .f-cell {\n        flex: 1;\n      }\n    }\n\n    &__tabs_container {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      gap: 2rem;\n    }\n\n    .f-cell.number-cell {\n      .f-cell__content {\n        --kup-textfield-font-family: var(--kup_cell_font_family);\n\n        font-family: var(--kup_cell_font_family);\n      }\n    }\n\n    .input-panel-label {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      align-items: center;\n      justify-content: center;\n    }\n\n    &--absolute {\n      // TODO: calc the height dynamically\n      height: 40ch;\n      justify-content: flex-end;\n\n      .input-panel-label {\n        justify-content: start;\n      }\n\n      .mdc-text-field {\n        height: unset !important;\n      }\n    }\n  }\n}\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    Host,\n    Method,\n    Prop,\n    State,\n    VNode,\n    Watch,\n    forceUpdate,\n    h,\n} from '@stencil/core';\nimport {\n    KupAutocompleteEventPayload,\n    KupComboboxIconClickEventPayload,\n    KupDataCell,\n    KupDataTableDataset,\n    KupDataTableRow,\n    KupDropdownButtonEventPayload,\n    KupEditorEventPayload,\n    KupTabBarEventPayload,\n    KupTabBarNode,\n} from '../../components';\nimport { FButton } from '../../f-components/f-button/f-button';\nimport { FCell } from '../../f-components/f-cell/f-cell';\nimport {\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n} from '../../f-components/f-cell/f-cell-declarations';\nimport { FTextFieldMDC } from '../../f-components/f-text-field/f-text-field-mdc';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';\nimport {\n    KupManager,\n    kupManagerInstance,\n} from '../../managers/kup-manager/kup-manager';\nimport { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport { FTypographyType } from '../../f-components/f-typography/f-typography-declarations';\nimport {\n    GenericObject,\n    KupComponent,\n    KupComponentSizing,\n    KupEventPayload,\n} from '../../types/GenericTypes';\nimport {\n    CHIAdapter,\n    CHKAdapter,\n    CMBandACPAdapter,\n    RADAdapter,\n    SWTAdapter,\n} from '../../utils/cell-utils';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    DataAdapterFn,\n    InputPanelButtonClickHandler,\n    InputPanelCells,\n    InputPanelCheckValidObjCallback,\n    InputPanelCheckValidValueCallback,\n    InputPanelOptionsHandler,\n    KupInputPanelCell,\n    KupInputPanelColumn,\n    KupInputPanelData,\n    KupInputPanelLayout,\n    KupInputPanelLayoutField,\n    KupInputPanelLayoutSection,\n    KupInputPanelLayoutSectionType,\n    KupInputPanelProps,\n    KupInputPanelRow,\n    KupInputPanelSubmit,\n} from './kup-input-panel-declarations';\nimport {\n    getAbsoluteHeight,\n    getAbsoluteLeft,\n    getAbsoluteTop,\n    getAbsoluteWidth,\n} from './kup-input-panel-utils';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport { KupTypographyList } from '../kup-typography-list/kup-typography-list';\n\nconst dom: KupDom = document.documentElement as KupDom;\n@Component({\n    tag: 'kup-input-panel',\n    styleUrl: 'kup-input-panel.scss',\n    shadow: true,\n})\nexport class KupInputPanel {\n    /**\n     * References the root HTML element of the component (<kup-form>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    //#region PROPS\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    /**\n     * Actual data of the form.\n     * @default null\n     */\n    @Prop() data: KupInputPanelData = null;\n\n    /**\n     * Creates a hidden submit button in order to submit the form with enter.\n     * @default false\n     */\n    @Prop() hiddenSubmitButton: boolean = false;\n\n    /**\n     * Sets the callback function on submit form\n     * @default null\n     */\n    @Prop() submitCb: (e: KupInputPanelSubmit) => unknown = null;\n\n    /**\n     * Sets the callback function on loading options via FUN\n     * @default null\n     */\n    @Prop() optionsHandler: InputPanelOptionsHandler = null;\n\n    /**\n     * Sets the handler to use when click on custom buttons\n     * @default null\n     */\n    @Prop() customButtonClickHandler?: InputPanelButtonClickHandler = null;\n\n    /**\n     * Sets the callback for valid the object when cell checkObject is true\n     * @default null\n     */\n    @Prop() checkValidObjCallback?: InputPanelCheckValidObjCallback = null;\n\n    /**\n     * Sets the callback for valid the object when cell checkObject is true\n     * @default null\n     */\n    @Prop() checkValidValueCallback?: InputPanelCheckValidValueCallback = null;\n    //#endregion\n\n    /**\n     * Sets verical layout if dashboardMode is true\n     * @default false\n     */\n    @Prop() dashboardMode: boolean = false;\n    //#endregion\n\n    //#region STATES\n    /*-------------------------------------------------*/\n    /*                   S t a t e s                   */\n    /*-------------------------------------------------*/\n\n    /**\n     * Values to send as props to FCell\n     * @default []\n     */\n    @State() private inputPanelCells: InputPanelCells[] = [];\n\n    /**\n     * Values to send as props to FCell\n     * @default []\n     */\n    @State() private inputPanelCommands: VNode[] = [];\n\n    /**\n     * Id of selected tab if exists\n     * @default null\n     */\n    @State() private tabSelected: string = null;\n    //#endregion\n\n    //#region VARIABLES\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    #kupManager: KupManager = kupManagerInstance();\n\n    #optionsAdapterMap = new Map<\n        string,\n        (options: any, currentValue: string) => GenericObject[]\n    >([\n        ['SmeupTreeNode', this.#treeOptionsNodeAdapter.bind(this)],\n        ['SmeupDataTree', this.#dataTreeOptionsChildrenAdapter.bind(this)],\n        ['SmeupTable', this.#tableOptionsAdapter.bind(this)],\n        ['SmeupDataTable', this.#tableOptionsAdapter.bind(this)],\n    ]);\n\n    #originalData: KupInputPanelData = null;\n\n    #eventNames = new Map<FCellTypes, string[]>([\n        [\n            FCellTypes.AUTOCOMPLETE,\n            ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n        ],\n        [\n            FCellTypes.MULTI_AUTOCOMPLETE,\n            ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],\n        ],\n        [FCellTypes.COMBOBOX, ['kup-combobox-iconclick', 'kup-combobox-blur']],\n        [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\n    ]);\n\n    #eventBlurNames = new Map<FCellShapes, string>([\n        [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],\n        [FCellShapes.CHIP, 'kup-textfield-blur'],\n        [FCellShapes.COMBOBOX, 'kup-combobox-blur'],\n        [FCellShapes.DATE, 'kup-datepicker-blur'],\n        [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],\n        [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],\n        [FCellShapes.TIME, 'kup-timepicker-blur'],\n    ]);\n\n    #listeners: { event: string; handler: (e) => void }[] = [];\n    #cellTypeComponents: Map<FCellTypes, string> = new Map<FCellTypes, string>([\n        [FCellTypes.DATE, 'kup-date-picker'],\n        [FCellTypes.TIME, 'kup-time-picker'],\n    ]);\n    #cellCustomRender: Map<\n        FCellShapes,\n        (cell: KupDataCell, cellId: string) => any\n    > = new Map<FCellShapes, (cell: KupDataCell, cellId: string) => any>([\n        [FCellShapes.BUTTON_LIST, this.#renderButton.bind(this)],\n        [FCellShapes.EDITOR, this.#renderEditor.bind(this)],\n        [FCellShapes.LABEL, this.#renderLabel.bind(this)],\n        [FCellShapes.TABLE, this.#renderDataTable.bind(this)],\n    ]);\n    #sectionRenderMap: Map<\n        KupInputPanelLayoutSectionType,\n        (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n    > = new Map<\n        KupInputPanelLayoutSectionType,\n        (cells: InputPanelCells, sections: KupInputPanelLayoutSection[]) => any\n    >([\n        [KupInputPanelLayoutSectionType.TAB, this.#renderSectionTab.bind(this)],\n    ]);\n    #keysShortcut: string[] = [];\n    //#endregion\n\n    //#region WATCHERS\n    /*-------------------------------------------------*/\n    /*                  W a t c h e r s                */\n    /*-------------------------------------------------*/\n\n    @Watch('data')\n    onDataChanged() {\n        this.#originalData = structuredClone(this.data);\n        if (this.#listeners.length) {\n            this.#listeners.map(({ event, handler }) => {\n                this.rootElement.removeEventListener(event, handler);\n            });\n            this.#listeners = [];\n        }\n\n        if (this.#keysShortcut.length) {\n            this.#keysShortcut.map((key) => {\n                this.#kupManager.keysBinding.unregister(key);\n            });\n            this.#keysShortcut = [];\n        }\n        this.#mapCells(this.data);\n    }\n    //#endregion\n\n    //#region PUBLIC METHODS\n    /*-------------------------------------------------*/\n    /*           P u b l i c   M e t h o d s           */\n    /*-------------------------------------------------*/\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, KupInputPanelProps, 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     * 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, KupInputPanelProps, props);\n    }\n    //#endregion\n\n    //#region EVENTS\n    /*-------------------------------------------------*/\n    /*           Events                                */\n    /*-------------------------------------------------*/\n\n    /**\n     * When component load is complete\n     */\n    @Event({\n        eventName: 'kup-input-panel-ready',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupReady: EventEmitter<KupEventPayload>;\n    //#endregion\n\n    //#region PRIVATE METHODS\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    #getCell(id: string) {\n        return this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n            if (!cell) {\n                return cells.find(({ column }) => column.name === id).cell;\n            }\n            return cell;\n        }, null);\n    }\n\n    #renderRow(inputPanelCell: InputPanelCells) {\n        const layout = inputPanelCell.row.layout;\n\n        const horizontal = layout?.horizontal || false;\n        const styleObj: GenericObject = {};\n\n        let rowContent: VNode[];\n\n        if (!layout?.sections?.length) {\n            rowContent = inputPanelCell.cells.map((cell) =>\n                this.#renderCell(cell.cell, inputPanelCell.row, cell.column)\n            );\n        } else {\n            if (layout.absolute) {\n                rowContent = this.#renderAbsoluteLayout(inputPanelCell, layout);\n            } else {\n                if (!layout.sectionsType) {\n                    const hasDim = layout.sections.some((sec) => sec.dim);\n                    styleObj.display = 'grid';\n\n                    if (layout.horizontal) {\n                        styleObj.gridTemplateColumns = hasDim\n                            ? layout.sections\n                                  .map((sec) => sec.dim || 'auto')\n                                  .join(' ')\n                            : `repeat(${layout.sections.length}, 1fr)`;\n                    } else {\n                        if (this.dashboardMode) {\n                            styleObj.gridTemplateRows = hasDim\n                                ? layout.sections\n                                      .map((sec) => sec.dim || 'auto')\n                                      .join(' ')\n                                : `repeat(${layout.sections.length}, 1fr)`;\n                        }\n                    }\n                }\n\n                rowContent = this.#renderGridLayout(inputPanelCell, layout);\n            }\n        }\n\n        const classObj = {\n            'input-panel': true,\n            'input-panel--column': !horizontal,\n            'input-panel--absolute': layout?.absolute,\n        };\n\n        // We create a form for each row in data\n        return (\n            <form\n                name={this.rootElement.id}\n                id={this.rootElement.id}\n                class={{ 'input-panel-form': true }}\n                onSubmit={(e: SubmitEvent) => {\n                    e.preventDefault();\n                    this.submitCb({\n                        value: {\n                            before: { ...this.#originalData },\n                            after: this.#reverseMapCells(),\n                        },\n                    });\n                }}\n            >\n                <div class={classObj} style={styleObj}>\n                    {rowContent}\n                </div>\n                <div class=\"input-panel__commands\">\n                    {!this.hiddenSubmitButton ? (\n                        <FButton\n                            buttonType=\"submit\"\n                            label={this.#kupManager.language.translate(\n                                KupLanguageGeneric.CONFIRM\n                            )}\n                            wrapperClass=\"form__submit\"\n                        ></FButton>\n                    ) : null}\n                    {this.inputPanelCommands}\n                </div>\n            </form>\n        );\n    }\n\n    #renderCell(\n        cell: KupDataCell,\n        row: KupInputPanelRow,\n        column: KupInputPanelColumn\n    ) {\n        if (!cell) {\n            return;\n        }\n\n        const customRender = this.#cellCustomRender.get(cell.shape);\n\n        if (customRender !== undefined) {\n            return customRender(cell, column.name);\n        }\n\n        const cellProps: FCellProps = {\n            cell,\n            column,\n            row,\n            component: this,\n            editable: true,\n            renderKup: true,\n            setSizes: true,\n        };\n\n        const label = this.#getLabelComponent(cell, column.title);\n\n        if (label) {\n            return (\n                <div class={{ 'input-panel__label_container': true }}>\n                    {label}\n                    <FCell {...cellProps} />\n                </div>\n            );\n        }\n\n        return <FCell {...cellProps} />;\n    }\n\n    #renderButton(cell: KupDataCell, cellId: string) {\n        return (\n            <FButton\n                icon={cell.icon}\n                id={cellId}\n                {...cell.data}\n                wrapperClass=\"form__submit\"\n            ></FButton>\n        );\n    }\n\n    #renderDropDownButton(cell: KupDataCell, data: GenericObject) {\n        return (\n            <kup-dropdown-button\n                {...cell.data}\n                sizing={KupComponentSizing.SMALL}\n                label={cell.value}\n                data={data}\n                onkup-dropdownbutton-itemclick={(\n                    e: CustomEvent<KupDropdownButtonEventPayload>\n                ) => {\n                    this.#getFunctionOnClickBTN(\n                        e.detail.node,\n                        e.detail.node.id\n                    );\n                }}\n            ></kup-dropdown-button>\n        );\n    }\n\n    #renderEditor(cell: KupDataCell, cellId: string) {\n        const event = 'kup-editor-save';\n        const handler = (e: CustomEvent<KupEditorEventPayload>) => {\n            const edtCell: KupDataCell =\n                this.inputPanelCells.reduce<KupDataCell>((cell, { cells }) => {\n                    if (!cell) {\n                        return cells.find(\n                            ({ column }) => column.name === cellId\n                        ).cell;\n                    }\n                    return cell;\n                }, null);\n            edtCell.value = e.detail.htmlValue.replace(/\\n/g, '<br>');\n        };\n\n        this.rootElement.addEventListener(event, handler);\n\n        this.#listeners.push({\n            event,\n            handler,\n        });\n\n        return (\n            <kup-editor\n                {...cell.data}\n                id={cellId}\n                isReadOnly={!cell.isEditable}\n                showToolbar={true}\n            ></kup-editor>\n        );\n    }\n\n    #renderDataTable(cell: KupDataCell, cellId: string) {\n        return (\n            <kup-data-table\n                id={cellId}\n                editableData={true}\n                showGroups={true}\n                showFilters={true}\n                showFooter={true}\n                {...cell.data}\n            ></kup-data-table>\n        );\n    }\n\n    #renderLabel(cell: KupDataCell, cellId: string) {\n        return (\n            <span class=\"input-panel-label\" id={cellId}>\n                {cell.value}\n            </span>\n        );\n    }\n\n    #getLabelComponent(cell: KupDataCell, label: string) {\n        if (!label) {\n            return null;\n        }\n\n        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n        if (cellType === FCellTypes.RADIO) {\n            return <span>{label}</span>;\n        }\n\n        return null;\n    }\n\n    #renderGridLayout(\n        inputPanelCell: InputPanelCells,\n        layout: KupInputPanelLayout\n    ) {\n        const sectionRender = this.#sectionRenderMap.get(layout.sectionsType);\n\n        return sectionRender\n            ? sectionRender(inputPanelCell, layout.sections)\n            : layout.sections.map((section) =>\n                  this.#renderSection(inputPanelCell, section)\n              );\n    }\n\n    #renderAbsoluteLayout(\n        inputPanelCell: InputPanelCells,\n        layout: KupInputPanelLayout\n    ) {\n        return layout.sections.map((section) =>\n            this.#renderAbsoluteSection(inputPanelCell, section)\n        );\n    }\n\n    #renderSection(\n        cells: InputPanelCells,\n        section: KupInputPanelLayoutSection,\n        customLabelRender: boolean = false,\n        styleObj: GenericObject = {}\n    ) {\n        const classObj = {\n            'input-panel__section': !section.horizontal,\n            'input-panel__horizontal-section': section.horizontal,\n        };\n\n        styleObj.gap = +section.gap > 0 ? `${section.gap}rem` : '1rem';\n\n        let content = [];\n\n        if (section.sections?.length) {\n            content = section.sections.map((innerSection) =>\n                this.#renderSection(cells, innerSection)\n            );\n\n            const hasDim = section.sections.some((sec) => sec.dim);\n\n            if (!section.gridCols && section.horizontal) {\n                styleObj.gridTemplateColumns = hasDim\n                    ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n                    : `repeat(${section.sections.length}, 1fr)`;\n            }\n\n            if (\n                !section.gridRows &&\n                !section.horizontal &&\n                this.dashboardMode\n            ) {\n                styleObj.gridTemplateRows = hasDim\n                    ? section.sections.map((sec) => sec.dim || 'auto').join(' ')\n                    : `repeat(${section.sections.length}, 1fr)`;\n            }\n        } else if (section.content?.length) {\n            content = section.content.map((field) =>\n                this.#renderField(cells, field)\n            );\n            styleObj.gridTemplateColumns =\n                +section.gridCols > 0 ? `repeat(${section.gridCols}, 1fr)` : '';\n            if (this.dashboardMode) {\n                styleObj.gridTemplateRows =\n                    +section.gridRows > 0\n                        ? `repeat(${section.gridRows}, 1fr)`\n                        : '';\n            }\n        }\n\n        const sectionContent = (\n            <div class={classObj} style={styleObj}>\n                {content}\n            </div>\n        );\n\n        return section.title && !customLabelRender ? (\n            <div class={{ 'input-panel__section_label_container': true }}>\n                <FTypography\n                    type={FTypographyType.HEADING1}\n                    value={section.title}\n                ></FTypography>\n                {sectionContent}\n            </div>\n        ) : (\n            sectionContent\n        );\n    }\n\n    #renderAbsoluteSection(\n        cells: InputPanelCells,\n        section: KupInputPanelLayoutSection\n    ) {\n        let content = [];\n\n        if (section.sections?.length) {\n            content = section.sections.map((innerSection) =>\n                this.#renderAbsoluteSection(cells, innerSection)\n            );\n        } else if (section.content?.length) {\n            content = section.content.map((field) =>\n                this.#renderAbsoluteField(cells, field)\n            );\n        }\n\n        //If width is not specified the div in the return at the end can be removed\n        if (getAbsoluteWidth(section.absoluteWidth) == null) {\n            return content;\n        }\n\n        const width = `${\n            getAbsoluteWidth(section.absoluteWidth) != null\n                ? `${getAbsoluteWidth(section.absoluteWidth)}px`\n                : '100%'\n        }`;\n        const height = `${\n            getAbsoluteHeight(section.absoluteHeight) != null\n                ? `${getAbsoluteHeight(section.absoluteHeight)}px`\n                : '100%'\n        }`;\n        const top = `${getAbsoluteTop(section.absoluteRow)}px`;\n        const left = `${getAbsoluteLeft(section.absoluteColumn)}px`;\n\n        const sectionStyle = {\n            position: 'relative',\n            width,\n            'min-width': width,\n            'max-width': width,\n            height,\n            'min-height': height,\n            'max-height': height,\n            top,\n            left,\n            overflow: 'auto',\n        };\n\n        return <div style={sectionStyle}>{content}</div>;\n    }\n\n    #extractContentIds(node: KupInputPanelLayoutSection) {\n        let ids: string[] = [];\n\n        if (node.content?.length) {\n            node.content.forEach((item) => {\n                if (item.id) {\n                    ids.push(item.id);\n                }\n            });\n        }\n\n        if (node.sections?.length) {\n            node.sections.forEach((section) => {\n                ids = ids.concat(this.#extractContentIds(section));\n            });\n        }\n\n        return ids;\n    }\n\n    #renderSectionTab(\n        cells: InputPanelCells,\n        sections: KupInputPanelLayoutSection[]\n    ) {\n        if (!this.tabSelected) {\n            this.tabSelected = sections[0].id || '0';\n        }\n\n        const tabNodes: KupTabBarNode[] = sections.map((section, i) => {\n            const cellIdsInSection = this.#extractContentIds(section);\n\n            const hasError = cells.cells.some((cellData) => {\n                const cell = cellData.cell;\n                const column = cellData.column;\n                return (\n                    cellIdsInSection.includes(column.name) && !!cell.data?.error\n                );\n            });\n\n            return {\n                active: (section.id || `${i}`) === this.tabSelected,\n                value: section.title,\n                icon: hasError ? 'error' : section.icon,\n                id: section.id || `${i}`,\n                danger: hasError,\n            };\n        });\n\n        const sectionContent = sections.map((section, i) => {\n            const sectionId = section.id || `${i}`;\n            return this.#renderSection(cells, section, true, {\n                display: this.tabSelected !== sectionId ? 'none' : 'grid',\n            });\n        });\n\n        const tabCustomStyle =\n            '.tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }';\n\n        if (!this.#listeners.map((l) => l.event).includes('kup-tabbar-click')) {\n            const event = 'kup-tabbar-click';\n            const handler = (e: CustomEvent<KupTabBarEventPayload>) => {\n                this.tabSelected = e.detail.node.id;\n            };\n\n            this.rootElement.addEventListener(event, handler);\n            this.#listeners.push({\n                event,\n                handler,\n            });\n        }\n\n        return (\n            <div class={{ 'input-panel__tabs_container': true }}>\n                <kup-tab-bar\n                    data={tabNodes}\n                    customStyle={tabCustomStyle}\n                ></kup-tab-bar>\n                {sectionContent}\n            </div>\n        );\n    }\n\n    #renderField(cells: InputPanelCells, field: KupInputPanelLayoutField) {\n        const fieldCell = cells.cells.find(\n            (cell) => cell.column.name === field.id\n        );\n\n        const colSpan =\n            +field.colSpan > 0\n                ? field.colSpan\n                : !(+field.colSpan > 0) && !(+field.colStart > 0)\n                ? 1\n                : null;\n\n        const colStart = colSpan ? `span ${colSpan}` : `${field.colStart}`;\n\n        const colEnd = +field.colEnd > 0 ? `${field.colEnd}` : '';\n\n        const rowSpan =\n            +field.rowSpan > 0\n                ? field.rowSpan\n                : !(+field.rowSpan > 0) && !(+field.rowStart > 0)\n                ? 1\n                : null;\n\n        const rowStart = rowSpan ? `span ${rowSpan}` : `${field.rowStart}`;\n\n        const rowEnd = +field.rowEnd > 0 ? `${field.rowEnd}` : '';\n\n        const styleObj = {\n            'min-width': '0',\n            'grid-column-start': colStart,\n            'grid-column-end': colEnd,\n            'grid-row-start': rowStart,\n            'grid-row-end': rowEnd,\n        };\n\n        if (!fieldCell || !fieldCell.cell) {\n            return;\n        }\n\n        return (\n            <div style={styleObj}>\n                {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n            </div>\n        );\n    }\n\n    #renderAbsoluteField(\n        cells: InputPanelCells,\n        field: KupInputPanelLayoutField\n    ) {\n        const fieldCell = cells.cells.find(\n            (cell) => cell.column.name === field.id\n        );\n        if (!fieldCell || !fieldCell.cell) {\n            return;\n        }\n\n        let length: number;\n        if (fieldCell.cell.shape == FCellShapes.DATE) {\n            length = field.absoluteLength > 8 ? field.absoluteLength : 8;\n        } else {\n            length = field.absoluteLength;\n        }\n\n        const width = `${getAbsoluteWidth(length)}px`;\n        const height = `${getAbsoluteHeight(1)}px`;\n        const top = `${getAbsoluteTop(field.absoluteRow)}px`;\n        const left = `${getAbsoluteLeft(field.absoluteColumn)}px`;\n\n        const styleObj = {\n            position: 'absolute',\n            width,\n            'min-width': width,\n            'max-width': width,\n            height,\n            'min-height': height,\n            'max-height': height,\n            top,\n            left,\n            overflow: 'auto',\n        };\n\n        fieldCell.cell.data = {\n            ...fieldCell.cell.data,\n            customStyle:\n                (fieldCell.cell.data.customStyle || '') +\n                '.mdc-text-field {height: unset !important;}',\n        };\n\n        return (\n            <div style={styleObj}>\n                {this.#renderCell(fieldCell.cell, cells.row, fieldCell.column)}\n            </div>\n        );\n    }\n\n    #mapCommands() {\n        this.inputPanelCommands = this.data.setup.commands\n            .map((commandObj) => {\n                if (commandObj?.children && commandObj?.children.length > 0) {\n                    const data = {\n                        'kup-list': {\n                            showIcons: true,\n                            data: commandObj.children.map((c) =>\n                                this.#commandAdapter(c)\n                            ),\n                        },\n                    };\n                    return this.#renderDropDownButton(commandObj, data);\n                } else {\n                    const buttonCell = this.#commandAdapter(commandObj);\n                    return this.#renderButton(buttonCell, commandObj.value);\n                }\n            })\n            .flat();\n    }\n\n    #mapCells(data: KupInputPanelData) {\n        if (data.setup?.commands?.length) {\n            this.#mapCommands();\n        }\n\n        const layout = data?.rows[0]?.layout;\n        const inpuPanelCells = data?.rows?.length\n            ? data.rows.reduce((inpuPanelCells, row) => {\n                  const cells = data.columns\n                      .filter((column) => column.visible)\n                      .map((column) => {\n                          const cell = structuredClone(row.cells[column.name]);\n                          const mappedCell = cell\n                              ? {\n                                    ...cell,\n                                    data: this.#setData(cell, column, layout),\n                                    slotData: this.#slotData(cell, column),\n                                    isEditable: true,\n                                }\n                              : null;\n                          return { column, cell: mappedCell };\n                      });\n                  return [...inpuPanelCells, { cells, row }];\n              }, [])\n            : [];\n        inpuPanelCells.map(({ cells }: InputPanelCells) =>\n            cells.map(({ cell, column }) => {\n                const cellType = dom.ketchup.data.cell.getType(\n                    cell,\n                    cell.shape\n                );\n                const componentQuery = this.#cellTypeComponents.get(cellType);\n                if (!componentQuery) {\n                    return;\n                }\n\n                const el: any = this.rootElement.shadowRoot.querySelector(\n                    `${componentQuery}[id=${column.name.replace(\n                        /\\//g,\n                        '\\\\$1'\n                    )}]`\n                );\n\n                el?.setValue(cell.value);\n            })\n        );\n\n        this.inputPanelCells = inpuPanelCells;\n    }\n\n    #setData(\n        cell: KupInputPanelCell,\n        column: KupInputPanelColumn,\n        layout?: KupInputPanelLayout\n    ) {\n        const defaultProps = {\n            ...this.#mapData(cell, column, layout),\n            disabled: !cell.editable,\n            id: column.name,\n        };\n        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n        const { data, ...noDataProps } = cell.data || {};\n\n        return cellType !== FCellTypes.MULTI_AUTOCOMPLETE &&\n            cellType !== FCellTypes.MULTI_COMBOBOX\n            ? this.#deepObjectsMerge(defaultProps, {\n                  ...cell.data,\n              })\n            : // Add and ovverride defaultProps of Chip host component except data\n              {\n                  ...defaultProps,\n                  ...noDataProps,\n              };\n    }\n\n    #deepObjectsMerge(target: GenericObject, source: GenericObject) {\n        for (const key in source) {\n            if (\n                source[key] instanceof Object &&\n                !Array.isArray(source[key]) &&\n                key in target\n            ) {\n                target[key] = this.#deepObjectsMerge(target[key], source[key]);\n            } else {\n                target[key] = source[key];\n            }\n        }\n        return target;\n    }\n\n    #reverseMapCells(): KupInputPanelData {\n        return this.inputPanelCells.reduce(\n            (data, curr) => {\n                const updatedCells = Object.keys(curr.row.cells).reduce(\n                    (cells, key) => {\n                        const cellState = curr.cells.find(\n                            (c) => c.column.name === key\n                        )?.cell;\n\n                        let value: any = cellState?.value;\n\n                        if (cellState?.shape === FCellShapes.TABLE) {\n                            value = JSON.stringify(\n                                this.#getTableUpdatedCell(\n                                    cellState.data.data,\n                                    key\n                                )\n                            );\n                        }\n\n                        return {\n                            ...cells,\n                            [key]: {\n                                ...curr.row.cells[key],\n                                value,\n                                obj: cellState?.obj,\n                            },\n                        };\n                    },\n                    {}\n                );\n\n                return {\n                    columns: [\n                        ...data.columns,\n                        ...curr.cells.map((cell) => cell.column),\n                    ],\n                    rows: [\n                        ...data.rows,\n                        {\n                            cells: updatedCells,\n                            layout: curr.row.layout,\n                        },\n                    ],\n                };\n            },\n            {\n                columns: [],\n                rows: [],\n            }\n        );\n    }\n\n    #mapData(\n        cell: KupInputPanelCell,\n        col: KupInputPanelColumn,\n        layout?: KupInputPanelLayout\n    ) {\n        if (!cell) {\n            return null;\n        }\n\n        const options = cell.options;\n        let fieldLabel: string;\n        if (layout?.absolute) {\n            fieldLabel = null;\n        } else {\n            fieldLabel = col.title;\n        }\n        const currentValue = cell.value;\n        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n        const dataAdapterMap = new Map<FCellTypes, DataAdapterFn>([\n            [FCellTypes.AUTOCOMPLETE, this.#CMBandACPAdapter.bind(this)],\n            [FCellTypes.BUTTON_LIST, this.#BTNAdapter.bind(this)],\n            [FCellTypes.CHART, this.#GRAAdapter.bind(this)],\n            [FCellTypes.CHIP, this.#CHIAdapter.bind(this)],\n            [FCellTypes.CHECKBOX, this.#CHKAdapter.bind(this)],\n            [FCellTypes.COLOR_PICKER, this.#CLPAdapter.bind(this)],\n            [FCellTypes.COMBOBOX, this.#CMBandACPAdapter.bind(this)],\n            [FCellTypes.EDITOR, this.#EDTAdapter.bind(this)],\n            [FCellTypes.MULTI_AUTOCOMPLETE, this.#CHIAdapter.bind(this)],\n            [FCellTypes.MULTI_COMBOBOX, this.#CHIAdapter.bind(this)],\n            [FCellTypes.NUMBER, this.#NumberAdapter.bind(this)],\n            [FCellTypes.DATE, this.#DateAdapter.bind(this)],\n            [FCellTypes.OBJECT, this.#ObjectAdapter.bind(this)],\n            [FCellTypes.RADIO, this.#RADAdapter.bind(this)],\n            [FCellTypes.STRING, this.#ITXAdapter.bind(this)],\n            [FCellTypes.SWITCH, this.#SWTAdapter.bind(this)],\n            [FCellTypes.TABLE, this.#DataTableAdapter.bind(this)],\n            [FCellTypes.TIME, this.#TimeAdapter.bind(this)],\n        ]);\n\n        const adapter = dataAdapterMap.get(cellType);\n\n        return adapter\n            ? adapter(options, fieldLabel, currentValue, cell, col.name)\n            : null;\n    }\n\n    #slotData(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n        if (!cell.editable) {\n            return null;\n        }\n\n        if (cellType === FCellTypes.CHIP) {\n            return {\n                trailingIcon: true,\n                label: col.title,\n                disabled: !cell.editable,\n                id: col.name,\n                fullWidth: false,\n            };\n        }\n\n        if (\n            cellType === FCellTypes.MULTI_AUTOCOMPLETE ||\n            cellType === FCellTypes.MULTI_COMBOBOX\n        ) {\n            return {\n                ...this.#CMBandACPAdapter(\n                    cell.options,\n                    col.title,\n                    null,\n                    cell,\n                    col.name\n                ),\n                showDropDownIcon: true,\n                class: '',\n                style: { width: '100%' },\n                disabled: !cell.editable,\n                id: col.name,\n            };\n        }\n\n        return null;\n    }\n\n    #CHIAdapter(\n        _options: GenericObject,\n        _fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            this.#checkOnBlurEvent(cell, id);\n        }\n\n        return CHIAdapter(currentValue);\n    }\n\n    #GRAAdapter() {\n        //TODO: definire mapping\n        return {\n            data: {\n                sizeX: '50px',\n                offlineMode: {\n                    value: '8;4;5',\n                },\n                id: 'i1012_GREF_0',\n                cellId: 'i1012_GREF_0',\n                sizeY: '50px',\n            },\n        };\n    }\n\n    #BTNAdapter(\n        _options: GenericObject,\n        _fieldLabel: string,\n        _currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        cell.data = cell.data || {};\n\n        cell.data.onClick = () => {\n            this.#getFunctionOnClickBTN(cell, id);\n        };\n\n        if (cell.data?.keyShortcut && !cell.data?.disabled) {\n            this.#keysShortcut.push(cell.data?.keyShortcut);\n            this.#kupManager.keysBinding.register(\n                cell.data?.keyShortcut,\n                cell.data.onClick.bind(this)\n            );\n        }\n\n        return {\n            label: cell.value,\n            fun: cell.fun,\n            ...cell.data,\n        };\n    }\n\n    #CMBandACPAdapter(\n        rawOptions: GenericObject,\n        fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);\n\n        if (cell.fun) {\n            const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);\n\n            const evNames = this.#eventNames.get(cellType);\n\n            if (!evNames) {\n                return;\n            }\n\n            evNames.map((evName) => {\n                const handler = (\n                    e: CustomEvent<KupAutocompleteEventPayload>\n                ) => {\n                    this.#getAutocompleteEventCallback(\n                        e.detail,\n                        cell.fun,\n                        configCMandACP,\n                        id,\n                        currentValue\n                    );\n                };\n                this.rootElement.addEventListener(evName, handler);\n                this.#listeners.push({\n                    event: evName,\n                    handler,\n                });\n            });\n        } else if (rawOptions) {\n            configCMandACP.data['kup-list'].data =\n                this.#optionsTreeComboAdapter(rawOptions, currentValue);\n        }\n\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            this.#checkOnBlurEvent(cell, id);\n        }\n\n        return configCMandACP;\n    }\n\n    #CHKAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        let data = CHKAdapter(currentValue, fieldLabel);\n\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            return {\n                ...data,\n                onBlur: () => {\n                    this.#checkOnBlurProp(cell, id);\n                },\n            };\n        }\n\n        return data;\n    }\n\n    #CLPAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string\n    ) {\n        return {\n            data: {\n                'kup-text-field': {\n                    label: fieldLabel,\n                },\n            },\n        };\n    }\n\n    #EDTAdapter(\n        _options: GenericObject,\n        _fieldLabel: string,\n        currentValue: string\n    ) {\n        return {\n            initialValue: currentValue,\n        };\n    }\n\n    #ITXAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            return {\n                label: fieldLabel,\n                onBlur: () => {\n                    this.#checkOnBlurProp(cell, id);\n                },\n            };\n        }\n        return { label: fieldLabel };\n    }\n\n    #RADAdapter(\n        options: GenericObject,\n        _fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        let data = RADAdapter(currentValue, options);\n\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            return {\n                ...data,\n                onBlur: () => {\n                    this.#checkOnBlurProp(cell, id);\n                },\n            };\n        }\n\n        return data;\n    }\n\n    #SWTAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string\n    ) {\n        return SWTAdapter(currentValue, fieldLabel);\n    }\n\n    #DateAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            this.#checkOnBlurEvent(cell, id);\n        }\n\n        return {\n            data: {\n                'kup-text-field': {\n                    label: fieldLabel,\n                },\n            },\n            initialValue: currentValue,\n        };\n    }\n\n    #ObjectAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            return {\n                initialValue: currentValue || '',\n                label: fieldLabel || ' ',\n                value: currentValue || '',\n                onBlur: () => {\n                    this.#checkOnBlurProp(cell, id);\n                },\n            };\n        }\n\n        return {\n            initialValue: currentValue || '',\n            label: fieldLabel || ' ',\n            value: currentValue || '',\n        };\n    }\n\n    #TimeAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            this.#checkOnBlurEvent(cell, id);\n        }\n        return {\n            data: {\n                'kup-text-field': {\n                    label: fieldLabel,\n                },\n            },\n        };\n    }\n\n    #NumberAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        if (\n            cell.inputSettings?.checkObject ||\n            cell.inputSettings?.checkValueOnExit ||\n            cell.mandatory\n        ) {\n            return {\n                label: fieldLabel,\n                onBlur: () => {\n                    this.#checkOnBlurProp(cell, id);\n                },\n            };\n        }\n        return { label: fieldLabel };\n    }\n\n    #DataTableAdapter(\n        _rawOptions: GenericObject,\n        _fieldLabel: string,\n        _value: string,\n        cell: KupInputPanelCell,\n        id: string\n    ) {\n        try {\n            let data = JSON.parse(cell.value);\n\n            if (!data) {\n                this.#kupManager.debug.logMessage(\n                    this,\n                    `Empty value for ${id} cell.`,\n                    KupDebugCategory.WARNING\n                );\n                return null;\n            }\n\n            if ((data as any).type !== 'SmeupDataTable') {\n                this.#kupManager.debug.logMessage(\n                    this,\n                    `Wrong data table type for ${id} cell. Type \\`SmeupDataTable\\` in value expected`,\n                    KupDebugCategory.ERROR\n                );\n                return null;\n            }\n\n            return {\n                data: {\n                    columns: data.columns.map((col) => ({\n                        ...col,\n                        obj: data.rows[0].cells[col.name].obj,\n                    })),\n                    rows: data.rows.map((row) => ({\n                        ...row,\n                        cells: Object.keys(row.cells).reduce((cell, key) => {\n                            const column = data.columns.find(\n                                (col) => col.name === key\n                            );\n                            return {\n                                ...cell,\n                                [key]: {\n                                    ...row.cells[key],\n                                    data: {\n                                        ...this.#mapData(\n                                            row.cells[key],\n                                            column\n                                        ),\n                                        disabled:\n                                            row.cells[key].editable === false,\n                                        id: column.id,\n                                    },\n                                },\n                            };\n                        }, {}),\n                    })),\n                },\n            };\n        } catch (e) {\n            this.#kupManager.debug.logMessage(\n                this,\n                `Invalid value for ${id} cell. Type \\`SmeupDataTable\\` expected`,\n                KupDebugCategory.ERROR\n            );\n            return null;\n        }\n    }\n\n    #getTableUpdatedCell(\n        tableValue: KupDataTableDataset,\n        cellId: string\n    ): KupDataTableDataset {\n        const updated: KupDataTableDataset = {\n            ...tableValue,\n            rows: tableValue.rows.map((row) => ({ ...row, cells: {} })),\n        };\n\n        const editableColsId = tableValue.columns\n            .filter((col) => col.isEditable)\n            .map((col) => col.name);\n\n        if (!editableColsId.length) {\n            return updated;\n        }\n\n        try {\n            const beforeTableValue = JSON.parse(\n                this.#originalData.rows[0].cells[cellId].value\n            );\n\n            updated.rows = tableValue.rows.map((row, i) =>\n                editableColsId.reduce<KupDataTableRow>(\n                    (updatedRow, colId) => {\n                        const changed =\n                            beforeTableValue.rows[i].cells[colId] &&\n                            row.cells[colId].value !==\n                                beforeTableValue.rows[i].cells[colId].value;\n\n                        if (changed) {\n                            return {\n                                ...beforeTableValue.rows[i],\n                                cells: {\n                                    ...updatedRow.cells,\n                                    [colId]: {\n                                        ...beforeTableValue.rows[i].cells[\n                                            colId\n                                        ],\n                                        value: row.cells[colId].value,\n                                    },\n                                },\n                            };\n                        }\n\n                        return {\n                            ...beforeTableValue.rows[i],\n                            cells: updatedRow.cells,\n                        };\n                    },\n                    { ...beforeTableValue.rows[i], cells: {} }\n                )\n            );\n\n            return updated;\n        } catch (e) {\n            return updated;\n        }\n    }\n\n    #optionsTreeComboAdapter(options: any, currentValue: string) {\n        const adapter = this.#optionsAdapterMap.get(options.type);\n\n        if (adapter) {\n            return adapter(options, currentValue);\n        } else {\n            return options.map((option) => ({\n                value: option.label,\n                id: option.id,\n                selected: currentValue === option.id,\n            }));\n        }\n    }\n\n    #treeOptionsNodeAdapter(\n        options: any,\n        currentValue: string\n    ): GenericObject[] {\n        return options.children.map((child) => ({\n            id: child.content.codice,\n            value: child.content.testo,\n            selected: currentValue === child.content.codice,\n            children: child.children?.length\n                ? this.#treeOptionsNodeAdapter(child, currentValue)\n                : [],\n        }));\n    }\n\n    #dataTreeOptionsChildrenAdapter(\n        options: any,\n        currentValue: string\n    ): GenericObject[] {\n        return options.children.map((child) => ({\n            id: child.obj.k,\n            value: child.value,\n            selected: currentValue === child.obj.k,\n            children: child.children?.length\n                ? this.#dataTreeOptionsChildrenAdapter(child, currentValue)\n                : [],\n        }));\n    }\n\n    #tableOptionsAdapter(options: any, currentValue: string): GenericObject[] {\n        return options.rows.map((row) => {\n            const cells = row.fields || row.cells;\n            const [id, value] = Object.keys(cells);\n\n            return {\n                id: cells[id].value,\n                value: cells[value]?.value || cells[id].value,\n                selected: currentValue === cells[id].value,\n            };\n        });\n    }\n\n    #commandAdapter(cell: KupDataCell): KupDataCell {\n        const buttonCell = {\n            ...cell,\n            data: this.#BTNAdapter(null, null, cell.value, cell, cell.obj.k),\n            id: cell.obj.k,\n        };\n        return buttonCell;\n    }\n\n    #getAutocompleteEventCallback(\n        detail: KupAutocompleteEventPayload | KupComboboxIconClickEventPayload,\n        fun: string,\n        data: any,\n        id: string,\n        currentValue: string\n    ) {\n        if (\n            detail.id !== id ||\n            (detail as KupComboboxIconClickEventPayload).open === false\n        ) {\n            return;\n        }\n        this.optionsHandler(\n            fun,\n            detail.inputValue,\n            this.#reverseMapCells(),\n            detail.id\n        ).then((options) => {\n            data.data['kup-list'].data =\n                this.#optionsTreeComboAdapter(options, currentValue) ?? [];\n            detail.comp.refresh();\n        });\n    }\n\n    async #checkOnBlurProp(cell: KupInputPanelCell, id: string) {\n        const currCell = this.#getCell(id);\n\n        // Required cell check\n        if (cell.mandatory) {\n            this.#setCellError(\n                id,\n                currCell.value\n                    ? // If it's not empty remove the error message\n                      null\n                    : // else set the error message\n                      this.#kupManager.language.translate(\n                          KupLanguageGeneric.REQUIRED_VALUE\n                      )\n            );\n\n            if (!currCell.value) {\n                return;\n            }\n        } else {\n            this.#setCellError(id, null);\n        }\n\n        // Valid object check\n        if (cell.inputSettings?.checkObject && currCell.value) {\n            const { valid } = await this.checkValidObjCallback({\n                obj: cell.obj,\n                currentState: this.#reverseMapCells(),\n                fun: cell.fun,\n            });\n            if (valid) {\n                this.#setCellError(id, null);\n            } else {\n                this.#setCellError(\n                    id,\n                    this.#kupManager.language.translate(\n                        KupLanguageGeneric.INVALID_VALUE\n                    )\n                );\n                return;\n            }\n        }\n\n        if (cell.inputSettings?.checkValueOnExit && this.#areValuesUpdated()) {\n            this.checkValidValueCallback(\n                {\n                    before: { ...this.#originalData },\n                    after: this.#reverseMapCells(),\n                },\n                id\n            );\n        }\n    }\n\n    #checkOnBlurEvent(cell: KupInputPanelCell, id: string) {\n        const evName = this.#eventBlurNames.get(cell.shape);\n        if (!evName) {\n            return;\n        }\n\n        const handler = async (e: CustomEvent<KupAutocompleteEventPayload>) => {\n            const currCell = this.#getCell(id);\n\n            if (e.detail.id !== id) {\n                return;\n            }\n\n            // Required cell check\n            if (cell.mandatory) {\n                this.#setCellError(\n                    id,\n                    currCell.value\n                        ? // If it's not empty remove the error message\n                          null\n                        : // else set the error message\n                          this.#kupManager.language.translate(\n                              KupLanguageGeneric.REQUIRED_VALUE\n                          )\n                );\n\n                if (!e.detail.value) {\n                    return;\n                }\n            } else {\n                this.#setCellError(id, null);\n            }\n\n            // Valid object check\n            if (cell.inputSettings?.checkObject && e.detail.value) {\n                const { valid } = await this.checkValidObjCallback({\n                    obj: cell.obj,\n                    currentState: this.#reverseMapCells(),\n                    fun: cell.fun,\n                });\n\n                this.#setCellError(\n                    id,\n                    valid\n                        ? // If it's not empty remove the error message\n                          null\n                        : // else set the error message\n                          this.#kupManager.language.translate(\n                              KupLanguageGeneric.INVALID_VALUE\n                          )\n                );\n                if (!valid) {\n                    return;\n                }\n            }\n\n            if (\n                cell.inputSettings?.checkValueOnExit &&\n                this.#areValuesUpdated()\n            ) {\n                this.checkValidValueCallback(\n                    {\n                        before: { ...this.#originalData },\n                        after: this.#reverseMapCells(),\n                    },\n                    id\n                );\n            }\n        };\n        this.rootElement.addEventListener(evName, handler);\n        this.#listeners.push({\n            event: evName,\n            handler,\n        });\n    }\n\n    #setCellError(id: string, error: string) {\n        this.inputPanelCells = this.inputPanelCells.map((cell) => ({\n            ...cell,\n            cells: cell.cells.map(({ cell, column }) => {\n                const data =\n                    column.name === id\n                        ? {\n                              ...cell.data,\n                              error,\n                          }\n                        : cell.data;\n                return {\n                    column,\n                    cell: {\n                        ...cell,\n                        data,\n                    },\n                };\n            }),\n        }));\n    }\n\n    #areValuesUpdated() {\n        return this.inputPanelCells.some(({ cells, row }) =>\n            cells.some(\n                ({ cell, column: { name } }) =>\n                    cell.value !== row.cells[name].value\n            )\n        );\n    }\n\n    #getFunctionOnClickBTN(cell: KupInputPanelCell, id: string) {\n        cell.fun\n            ? this.customButtonClickHandler({\n                  fun: cell.fun,\n                  cellId: id,\n                  currentState: this.#reverseMapCells(),\n              })\n            : this.submitCb({\n                  value: {\n                      before: { ...this.#originalData },\n                      after: this.#reverseMapCells(),\n                  },\n                  cell: id,\n              });\n    }\n\n    //#endregion\n\n    //#region LIFECYCLE HOOKS\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.#kupManager.debug.logLoad(this, false);\n        this.#kupManager.language.register(this);\n        this.#kupManager.theme.register(this);\n        this.onDataChanged();\n    }\n\n    componentDidLoad() {\n        this.kupReady.emit({ comp: this, id: this.rootElement.id });\n        this.#kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.#kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        const root: ShadowRoot = this.rootElement.shadowRoot;\n        if (root) {\n            const fs: NodeListOf<HTMLElement> =\n                root.querySelectorAll('.f-text-field');\n            for (let index = 0; index < fs.length; index++) {\n                FTextFieldMDC(fs[index]);\n            }\n        }\n        this.#kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const isEmptyData = Boolean(!this.inputPanelCells.length);\n\n        const inputPanelContent: VNode[] = isEmptyData\n            ? [\n                  <p>\n                      {this.#kupManager.language.translate(\n                          KupLanguageGeneric.EMPTY_DATA\n                      )}\n                  </p>,\n              ]\n            : this.inputPanelCells.map((inputPanelCell) =>\n                  this.#renderRow(inputPanelCell)\n              );\n\n        return (\n            <Host>\n                <style>\n                    {this.#kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div id={componentWrapperId}>{inputPanelContent}</div>\n            </Host>\n        );\n    }\n\n    disconnectedCallback() {\n        this.#kupManager.language.unregister(this);\n        this.#kupManager.theme.unregister(this);\n    }\n    //#endregion\n}\n"],"mappings":"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","ignoreList":[]}

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