@sme.up/ketchup 11.0.0-SNAPSHOT-20241126095140 → 11.0.0-SNAPSHOT-20241126132827

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

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

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

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

@@ -81,6 +81,7 @@ export interface KupInputPanelLayoutField {
     absoluteColumn?: number;
     absoluteRow?: number;
     absoluteLength?: number;
+    absoluteHeight?: number;
 }
 export type DataAdapterFn = (options: GenericObject, fieldLabel: string, currentValue: string, cell?: KupInputPanelCell, id?: string) => Object;
 export type InputPanelCells = {
@@ -121,7 +122,8 @@ export declare enum KupInputPanelProps {
     hiddenSubmitButton = "Creates a hidden submit button in order to submit the form with enter.",
     submitCb = "Sets the callback function on submit form",
     optionsHandler = "Sets the callback function to recieve options",
-    buttonPosition = "Manage the position of the buttons related to the input panel content. It is an enumeration"
+    buttonPosition = "Manage the position of the buttons related to the input panel content. It is an enumeration",
+    inputPanelPosition = "Manage the global layout of the input panel fields. The default is COLUMNS."
 }
 export interface KupInputPanelEventHandlerDetails {
     anchor: HTMLElement;
@@ -132,3 +134,18 @@ export interface KupInputPanelEventHandlerDetails {
 export interface KupInputPanelClickEventPayload extends KupEventPayload {
     details: KupInputPanelEventHandlerDetails;
 }
+export declare enum KupInputPanelPosition {
+    COLUMNS = "COLUMNS",
+    INLINE = "INLINE",
+    STRETCHED = "STRETCHED",
+    UPINLINE = "UPINLINE",
+    UPCOLUMNS = "UPCOLUMNS",
+    WATERMARK = "WATERMARK"
+}
+export declare enum kupInputPanelButtonsPositions {
+    CENTER = "CENTER",
+    LEFT = "LEFT",
+    BOTTOM = "BOTTOM",
+    RIGHT = "RIGHT",
+    TOP = "TOP"
+}

package/dist/types/components/kup-input-panel/kup-input-panel.d.ts

@@ -1,18 +1,28 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GenericObject, KupEventPayload } from '../../types/GenericTypes';
-import { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelSubmit } from './kup-input-panel-declarations';
+import { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, kupInputPanelButtonsPositions, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelPosition, KupInputPanelSubmit } from './kup-input-panel-declarations';
 export declare class KupInputPanel {
     #private;
     /**
      * References the root HTML element of the component (<kup-form>).
      */
     rootElement: HTMLElement;
+    /**
+     * Select the position of the buttons related to the input panel
+     * @default "BOTTOM"
+     */
+    buttonPosition: kupInputPanelButtonsPositions;
     /**
      * Custom style of the component.
      * @default ""
      * @see https://smeup.github.io/ketchup/#/customization
      */
     customStyle: string;
+    /**
+     * Sets verical layout if dashboardMode is true
+     * @default false
+     */
+    dashboardMode: boolean;
     /**
      * Actual data of the form.
      * @default null
@@ -24,10 +34,10 @@ export declare class KupInputPanel {
      */
     hiddenSubmitButton: boolean;
     /**
-     * Select the position of the buttons related to the input panel
-     * @default "BOTTOM"
+     * Dispositions of the whole input panel elements
+     * @default COLUMNS
      */
-    buttonPosition: 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
+    inputPanelPosition: KupInputPanelPosition;
     /**
      * Sets the callback function on submit form
      * @default null
@@ -53,11 +63,6 @@ export declare class KupInputPanel {
      * @default null
      */
     checkValidValueCallback?: InputPanelCheckValidValueCallback;
-    /**
-     * Sets verical layout if dashboardMode is true
-     * @default false
-     */
-    dashboardMode: boolean;
     /**
      * Values to send as props to FCell
      * @default []

package/dist/types/components.d.ts

@@ -46,7 +46,7 @@ import { FImageData } from "./f-components/f-image/f-image-declarations";
 import { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
 import { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 import { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-import { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
+import { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, kupInputPanelButtonsPositions, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelPosition, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
 import { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 import { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 import { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -104,7 +104,7 @@ export { FImageData } from "./f-components/f-image/f-image-declarations";
 export { KupImageClickEventPayload } from "./components/kup-image/kup-image-declarations";
 export { KupImageListDataNode, KupImageListEventPayload } from "./components/kup-image-list/kup-image-list-declarations";
 export { KupTreeColumnMenuEventPayload, KupTreeColumnRemoveEventPayload, KupTreeContextMenuEventPayload, KupTreeDynamicMassExpansionEventPayload, KupTreeExpansionMode, KupTreeNode, KupTreeNodeButtonClickEventPayload, KupTreeNodeCollapseEventPayload, KupTreeNodeExpandEventPayload, KupTreeNodeSelectedEventPayload, TreeNodePath } from "./components/kup-tree/kup-tree-declarations";
-export { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
+export { InputPanelButtonClickHandler, InputPanelCheckValidObjCallback, InputPanelCheckValidValueCallback, InputPanelOptionsHandler, kupInputPanelButtonsPositions, KupInputPanelClickEventPayload, KupInputPanelData, KupInputPanelPosition, KupInputPanelSubmit } from "./components/kup-input-panel/kup-input-panel-declarations";
 export { KupLazyRender } from "./components/kup-lazy/kup-lazy-declarations";
 export { KupNavBarStyling } from "./components/kup-nav-bar/kup-nav-bar-declarations";
 export { KupNumericPickerEventPayload } from "./components/kup-numeric-picker/kup-numeric-picker-declarations";
@@ -2801,7 +2801,7 @@ export namespace Components {
           * Select the position of the buttons related to the input panel
           * @default "BOTTOM"
          */
-        "buttonPosition": 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
+        "buttonPosition": kupInputPanelButtonsPositions;
         /**
           * Sets the callback for valid the object when cell checkObject is true
           * @default null
@@ -2844,6 +2844,11 @@ export namespace Components {
           * @default false
          */
         "hiddenSubmitButton": boolean;
+        /**
+          * Dispositions of the whole input panel elements
+          * @default COLUMNS
+         */
+        "inputPanelPosition": KupInputPanelPosition;
         /**
           * Sets the callback function on loading options via FUN
           * @default null
@@ -8255,7 +8260,7 @@ declare namespace LocalJSX {
           * Select the position of the buttons related to the input panel
           * @default "BOTTOM"
          */
-        "buttonPosition"?: 'CENTER' | 'LEFT' | 'BOTTOM' | 'RIGHT' | 'TOP';
+        "buttonPosition"?: kupInputPanelButtonsPositions;
         /**
           * Sets the callback for valid the object when cell checkObject is true
           * @default null
@@ -8292,6 +8297,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "hiddenSubmitButton"?: boolean;
+        /**
+          * Dispositions of the whole input panel elements
+          * @default COLUMNS
+         */
+        "inputPanelPosition"?: KupInputPanelPosition;
         /**
           * When component load is complete
          */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.0-SNAPSHOT-20241126095140",
+    "version": "11.0.0-SNAPSHOT-20241126132827",
     "keywords": [
         "smeup",
         "KetchUP",