@sme.up/ketchup 11.0.0-SNAPSHOT-20241014112852 → 11.0.0-SNAPSHOT-20241015124120

package/dist/ketchup/{p-a7a86f7d.entry.js → p-b8622242.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-d031e461.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,al as d,ai as m,ak as b,aj as v,am as k,e as g}from"./p-b27381aa.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-b7edd010.js";import"./p-399b9933.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(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"})(w||(w={}));const j=12;const O=22;const z=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const $=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".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_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: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}: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:87ch;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 W=T;var D=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 C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,A,L,V,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,zt,$t,St,Mt,Tt;const Wt=document.documentElement;const Dt=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",$t).bind(this)],["SmeupDataTree",D(this,F,"m",St).bind(this)],["SmeupTable",D(this,F,"m",Mt).bind(this)],["SmeupDataTable",D(this,F,"m",Mt).bind(this)]]));R.set(this,null);N.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"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));A.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));L.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));V.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,V,"f").length){D(this,V,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,V,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"e384d0980e531deb08c6f60ca5c4f47536defafb"},n("style",{key:"be060a121c3c24db1c61e64220e7f87c8000878c"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"dd0d2f6b543d4962f2541d9a8fee3c3944a568a0",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,V=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,A,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Wt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,L,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a,r,u;let c=[];if((l=i.sections)===null||l===void 0?void 0:l.length){c=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((a=i.content)===null||a===void 0?void 0:a.length){c=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)))}const h={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};const p=Object.assign(Object.assign({},o),{gap:+i.gap>0?`${i.gap}rem`:"","grid-template-columns":+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"","grid-template-rows":+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""});if((u=(r=e.row)===null||r===void 0?void 0:r.layout)===null||u===void 0?void 0:u.horizontal){o.maxWidth=i.dim}else{o.maxHeight=i.dim}const f=n("div",{class:h,style:p},c);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),f):f},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${z(i.absoluteWidth)}px`;const r=`${$(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${z(o)}px`;const a=`${$(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};const p=Object.assign(Object.assign({},s.cell),{data:Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"})});return n("div",{style:h},D(this,F,"m",H).call(this,p,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Wt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Wt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",Ot).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Wt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",wt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",jt).bind(this)],[u.TIME,D(this,F,"m",xt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Wt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,V,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"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)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Wt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Tt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},wt=function t(e,i,n){return{label:i}},jt=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},Ot=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},$t=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Tt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Dt.style=W;export{Dt as kup_input_panel};
-//# sourceMappingURL=p-a7a86f7d.entry.js.map
+import{r as t,c as e,f as i,h as n,H as s,d as o}from"./p-d7c15b0e.js";import{F as l}from"./p-cc32b7a2.js";import{F as a}from"./p-d031e461.js";import{k as r,a5 as u,F as c,g as h,s as p,h as f,al as d,ai as m,ak as b,aj as v,am as k,e as g}from"./p-b27381aa.js";import{F as y}from"./p-c4054aba.js";import{c as _}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-b7edd010.js";import"./p-399b9933.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var x;(function(t){t["TAB"]="tab"})(x||(x={}));var w;(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"})(w||(w={}));const j=12;const O=22;const z=t=>{if(t==0){return j/2}if(!t){return null}if(t===1){return 1.5*j}return t*j};const $=t=>{if(!t){return null}return t*O};const S=t=>{if(!t){return null}return(t-1)*O};const M=t=>{if(!t){return null}return t*j};const T=".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_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: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}: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:87ch;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 W=T;var D=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 C=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,n,s){if(n==="m")throw new TypeError("Private method is not writable");if(n==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return n==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var E=undefined&&undefined.__rest||function(t,e){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&e.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,n=Object.getOwnPropertySymbols(t);s<n.length;s++){if(e.indexOf(n[s])<0&&Object.prototype.propertyIsEnumerable.call(t,n[s]))i[n[s]]=t[n[s]]}return i};var F,I,P,R,N,G,J,A,L,V,B,H,K,X,Y,q,Q,U,Z,tt,et,it,nt,st,ot,lt,at,rt,ut,ct,ht,pt,ft,dt,mt,bt,vt,kt,gt,yt,_t,xt,wt,jt,Ot,zt,$t,St,Mt,Tt;const Wt=document.documentElement;const Dt=class{constructor(i){t(this,i);this.kupReady=e(this,"kup-input-panel-ready",6);F.add(this);I.set(this,r());P.set(this,new Map([["SmeupTreeNode",D(this,F,"m",$t).bind(this)],["SmeupDataTree",D(this,F,"m",St).bind(this)],["SmeupTable",D(this,F,"m",Mt).bind(this)],["SmeupDataTable",D(this,F,"m",Mt).bind(this)]]));R.set(this,null);N.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"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));G.set(this,[]);J.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));A.set(this,new Map([[c.BUTTON_LIST,D(this,F,"m",K).bind(this)],[c.EDITOR,D(this,F,"m",X).bind(this)],[c.LABEL,D(this,F,"m",q).bind(this)],[c.TABLE,D(this,F,"m",Y).bind(this)]]));L.set(this,new Map([[x.TAB,D(this,F,"m",it).bind(this)]]));V.set(this,[]);this.customStyle="";this.data=null;this.hiddenSubmitButton=false;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.inputPanelCells=[];this.tabSelected=null}onDataChanged(){C(this,R,structuredClone(this.data),"f");if(D(this,G,"f").length){D(this,G,"f").map((({event:t,handler:e})=>{this.rootElement.removeEventListener(t,e)}));C(this,G,[],"f")}if(D(this,V,"f").length){D(this,V,"f").map((t=>{D(this,I,"f").keysBinding.unregister(t)}));C(this,V,[],"f")}D(this,F,"m",ot).call(this,this.data)}async getProps(t){return h(this,w,t)}async refresh(){i(this)}async setProps(t){p(this,w,t)}componentWillLoad(){D(this,I,"f").debug.logLoad(this,false);D(this,I,"f").language.register(this);D(this,I,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){this.kupReady.emit({comp:this,id:this.rootElement.id});D(this,I,"f").debug.logLoad(this,true)}componentWillRender(){D(this,I,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){y(e[t])}}D(this,I,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const e=t?[n("p",null,D(this,I,"f").language.translate(f.EMPTY_DATA))]:this.inputPanelCells.map((t=>D(this,F,"m",B).call(this,t)));return n(s,{key:"e384d0980e531deb08c6f60ca5c4f47536defafb"},n("style",{key:"be060a121c3c24db1c61e64220e7f87c8000878c"},D(this,I,"f").theme.setKupStyle(this.rootElement)),n("div",{key:"dd0d2f6b543d4962f2541d9a8fee3c3944a568a0",id:_},e))}disconnectedCallback(){D(this,I,"f").language.unregister(this);D(this,I,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{data:["onDataChanged"]}}};I=new WeakMap,P=new WeakMap,R=new WeakMap,N=new WeakMap,G=new WeakMap,J=new WeakMap,A=new WeakMap,L=new WeakMap,V=new WeakMap,F=new WeakSet,B=function t(e){var i;const s=e.row.layout;const o=(s===null||s===void 0?void 0:s.horizontal)||false;let a;if(!((i=s===null||s===void 0?void 0:s.sections)===null||i===void 0?void 0:i.length)){a=e.cells.map((t=>D(this,F,"m",H).call(this,t.cell,e.row,t.column)))}else{a=s.absolute?D(this,F,"m",Z).call(this,e,s):D(this,F,"m",U).call(this,e,s)}const r={"input-panel":true,"input-panel--column":!o,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute};return n("form",{class:r,name:this.rootElement.id,onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)}})}},a,!this.hiddenSubmitButton?n(l,{buttonType:"submit",label:D(this,I,"f").language.translate(f.CONFIRM),wrapperClass:"form__submit"}):null)},H=function t(e,i,s){if(!e){return}const o=D(this,A,"f").get(e.shape);if(o!==undefined){return o(e,s.name)}const l={cell:e,column:s,row:i,component:this,editable:true,renderKup:true,setSizes:true};const r=D(this,F,"m",Q).call(this,e,s.title);if(r){return n("div",{class:{"input-panel__label_container":true}},r,n(a,Object.assign({},l)))}return n(a,Object.assign({},l))},K=function t(e,i){return n(l,Object.assign({icon:e.icon,id:i},e.data,{wrapperClass:"form__submit"}))},X=function t(e,i){const s="kup-editor-save";const o=t=>{const e=this.inputPanelCells.reduce(((t,{cells:e})=>{if(!t){return e.find((({column:t})=>t.name===i)).cell}return t}),null);e.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,o);D(this,G,"f").push({event:s,handler:o});return n("kup-editor",Object.assign({},e.data,{id:i,isReadOnly:!e.isEditable,showToolbar:true}))},Y=function t(e,i){return n("kup-data-table",Object.assign({id:i,editableData:true,showGroups:true,showFilters:true,showFooter:true},e.data))},q=function t(e,i){return n("span",{class:"input-panel-label",id:i},e.value)},Q=function t(e,i){if(!i){return null}const s=Wt.ketchup.data.cell.getType(e,e.shape);if(s===u.RADIO){return n("span",null,i)}return null},U=function t(e,i){const n=D(this,L,"f").get(i.sectionsType);return n?n(e,i.sections):i.sections.map((t=>D(this,F,"m",tt).call(this,e,t)))},Z=function t(e,i){return i.sections.map((t=>D(this,F,"m",et).call(this,e,t)))},tt=function t(e,i,s=false,o={}){var l,a,r,u;let c=[];if((l=i.sections)===null||l===void 0?void 0:l.length){c=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((a=i.content)===null||a===void 0?void 0:a.length){c=i.content.map((t=>D(this,F,"m",nt).call(this,e,t)))}const h={"input-panel__section":!i.horizontal,"input-panel__horizontal-section":i.horizontal};if((u=(r=e.row)===null||r===void 0?void 0:r.layout)===null||u===void 0?void 0:u.horizontal){o.maxWidth=i.dim}else{o.maxHeight=i.dim}const p=Object.assign(Object.assign({},o),{gap:+i.gap>0?`${i.gap}rem`:"","grid-template-columns":+i.gridCols>0?`repeat(${i.gridCols}, 1fr)`:"","grid-template-rows":+i.gridRows>0?`repeat(${i.gridRows}, 1fr)`:""});const f=n("div",{class:h,style:p},c);return i.title&&!s?n("div",{class:{"input-panel__section_label_container":true}},n("h3",null,i.title),f):f},et=function t(e,i){var s,o;let l=[];if((s=i.sections)===null||s===void 0?void 0:s.length){l=i.sections.map((i=>D(this,F,"m",t).call(this,e,i)))}else if((o=i.content)===null||o===void 0?void 0:o.length){l=i.content.map((t=>D(this,F,"m",st).call(this,e,t)))}const a=`${z(i.absoluteWidth)}px`;const r=`${$(i.absoluteHeight)}px`;const u=`${S(i.absoluteRow)}px`;const c=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:c,overflow:"auto"};return n("div",{style:h},l)},it=function t(e,i){if(!this.tabSelected){this.tabSelected=i[0].id||"0"}const s=i.map(((t,e)=>({active:(t.id||`${e}`)===this.tabSelected,value:t.title,icon:t.icon,id:t.id||`${e}`})));const o=i.map(((t,i)=>{const n=t.id||`${i}`;return D(this,F,"m",tt).call(this,e,t,true,{display:this.tabSelected!==n?"none":"grid"})}));const l=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!D(this,G,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const e=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}return n("div",{class:{"input-panel__tabs_container":true}},n("kup-tab-bar",{data:s,customStyle:l}),o)},nt=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));const o=+i.colSpan>0?i.colSpan:!(+i.colSpan>0)&&!(+i.colStart>0)?1:null;const l=o?`span ${o}`:`${i.colStart}`;const a=+i.colEnd>0?`${i.colEnd}`:"";const r=+i.rowSpan>0?i.rowSpan:!(+i.rowSpan>0)&&!(+i.rowStart>0)?1:null;const u=r?`span ${r}`:`${i.rowStart}`;const c=+i.rowEnd>0?`${i.rowEnd}`:"";const h={"grid-column-start":l,"grid-column-end":a,"grid-row-start":u,"grid-row-end":c};if(!s||!s.cell){return}return n("div",{style:h},D(this,F,"m",H).call(this,s.cell,e.row,s.column))},st=function t(e,i){const s=e.cells.find((t=>t.column.name===i.id));if(!s||!s.cell){return}let o;if(s.cell.shape==c.DATE){o=i.absoluteLength>8?i.absoluteLength:8}else{o=i.absoluteLength}const l=`${z(o)}px`;const a=`${$(1)}px`;const r=`${S(i.absoluteRow)}px`;const u=`${M(i.absoluteColumn)}px`;const h={position:"absolute",width:l,"min-width":l,"max-width":l,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};const p=Object.assign(Object.assign({},s.cell),{data:Object.assign(Object.assign({},s.cell.data),{customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"})});return n("div",{style:h},D(this,F,"m",H).call(this,p,e.row,s.column))},ot=function t(e){var i;const n=((i=e===null||e===void 0?void 0:e.rows)===null||i===void 0?void 0:i.length)?e.rows.reduce(((t,i)=>{const n=e.columns.filter((t=>t.visible)).map((t=>{const e=structuredClone(i.cells[t.name]);const n=e?Object.assign(Object.assign({},e),{data:D(this,F,"m",lt).call(this,e,t),slotData:D(this,F,"m",ct).call(this,e,t),isEditable:true}):null;return{column:t,cell:n}}));return[...t,{cells:n,row:i}]}),[]):[];n.map((({cells:t})=>t.map((({cell:t,column:e})=>{const i=Wt.ketchup.data.cell.getType(t,t.shape);const n=D(this,J,"f").get(i);if(!n){return}const s=this.rootElement.shadowRoot.querySelector(`${n}[id=${e.name}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=n},lt=function t(e,i){const n=Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e,i)),{disabled:!e.editable,id:i.name});const s=Wt.ketchup.data.cell.getType(e,e.shape);const o=e.data||{},l=E(o,["data"]);return s!==u.MULTI_AUTOCOMPLETE&&s!==u.MULTI_COMBOBOX?D(this,F,"m",at).call(this,n,Object.assign({},e.data)):Object.assign(Object.assign({},n),l)},at=function t(e,i){for(const n in i){if(i[n]instanceof Object&&!Array.isArray(i[n])&&n in e){e[n]=D(this,F,"m",t).call(this,e[n],i[n])}else{e[n]=i[n]}}return e},rt=function t(){return this.inputPanelCells.reduce(((t,e)=>{const i=Object.keys(e.row.cells).reduce(((t,i)=>{var n;const s=(n=e.cells.find((t=>t.column.name===i)))===null||n===void 0?void 0:n.cell;let o=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===c.TABLE){o=JSON.stringify(D(this,F,"m",Ot).call(this,s.data.data,i))}return Object.assign(Object.assign({},t),{[i]:Object.assign(Object.assign({},e.row.cells[i]),{value:o,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...e.cells.map((t=>t.column))],rows:[...t.rows,{cells:i,layout:e.row.layout}]}}),{columns:[],rows:[]})},ut=function t(e,i){if(!e){return null}const n=e.options;const s=i.title;const o=e.value;const l=Wt.ketchup.data.cell.getType(e,e.shape);const a=new Map([[u.AUTOCOMPLETE,D(this,F,"m",dt).bind(this)],[u.BUTTON_LIST,D(this,F,"m",ft).bind(this)],[u.CHART,D(this,F,"m",pt).bind(this)],[u.CHIP,D(this,F,"m",ht).bind(this)],[u.CHECKBOX,D(this,F,"m",mt).bind(this)],[u.COLOR_PICKER,D(this,F,"m",bt).bind(this)],[u.COMBOBOX,D(this,F,"m",dt).bind(this)],[u.EDITOR,D(this,F,"m",vt).bind(this)],[u.MULTI_AUTOCOMPLETE,D(this,F,"m",ht).bind(this)],[u.MULTI_COMBOBOX,D(this,F,"m",ht).bind(this)],[u.NUMBER,D(this,F,"m",wt).bind(this)],[u.DATE,D(this,F,"m",_t).bind(this)],[u.RADIO,D(this,F,"m",gt).bind(this)],[u.STRING,D(this,F,"m",kt).bind(this)],[u.SWITCH,D(this,F,"m",yt).bind(this)],[u.TABLE,D(this,F,"m",jt).bind(this)],[u.TIME,D(this,F,"m",xt).bind(this)]]);const r=a.get(l);return r?r(n,s,o,e,i.name):null},ct=function t(e,i){const n=Wt.ketchup.data.cell.getType(e,e.shape);if(!e.editable){return null}if(n===u.CHIP){return{trailingIcon:true,label:i.title,disabled:!e.editable,id:i.name,fullWidth:false}}if(n===u.MULTI_AUTOCOMPLETE||n===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},D(this,F,"m",dt).call(this,e.options,i.title,null,e,i.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!e.editable,id:i.name})}return null},ht=function t(e,i,n){return d(n)},pt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},ft=function t(e,i,n,s,o){var l,a,r,u;s.data=s.data||{};s.data.onClick=()=>{s.fun?this.customButtonClickHandler({fun:s.fun,cellId:o,currentState:D(this,F,"m",rt).call(this)}):this.submitCb({value:{before:Object.assign({},D(this,R,"f")),after:D(this,F,"m",rt).call(this)},cell:o})};if(((l=s.data)===null||l===void 0?void 0:l.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){D(this,V,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);D(this,I,"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)},dt=function t(e,i,n,s,o){const l=m(n,i,[]);if(s.fun){const t=Wt.ketchup.data.cell.getType(s,s.shape);const e=D(this,N,"f").get(t);if(!e){return}e.map((t=>{const e=t=>{D(this,F,"m",Tt).call(this,t.detail,s.fun,l,o,n)};this.rootElement.addEventListener(t,e);D(this,G,"f").push({event:t,handler:e})}))}else if(e){l.data["kup-list"].data=D(this,F,"m",zt).call(this,e,n)}return l},mt=function t(e,i,n){return b(n,i)},bt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},vt=function t(e,i,n){return{initialValue:n}},kt=function t(e,i,n){return{label:i}},gt=function t(e,i,n){return v(n,e)},yt=function t(e,i,n){return k(n,i)},_t=function t(e,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},xt=function t(e,i,n){return{data:{"kup-text-field":{label:i}}}},wt=function t(e,i,n){return{label:i}},jt=function t(e,i,n,s,o){try{let t=JSON.parse(s.value);if(!t){D(this,I,"f").debug.logMessage(this,`Empty value for ${o} cell.`,g.WARNING);return null}if(t.type!=="SmeupDataTable"){D(this,I,"f").debug.logMessage(this,`Wrong data table type for ${o} cell. Type \`SmeupDataTable\` in value expected`,g.ERROR);return null}return{data:{columns:t.columns.map((e=>Object.assign(Object.assign({},e),{obj:t.rows[0].cells[e.name].obj}))),rows:t.rows.map((e=>Object.assign(Object.assign({},e),{cells:Object.keys(e.cells).reduce(((i,n)=>{const s=t.columns.find((t=>t.name===n));return Object.assign(Object.assign({},i),{[n]:Object.assign(Object.assign({},e.cells[n]),{data:Object.assign(Object.assign({},D(this,F,"m",ut).call(this,e.cells[n],s)),{disabled:e.cells[n].editable===false,id:s.id})})})}),{})})))}}}catch(t){D(this,I,"f").debug.logMessage(this,`Invalid value for ${o} cell. Type \`SmeupDataTable\` expected`,g.ERROR);return null}},Ot=function t(e,i){const n=Object.assign(Object.assign({},e),{rows:e.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=e.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return n}try{const t=JSON.parse(D(this,R,"f").rows[0].cells[i].value);n.rows=e.rows.map(((e,i)=>s.reduce(((n,s)=>{const o=t.rows[i].cells[s]&&e.cells[s].value!==t.rows[i].cells[s].value;if(o){return Object.assign(Object.assign({},t.rows[i]),{cells:Object.assign(Object.assign({},n.cells),{[s]:Object.assign(Object.assign({},t.rows[i].cells[s]),{value:e.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[i]),{cells:n.cells})}),Object.assign(Object.assign({},t.rows[i]),{cells:{}}))));return n}catch(t){return n}},zt=function t(e,i){const n=D(this,P,"f").get(e.type);if(n){return n(e,i)}else{return e.map((t=>({value:t.label,id:t.id,selected:i===t.id})))}},$t=function t(e,i){return e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:i===e.content.codice,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},St=function t(e,i){return e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:i===e.obj.k,children:((n=e.children)===null||n===void 0?void 0:n.length)?D(this,F,"m",t).call(this,e,i):[]}}))},Mt=function t(e,i){return e.rows.map((t=>{var e;const n=t.fields||t.cells;const[s,o]=Object.keys(n);return{id:n[s].value,value:((e=n[o])===null||e===void 0?void 0:e.value)||n[s].value,selected:i===n[s].value}}))},Tt=function t(e,i,n,s,o){if(e.id!==s||e.open===false){return}this.optionsHandler(i,e.inputValue,D(this,F,"m",rt).call(this),e.id).then((t=>{var i;n.data["kup-list"].data=(i=D(this,F,"m",zt).call(this,t,o))!==null&&i!==void 0?i:[];e.comp.refresh()}))};Dt.style=W;export{Dt as kup_input_panel};
+//# sourceMappingURL=p-b8622242.entry.js.map

package/dist/ketchup/{p-a7a86f7d.entry.js.map → p-b8622242.entry.js.map}

@@ -1 +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_listeners","_KupInputPanel_cellTypeComponents","DATE","TIME","_KupInputPanel_cellCustomRender","FCellShapes","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","layout","horizontal","rowContent","_a","sections","cells","cell","_KupInputPanel_renderCell","column","absolute","_KupInputPanel_renderAbsoluteLayout","_KupInputPanel_renderGridLayout","classObj","class","name","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","hiddenSubmitButton","FButton","buttonType","label","CONFIRM","wrapperClass","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","edtCell","reduce","find","detail","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","sectionsType","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","styleObj","content","innerSection","_b","field","_KupInputPanel_renderField","sectionStyle","gap","gridCols","gridRows","_d","_c","maxWidth","dim","maxHeight","sectionContent","style","_KupInputPanel_renderAbsoluteField","width","absoluteWidth","absoluteHeight","top","absoluteRow","left","absoluteColumn","position","overflow","tabSelected","tabNodes","i","active","sectionId","display","tabCustomStyle","l","includes","node","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","inpuPanelCells","rows","columns","filter","visible","mappedCell","_KupInputPanel_setProps","slotData","_KupInputPanel_slotData","componentQuery","el","querySelector","setValue","defaultProps","_KupInputPanel_mapData","disabled","noDataProps","__rest","_KupInputPanel_deepObjectsMerge","target","source","Array","isArray","curr","updatedCells","keys","cellState","c","JSON","stringify","_KupInputPanel_getTableUpdatedCell","obj","options","fieldLabel","currentValue","dataAdapterMap","_KupInputPanel_CMBandACPAdapter","_KupInputPanel_BTNAdapter","CHART","_KupInputPanel_GRAAdapter","CHIP","_KupInputPanel_CHIAdapter","CHECKBOX","_KupInputPanel_CHKAdapter","COLOR_PICKER","_KupInputPanel_CLPAdapter","_KupInputPanel_EDTAdapter","NUMBER","_KupInputPanel_NumberAdapter","_KupInputPanel_DateAdapter","_KupInputPanel_RADAdapter","STRING","_KupInputPanel_ITXAdapter","SWITCH","_KupInputPanel_SWTAdapter","_KupInputPanel_DataTableAdapter","_KupInputPanel_TimeAdapter","adapter","trailingIcon","fullWidth","showDropDownIcon","_options","_fieldLabel","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","fun","customButtonClickHandler","currentState","keyShortcut","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","initialValue","RADAdapter","SWTAdapter","_rawOptions","_value","parse","logMessage","KupDebugCategory","WARNING","type","ERROR","tableValue","updated","editableColsId","beforeTableValue","updatedRow","colId","changed","option","selected","children","child","codice","testo","k","fields","open","optionsHandler","inputValue","then"],"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} from '../../managers/kup-data/kup-data-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}\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    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 InputPanelButtonClickHandler = (event: {\n    fun: string;\n    cellId: string;\n    currentState: KupInputPanelData;\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_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: 2rem;\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\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      height: 87ch;\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    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    FCellEventPayload,\n    FCellEvents,\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 { 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 {\n    GenericObject,\n    KupComponent,\n    KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    DataAdapterFn,\n    InputPanelButtonClickHandler,\n    InputPanelCells,\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 { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport {\n    getAbsoluteHeight,\n    getAbsoluteLeft,\n    getAbsoluteTop,\n    getAbsoluteWidth,\n} from './kup-input-panel-utils';\nimport {\n    CHIAdapter,\n    CHKAdapter,\n    CMBandACPAdapter,\n    RADAdapter,\n    SWTAdapter,\n} from '../../utils/cell-utils';\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    //#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     * 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']],\n        [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\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\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    #renderRow(inputPanelCell: InputPanelCells) {\n        const layout = inputPanelCell.row.layout;\n\n        const horizontal = layout?.horizontal || false;\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            rowContent = layout.absolute\n                ? this.#renderAbsoluteLayout(inputPanelCell, layout)\n                : this.#renderGridLayout(inputPanelCell, layout);\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                class={classObj}\n                name={this.rootElement.id}\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                {rowContent}\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            </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    #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        let content = [];\n\n        if (section.sections?.length) {\n            content = section.sections.map((innerSection) =>\n                this.#renderSection(cells, innerSection)\n            );\n        } else if (section.content?.length) {\n            content = section.content.map((field) =>\n                this.#renderField(cells, field)\n            );\n        }\n\n        const classObj = {\n            'input-panel__section': !section.horizontal,\n            'input-panel__horizontal-section': section.horizontal,\n        };\n\n        const sectionStyle = {\n            ...styleObj,\n            gap: +section.gap > 0 ? `${section.gap}rem` : '',\n            'grid-template-columns':\n                +section.gridCols > 0 ? `repeat(${section.gridCols}, 1fr)` : '',\n            'grid-template-rows':\n                +section.gridRows > 0 ? `repeat(${section.gridRows}, 1fr)` : '',\n        };\n\n        if (cells.row?.layout?.horizontal) {\n            styleObj.maxWidth = section.dim;\n        } else {\n            styleObj.maxHeight = section.dim;\n        }\n\n        const sectionContent = (\n            <div class={classObj} style={sectionStyle}>\n                {content}\n            </div>\n        );\n\n        return section.title && !customLabelRender ? (\n            <div class={{ 'input-panel__section_label_container': true }}>\n                <h3>{section.title}</h3>\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        const width = `${getAbsoluteWidth(section.absoluteWidth)}px`;\n        const height = `${getAbsoluteHeight(section.absoluteHeight)}px`;\n        const top = `${getAbsoluteTop(section.absoluteRow)}px`;\n        const left = `${getAbsoluteLeft(section.absoluteColumn)}px`;\n\n        const sectionStyle = {\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        return <div style={sectionStyle}>{content}</div>;\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            active: (section.id || `${i}`) === this.tabSelected,\n            value: section.title,\n            icon: section.icon,\n            id: section.id || `${i}`,\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            '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        const cell = {\n            ...fieldCell.cell,\n            data: {\n                ...fieldCell.cell.data,\n                customStyle:\n                    (fieldCell.cell.data.customStyle || '') +\n                    '.mdc-text-field {height: unset !important;}',\n            },\n        };\n\n        return (\n            <div style={styleObj}>\n                {this.#renderCell(cell, cells.row, fieldCell.column)}\n            </div>\n        );\n    }\n\n    #mapCells(data: KupInputPanelData) {\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.#setProps(cell, column),\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\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}]`\n                );\n                el?.setValue(cell.value);\n            })\n        );\n\n        this.inputPanelCells = inpuPanelCells;\n    }\n\n    #setProps(cell: KupInputPanelCell, column: KupInputPanelColumn) {\n        const defaultProps = {\n            ...this.#mapData(cell, column),\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(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n        if (!cell) {\n            return null;\n        }\n\n        const options = cell.options;\n        const fieldLabel = col.title;\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.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    ) {\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            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        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        return configCMandACP;\n    }\n\n    #CHKAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string\n    ) {\n        return CHKAdapter(currentValue, fieldLabel);\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    ) {\n        return { label: fieldLabel };\n    }\n\n    #RADAdapter(\n        options: GenericObject,\n        _fieldLabel: string,\n        currentValue: string\n    ) {\n        return RADAdapter(currentValue, options);\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    ) {\n        return {\n            data: {\n                'kup-text-field': {\n                    label: fieldLabel,\n                },\n            },\n            initialValue: currentValue,\n        };\n    }\n\n    #TimeAdapter(\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    #NumberAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string\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    #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    //#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":[]}
+{"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_listeners","_KupInputPanel_cellTypeComponents","DATE","TIME","_KupInputPanel_cellCustomRender","FCellShapes","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","layout","horizontal","rowContent","_a","sections","cells","cell","_KupInputPanel_renderCell","column","absolute","_KupInputPanel_renderAbsoluteLayout","_KupInputPanel_renderGridLayout","classObj","class","name","onSubmit","e","preventDefault","submitCb","value","before","Object","assign","after","_KupInputPanel_reverseMapCells","hiddenSubmitButton","FButton","buttonType","label","CONFIRM","wrapperClass","customRender","get","shape","undefined","cellProps","component","editable","renderKup","setSizes","_KupInputPanel_getLabelComponent","title","FCell","cellId","icon","edtCell","reduce","find","detail","htmlValue","replace","addEventListener","push","isReadOnly","isEditable","showToolbar","editableData","showGroups","showFilters","showFooter","cellType","ketchup","getType","RADIO","sectionRender","sectionsType","section","_KupInputPanel_renderSection","_KupInputPanel_renderAbsoluteSection","customLabelRender","styleObj","content","innerSection","_b","field","_KupInputPanel_renderField","_d","_c","maxWidth","dim","maxHeight","sectionStyle","gap","gridCols","gridRows","sectionContent","style","_KupInputPanel_renderAbsoluteField","width","absoluteWidth","absoluteHeight","top","absoluteRow","left","absoluteColumn","position","overflow","tabSelected","tabNodes","i","active","sectionId","display","tabCustomStyle","l","includes","node","customStyle","fieldCell","colSpan","colStart","colEnd","rowSpan","rowStart","rowEnd","absoluteLength","inpuPanelCells","rows","columns","filter","visible","mappedCell","_KupInputPanel_setProps","slotData","_KupInputPanel_slotData","componentQuery","el","querySelector","setValue","defaultProps","_KupInputPanel_mapData","disabled","noDataProps","__rest","_KupInputPanel_deepObjectsMerge","target","source","Array","isArray","curr","updatedCells","keys","cellState","c","JSON","stringify","_KupInputPanel_getTableUpdatedCell","obj","options","fieldLabel","currentValue","dataAdapterMap","_KupInputPanel_CMBandACPAdapter","_KupInputPanel_BTNAdapter","CHART","_KupInputPanel_GRAAdapter","CHIP","_KupInputPanel_CHIAdapter","CHECKBOX","_KupInputPanel_CHKAdapter","COLOR_PICKER","_KupInputPanel_CLPAdapter","_KupInputPanel_EDTAdapter","NUMBER","_KupInputPanel_NumberAdapter","_KupInputPanel_DateAdapter","_KupInputPanel_RADAdapter","STRING","_KupInputPanel_ITXAdapter","SWITCH","_KupInputPanel_SWTAdapter","_KupInputPanel_DataTableAdapter","_KupInputPanel_TimeAdapter","adapter","trailingIcon","fullWidth","showDropDownIcon","_options","_fieldLabel","CHIAdapter","sizeX","offlineMode","sizeY","_currentValue","onClick","fun","customButtonClickHandler","currentState","keyShortcut","rawOptions","configCMandACP","CMBandACPAdapter","evNames","evName","_KupInputPanel_getAutocompleteEventCallback","_KupInputPanel_optionsTreeComboAdapter","CHKAdapter","initialValue","RADAdapter","SWTAdapter","_rawOptions","_value","parse","logMessage","KupDebugCategory","WARNING","type","ERROR","tableValue","updated","editableColsId","beforeTableValue","updatedRow","colId","changed","option","selected","children","child","codice","testo","k","fields","open","optionsHandler","inputValue","then"],"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} from '../../managers/kup-data/kup-data-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}\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    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 InputPanelButtonClickHandler = (event: {\n    fun: string;\n    cellId: string;\n    currentState: KupInputPanelData;\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_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: 2rem;\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\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      height: 87ch;\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    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    FCellEventPayload,\n    FCellEvents,\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 { 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 {\n    GenericObject,\n    KupComponent,\n    KupEventPayload,\n} from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport {\n    DataAdapterFn,\n    InputPanelButtonClickHandler,\n    InputPanelCells,\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 { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\nimport {\n    getAbsoluteHeight,\n    getAbsoluteLeft,\n    getAbsoluteTop,\n    getAbsoluteWidth,\n} from './kup-input-panel-utils';\nimport {\n    CHIAdapter,\n    CHKAdapter,\n    CMBandACPAdapter,\n    RADAdapter,\n    SWTAdapter,\n} from '../../utils/cell-utils';\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    //#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     * 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']],\n        [FCellTypes.MULTI_COMBOBOX, ['kup-combobox-iconclick']],\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\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    #renderRow(inputPanelCell: InputPanelCells) {\n        const layout = inputPanelCell.row.layout;\n\n        const horizontal = layout?.horizontal || false;\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            rowContent = layout.absolute\n                ? this.#renderAbsoluteLayout(inputPanelCell, layout)\n                : this.#renderGridLayout(inputPanelCell, layout);\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                class={classObj}\n                name={this.rootElement.id}\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                {rowContent}\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            </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    #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        let content = [];\n\n        if (section.sections?.length) {\n            content = section.sections.map((innerSection) =>\n                this.#renderSection(cells, innerSection)\n            );\n        } else if (section.content?.length) {\n            content = section.content.map((field) =>\n                this.#renderField(cells, field)\n            );\n        }\n\n        const classObj = {\n            'input-panel__section': !section.horizontal,\n            'input-panel__horizontal-section': section.horizontal,\n        };\n\n        if (cells.row?.layout?.horizontal) {\n            styleObj.maxWidth = section.dim;\n        } else {\n            styleObj.maxHeight = section.dim;\n        }\n\n        const sectionStyle = {\n            ...styleObj,\n            gap: +section.gap > 0 ? `${section.gap}rem` : '',\n            'grid-template-columns':\n                +section.gridCols > 0 ? `repeat(${section.gridCols}, 1fr)` : '',\n            'grid-template-rows':\n                +section.gridRows > 0 ? `repeat(${section.gridRows}, 1fr)` : '',\n        };\n\n        const sectionContent = (\n            <div class={classObj} style={sectionStyle}>\n                {content}\n            </div>\n        );\n\n        return section.title && !customLabelRender ? (\n            <div class={{ 'input-panel__section_label_container': true }}>\n                <h3>{section.title}</h3>\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        const width = `${getAbsoluteWidth(section.absoluteWidth)}px`;\n        const height = `${getAbsoluteHeight(section.absoluteHeight)}px`;\n        const top = `${getAbsoluteTop(section.absoluteRow)}px`;\n        const left = `${getAbsoluteLeft(section.absoluteColumn)}px`;\n\n        const sectionStyle = {\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        return <div style={sectionStyle}>{content}</div>;\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            active: (section.id || `${i}`) === this.tabSelected,\n            value: section.title,\n            icon: section.icon,\n            id: section.id || `${i}`,\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            '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        const cell = {\n            ...fieldCell.cell,\n            data: {\n                ...fieldCell.cell.data,\n                customStyle:\n                    (fieldCell.cell.data.customStyle || '') +\n                    '.mdc-text-field {height: unset !important;}',\n            },\n        };\n\n        return (\n            <div style={styleObj}>\n                {this.#renderCell(cell, cells.row, fieldCell.column)}\n            </div>\n        );\n    }\n\n    #mapCells(data: KupInputPanelData) {\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.#setProps(cell, column),\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\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}]`\n                );\n                el?.setValue(cell.value);\n            })\n        );\n\n        this.inputPanelCells = inpuPanelCells;\n    }\n\n    #setProps(cell: KupInputPanelCell, column: KupInputPanelColumn) {\n        const defaultProps = {\n            ...this.#mapData(cell, column),\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(cell: KupInputPanelCell, col: KupInputPanelColumn) {\n        if (!cell) {\n            return null;\n        }\n\n        const options = cell.options;\n        const fieldLabel = col.title;\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.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    ) {\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            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        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        return configCMandACP;\n    }\n\n    #CHKAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        currentValue: string\n    ) {\n        return CHKAdapter(currentValue, fieldLabel);\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    ) {\n        return { label: fieldLabel };\n    }\n\n    #RADAdapter(\n        options: GenericObject,\n        _fieldLabel: string,\n        currentValue: string\n    ) {\n        return RADAdapter(currentValue, options);\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    ) {\n        return {\n            data: {\n                'kup-text-field': {\n                    label: fieldLabel,\n                },\n            },\n            initialValue: currentValue,\n        };\n    }\n\n    #TimeAdapter(\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    #NumberAdapter(\n        _options: GenericObject,\n        fieldLabel: string,\n        _currentValue: string\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    #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    //#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-6ee80189.entry.js → p-d5fb7b8a.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as e,f as i,h as o,H as a,d as n}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-b27381aa.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var d;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(d||(d={}));const g=".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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const y=g;var m=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,a){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!a:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?a.call(t,i):a?a.value=i:e.set(t,i),i};var k=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var w,x;const b=class{constructor(i){t(this,i);this.kupIconClick=e(this,"kup-typography-iconclick",6);this.kupClick=e(this,"kup-typography-click",6);this.kupItemClick=e(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){m(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}createDropDownToolbarList(){if(this.toolbarList){this.closeRowToolbarList()}const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;m(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,d,t)}async refresh(){i(this)}async setProps(t){r(this,d,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const e={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const i={"kup-typography--wrap":t.toolbar?true:false};return o(a,{key:"8b9fef23ec03cae54fedea66a85c1757c7dd96af"},o("style",{key:"521ee86cfe403d56a2f9a396ed74f0f630d98b4a"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"d3bbde361fe80de9b7d3f0814793cd3aa0dac074",id:c,class:i,onClick:()=>this.onKupClick},o(l,Object.assign({key:"f4533e06f928a221ca455ed51dd2c97b62ae0fb4"},t)),o(u,Object.assign({key:"84114a34ecf2a5aaf73ea9f9fd1338ed0fd029cb"},e,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};w=new WeakMap,x=new WeakMap;b.style=y;export{b as kup_typography};
-//# sourceMappingURL=p-6ee80189.entry.js.map
+import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-b27381aa.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
+//# sourceMappingURL=p-d5fb7b8a.entry.js.map

package/dist/ketchup/p-d5fb7b8a.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupTypographyProps","kupTypographyCss","KupTypographyStyle0","KupTypography","this","kupManager","kupManagerInstance","_KupTypography_clickCbDropCard","set","_KupTypography_dropDownActionCardAnchor","FTypographyType","BODY_COMPACT","onKupClick","kupClick","emit","comp","id","rootElement","value","onKupIconClick","el","__classPrivateFieldSet","kupIconClick","createDropDownToolbarList","onKupToolbarItemClick","e","kupItemClick","node","detail","selected","closeRowToolbarList","toolbarList","dynamicPosition","stop","removeClickCallback","__classPrivateFieldGet","remove","listEl","document","createElement","data","toolbarData","isMenu","menuVisible","addEventListener","setTimeout","cb","addClickCallback","shadowRoot","appendChild","requestAnimationFrame","register","KupDynamicPositionPlacement","AUTO","start","getProps","descriptions","refresh","forceUpdate","setProps","props","componentWillLoad","debug","logLoad","theme","componentDidLoad","componentWillRender","logRender","componentDidRender","render","toolbar","type","propsFImage","color","resource","sizeX","sizeY","wrapperClass","classObjParent","h","Host","key","setKupStyle","componentWrapperId","class","onClick","FTypography","Object","assign","FImage","event","stopPropagation","currentTarget","disconnectedCallback","unregister"],"sources":["src/components/kup-typography/kup-typography-declarations.ts","src/components/kup-typography/kup-typography.scss?tag=kup-typography&encapsulation=shadow","src/components/kup-typography/kup-typography.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\n\n/**\n * Props of the kup-typography component.\n * Used to export every prop in an object.\n */\nexport enum KupTypographyProps {\n    data = 'the text of the text',\n    Style = 'it is the style of the text',\n    Border = 'when true it will appear a border',\n    BorderWidth = 'it is the width of the border',\n    Align = 'text alignment',\n    FontBold = 'when true it will display the bold font',\n    FontItalic = 'when true it will display the italic ( cursive )',\n    FontName = 'it is the name of the font',\n    FontSize = 'it is the size of the font of the text',\n    FontULine = 'when true it will show the underline',\n    FontColor = 'it is the color of the font of the text',\n    BackColor = 'it is the background color of the text',\n    Type = 'it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on',\n}\n\nexport interface KupTypographyIconClickEventPayload extends KupEventPayload {}\n\nexport interface KupTypographyClickEventPayload extends KupEventPayload {\n    value: string;\n}\n","@import 'styles/kup-typography-main.scss';\n@import 'styles/kup-typography-classes.scss';\n","import {\n    Component,\n    Element,\n    Event,\n    EventEmitter,\n    forceUpdate,\n    h,\n    Host,\n    Method,\n    Prop,\n} from '@stencil/core';\nimport { GenericObject, KupComponent } from '../../types/GenericTypes';\nimport { getProps, setProps } from '../../utils/utils';\nimport {\n    KupManager,\n    KupManagerClickCb,\n} from '../../managers/kup-manager/kup-manager-declarations';\nimport { kupManagerInstance } from '../../managers/kup-manager/kup-manager';\nimport { FTypography } from '../../f-components/f-typography/f-typography';\nimport {\n    FTypographyProps,\n    FTypographyType,\n} from '../../f-components/f-typography/f-typography-declarations';\nimport {\n    KupTypographyClickEventPayload,\n    KupTypographyIconClickEventPayload,\n    KupTypographyProps,\n} from './kup-typography-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\nimport {\n    KupDynamicPositionAnchor,\n    KupDynamicPositionElement,\n    KupDynamicPositionPlacement,\n} from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';\nimport { componentWrapperId } from '../../variables/GenericVariables';\nimport { FImage } from '../../f-components/f-image/f-image';\nimport { FImageProps } from '../../f-components/f-image/f-image-declarations';\nimport { KupToolbarItemClickEventPayload } from '../../managers/kup-toolbar/kup-toolbar-declarations';\n\n@Component({\n    tag: 'kup-typography',\n    styleUrl: 'kup-typography.scss',\n    shadow: true,\n})\nexport class KupTypography {\n    /**\n     * References the root HTML element of the component (<kup-typography>).\n     */\n    @Element() rootElement: HTMLElement;\n\n    /*-------------------------------------------------*/\n    /*                    P r o p s                    */\n    /*-------------------------------------------------*/\n\n    /**\n     * Custom style of the component.\n     * @default \"\"\n     * @see https://smeup.github.io/ketchup/#/customization\n     */\n    @Prop() customStyle: string = '';\n    /**\n     * Manage the toolbar icon. If true is visible, otherwise is not\n     * @default null\n     */\n    @Prop() toolbar: boolean = true;\n    /**\n     * Display DataNode Toolbar.\n     * @default null\n     */\n    @Prop() toolbarData: KupDataNode[];\n    /**\n     * Sets the sizing of the textfield\n     * @default FTypographyType.BODY_COMPACT\n     */\n    @Prop() type: FTypographyType = FTypographyType.BODY_COMPACT;\n    /**\n     * This is the content of the text\n     * @default null\n     */\n    @Prop() value: string = null;\n\n    /*-------------------------------------------------*/\n    /*       I n t e r n a l   V a r i a b l e s       */\n    /*-------------------------------------------------*/\n\n    /**\n     * Instance of the KupManager class.\n     */\n    private kupManager: KupManager = kupManagerInstance();\n    #clickCbDropCard: KupManagerClickCb = null;\n    /**\n     * Toolbar List.\n     */\n    private toolbarList: KupDynamicPositionElement;\n    #dropDownActionCardAnchor: HTMLElement = null;\n\n    /*-------------------------------------------------*/\n    /*                   E v e n t s                   */\n    /*-------------------------------------------------*/\n\n    @Event({\n        eventName: 'kup-typography-iconclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupIconClick: EventEmitter<KupTypographyIconClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-click',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupClick: EventEmitter<KupTypographyClickEventPayload>;\n\n    @Event({\n        eventName: 'kup-typography-itemclick',\n        composed: true,\n        cancelable: false,\n        bubbles: true,\n    })\n    kupItemClick: EventEmitter<KupToolbarItemClickEventPayload>;\n\n    onKupClick() {\n        this.kupClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n        });\n    }\n\n    onKupIconClick(el: HTMLElement) {\n        this.#dropDownActionCardAnchor = el;\n        this.kupIconClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n        });\n        this.createDropDownToolbarList();\n    }\n\n    onKupToolbarItemClick(e: CustomEvent) {\n        this.kupItemClick.emit({\n            comp: this,\n            id: this.rootElement.id,\n            value: this.value,\n            node: e.detail.selected,\n        });\n    }\n\n    /*-------------------------------------------------*/\n    /*           P r i v a t e   M e t h o d s         */\n    /*-------------------------------------------------*/\n\n    closeRowToolbarList() {\n        if (this.toolbarList) {\n            this.kupManager.dynamicPosition.stop(\n                this.toolbarList as KupDynamicPositionElement\n            );\n            this.kupManager.removeClickCallback(this.#clickCbDropCard);\n            this.toolbarList.remove();\n            this.toolbarList = null;\n        }\n    }\n\n    createDropDownToolbarList() {\n        this.closeRowToolbarList();\n        const listEl = document.createElement('kup-list');\n        listEl.data = this.toolbarData;\n        listEl.isMenu = true;\n        listEl.menuVisible = true;\n        listEl.addEventListener('kup-list-click', (e: CustomEvent) => {\n            this.onKupToolbarItemClick(e);\n            setTimeout(() => {\n                this.closeRowToolbarList();\n            }, 0);\n        });\n        this.toolbarList = listEl;\n        this.#clickCbDropCard = {\n            cb: () => {\n                this.closeRowToolbarList();\n            },\n            el: this.toolbarList,\n        };\n\n        this.kupManager.addClickCallback(this.#clickCbDropCard, true);\n        this.rootElement.shadowRoot.appendChild(this.toolbarList);\n        requestAnimationFrame(() => {\n            this.kupManager.dynamicPosition.register(\n                this.toolbarList as unknown as KupDynamicPositionElement,\n                this.#dropDownActionCardAnchor as KupDynamicPositionAnchor,\n                0,\n                KupDynamicPositionPlacement.AUTO,\n                true\n            );\n            this.kupManager.dynamicPosition.start(\n                this.toolbarList as unknown as KupDynamicPositionElement\n            );\n        });\n    }\n\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, KupTypographyProps, 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, KupTypographyProps, props);\n    }\n\n    /*-------------------------------------------------*/\n    /*          L i f e c y c l e   H o o k s          */\n    /*-------------------------------------------------*/\n\n    componentWillLoad() {\n        this.kupManager.debug.logLoad(this, false);\n        this.kupManager.theme.register(this);\n    }\n\n    componentDidLoad() {\n        this.kupManager.debug.logLoad(this, true);\n    }\n\n    componentWillRender() {\n        this.kupManager.debug.logRender(this, false);\n    }\n\n    componentDidRender() {\n        this.kupManager.debug.logRender(this, true);\n    }\n\n    render() {\n        const props: FTypographyProps = {\n            toolbar: this.toolbar,\n            value: this.value,\n            type: this.type,\n        };\n\n        const propsFImage: FImageProps = {\n            color: 'var(--kup-gray-color-70)',\n            resource: 'more_vert',\n            sizeX: '16px',\n            sizeY: '16px',\n            wrapperClass: 'image__iconToolbar',\n        };\n        const classObjParent: Record<string, boolean> = {\n            'kup-typography--wrap': props.toolbar ? true : false,\n        };\n        return (\n            <Host>\n                <style>\n                    {this.kupManager.theme.setKupStyle(\n                        this.rootElement as KupComponent\n                    )}\n                </style>\n                <div\n                    id={componentWrapperId}\n                    class={classObjParent}\n                    onClick={() => this.onKupClick}\n                >\n                    <FTypography {...props} />\n                    <FImage\n                        {...propsFImage}\n                        onClick={(event: MouseEvent) => {\n                            event.stopPropagation();\n                            this.onKupIconClick(\n                                event.currentTarget as HTMLElement\n                            );\n                        }}\n                    />\n                </div>\n            </Host>\n        );\n    }\n    disconnectedCallback() {\n        this.kupManager.theme.unregister(this);\n    }\n}\n"],"mappings":"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","ignoreList":[]}