@sme.up/ketchup 10.4.7 → 10.4.9

package/dist/ketchup/{p-a41766d3.entry.js → p-174fe9ca.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-710d0a7d.js";import{F as o}from"./p-14c6efce.js";import{F as a,e as u}from"./p-436ef56e.js";import{F as h,k as r,ae as c,g as p,s as f,b as d,aj as m,a8 as v,ap as b,am as _,ao as k,an as x,aq as g,h as y,W as w}from"./p-6622b9dd.js";import{F as j}from"./p-7db300e0.js";import{F as O,a as $}from"./p-cec0955d.js";import{c as M}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-31ae78d1.js";import"./p-96bef43d.js";import"./p-0c4fdac4.js";import"./p-e155cbac.js";import"./p-adadf8b5.js";import"./p-c56195a0.js";var z,T,E,S,C;!function(t){t.TAB="tab"}(z||(z={})),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.commandBarPosition="Manage the position of the command bar (submit button and other commands).",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.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus.",t.fieldReset="Create e Reset button for the form"}(T||(T={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(E||(E={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(S||(S={})),function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(C||(C={}));const W={blur:t=>t===h.CHECKBOX||t===h.SWITCH||t===h.COMBOBOX||t===h.AUTOCOMPLETE,itemclick:t=>t!==h.COMBOBOX&&t!==h.AUTOCOMPLETE},K=12/1.4,L=(t,i)=>0==t?K/2:t?1===t?1.5*K+(i?18:0):t*K+(i?18:0)+4:null,D=t=>t?20*t:null,I=(t,i)=>t?t>(null==i?void 0:i.absoluteRow)?20*((null==i?void 0:i.absoluteRow)-1)+2*((null==i?void 0:i.absoluteRow)-1)+D(i.absoluteHeight)+20*(t-((null==i?void 0:i.absoluteRow)+(null==i?void 0:i.absoluteHeight)-1)-1):20*(t-1)+2*(t-1):null,N=t=>t?10*(t-1)*1.15:null;var R,F,P,H,A,J,U,V,B,G,q,X,Y,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,ct,pt,ft,dt,mt,vt,bt,_t,kt,xt,gt,yt,wt,jt,Ot,$t,Mt,zt,Tt,Et,St,Ct,Wt,Kt,Lt,Dt,It,Nt,Rt,Ft,Pt,Ht,At,Jt,Ut,Vt,Bt,Gt,qt,Xt,Yt,Qt,Zt,ti,ii,ni,ei,li,si,oi,ai,ui,hi=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},ri=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const ci=document.documentElement,pi=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),this.kupInputPanelObjectFieldSearchPayload=i(this,"kup-inputpanel-objectfield-searchpayload",6),this.kupInputPanelObjectFieldOpenSearchMenu=i(this,"kup-inputpanel-objectfield-opensearchmenu",6),this.kupInputPanelObjectFieldSelectedMenuItem=i(this,"kup-inputpanel-objectfield-selectedmenuitem",6),this.kupCellUpload=i(this,"kup-inputpanel-upload",6),R.add(this),F.set(this,r()),P.set(this,void 0),H.set(this,new Map([["SmeupDataTree",hi(this,R,"m",Ut).bind(this)],["SmeupDataTable",hi(this,R,"m",Vt).bind(this)],["SmeupTreeNode",hi(this,R,"m",Jt).bind(this)],["SmeupTable",hi(this,R,"m",Vt).bind(this)]])),A.set(this,null),J.set(this,[]),U.set(this,new Map([[c.DATE,"kup-date-picker"],[c.TIME,"kup-time-picker"]])),V.set(this,new Map([[c.COMBOBOX,"kup-combobox"],[c.AUTOCOMPLETE,"kup-autocomplete"]])),B.set(this,new Map([[h.BUTTON_LIST,hi(this,R,"m",et).bind(this)],[h.LABEL,hi(this,R,"m",ot).bind(this)],[h.TABLE,hi(this,R,"m",st).bind(this)]])),G.set(this,new Map([[z.TAB,hi(this,R,"m",ft).bind(this)]])),q.set(this,void 0),X.set(this,void 0),Y.set(this,null),it.set(this,(()=>{hi(this,Y,"f")&&(hi(this,Y,"f").remove(),ri(this,Y,null,"f"))})),nt.set(this,((t,i)=>{hi(this,Y,"f")?(hi(this,Y,"f").style.left=`${t.clientX+10}px`,hi(this,Y,"f").style.top=`${t.clientY+10}px`,hi(this,Y,"f").innerText=i):(ri(this,Y,document.createElement("div"),"f"),hi(this,Y,"f").className="input-panel__helper-tooltip",hi(this,Y,"f").innerText=i,hi(this,Y,"f").style.left=`${t.clientX+10}px`,hi(this,Y,"f").style.top=`${t.clientY+10}px`,document.body.appendChild(hi(this,Y,"f")))})),this.buttonPosition=S.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.commandBarPosition=void 0,this.inputPanelPosition=E.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.updateOnClick=!1,this.fieldReset=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ri(this,A,structuredClone(this.data),"f"),hi(this,J,"f").length&&(hi(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ri(this,J,[],"f")),this.data&&this.data.columns&&this.data.rows&&hi(this,R,"m",_t).call(this,this.data)}listenKeydown(t){if("Enter"===t.key){t.preventDefault(),t.stopPropagation();const i=this.rootElement.shadowRoot.activeElement;"enter"===t.key.toLowerCase()&&i&&(null==i||i.blur(),this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)}}))}}async waitForReady(){return hi(this,q,"f")}async getProps(t){return p(this,T,t)}async refresh(){n(this)}async setProps(t){f(this,T,t)}async update(t){hi(this,R,"m",ii).call(this,hi(this,R,"m",Q).call(this,t),t)}onFormReset(){var t;for(const i of this.data.columns){const n=hi(this,R,"m",Q).call(this,i.name);n.shape!==h.MULTI_AUTOCOMPLETE&&n.shape!==h.MULTI_COMBOBOX||!(null===(t=n.data)||void 0===t?void 0:t.data)||(n.data.data=[]),n.value="",n.obj.k="",n.decode="",n.data.initialValue&&(n.data.initialValue="")}this.refresh()}connectedCallback(){ri(this,q,new Promise((t=>{ri(this,X,t,"f")})),"f")}componentWillLoad(){hi(this,F,"f").debug.logLoad(this,!1),hi(this,F,"f").language.register(this),hi(this,F,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){hi(this,R,"m",li).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),hi(this,R,"m",si).call(this),hi(this,F,"f").debug.logLoad(this,!0)}componentWillRender(){hi(this,F,"f").debug.logRender(this,!1)}componentDidRender(){if(hi(this,P,"f")){const t=hi(this,P,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)j(t[i])}requestAnimationFrame((async()=>{hi(this,P,"f")&&hi(this,X,"f")&&(hi(this,X,"f").call(this),ri(this,X,null,"f"))})),hi(this,F,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,hi(this,F,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>hi(this,R,"m",Z).call(this,t)));return e(l,{key:"3cc39141d1ecd12ffb4775e41d5f655cc522e672","onKup-cell-blur":t=>hi(this,R,"m",Yt).call(this,t,C.BLUR),"onKup-cell-update":hi(this,R,"m",Qt).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":hi(this,R,"m",zt).bind(this),"onKup-autocomplete-iconclick":hi(this,R,"m",zt).bind(this),"onKup-combobox-iconclick":t=>hi(this,R,"m",zt).call(this,t,!0),"onKup-cell-itemclick":t=>{hi(this,R,"m",Yt).call(this,t,C.ITEMCLICK)},"onKup-objectfield-searchpayload":t=>{this.kupInputPanelObjectFieldSearchPayload.emit(t.detail)},"onKup-objectfield-opensearchmenu":t=>{this.kupInputPanelObjectFieldOpenSearchMenu.emit(t.detail)},"onKup-objectfield-selectedmenuitem":t=>{this.kupInputPanelObjectFieldSelectedMenuItem.emit(t.detail)},"onKup-file-upload-upload":hi(this,R,"m",ui).bind(this)},e("style",{key:"8e06ec2438e3db35ff94bf7b19f190c0b4a2d9f6"},hi(this,F,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"b66e6cdd524d526f3428c9c77f4d079716eb1183",id:M},t))}disconnectedCallback(){hi(this,F,"f").language.unregister(this),hi(this,F,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};F=new WeakMap,P=new WeakMap,H=new WeakMap,A=new WeakMap,J=new WeakMap,U=new WeakMap,V=new WeakMap,B=new WeakMap,G=new WeakMap,q=new WeakMap,X=new WeakMap,Y=new WeakMap,it=new WeakMap,nt=new WeakMap,R=new WeakSet,Q=function(t){return t?this.inputPanelCells.reduce(((i,{cells:n})=>{if(!i){const i=n.find((({column:i})=>i.name===t));return i?i.cell:null}return i}),null):null},Z=function(t){var i,n,l;const s=t.row.layout,a=(null==s?void 0:s.horizontal)||!1,u={};let r;if(null===(i=null==s?void 0:s.sections)||void 0===i?void 0:i.length)if(s.absolute)r=hi(this,R,"m",ht).call(this,t,s),u.height=`${(t=>{var i,n;if(!t)return 0;const e=null!==(n=null===(i=t.sections.flatMap((t=>t.content)).find((t=>t.shape===h.TABLE)))||void 0===i?void 0:i.absoluteHeight)&&void 0!==n?n:null,l=Math.max(0,...t.sections.flatMap((t=>t.content.map((t=>t.absoluteRow+(t.absoluteHeight-1))))));return e?22*(l-e)+20*e:22*l})(s)}px`;else{if(!s.sectionsType){const i=s.sections.some((t=>t.dim));u.display="grid",this.inputPanelPosition!==E.INLINE&&this.inputPanelPosition!==E.UPINLINE||(u.display=""),s.horizontal?u.gridTemplateColumns=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(u.gridTemplateRows=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`)}r=hi(this,R,"m",ut).call(this,t,s)}else r=t.cells.filter((({column:t})=>!1!==t.visible)).map((i=>hi(this,R,"m",tt).call(this,i.cell,t.row,i.column)));const c={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==S.RIGHT},p={"input-panel":!0,"input-panel--column":!a,"input-panel--absolute":null==s?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE},f={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:c,ref:t=>ri(this,P,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)}})},onReset:t=>{t.preventDefault(),this.onFormReset()},onContextMenu:t=>{null!=hi(this,R,"m",ni).call(this,t)&&t.preventDefault()}},1==(null===(n=null==s?void 0:s.sections)||void 0===n?void 0:n.length)&&(null===(l=null==s?void 0:s.sections[0])||void 0===l?void 0:l.title)&&e("div",{class:"input-panel__typography"},e(O,{value:s.sections[0].title,type:$.HEADING1})),e("div",{class:p,style:u},r),e("div",{class:f},e(o,{buttonType:"submit",label:hi(this,F,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.fieldReset&&e(o,{buttonType:"reset",label:"Reset",wrapperClass:"form__submit",icon:"broom"}),this.inputPanelCommands)))},tt=function(t,i,n){var l,s;if(!t)return;const o=hi(this,B,"f").get(t.shape);if(void 0!==o)return o(t,n,null===(l=i.layout)||void 0===l?void 0:l.absolute);t.data=Object.assign(Object.assign({},t.data),{sizing:"extra-small",labelHelper:n.helper});const u=null===(s=t.data)||void 0===s?void 0:s.data;u&&(Object.keys(u).includes("kup-text-field")?u["kup-text-field"].labelHelper=n.helper:u["kup-text-field"]={labelHelper:n.helper});const h={cell:t,column:n,row:i,editable:!0,component:this,renderKup:!0,setSizes:!0},r=hi(this,R,"m",at).call(this,t,n.title),c=e(a,Object.assign({},h));return r?e("div",{class:{"input-panel__label_container":!0}},r,c):c},et=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,placeholderIcon:t.placeholderIcon,id:i},t.data,{wrapperClass:"form__submit"}))},lt=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{hi(this,R,"m",ii).call(this,t.detail.node,t.detail.node.id)}}))},st=function(t,{name:i}){for(const i of t.data.data.rows)for(const t of Object.keys(i.cells)){const n=i.cells[t];n.shape===h.AUTOCOMPLETE&&(n.data.DescrMode="CodeOnly",n.data.selectMode="CodeOnly")}return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0},t.data,{"onKup-autocomplete-iconclick":t=>{t.preventDefault(),t.stopPropagation()},"onKup-autocomplete-input":t=>{t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-iconclick":t=>{hi(this,R,"m",zt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-input":t=>{"autocomplete"===t.detail.type&&hi(this,R,"m",zt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-cell-itemclick":t=>{hi(this,R,"m",Xt).call(this,t),t.preventDefault(),t.stopPropagation()}}))},ot=function(t,i,n){const l=ci.ketchup.objects.isNumber(t.obj),s=l||ci.ketchup.objects.isDate(t.obj)||ci.ketchup.objects.isTime(t.obj)||ci.ketchup.objects.isTimestamp(t.obj),o=["input-panel-label"];n&&o.push("input-panel-label--legacy-look"),l&&o.push("input-panel-label-number");const a=s?m(i,t):t.value;return e("span",{class:o.join(" "),id:i.name},e(u,{style:t.style,text:a}))},at=function(t,i){return i&&ci.ketchup.data.cell.getType(t,t.shape)===c.RADIO?e("span",null,i):null},ut=function(t,i){const n=hi(this,G,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>hi(this,R,"m",rt).call(this,t,i,!1)))},ht=function(t,i){return i.sections.map((i=>hi(this,R,"m",ct).call(this,t,i)))},rt=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>hi(this,R,"m",t).call(this,i,n))).filter(Boolean);const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>hi(this,R,"m",mt).call(this,i,t))).filter(Boolean),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=h.length?e("div",{class:u,style:s},h):void 0;return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(O,{type:$.HEADING1,value:n.title}),r):r},ct=function t(i,n){var l,s;let o=[];if(null===(l=n.sections)||void 0===l?void 0:l.length)o=n.sections.map((n=>hi(this,R,"m",t).call(this,i,n)));else if(null===(s=n.content)||void 0===s?void 0:s.length){const t=n.content.find((t=>t.shape===h.TABLE)),e=t?{absoluteRow:t.absoluteRow,absoluteHeight:t.absoluteHeight}:{};o=n.content.map((t=>hi(this,R,"m",vt).call(this,i,t,e)))}if(null==L(n.absoluteWidth))return o;const a=null!=L(n.absoluteWidth)?`${L(n.absoluteWidth)}px`:"100%",u=null!=D(n.absoluteHeight)?`${D(n.absoluteHeight)}px`:"100%",r=`${I(n.absoluteRow)}px`,c=`${N(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:r,left:c,overflow:"auto"}},o)},pt=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(hi(this,R,"m",t).call(this,i))})),l},ft=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=hi(this,R,"m",pt).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return hi(this,R,"m",rt).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},dt=function(t){return!t||!t.cell||!1===t.column.visible},mt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(hi(this,R,"m",dt).call(this,n))return;const l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},hi(this,R,"m",tt).call(this,n.cell,t.row,n.column))},vt=function(t,i,n){const l=t.cells.find((t=>t.column.name===i.id));if(hi(this,R,"m",dt).call(this,l))return;let s;s=l.cell.shape==h.DATE?l.cell.value?l.cell.value.length:i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const o=l.cell.shape===h.LABEL?(t=>0==t?K/2:t?1===t?1.5*K:t*K:null)(s):l.cell.shape===h.CHECKBOX?15:L(s,(a=l.cell.shape)===h.AUTOCOMPLETE||a===h.COMBOBOX||a===h.DATE);var a;const u=D(i.absoluteHeight),r=I(i.absoluteRow,n),c=N(i.absoluteColumn),p={position:"absolute",width:null!=o?`${o}px`:null,"min-width":null!=o?`${o}px`:null,"max-width":null!=o?`${o}px`:null,height:null!=u?`${u}px`:null,"min-height":null!=u?`${u}px`:null,"max-height":null!=u?`${u}px`:null,top:null!=r?`${r}px`:null,left:null!=c?`${c}px`:null,overflow:"hidden"};return l.cell.data=Object.assign(Object.assign(Object.assign({},l.cell.data),{customStyle:(l.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),l.cell.shape===h.TABLE&&{rowsPerPage:l.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${u}px`}),e("div",{style:p},hi(this,R,"m",tt).call(this,l.cell,t.row,l.column))},bt=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>hi(this,R,"m",Bt).call(this,t)))}};return hi(this,R,"m",lt).call(this,t,i)}{const i=hi(this,R,"m",Bt).call(this,t);return hi(this,R,"m",et).call(this,i,{name:t.value,title:t.value})}})).flat()},_t=function(t){var i,n,e,l;const s=null===(i=null==t?void 0:t.rows[0])||void 0===i?void 0:i.layout,o=(null===(n=null==t?void 0:t.rows)||void 0===n?void 0:n.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:hi(this,R,"m",kt).call(this,i,t,s),slotData:hi(this,R,"m",wt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ci.ketchup.data.cell.getType(t,t.shape),l=hi(this,U,"f").get(e),s=hi(this,V,"f").get(e);if(!l&&!s)return;const o=(null!=l?l:s)+`[id='${i.name.replace(/\//g,"\\$1")}']`,a=this.rootElement.shadowRoot.querySelector(o);s?null==a||a.reset():null===(n=null==a?void 0:a.setValue)||void 0===n||n.call(a,t.value)})))),this.inputPanelCells=o,(null===(l=null===(e=t.setup)||void 0===e?void 0:e.commands)||void 0===l?void 0:l.length)&&hi(this,R,"m",bt).call(this)},kt=function(t,i,n){const e=Object.assign(Object.assign({},hi(this,R,"m",yt).call(this,t,i,n)),{disabled:!t.isEditable||i.useAs===v.KEY,id:i.name}),l=ci.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==c.MULTI_AUTOCOMPLETE&&l!==c.MULTI_COMBOBOX?hi(this,R,"m",xt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},xt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?hi(this,R,"m",t).call(this,i[e],n[e]):n[e];return i},gt=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===h.TABLE&&(s=JSON.stringify(hi(this,R,"m",Ht).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},yt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=ci.ketchup.data.cell.getType(t,t.shape),a=new Map([[c.AUTOCOMPLETE,hi(this,R,"m",Mt).bind(this)],[c.BUTTON_LIST,hi(this,R,"m",$t).bind(this)],[c.CHART,hi(this,R,"m",Ot).bind(this)],[c.CHIP,hi(this,R,"m",jt).bind(this)],[c.CHECKBOX,hi(this,R,"m",Et).bind(this)],[c.COLOR_PICKER,hi(this,R,"m",St).bind(this)],[c.COMBOBOX,hi(this,R,"m",Mt).bind(this)],[c.EDITOR,hi(this,R,"m",Ct).bind(this)],[c.MULTI_AUTOCOMPLETE,hi(this,R,"m",jt).bind(this)],[c.MULTI_COMBOBOX,hi(this,R,"m",jt).bind(this)],[c.NUMBER,hi(this,R,"m",Ft).bind(this)],[c.DATE,hi(this,R,"m",Dt).bind(this)],[c.OBJECT,hi(this,R,"m",It).bind(this)],[c.RADIO,hi(this,R,"m",Kt).bind(this)],[c.STRING,hi(this,R,"m",Wt).bind(this)],[c.SWITCH,hi(this,R,"m",Lt).bind(this)],[c.TABLE,hi(this,R,"m",Pt).bind(this)],[c.TIME,hi(this,R,"m",Rt).bind(this)],[c.IMAGE_LIST,hi(this,R,"m",Nt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},wt=function(t,i){var n;const e=ci.ketchup.data.cell.getType(t,t.shape);if(e===c.CHIP)return{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1};if(e===c.MULTI_AUTOCOMPLETE||e===c.MULTI_COMBOBOX){const e=Object.assign(Object.assign({},hi(this,R,"m",Mt).call(this,t.options,i.title,null,t)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name});return(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n["kup-text-field"])&&(e.data["kup-text-field"].labelHelper=i.helper),e}return null},jt=function(t,i,n,e){return b(n,e.decode)},Ot=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},$t=function(t,i,n,e,l){var s,o;if(e.data=e.data||{},e.data.onClick=()=>{hi(this,R,"m",ii).call(this,e,l)},e.data.mappedCommandId){const t=null===(o=null===(s=this.data.setup)||void 0===s?void 0:s.commands)||void 0===o?void 0:o.find((t=>t.obj.k===e.data.mappedCommandId));t&&(e.isEditable=!0,e.data.onClick=()=>{hi(this,R,"m",ii).call(this,e,t.obj.k)},this.data.setup.commands=this.data.setup.commands.filter((i=>i.obj.k!==t.obj.k)))}return Object.assign({label:e.value,fun:e.fun},e.data)},Mt=function(t,i,n,e){const l=_(n,i,[],e.data);return t&&(l.data["kup-list"].data=hi(this,R,"m",At).call(this,t,n)),l},zt=function({detail:t},i=!1){if(hi(this,R,"m",Tt).call(this,t))hi(this,R,"m",qt).call(this,t);else{const n=hi(this,R,"m",Q).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),e&&!n.options&&hi(this,R,"m",Gt).call(this,t,n)}},Tt=function(t){return!!t.cell},Et=function(t,i,n){return k(n,i)},St=function(t,i,n,e){return{data:{"kup-text-field":{label:i,error:e.data.error}}}},Ct=function(t,i,n){return{initialValue:n}},Wt=function(t,i,n,e,l){var s;const o=Object.assign({label:i},e.data);return this.autoSkip&&e.isEditable&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(o.onInput=t=>{hi(this,R,"m",ai).call(this,l,t)}),o},Kt=function(t,i,n,e){const l=(()=>{var t;if(e.data.data)return null===(t=e.data.data.rows)||void 0===t?void 0:t.map((t=>{const i=t.fields||t.cells,[e,l]=Object.keys(i);return{id:i[e].value,label:l?i[l].value:i[e].value,selected:n===i[e].value}}))})(),s=x(n,l);return l?s:e.data},Lt=function(t,i,n){return g(n,i)},Dt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},It=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Nt=function(t,i,n){return{initialValue:n||"",leadingLabel:i||"",value:n||""}},Rt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Ft=function(t,i){return{label:i}},Pt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(hi(this,F,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,y.ERROR),null):{data:{columns:t.columns.map((i=>{var n;if(t.rows.length>0){const e=null===(n=t.rows[0].cells[i.name])||void 0===n?void 0:n.obj;return!i.obj&&e?Object.assign(Object.assign({},i),{obj:{t:e.t,p:e.p}}):i}return i})),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=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(Object.assign({},hi(this,R,"m",yt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id}),i.cells[e].data)})})}),{})})))}}:(hi(this,F,"f").debug.logMessage(this,`Empty value for ${l} cell.`,y.WARNING),null)}catch(t){return hi(this,F,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,y.ERROR),null}},Ht=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(hi(this,A,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},At=function(t,i){const n=hi(this,H,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.value,id:t.obj.k,selected:i===t.obj.k})))},Jt=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:(null===(e=i.children)||void 0===e?void 0:e.length)?hi(this,R,"m",t).call(this,i,n):[]}}))},Ut=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:(null===(e=i.children)||void 0===e?void 0:e.length)?hi(this,R,"m",t).call(this,i,n):[]}}))},Vt=function(t,i){return t.rows.map((t=>{const n=t.fields||t.cells,[e,l]=Object.keys(n);return{id:n[e].value,value:l?n[l].value:n[e].value,selected:i===n[e].value}}))},Bt=function(t){return Object.assign(Object.assign({},t),{data:hi(this,R,"m",$t).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Gt=function(t,i){this.optionsHandler(i.fun,t.inputValue,hi(this,R,"m",gt).call(this),t.id).then((n=>{var e,l,s,o,a,u;const r=(null===(e=null==n?void 0:n.columns)||void 0===e?void 0:e.filter((t=>!1!==(null==t?void 0:t.visible))).map((t=>t.name)))||[],c=null===(l=null==n?void 0:n.rows)||void 0===l?void 0:l.map((t=>{const{cells:i}=t,n=r.reduce(((n,e)=>(t.cells.hasOwnProperty(e)&&(n[e]=i[e]),n)),{});return Object.assign(Object.assign({},t),{cells:n})})),p=Object.assign(Object.assign({},n),{rows:c}),f=i.shape===h.MULTI_AUTOCOMPLETE?i.slotData.data["kup-list"]:null===(o=null===(s=i.data)||void 0===s?void 0:s.data)||void 0===o?void 0:o["kup-list"];f?(f.data=(null==c?void 0:c.length)&&null!==(a=hi(this,R,"m",At).call(this,p,i.value))&&void 0!==a?a:[],f.options=null!==(u=null==n?void 0:n.columns)&&void 0!==u?u:[]):hi(this,F,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',y.WARNING),t.comp.refresh()}))},qt=function(t){const{cell:i,row:n,column:e,comp:l,id:s,event:o}=t,a=null==i?void 0:i.value,u=t.event.detail;try{this.optionsHandler(i.fun,u.inputValue,{columns:l.data.columns,rows:[n]},e.name).then((t=>{var i,u,h,r,c,p,f;if(t){const d=(null!==(i=null==t?void 0:t.columns)&&void 0!==i?i:[]).filter((t=>!1!==(null==t?void 0:t.visible))).map((t=>t.name)),m=null!==(h=null===(u=null==t?void 0:t.rows)||void 0===u?void 0:u.map((t=>{const i=d.reduce(((i,n)=>(t.cells[n]&&(i[n]=t.cells[n]),i)),{});return Object.assign(Object.assign({},t),{cells:i})})))&&void 0!==h?h:[],v=Object.assign(Object.assign({},t),{rows:m}),b=l.data,_=b.rows[n.id].cells[e.name];(null===(c=null===(r=_.data)||void 0===r?void 0:r.data)||void 0===c?void 0:c["kup-list"])||(_.data={data:{"kup-list":{},"kup-text-field":Object.assign({},_.data)}});const k=_.data.data["kup-list"];k.data=m.length&&null!==(p=hi(this,R,"m",At).call(this,v,a))&&void 0!==p?p:[],k.options=null!==(f=t.columns)&&void 0!==f?f:[],l.data=b,this.data.rows[0].cells[s].value=JSON.stringify(b),o.detail.comp.refresh(),l.refresh()}}))}catch(t){console.error("Error in autocomplete callback:",t)}},Xt=function(t){const{cell:i,row:n,column:e,id:l,comp:s}=t.detail,o=s.data;o.rows[n.id].cells[e.name]=i,s.data=o,this.data.rows[0].cells[l].value=JSON.stringify(o),t.detail.event.detail.comp.refresh(),s.refresh()},Yt=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(W[i](null==u?void 0:u.shape))return;const h=hi(this,R,"m",Q).call(this,a.name),r=hi(this,A,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(hi(this,R,"m",Zt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:hi(this,F,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else hi(this,R,"m",Zt).call(this,a.name,(null===(e=r.data)||void 0===e?void 0:e.error)||null);if(null===(l=u.inputSettings)||void 0===l?void 0:l.checkObject){const{valid:t}=await this.checkValidObjCallback({obj:u.obj,currentState:hi(this,R,"m",gt).call(this),fun:u.fun});if(!t)return void hi(this,R,"m",Zt).call(this,a.name,hi(this,F,"f").language.translate(d.INVALID_VALUE));hi(this,R,"m",Zt).call(this,a.name,(null===(s=r.data)||void 0===s?void 0:s.error)||null)}(null===(o=u.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&hi(this,R,"m",ti).call(this)&&this.checkValidValueCallback({before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},a.name)}},Qt=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},i.name))},Zt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},ti=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},ii=function(t,i){(null==t?void 0:t.fun)?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:hi(this,R,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},cell:i})},ni=function(t){return hi(this,F,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},ei=function(t){const i=hi(this,R,"m",ni).call(this,t);if(null==i)return;const n=hi(this,R,"m",gt).call(this),e=i["kup-get-cell-props"]().column.name;return{anchor:i,cell:n.rows[0].cells[e],column:n.columns.find((t=>t.name==e)),row:n.rows[0],originalEvent:t}},li=function(){hi(this,P,"f")&&(hi(this,F,"f").interact.managedElements.add(hi(this,P,"f")),hi(this,F,"f").interact.on(hi(this,P,"f"),w.TAP,(t=>{if(2==t.button){const i=hi(this,R,"m",ei).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}})))},si=function(){if(!hi(this,P,"f"))return;const t=Array.from(hi(this,P,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=hi(this,R,"m",oi).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=hi(this,R,"m",oi).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},oi=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},ai=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=hi(this,P,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},ui=function(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)},pi.style=".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_textfield_textarea_height_input_panel:var(\n    --kup-textfield-textarea-height-input_panel,\n    200px\n  );--kup_textfield_textarea_width_input_panel:var(\n    --kup-textfield-textarea-width-input_panel,\n    300px\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(\n    --kup-input-panel-padding--inline,\n    1em 0\n  );--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}: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:8px}: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);display:inline-flex;align-items:flex-end}: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 .f-text-field .mdc-text-field.mdc-text-field--textarea{min-height:var(--kup_textfield_textarea_height_input_panel) !important;min-width:var(--kup_textfield_textarea_width_input_panel) !important}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}: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 .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre;overflow:hidden}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height);--kup-textfield-extrasmall-height:20px;--kup-textfield-extrasmall-padding:0 var(--kup-space-01)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}:host .input-panel__helper-icon{cursor:help;height:16px;opacity:0.375;position:absolute;right:-18px;top:-2px;width:16px}";export{pi as kup_input_panel}
+import{r as t,c as i,f as n,h as e,H as l,d as s}from"./p-710d0a7d.js";import{F as o}from"./p-14c6efce.js";import{F as a,e as u}from"./p-f81ec6f8.js";import{F as h,k as r,ae as c,g as p,s as f,b as d,aj as m,a8 as v,ap as b,am as _,ao as k,an as x,aq as g,h as y,W as w}from"./p-459f5369.js";import{F as j}from"./p-7db300e0.js";import{F as O,a as $}from"./p-cec0955d.js";import{c as M}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-31ae78d1.js";import"./p-0829e7c5.js";import"./p-c49cb8be.js";import"./p-e7fbf76f.js";import"./p-adadf8b5.js";import"./p-c56195a0.js";var z,T,E,S,C;!function(t){t.TAB="tab"}(z||(z={})),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.commandBarPosition="Manage the position of the command bar (submit button and other commands).",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.",t.autoSkip="Sets the auto skip between input text fields when the value reaches the max length.",t.autoFocus="Sets whether the first input should receive focus.",t.fieldReset="Create e Reset button for the form"}(T||(T={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(E||(E={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(S||(S={})),function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(C||(C={}));const W={blur:t=>t===h.CHECKBOX||t===h.SWITCH||t===h.COMBOBOX||t===h.AUTOCOMPLETE,itemclick:t=>t!==h.COMBOBOX&&t!==h.AUTOCOMPLETE},K=12/1.4,L=(t,i)=>0==t?K/2:t?1===t?1.5*K+(i?18:0):t*K+(i?18:0)+4:null,D=t=>t?20*t:null,I=(t,i)=>t?t>(null==i?void 0:i.absoluteRow)?20*((null==i?void 0:i.absoluteRow)-1)+2*((null==i?void 0:i.absoluteRow)-1)+D(i.absoluteHeight)+20*(t-((null==i?void 0:i.absoluteRow)+(null==i?void 0:i.absoluteHeight)-1)-1):20*(t-1)+2*(t-1):null,N=t=>t?10*(t-1)*1.15:null;var R,F,P,H,A,J,U,V,B,G,q,X,Y,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,ct,pt,ft,dt,mt,vt,bt,_t,kt,xt,gt,yt,wt,jt,Ot,$t,Mt,zt,Tt,Et,St,Ct,Wt,Kt,Lt,Dt,It,Nt,Rt,Ft,Pt,Ht,At,Jt,Ut,Vt,Bt,Gt,qt,Xt,Yt,Qt,Zt,ti,ii,ni,ei,li,si,oi,ai,ui,hi=function(t,i,n,e){if("a"===n&&!e)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===n?e:"a"===n?e.call(t):e?e.value:i.get(t)},ri=function(t,i,n,e,l){if("m"===e)throw new TypeError("Private method is not writable");if("a"===e&&!l)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!l:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===e?l.call(t,n):l?l.value=n:i.set(t,n),n};const ci=document.documentElement,pi=class{constructor(n){t(this,n),this.kupReady=i(this,"kup-input-panel-ready",6),this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6),this.kupInputPanelObjectFieldSearchPayload=i(this,"kup-inputpanel-objectfield-searchpayload",6),this.kupInputPanelObjectFieldOpenSearchMenu=i(this,"kup-inputpanel-objectfield-opensearchmenu",6),this.kupInputPanelObjectFieldSelectedMenuItem=i(this,"kup-inputpanel-objectfield-selectedmenuitem",6),this.kupCellUpload=i(this,"kup-inputpanel-upload",6),R.add(this),F.set(this,r()),P.set(this,void 0),H.set(this,new Map([["SmeupDataTree",hi(this,R,"m",Ut).bind(this)],["SmeupDataTable",hi(this,R,"m",Vt).bind(this)],["SmeupTreeNode",hi(this,R,"m",Jt).bind(this)],["SmeupTable",hi(this,R,"m",Vt).bind(this)]])),A.set(this,null),J.set(this,[]),U.set(this,new Map([[c.DATE,"kup-date-picker"],[c.TIME,"kup-time-picker"]])),V.set(this,new Map([[c.COMBOBOX,"kup-combobox"],[c.AUTOCOMPLETE,"kup-autocomplete"]])),B.set(this,new Map([[h.BUTTON_LIST,hi(this,R,"m",et).bind(this)],[h.LABEL,hi(this,R,"m",ot).bind(this)],[h.TABLE,hi(this,R,"m",st).bind(this)]])),G.set(this,new Map([[z.TAB,hi(this,R,"m",ft).bind(this)]])),q.set(this,void 0),X.set(this,void 0),Y.set(this,null),it.set(this,(()=>{hi(this,Y,"f")&&(hi(this,Y,"f").remove(),ri(this,Y,null,"f"))})),nt.set(this,((t,i)=>{hi(this,Y,"f")?(hi(this,Y,"f").style.left=`${t.clientX+10}px`,hi(this,Y,"f").style.top=`${t.clientY+10}px`,hi(this,Y,"f").innerText=i):(ri(this,Y,document.createElement("div"),"f"),hi(this,Y,"f").className="input-panel__helper-tooltip",hi(this,Y,"f").innerText=i,hi(this,Y,"f").style.left=`${t.clientX+10}px`,hi(this,Y,"f").style.top=`${t.clientY+10}px`,document.body.appendChild(hi(this,Y,"f")))})),this.buttonPosition=S.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.commandBarPosition=void 0,this.inputPanelPosition=E.COLUMNS,this.submitCb=null,this.optionsHandler=null,this.customButtonClickHandler=null,this.checkValidObjCallback=null,this.checkValidValueCallback=null,this.autoFocus=!1,this.autoSkip=!1,this.updateOnClick=!1,this.fieldReset=!1,this.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ri(this,A,structuredClone(this.data),"f"),hi(this,J,"f").length&&(hi(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ri(this,J,[],"f")),this.data&&this.data.columns&&this.data.rows&&hi(this,R,"m",_t).call(this,this.data)}listenKeydown(t){if("Enter"===t.key){t.preventDefault(),t.stopPropagation();const i=this.rootElement.shadowRoot.activeElement;"enter"===t.key.toLowerCase()&&i&&(null==i||i.blur(),this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)}}))}}async waitForReady(){return hi(this,q,"f")}async getProps(t){return p(this,T,t)}async refresh(){n(this)}async setProps(t){f(this,T,t)}async update(t){hi(this,R,"m",ii).call(this,hi(this,R,"m",Q).call(this,t),t)}onFormReset(){var t;for(const i of this.data.columns){const n=hi(this,R,"m",Q).call(this,i.name);n.shape!==h.MULTI_AUTOCOMPLETE&&n.shape!==h.MULTI_COMBOBOX||!(null===(t=n.data)||void 0===t?void 0:t.data)||(n.data.data=[]),n.value="",n.obj.k="",n.decode="",n.data.initialValue&&(n.data.initialValue="")}this.refresh()}connectedCallback(){ri(this,q,new Promise((t=>{ri(this,X,t,"f")})),"f")}componentWillLoad(){hi(this,F,"f").debug.logLoad(this,!1),hi(this,F,"f").language.register(this),hi(this,F,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){hi(this,R,"m",li).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),hi(this,R,"m",si).call(this),hi(this,F,"f").debug.logLoad(this,!0)}componentWillRender(){hi(this,F,"f").debug.logRender(this,!1)}componentDidRender(){if(hi(this,P,"f")){const t=hi(this,P,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)j(t[i])}requestAnimationFrame((async()=>{hi(this,P,"f")&&hi(this,X,"f")&&(hi(this,X,"f").call(this),ri(this,X,null,"f"))})),hi(this,F,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,hi(this,F,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>hi(this,R,"m",Z).call(this,t)));return e(l,{key:"3cc39141d1ecd12ffb4775e41d5f655cc522e672","onKup-cell-blur":t=>hi(this,R,"m",Yt).call(this,t,C.BLUR),"onKup-cell-update":hi(this,R,"m",Qt).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":hi(this,R,"m",zt).bind(this),"onKup-autocomplete-iconclick":hi(this,R,"m",zt).bind(this),"onKup-combobox-iconclick":t=>hi(this,R,"m",zt).call(this,t,!0),"onKup-cell-itemclick":t=>{hi(this,R,"m",Yt).call(this,t,C.ITEMCLICK)},"onKup-objectfield-searchpayload":t=>{this.kupInputPanelObjectFieldSearchPayload.emit(t.detail)},"onKup-objectfield-opensearchmenu":t=>{this.kupInputPanelObjectFieldOpenSearchMenu.emit(t.detail)},"onKup-objectfield-selectedmenuitem":t=>{this.kupInputPanelObjectFieldSelectedMenuItem.emit(t.detail)},"onKup-file-upload-upload":hi(this,R,"m",ui).bind(this)},e("style",{key:"8e06ec2438e3db35ff94bf7b19f190c0b4a2d9f6"},hi(this,F,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"b66e6cdd524d526f3428c9c77f4d079716eb1183",id:M},t))}disconnectedCallback(){hi(this,F,"f").language.unregister(this),hi(this,F,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};F=new WeakMap,P=new WeakMap,H=new WeakMap,A=new WeakMap,J=new WeakMap,U=new WeakMap,V=new WeakMap,B=new WeakMap,G=new WeakMap,q=new WeakMap,X=new WeakMap,Y=new WeakMap,it=new WeakMap,nt=new WeakMap,R=new WeakSet,Q=function(t){return t?this.inputPanelCells.reduce(((i,{cells:n})=>{if(!i){const i=n.find((({column:i})=>i.name===t));return i?i.cell:null}return i}),null):null},Z=function(t){var i,n,l;const s=t.row.layout,a=(null==s?void 0:s.horizontal)||!1,u={};let r;if(null===(i=null==s?void 0:s.sections)||void 0===i?void 0:i.length)if(s.absolute)r=hi(this,R,"m",ht).call(this,t,s),u.height=`${(t=>{var i,n;if(!t)return 0;const e=null!==(n=null===(i=t.sections.flatMap((t=>t.content)).find((t=>t.shape===h.TABLE)))||void 0===i?void 0:i.absoluteHeight)&&void 0!==n?n:null,l=Math.max(0,...t.sections.flatMap((t=>t.content.map((t=>t.absoluteRow+(t.absoluteHeight-1))))));return e?22*(l-e)+20*e:22*l})(s)}px`;else{if(!s.sectionsType){const i=s.sections.some((t=>t.dim));u.display="grid",this.inputPanelPosition!==E.INLINE&&this.inputPanelPosition!==E.UPINLINE||(u.display=""),s.horizontal?u.gridTemplateColumns=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(u.gridTemplateRows=i?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`)}r=hi(this,R,"m",ut).call(this,t,s)}else r=t.cells.filter((({column:t})=>!1!==t.visible)).map((i=>hi(this,R,"m",tt).call(this,i.cell,t.row,i.column)));const c={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==S.RIGHT},p={"input-panel":!0,"input-panel--column":!a,"input-panel--absolute":null==s?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE},f={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:c,ref:t=>ri(this,P,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)}})},onReset:t=>{t.preventDefault(),this.onFormReset()},onContextMenu:t=>{null!=hi(this,R,"m",ni).call(this,t)&&t.preventDefault()}},1==(null===(n=null==s?void 0:s.sections)||void 0===n?void 0:n.length)&&(null===(l=null==s?void 0:s.sections[0])||void 0===l?void 0:l.title)&&e("div",{class:"input-panel__typography"},e(O,{value:s.sections[0].title,type:$.HEADING1})),e("div",{class:p,style:u},r),e("div",{class:f},e(o,{buttonType:"submit",label:hi(this,F,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.fieldReset&&e(o,{buttonType:"reset",label:"Reset",wrapperClass:"form__submit",icon:"broom"}),this.inputPanelCommands)))},tt=function(t,i,n){var l,s;if(!t)return;const o=hi(this,B,"f").get(t.shape);if(void 0!==o)return o(t,n,null===(l=i.layout)||void 0===l?void 0:l.absolute);t.data=Object.assign(Object.assign({},t.data),{sizing:"extra-small",labelHelper:n.helper});const u=null===(s=t.data)||void 0===s?void 0:s.data;u&&(Object.keys(u).includes("kup-text-field")?u["kup-text-field"].labelHelper=n.helper:u["kup-text-field"]={labelHelper:n.helper});const h={cell:t,column:n,row:i,editable:!0,component:this,renderKup:!0,setSizes:!0},r=hi(this,R,"m",at).call(this,t,n.title),c=e(a,Object.assign({},h));return r?e("div",{class:{"input-panel__label_container":!0}},r,c):c},et=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,placeholderIcon:t.placeholderIcon,id:i},t.data,{wrapperClass:"form__submit"}))},lt=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{hi(this,R,"m",ii).call(this,t.detail.node,t.detail.node.id)}}))},st=function(t,{name:i}){for(const i of t.data.data.rows)for(const t of Object.keys(i.cells)){const n=i.cells[t];n.shape===h.AUTOCOMPLETE&&(n.data.DescrMode="CodeOnly",n.data.selectMode="CodeOnly")}return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0},t.data,{"onKup-autocomplete-iconclick":t=>{t.preventDefault(),t.stopPropagation()},"onKup-autocomplete-input":t=>{t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-iconclick":t=>{hi(this,R,"m",zt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-input":t=>{"autocomplete"===t.detail.type&&hi(this,R,"m",zt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-cell-itemclick":t=>{hi(this,R,"m",Xt).call(this,t),t.preventDefault(),t.stopPropagation()}}))},ot=function(t,i,n){const l=ci.ketchup.objects.isNumber(t.obj),s=l||ci.ketchup.objects.isDate(t.obj)||ci.ketchup.objects.isTime(t.obj)||ci.ketchup.objects.isTimestamp(t.obj),o=["input-panel-label"];n&&o.push("input-panel-label--legacy-look"),l&&o.push("input-panel-label-number");const a=s?m(i,t):t.value;return e("span",{class:o.join(" "),id:i.name},e(u,{style:t.style,text:a}))},at=function(t,i){return i&&ci.ketchup.data.cell.getType(t,t.shape)===c.RADIO?e("span",null,i):null},ut=function(t,i){const n=hi(this,G,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>hi(this,R,"m",rt).call(this,t,i,!1)))},ht=function(t,i){return i.sections.map((i=>hi(this,R,"m",ct).call(this,t,i)))},rt=function t(i,n,l=!1,s={}){var o,a;const u={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition===E.INLINE||this.inputPanelPosition===E.UPINLINE};s.gap=+n.gap>0?`${n.gap}rem`:"1rem";let h=[];if(null===(o=n.sections)||void 0===o?void 0:o.length){h=n.sections.map((n=>hi(this,R,"m",t).call(this,i,n))).filter(Boolean);const e=n.sections.some((t=>t.dim));!n.gridCols&&n.horizontal&&(s.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`),n.gridRows||n.horizontal||!this.dashboardMode||(s.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`)}else(null===(a=n.content)||void 0===a?void 0:a.length)&&(h=n.content.map((t=>hi(this,R,"m",mt).call(this,i,t))).filter(Boolean),s.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"",this.dashboardMode&&(s.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""));const r=h.length?e("div",{class:u,style:s},h):void 0;return n.title&&!l?e("div",{class:{"input-panel__section_label_container":!0}},e(O,{type:$.HEADING1,value:n.title}),r):r},ct=function t(i,n){var l,s;let o=[];if(null===(l=n.sections)||void 0===l?void 0:l.length)o=n.sections.map((n=>hi(this,R,"m",t).call(this,i,n)));else if(null===(s=n.content)||void 0===s?void 0:s.length){const t=n.content.find((t=>t.shape===h.TABLE)),e=t?{absoluteRow:t.absoluteRow,absoluteHeight:t.absoluteHeight}:{};o=n.content.map((t=>hi(this,R,"m",vt).call(this,i,t,e)))}if(null==L(n.absoluteWidth))return o;const a=null!=L(n.absoluteWidth)?`${L(n.absoluteWidth)}px`:"100%",u=null!=D(n.absoluteHeight)?`${D(n.absoluteHeight)}px`:"100%",r=`${I(n.absoluteRow)}px`,c=`${N(n.absoluteColumn)}px`;return e("div",{style:{position:"relative",width:a,"min-width":a,"max-width":a,height:u,"min-height":u,"max-height":u,top:r,left:c,overflow:"auto"}},o)},pt=function t(i){var n,e;let l=[];return(null===(n=i.content)||void 0===n?void 0:n.length)&&i.content.forEach((t=>{t.id&&l.push(t.id)})),(null===(e=i.sections)||void 0===e?void 0:e.length)&&i.sections.forEach((i=>{l=l.concat(hi(this,R,"m",t).call(this,i))})),l},ft=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=hi(this,R,"m",pt).call(this,i),l=t.cells.some((t=>{var i;const n=t.cell;return e.includes(t.column.name)&&!!(null===(i=n.data)||void 0===i?void 0:i.error)}));return{active:(i.id||`${n}`)===this.tabSelected,value:i.title,icon:l?"error":i.icon,id:i.id||`${n}`,danger:l}})),l=i.map(((i,n)=>{const e=i.id||`${n}`;return hi(this,R,"m",rt).call(this,t,i,!0,{display:this.tabSelected!==e?"none":"grid"})}));return e("div",{class:{"input-panel__tabs_container":!0}},e("kup-tab-bar",{data:n,customStyle:".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }"}),l)},dt=function(t){return!t||!t.cell||!1===t.column.visible},mt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(hi(this,R,"m",dt).call(this,n))return;const l=+i.colSpan>0?i.colSpan:+i.colSpan>0||+i.colStart>0?null:1,s=+i.rowSpan>0?i.rowSpan:+i.rowSpan>0||+i.rowStart>0?null:1;return e("div",{style:{"min-width":"0","grid-column-start":l?`span ${l}`:`${i.colStart}`,"grid-column-end":+i.colEnd>0?`${i.colEnd}`:"","grid-row-start":s?`span ${s}`:`${i.rowStart}`,"grid-row-end":+i.rowEnd>0?`${i.rowEnd}`:""}},hi(this,R,"m",tt).call(this,n.cell,t.row,n.column))},vt=function(t,i,n){const l=t.cells.find((t=>t.column.name===i.id));if(hi(this,R,"m",dt).call(this,l))return;let s;s=l.cell.shape==h.DATE?l.cell.value?l.cell.value.length:i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const o=l.cell.shape===h.LABEL?(t=>0==t?K/2:t?1===t?1.5*K:t*K:null)(s):l.cell.shape===h.CHECKBOX?15:L(s,(a=l.cell.shape)===h.AUTOCOMPLETE||a===h.COMBOBOX||a===h.DATE);var a;const u=D(i.absoluteHeight),r=I(i.absoluteRow,n),c=N(i.absoluteColumn),p={position:"absolute",width:null!=o?`${o}px`:null,"min-width":null!=o?`${o}px`:null,"max-width":null!=o?`${o}px`:null,height:null!=u?`${u}px`:null,"min-height":null!=u?`${u}px`:null,"max-height":null!=u?`${u}px`:null,top:null!=r?`${r}px`:null,left:null!=c?`${c}px`:null,overflow:"hidden"};return l.cell.data=Object.assign(Object.assign(Object.assign({},l.cell.data),{customStyle:(l.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),l.cell.shape===h.TABLE&&{rowsPerPage:l.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${u}px`}),e("div",{style:p},hi(this,R,"m",tt).call(this,l.cell,t.row,l.column))},bt=function(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((null==t?void 0:t.children)&&(null==t?void 0:t.children.length)>0){const i={"kup-list":{showIcons:!0,data:t.children.map((t=>hi(this,R,"m",Bt).call(this,t)))}};return hi(this,R,"m",lt).call(this,t,i)}{const i=hi(this,R,"m",Bt).call(this,t);return hi(this,R,"m",et).call(this,i,{name:t.value,title:t.value})}})).flat()},_t=function(t){var i,n,e,l;const s=null===(i=null==t?void 0:t.rows[0])||void 0===i?void 0:i.layout,o=(null===(n=null==t?void 0:t.rows)||void 0===n?void 0:n.length)?t.rows.reduce(((i,n)=>[...i,{cells:t.columns.map((t=>{const i=structuredClone(n.cells[t.name]);return{column:t,cell:i?Object.assign(Object.assign({},i),{data:hi(this,R,"m",kt).call(this,i,t,s),slotData:hi(this,R,"m",wt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ci.ketchup.data.cell.getType(t,t.shape),l=hi(this,U,"f").get(e),s=hi(this,V,"f").get(e);if(!l&&!s)return;const o=(null!=l?l:s)+`[id='${i.name.replace(/\//g,"\\$1")}']`,a=this.rootElement.shadowRoot.querySelector(o);s?null==a||a.reset():null===(n=null==a?void 0:a.setValue)||void 0===n||n.call(a,t.value)})))),this.inputPanelCells=o,(null===(l=null===(e=t.setup)||void 0===e?void 0:e.commands)||void 0===l?void 0:l.length)&&hi(this,R,"m",bt).call(this)},kt=function(t,i,n){const e=Object.assign(Object.assign({},hi(this,R,"m",yt).call(this,t,i,n)),{disabled:!t.isEditable||i.useAs===v.KEY,id:i.name}),l=ci.ketchup.data.cell.getType(t,t.shape),s=function(t,i){var n={};for(var e in t)Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0&&(n[e]=t[e]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(e=Object.getOwnPropertySymbols(t);l<e.length;l++)i.indexOf(e[l])<0&&Object.prototype.propertyIsEnumerable.call(t,e[l])&&(n[e[l]]=t[e[l]])}return n}(t.data||{},["data"]);return l!==c.MULTI_AUTOCOMPLETE&&l!==c.MULTI_COMBOBOX?hi(this,R,"m",xt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},xt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?hi(this,R,"m",t).call(this,i[e],n[e]):n[e];return i},gt=function(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const l=null===(e=i.cells.find((t=>t.column.name===n)))||void 0===e?void 0:e.cell;let s=null==l?void 0:l.value;return(null==l?void 0:l.shape)===h.TABLE&&(s=JSON.stringify(hi(this,R,"m",Ht).call(this,l.data.data,n))),Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:s,obj:null==l?void 0:l.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},yt=function(t,i,n){if(!t)return null;const e=t.options;let l;l=(null==n?void 0:n.absolute)?null:i.title;const s=t.value,o=ci.ketchup.data.cell.getType(t,t.shape),a=new Map([[c.AUTOCOMPLETE,hi(this,R,"m",Mt).bind(this)],[c.BUTTON_LIST,hi(this,R,"m",$t).bind(this)],[c.CHART,hi(this,R,"m",Ot).bind(this)],[c.CHIP,hi(this,R,"m",jt).bind(this)],[c.CHECKBOX,hi(this,R,"m",Et).bind(this)],[c.COLOR_PICKER,hi(this,R,"m",St).bind(this)],[c.COMBOBOX,hi(this,R,"m",Mt).bind(this)],[c.EDITOR,hi(this,R,"m",Ct).bind(this)],[c.MULTI_AUTOCOMPLETE,hi(this,R,"m",jt).bind(this)],[c.MULTI_COMBOBOX,hi(this,R,"m",jt).bind(this)],[c.NUMBER,hi(this,R,"m",Ft).bind(this)],[c.DATE,hi(this,R,"m",Dt).bind(this)],[c.OBJECT,hi(this,R,"m",It).bind(this)],[c.RADIO,hi(this,R,"m",Kt).bind(this)],[c.STRING,hi(this,R,"m",Wt).bind(this)],[c.SWITCH,hi(this,R,"m",Lt).bind(this)],[c.TABLE,hi(this,R,"m",Pt).bind(this)],[c.TIME,hi(this,R,"m",Rt).bind(this)],[c.IMAGE_LIST,hi(this,R,"m",Nt).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},wt=function(t,i){var n;const e=ci.ketchup.data.cell.getType(t,t.shape);if(e===c.CHIP)return{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1};if(e===c.MULTI_AUTOCOMPLETE||e===c.MULTI_COMBOBOX){const e=Object.assign(Object.assign({},hi(this,R,"m",Mt).call(this,t.options,i.title,null,t)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name});return(null===(n=null==e?void 0:e.data)||void 0===n?void 0:n["kup-text-field"])&&(e.data["kup-text-field"].labelHelper=i.helper),e}return null},jt=function(t,i,n,e){return b(n,e.decode)},Ot=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},$t=function(t,i,n,e,l){var s,o;if(e.data=e.data||{},e.data.onClick=()=>{hi(this,R,"m",ii).call(this,e,l)},e.data.mappedCommandId){const t=null===(o=null===(s=this.data.setup)||void 0===s?void 0:s.commands)||void 0===o?void 0:o.find((t=>t.obj.k===e.data.mappedCommandId));t&&(e.isEditable=!0,e.data.onClick=()=>{hi(this,R,"m",ii).call(this,e,t.obj.k)},this.data.setup.commands=this.data.setup.commands.filter((i=>i.obj.k!==t.obj.k)))}return Object.assign({label:e.value,fun:e.fun},e.data)},Mt=function(t,i,n,e){const l=_(n,i,[],e.data);return t&&(l.data["kup-list"].data=hi(this,R,"m",At).call(this,t,n)),l},zt=function({detail:t},i=!1){if(hi(this,R,"m",Tt).call(this,t))hi(this,R,"m",qt).call(this,t);else{const n=hi(this,R,"m",Q).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),e&&!n.options&&hi(this,R,"m",Gt).call(this,t,n)}},Tt=function(t){return!!t.cell},Et=function(t,i,n){return k(n,i)},St=function(t,i,n,e){return{data:{"kup-text-field":{label:i,error:e.data.error}}}},Ct=function(t,i,n){return{initialValue:n}},Wt=function(t,i,n,e,l){var s;const o=Object.assign({label:i},e.data);return this.autoSkip&&e.isEditable&&(null===(s=e.data)||void 0===s?void 0:s.maxLength)&&(o.onInput=t=>{hi(this,R,"m",ai).call(this,l,t)}),o},Kt=function(t,i,n,e){const l=(()=>{var t;if(e.data.data)return null===(t=e.data.data.rows)||void 0===t?void 0:t.map((t=>{const i=t.fields||t.cells,[e,l]=Object.keys(i);return{id:i[e].value,label:l?i[l].value:i[e].value,selected:n===i[e].value}}))})(),s=x(n,l);return l?s:e.data},Lt=function(t,i,n){return g(n,i)},Dt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},It=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Nt=function(t,i,n){return{initialValue:n||"",leadingLabel:i||"",value:n||""}},Rt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Ft=function(t,i){return{label:i}},Pt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(hi(this,F,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,y.ERROR),null):{data:{columns:t.columns.map((i=>{var n;if(t.rows.length>0){const e=null===(n=t.rows[0].cells[i.name])||void 0===n?void 0:n.obj;return!i.obj&&e?Object.assign(Object.assign({},i),{obj:{t:e.t,p:e.p}}):i}return i})),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const l=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(Object.assign({},hi(this,R,"m",yt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id}),i.cells[e].data)})})}),{})})))}}:(hi(this,F,"f").debug.logMessage(this,`Empty value for ${l} cell.`,y.WARNING),null)}catch(t){return hi(this,F,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,y.ERROR),null}},Ht=function(t,i){const n=Object.assign(Object.assign({},t),{rows:t.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))}),e=t.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!e.length)return n;try{const l=JSON.parse(hi(this,A,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},At=function(t,i){const n=hi(this,H,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.value,id:t.obj.k,selected:i===t.obj.k})))},Jt=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:(null===(e=i.children)||void 0===e?void 0:e.length)?hi(this,R,"m",t).call(this,i,n):[]}}))},Ut=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:(null===(e=i.children)||void 0===e?void 0:e.length)?hi(this,R,"m",t).call(this,i,n):[]}}))},Vt=function(t,i){return t.rows.map((t=>{const n=t.fields||t.cells,[e,l]=Object.keys(n);return{id:n[e].value,value:l?n[l].value:n[e].value,selected:i===n[e].value}}))},Bt=function(t){return Object.assign(Object.assign({},t),{data:hi(this,R,"m",$t).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Gt=function(t,i){this.optionsHandler(i.fun,t.inputValue,hi(this,R,"m",gt).call(this),t.id).then((n=>{var e,l,s,o,a,u;const r=(null===(e=null==n?void 0:n.columns)||void 0===e?void 0:e.filter((t=>!1!==(null==t?void 0:t.visible))).map((t=>t.name)))||[],c=null===(l=null==n?void 0:n.rows)||void 0===l?void 0:l.map((t=>{const{cells:i}=t,n=r.reduce(((n,e)=>(t.cells.hasOwnProperty(e)&&(n[e]=i[e]),n)),{});return Object.assign(Object.assign({},t),{cells:n})})),p=Object.assign(Object.assign({},n),{rows:c}),f=i.shape===h.MULTI_AUTOCOMPLETE?i.slotData.data["kup-list"]:null===(o=null===(s=i.data)||void 0===s?void 0:s.data)||void 0===o?void 0:o["kup-list"];f?(f.data=(null==c?void 0:c.length)&&null!==(a=hi(this,R,"m",At).call(this,p,i.value))&&void 0!==a?a:[],f.options=null!==(u=null==n?void 0:n.columns)&&void 0!==u?u:[]):hi(this,F,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',y.WARNING),t.comp.refresh()}))},qt=function(t){const{cell:i,row:n,column:e,comp:l,id:s,event:o}=t,a=null==i?void 0:i.value,u=t.event.detail;try{this.optionsHandler(i.fun,u.inputValue,{columns:l.data.columns,rows:[n]},e.name).then((t=>{var i,u,h,r,c,p,f;if(t){const d=(null!==(i=null==t?void 0:t.columns)&&void 0!==i?i:[]).filter((t=>!1!==(null==t?void 0:t.visible))).map((t=>t.name)),m=null!==(h=null===(u=null==t?void 0:t.rows)||void 0===u?void 0:u.map((t=>{const i=d.reduce(((i,n)=>(t.cells[n]&&(i[n]=t.cells[n]),i)),{});return Object.assign(Object.assign({},t),{cells:i})})))&&void 0!==h?h:[],v=Object.assign(Object.assign({},t),{rows:m}),b=l.data,_=b.rows[n.id].cells[e.name];(null===(c=null===(r=_.data)||void 0===r?void 0:r.data)||void 0===c?void 0:c["kup-list"])||(_.data={data:{"kup-list":{},"kup-text-field":Object.assign({},_.data)}});const k=_.data.data["kup-list"];k.data=m.length&&null!==(p=hi(this,R,"m",At).call(this,v,a))&&void 0!==p?p:[],k.options=null!==(f=t.columns)&&void 0!==f?f:[],l.data=b,this.data.rows[0].cells[s].value=JSON.stringify(b),o.detail.comp.refresh(),l.refresh()}}))}catch(t){console.error("Error in autocomplete callback:",t)}},Xt=function(t){const{cell:i,row:n,column:e,id:l,comp:s}=t.detail,o=s.data;o.rows[n.id].cells[e.name]=i,s.data=o,this.data.rows[0].cells[l].value=JSON.stringify(o),t.detail.event.detail.comp.refresh(),s.refresh()},Yt=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(W[i](null==u?void 0:u.shape))return;const h=hi(this,R,"m",Q).call(this,a.name),r=hi(this,A,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(hi(this,R,"m",Zt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:hi(this,F,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else hi(this,R,"m",Zt).call(this,a.name,(null===(e=r.data)||void 0===e?void 0:e.error)||null);if(null===(l=u.inputSettings)||void 0===l?void 0:l.checkObject){const{valid:t}=await this.checkValidObjCallback({obj:u.obj,currentState:hi(this,R,"m",gt).call(this),fun:u.fun});if(!t)return void hi(this,R,"m",Zt).call(this,a.name,hi(this,F,"f").language.translate(d.INVALID_VALUE));hi(this,R,"m",Zt).call(this,a.name,(null===(s=r.data)||void 0===s?void 0:s.error)||null)}(null===(o=u.inputSettings)||void 0===o?void 0:o.checkValueOnExit)&&hi(this,R,"m",ti).call(this)&&this.checkValidValueCallback({before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},a.name)}},Qt=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},i.name))},Zt=function(t,i){this.inputPanelCells=this.inputPanelCells.map((n=>Object.assign(Object.assign({},n),{cells:n.cells.map((({cell:n,column:e})=>{const l=e.name===t?Object.assign(Object.assign({},n.data),{error:i}):n.data;return{column:e,cell:Object.assign(Object.assign({},n),{data:l})}}))})))},ti=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},ii=function(t,i){(null==t?void 0:t.fun)?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:hi(this,R,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},hi(this,A,"f")),after:hi(this,R,"m",gt).call(this)},cell:i})},ni=function(t){return hi(this,F,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},ei=function(t){const i=hi(this,R,"m",ni).call(this,t);if(null==i)return;const n=hi(this,R,"m",gt).call(this),e=i["kup-get-cell-props"]().column.name;return{anchor:i,cell:n.rows[0].cells[e],column:n.columns.find((t=>t.name==e)),row:n.rows[0],originalEvent:t}},li=function(){hi(this,P,"f")&&(hi(this,F,"f").interact.managedElements.add(hi(this,P,"f")),hi(this,F,"f").interact.on(hi(this,P,"f"),w.TAP,(t=>{if(2==t.button){const i=hi(this,R,"m",ei).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}})))},si=function(){if(!hi(this,P,"f"))return;const t=Array.from(hi(this,P,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=hi(this,R,"m",oi).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=hi(this,R,"m",oi).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},oi=function(t,i=!1){if(!(t&&t instanceof HTMLElement))return;const n=".mdc-text-field__input",e=i?`.mdc-text-field--error ${n}`:n,l=t.querySelector(e);if(l)return l;const s=Array.from(t.querySelectorAll("*")).filter((t=>t.shadowRoot));for(const t of s){const i=t.shadowRoot.querySelector(e);if(i)return i}},ai=function(t,i){var n,e;const l=null==i?void 0:i.target;if(!(l&&l instanceof HTMLInputElement))return;const{maxLength:s,value:o}=l;if(!s||s<0||(null==o?void 0:o.length)<s)return;const a=Array.from(null===(n=hi(this,P,"f"))||void 0===n?void 0:n.querySelectorAll(".f-text-field")).reduce(((t,i)=>{const n=i.querySelector("input");return n?(t.push({id:(null==i?void 0:i.id)||"",HTMLInputElement:n}),t):t}),[]);if(!a.length)return;const u=a.findIndex((i=>i.id===t));u<0||u===a.length-1||null===(e=a[u+1].HTMLInputElement)||void 0===e||e.focus()},ui=function(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)},pi.style=".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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_textfield_textarea_height_input_panel:var(\n    --kup-textfield-textarea-height-input_panel,\n    200px\n  );--kup_textfield_textarea_width_input_panel:var(\n    --kup-textfield-textarea-width-input_panel,\n    300px\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(\n    --kup-input-panel-padding--inline,\n    1em 0\n  );--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}: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:8px}: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);display:inline-flex;align-items:flex-end}: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 .f-text-field .mdc-text-field.mdc-text-field--textarea{min-height:var(--kup_textfield_textarea_height_input_panel) !important;min-width:var(--kup_textfield_textarea_width_input_panel) !important}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}: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 .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre;overflow:hidden}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height);--kup-textfield-extrasmall-height:20px;--kup-textfield-extrasmall-padding:0 var(--kup-space-01)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}:host .input-panel__helper-icon{cursor:help;height:16px;opacity:0.375;position:absolute;right:-18px;top:-2px;width:16px}";export{pi as kup_input_panel}

package/dist/ketchup/{p-a84998d8.entry.js → p-1fac1a59.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-14c6efce.js";import{F as h}from"./p-31ae78d1.js";import{F as l}from"./p-e155cbac.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aE as f,b as m,Z as u,h as g}from"./p-6622b9dd.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-c56195a0.js";import"./p-adadf8b5.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const k=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"66aa2a555cd5b7d4d56a4a13387450ede89c4355"},o("style",{key:"11060323270040d3dd52a1011103024c0741085e"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"e784ba520f411aa8f05b73a4b2a9343507272595",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};k.style=".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{k as kup_dashboard}
+import{r as t,c as i,f as e,h as o,H as n,d as s}from"./p-710d0a7d.js";import{F as a}from"./p-14c6efce.js";import{F as h}from"./p-31ae78d1.js";import{F as l}from"./p-e7fbf76f.js";import{F as r}from"./p-7db300e0.js";import{k as c,g as p,s as d,aE as f,b as m,Z as u,h as g}from"./p-459f5369.js";import{c as x}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-c56195a0.js";import"./p-adadf8b5.js";var y;!function(t){t.customStyle="Custom style of the component.",t.data="The data of the component.",t.enableDesign="When set to true, the component is in design mode and it is draggable."}(y||(y={}));const k=class{constructor(e){t(this,e),this.kupSave=i(this,"kup-dashboard-save",6),this.kupManager=c(),this.internalData=null,this.internalDataBackup=null,this.resetInternalData=!1,this.customStyle="",this.data=null,this.enableDesign=!1}onKupSave(){this.kupSave.emit({comp:this,id:this.rootElement.id,data:this.internalData})}dataChanged(){this.resetData()}async getProps(t){return p(this,y,t)}async refresh(){e(this)}async setProps(t){d(this,y,t)}buildGuid(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(t){var i=16*Math.random()|0;return("x"===t?i:3&i|8).toString(16)}))}buildHeader(){const t={icon:"cancel",label:this.kupManager.language.translate(f.RESET),secondary:!0,onClick:()=>{this.resetData()}},i={icon:"save",label:this.kupManager.language.translate(f.SAVE),onClick:()=>this.onKupSave()};return o("div",{class:"header"},this.enableDesign?o(a,Object.assign({},t)):void 0,this.enableDesign?o(a,Object.assign({},i)):void 0)}buildForm(t,i){return t?o("div",{class:{form:!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout,"form-dropzone":this.enableDesign&&t&&null!=t.sections&&t.sections.length>0},style:this.getGridStyle(t),ref:e=>{e&&(e.kupData={parent:i,form:t})}},t.sections.map((i=>this.buildSection(i,t)))):o("div",null,this.kupManager.language.translate(m.EMPTY_DATA))}buildSectionHeader(t,i){const e={value:t.dim,label:this.kupManager.language.translate(f.DIMENSION),onChange:i=>{const{target:e}=i;t.dim=e.value,this.refresh()}},n={icon:"add",slim:!0,onClick:()=>{t.sections||(t.sections=[]),t.sections.push({id:t.id+(t.sections.length+1),loaded:t.loaded,layout:t.layout}),this.resetData(this.internalData)}},s={icon:"remove",slim:!0,secondary:!0,onClick:()=>{const e=i.sections.indexOf(t);i.sections.splice(e,1),this.resetData(this.internalData)}},r={checked:t.loaded,label:this.kupManager.language.translate(f.LOADED),onChange:()=>{t.loaded=!t.loaded,this.refresh()}},c={checked:"column"==t.layout,label:this.kupManager.language.translate(f.VERTICAL),onChange:()=>{t.layout="column"==t.layout?"row":"column",this.refresh()}};return o("div",{class:"section-header"},o("div",null,t.id," - ",t.layout),o("div",null,o("div",{class:"section-header-actions"},o(l,Object.assign({},e)),o(h,Object.assign({},r)),o(h,Object.assign({},c)),o(a,Object.assign({},n)),o(a,Object.assign({},s)))))}buildSection(t,i){const e={"section-body":!0,"layout-column":t&&"column"==t.layout,"layout-row":t&&"row"==t.layout};return o("div",{class:{section:!0,"section-draggable":this.enableDesign,"section-dropzone":this.enableDesign},ref:e=>{e&&(e.kupData={parent:i,section:t})}},this.enableDesign?this.buildSectionHeader(t,i):void 0,o("div",{class:e,style:this.getGridStyle(t)},this.enableDesign||!t.loaded||t.sections&&0!=t.sections.length?void 0:o("slot",{name:t.id}),t.sections&&(t.loaded||this.enableDesign)?t.sections.map((i=>this.buildSection(i,t))):void 0))}calcSectionPosition(t,i,e,o,n){let s=o;for(let o=0;o<n.length;o++){const a=n[o].getBoundingClientRect();if(e&&t<a.y){s=o;break}if(!e&&i<a.x){s=o;break}}return s}didRenderInteractables(){try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-draggable").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.draggable(t,null,null,u.CLONE)}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}try{const t=[];this.rootElement.shadowRoot.querySelectorAll(".section-dropzone").forEach((i=>t.push(i))),this.rootElement.shadowRoot.querySelectorAll(".form-dropzone").forEach((i=>t.push(i))),t.forEach((t=>{this.kupManager.interact.dropzone(t,{ondropdeactivate:()=>{this.removeSectionPlaceHolder()},ondropmove:t=>{this.removeSectionPlaceHolder(),this.dragEnter(t.dragEvent.clientY,t.dragEvent.clientX,t.currentTarget)}},null,{drop:t=>{this.dropped(t,t.currentTarget,t.relatedTarget)}})}))}catch(t){this.kupManager.debug.logMessage(this,t,g.ERROR)}}dragEnter(t,i,e){if(e.kupData.form){const o=this.calcSectionPosition(t,i,"column"==e.kupData.form.layout,e.kupData.form.sections.length,e.children);this.setSectionPlaceHolder(e,o)}else if(e.kupData.section){const o=this.calcSectionPosition(t,i,"column"==e.kupData.section.layout,e.kupData.section.sections.length,e.lastElementChild.children);this.setSectionPlaceHolder(e.lastElementChild,o)}}dropped(t,i,e){const o=e.kupData.parent.sections.indexOf(e.kupData.section);if(e.kupData.parent.sections.splice(o,1),i.kupData.form){i.kupData.form.sections||(i.kupData.form.sections=[]);const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.form.layout,i.kupData.form.sections.length,i.children);i.kupData.form.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.form}else if(i.kupData.section){if(!i.kupData.section.sections||0==i.kupData.section.sections.length){const t=JSON.parse(JSON.stringify(i.kupData.section));t.dim=null,e.kupData.section.dim=null,i.kupData.section.id=this.buildGuid(),i.kupData.section.sections=[],i.kupData.section.sections.push(t)}const o=this.calcSectionPosition(t.dragEvent.clientY,t.dragEvent.clientX,"column"==i.kupData.section.layout,i.kupData.section.sections.length,i.lastElementChild.children);i.kupData.section.sections.splice(o,0,e.kupData.section),e.kupData.parent=i.kupData.section}this.resetData(this.internalData)}getGridStyle(t){let i={};if(t.sections){let e="";t.sections.forEach((t=>{e+=this.enableDesign||!t.dim?" 1fr":t.dim.indexOf("%")<0?" "+t.dim+"px":" "+t.dim})),"column"==t.layout&&(i.gridTemplateRows=e),"row"==t.layout&&(i.gridTemplateColumns=e)}return i}setSectionPlaceHolder(t,i){const e=document.createElement("div");e.className="section-placeholder",t.insertBefore(e,t.childNodes[i])}removeSectionPlaceHolder(){const t=this.rootElement.shadowRoot.querySelector(".section-placeholder");t&&t.parentElement.removeChild(t)}resetData(t=null){t&&(this.internalDataBackup=t),this.resetInternalData=!0,setTimeout((()=>{this.internalDataBackup&&(this.internalData=this.internalDataBackup,this.internalDataBackup=null),this.resetInternalData=!1}),250)}unregisterInteractables(){this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-dropzone"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".section-draggable"))),this.kupManager.interact.unregister(Array.from(this.rootElement.shadowRoot.querySelectorAll(".form-dropzone")))}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1),this.resetInternalData?(this.internalData=null,this.unregisterInteractables()):this.internalData||(this.internalData=JSON.parse(JSON.stringify(this.data)))}componentDidRender(){this.kupManager.debug.logRender(this,!0);const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");i&&i.forEach((t=>{r(t)}))}this.didRenderInteractables()}render(){return o(n,{key:"66aa2a555cd5b7d4d56a4a13387450ede89c4355"},o("style",{key:"11060323270040d3dd52a1011103024c0741085e"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"e784ba520f411aa8f05b73a4b2a9343507272595",id:x},this.buildHeader(),this.buildForm(this.internalData,null)))}disconnectedCallback(){this.unregisterInteractables(),this.kupManager.dates.unregister(this),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["dataChanged"]}}};k.style=".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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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{width:100%;height:100%}#kup-component{height:100%}.header{display:flex;flex-direction:row;justify-content:center}.header>*{margin-left:0.5em}.form{display:grid;height:100%}.form-dropzone{padding:1em;grid-gap:0.5em;border:1px solid var(--kup-primary-color);height:auto}.section{display:flex;flex-direction:column;overflow:auto}.section-header{display:flex;flex-direction:column}.section-header>*{width:100%;display:flex;flex-direction:row}.section-header>*>.section-header-actions{display:flex;justify-content:end}.section-header>*>.section-header-actions>*{margin-top:auto;margin-bottom:auto}.section-body{display:grid}.section-dropzone{border:1px solid var(--kup-primary-color)}.section-draggable{border:1px solid var(--kup-secondary-color);padding:1em}.section-placeholder{background-color:rgba(var(--kup-secondary-color-rgb), 0.5);min-height:1em;min-width:1em}.component{height:fit-content;padding:1em;margin:0.5em}.layout-row{grid-auto-flow:column;grid-template-columns:min-content}.layout-column{grid-auto-flow:row;grid-template-rows:min-content}";export{k as kup_dashboard}

package/dist/ketchup/p-3fa60abf.entry.js

@@ -0,0 +1 @@
+import{r as e,f as t,h as s,H as o,d as i}from"./p-710d0a7d.js";import{F as a}from"./p-c49cb8be.js";import{k as r,g as n}from"./p-459f5369.js";import{c}from"./p-635bb4b3.js";import"./p-14c6efce.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-e7fbf76f.js";import"./p-adadf8b5.js";var f;!function(e){e.customStyle="Custom style of the component.",e.data="Actual data of the component."}(f||(f={}));var d,h=function(e,t,s,o){if("a"===s&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t||!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?o:"a"===s?o.call(e):o?o.value:t.get(e)};const p=class{constructor(t){e(this,t),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(e){return n(this,f,e)}async refresh(){t(this)}async setValue(e){this.inputValue=e}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var e;const t={data:null!==(e=this.data)&&void 0!==e?e:{},inputValue:this.inputValue,onChange:null};return s(o,{key:"5eaf6b26539f0d6301e19077a29419bb91e11629"},s("style",{key:"03944bfc8cd00d94e11aef6ccfc55e7ffe73f741"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e0336a46ae9b6b0cce2dbf83498508560414ecca",id:c},s(a,Object.assign({key:"1f82d5ee84dedcf85d67536a2e4667bf51a70485"},t))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}