@sme.up/ketchup 11.0.0-SNAPSHOT-20260114090748 → 11.0.0-SNAPSHOT-20260120152125

package/dist/ketchup/{p-164a140f.entry.js → p-d518df12.entry.js}

@@ -1 +1 @@
-import{r as t,c as i,f as e,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a8 as c,x as p,b as d,d as b,h as u,V as f,Y as x,aG as g,_ as k,u as m}from"./p-a990c2a8.js";import{f as w,p as v,s as y}from"./p-51f49c1a.js";import{F as _}from"./p-cc9db65d.js";import{d as j}from"./p-f6656fb8.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-0a1f987d.js";import{p as P,r as M,F as A}from"./p-16b66614.js";import{F as R}from"./p-7db300e0.js";import"./p-264ee487.js";import"./p-ff735e62.js";import"./p-e3062c19.js";import"./p-ef3112d4.js";import"./p-5d594ebd.js";import"./p-2df5bf04.js";import"./p-c56195a0.js";var I,S;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(S||(S={}));class E{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,W,D,B,T,$,L,F,H,N,G,V=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},K=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const q=class{constructor(e){t(this,e),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=i(this,"kup-box-cell-click",6),O.add(this),this.state=new E,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],B.set(this,void 0),T.set(this,[]),$.set(this,0),L.set(this,0),F.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=S.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(V(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=V(this,O,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(V(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){e(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const i=!V(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(V(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||V(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&V(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.getVisibleColumns();let e=i.length,o=[],s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.getVisibleColumns(),t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let e=null,o=null,s=null,r=null;if(t)for(let i=t.length-1;i>=0;i--){let o=t[i];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(e=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(e)if(e.classList.contains("f-cell")){const t=e["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],r=p(this.getVisibleColumns(),e.dataset.column);return{boxObject:e||null,column:r||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t);return i.row&&(this.multiSelection?this.onSelectionCheckChange(i.row):this.selectedRows=[i.row]),i}contextMenuHandler(t){return this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var i=-1;for(let e=0;e<this.selectedRows.length;e++)if(this.selectedRows[e].id===t.id){i=e;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const e=this.collapsedSection[i.id];e[t.id]=!e[t.id]||!e[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,e){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:e})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=P(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=M(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const e={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let i=0;i<s.length;i++){const o=s[i];!1!==o.visible&&(e.cell.push(t.cells[o.name]),e.columns.push(o))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const o=t.cells[i];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{e.button.push({})}while(e.button.length<o.cardID);e.button[o.cardID]={label:o.value};break;case"IMG":do{e.image.push({})}while(e.image.length<o.cardID);e.image[o.cardID]={resource:o.value};break;case"PGB":do{e.progressbar.push({})}while(e.progressbar.length<o.cardID);e.progressbar[o.cardID]={value:o.value};break;default:do{e.text.push("")}while(e.text.length<o.cardID);e.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<e.button.length;t++)if(!Object.keys(e.button[t]).length){e.button[t]={label:s.value},i=!0;break}i||e.button.push({label:s.value});break;case"IMG":for(let t=0;t<e.image.length;t++)if(!Object.keys(e.image[t]).length){e.image[t]={resource:s.value},i=!0;break}i||e.image.push({resource:s.value});break;case"PGB":for(let t=0;t<e.progressbar.length;t++)if(!Object.keys(e.progressbar[t]).length){e.progressbar[t]={value:s.value},i=!0;break}i||e.progressbar.push({value:s.value});break;default:for(let t=0;t<e.text.length;t++)if(""===e.text[t]){e.text[t]=s.value,i=!0;break}i||e.text.push(s.value)}}return o("kup-card",Object.assign({data:e},this.cardData))}renderRow(t){const i=[...this.getVisibleColumns()];let e=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(e=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)e.push(this.renderSectionAsCard(t));else for(;n-- >0;)e.push(this.renderSection(o[a++],h,t,i))}var n=!1;for(let i of this.selectedRows)i.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let e=null;if(t.actions){const i=t.actions.map(((i,e)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,e)},o("div",{class:`icon ${i.icon}`}),o("div",{class:"text"},i.text))));e=o("ul",null,i)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:i},e)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&V(this,T,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let r=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:i[n++],row:e,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const n=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.overflow="hidden",i.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:n?V(this,D,"f").language.translate(d.COLLAPSE):V(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},r),o("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(e,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,r)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const r={"box-object":!0};let n=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(n=e[a],e.splice(a,1)):s&&(n=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!V(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,V(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"),h.isEditable||(h.cssClass=V(this,D,"f").data.cell.getObjectRelatedStyleClasses(h.obj,h.cssClass))),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return V(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),V(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let e=[];for(let t=0;t<this.kanban.columns.length;t++)try{e.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){V(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,r=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=i;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:e,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let e=0;e<t.length;e++){const s=t[e].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[e].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),V(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];const o=this.clickHandler(e);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:null===(i=o.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),V(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),V(this,D,"f").interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void V(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=V(this,D,"f").getEventPath(t,this.rootElement),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),V(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),V(this,D,"f").interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){V(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),V(this,D,"f").language.register(this),V(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?K(this,$,document.querySelector(".header").clientHeight,"f"):K(this,$,0,"f"),document.querySelector(".topbar")&&K(this,$,V(this,$,"f")+document.querySelector(".topbar").clientHeight,"f"),V(this,O,"m",N).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),V(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){V(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),V(this,O,"m",H).call(this),V(this,D,"f").debug.logRender(this,!0)}render(){K(this,T,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:V(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};i=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":e,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let e=null;this.globalFilter&&(e=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:V(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{V(this,O,"m",G).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},V(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,e=0;for(n=[];i-- >0;)n.push(this.renderRow(t[e++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,V(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){V(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop)),V(this,D,"f").language.unregister(this),V(this,D,"f").theme.unregister(this),this.scrollOnHover&&V(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,F=new WeakMap,O=new WeakSet,W=function(){let t=!1;V(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),V(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),V(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),V(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),"");return V(this,D,"f").objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),V(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),V(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},H=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&V(this,B,"f").observe(V(this,T,"f")[V(this,T,"f").length-1])},N=function(){const t={threshold:0,rootMargin:"-"+V(this,$,"f")+"px 0px 0px 0px"};K(this,B,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){V(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),V(this,B,"f").unobserve(t.target)}}))}),t),"f")},G=function(){var t;let i=0;switch(this.loadMoreMode){case S.CONSTANT:i=this.loadMoreStep;break;case S.CONSTANT_INCREMENT:i=this.loadMoreStep*(V(this,L,"f")+1);break;case S.PROGRESSIVE_THRESHOLD:i=Math.max(V(this,F,"f"),this.loadMoreStep)*Math.min(V(this,L,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),K(this,F,i,"f"),K(this,L,(t=V(this,L,"f"),++t),"f")},q.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_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-layer-1)\n  );--kup_box_background_color_hover:var(\n    --kup-box-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_box_background_color_selected:var(\n    --kup-box-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n    --kup-box-border-color-drag,\n    var(--kup-border-interactive)\n  );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n    --kup-box-border-color,\n    var(--kup-primary-color-60)\n  );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{q as kup_box}
+import{r as t,c as i,f as e,h as o,H as s,d as r}from"./p-710d0a7d.js";import{k as n,A as a,g as h,s as l,a8 as c,x as p,b as d,d as b,h as u,V as f,Y as x,aG as g,_ as k,u as m}from"./p-e06ea235.js";import{f as w,p as v,s as y}from"./p-6296f511.js";import{F as _}from"./p-cc9db65d.js";import{d as j}from"./p-6b1c3be6.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-377bb2c8.js";import{p as P,r as M,F as A}from"./p-df6afd6e.js";import{F as R}from"./p-7db300e0.js";import"./p-fddd1cdb.js";import"./p-ff735e62.js";import"./p-e3062c19.js";import"./p-ef3112d4.js";import"./p-1a736d54.js";import"./p-f9e0cea2.js";import"./p-c56195a0.js";var I,S;!function(t){t.cardData="Data of the card linked to the box when the latter's layout must be a premade template.",t.columns="Number of columns.",t.customStyle="Custom style of the component.",t.data="Actual data of the box.",t.dragEnabled="Enable dragging.",t.dropEnabled="Enable dropping.",t.dropOnSection="Drop can be done in section.",t.enableRowActions="If enabled, a button to load / display the row actions will be displayed on the right of every box.",t.globalFilter="When set to true it activates the global filter.",t.globalFilterValue="The value of the global filter.",t.kanban="Displays the boxlist as a Kanban.",t.layout="How the field will be displayed. If not present, a default one will be created.",t.lazyLoadRows="When set to true, extra rows will be automatically loaded once the last row enters the viewport.",t.loadMoreLimit="Sets a maximum limit of new records which can be required by the load more functionality.",t.loadMoreMode="Establish the modality of how many new records will be downloaded. This property is regulated also by loadMoreStep.",t.loadMoreStep="The number of records which will be requested to be downloaded when clicking on the load more button. This property is regulated also by loadMoreMode.",t.multiSelection="Enable multi selection.",t.pageSelected="Current page number.",t.pagination="Enables pagination.",t.rowsPerPage="Number of current rows per page.",t.scrollOnHover="Activates the scroll on hover function.",t.selectBox="Automatically selects the box at the specified index.",t.selectedRowsState="Multiple selection.",t.showLoadMore="If set to true, displays the button to load more records.",t.showSelection="If enabled, highlights the selected box/boxes.",t.sortBy="If sorting is enabled, specifies which column to sort.",t.sortEnabled="Enable sorting.",t.stateId="",t.store="",t.swipeDisabled="Disable swipe."}(I||(I={})),function(t){t.CONSTANT="constant",t.CONSTANT_INCREMENT="constant_increment",t.PROGRESSIVE_THRESHOLD="progressive_threshold"}(S||(S={}));class E{constructor(){this.globalFilterValue="",this.sortBy="",this.selectedRowsState="",this.pageSelected=1,this.rowsPerPage=0,this.load=!1,this.loadMoreLimit=1e3,this.showLoadMore=!1}toDebugString(){return"box state"}}var O,W,D,B,T,$,L,F,H,N,G,V=function(t,i,e,o){if("a"===e&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?o:"a"===e?o.call(t):o?o.value:i.get(t)},K=function(t,i,e,o,s){if("m"===o)throw new TypeError("Private method is not writable");if("a"===o&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof i?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===o?s.call(t,e):s?s.value=e:i.set(t,e),e};const q=class{constructor(e){t(this,e),this.kupBoxClick=i(this,"kup-box-click",6),this.kupBoxSelected=i(this,"kup-box-selected",6),this.kupAutoBoxSelect=i(this,"kup-box-autoselect",6),this.kupRowActionMenuClick=i(this,"kup-box-rowactionmenuclick",6),this.kupRowActionClick=i(this,"kup-box-rowactionclick",6),this.kupDidLoad=i(this,"kup-box-didload",6),this.kupDidUnload=i(this,"kup-box-didunload",6),this.kupBoxContextMenu=i(this,"kup-box-contextmenu",6),this.kupLoadMoreClick=i(this,"kup-box-loadmoreclick",6),this.kupBoxCellClick=i(this,"kup-box-cell-click",6),O.add(this),this.state=new E,D.set(this,n()),this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],B.set(this,void 0),T.set(this,[]),$.set(this,0),L.set(this,0),F.set(this,0),this.collapsedSection={},this.selectedRows=[],this.rowActionMenuOpened=void 0,this.currentPage=1,this.currentRowsPerPage=10,this.cardData=null,this.columns=1,this.customStyle="",this.data=null,this.dragEnabled=!1,this.dropEnabled=!1,this.dropOnSection=!1,this.editableData=!1,this.enableRowActions=!1,this.globalFilter=!1,this.globalFilterValue="",this.kanban=null,this.layout=void 0,this.lazyLoadRows=!1,this.loadMoreLimit=1e3,this.loadMoreMode=S.PROGRESSIVE_THRESHOLD,this.loadMoreStep=60,this.multiSelection=!1,this.pageSelected=1,this.pagination=!1,this.rowsPerPage=void 0,this.scrollOnHover=!1,this.selectBox=void 0,this.selectedRowsState=void 0,this.showLoadMore=!1,this.showSelection=!0,this.sortBy=void 0,this.sortEnabled=!1,this.stateId="",this.store=void 0,this.swipeDisabled=!1,this.visibleColumns=void 0}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(V(this,D,"f").debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t),this.sortBy=t.sortBy,this.globalFilterValue=t.globalFilterValue,this.selectedRowsState=t.selectedRowsState,this.pageSelected=t.pageSelected,this.rowsPerPage=t.rowsPerPage,this.loadMoreLimit=t.loadMoreLimit,this.showLoadMore=t.showLoadMore)}}persistState(){if(this.store&&this.stateId){let t=V(this,O,"m",W).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(V(this,D,"f").debug.logMessage(this,"Persisting stateId "+this.stateId),this.store.persistState(this.stateId,this.state))}}rowsPerPageHandler(t){this.currentRowsPerPage=t}recalculateRows(){this.initRows()}onDataChanged(){a(this.getRows()),this.initRows(),this.checkLayout()}onLayoutChanged(){this.checkLayout()}onSelectBoxChanged(){this.handleAutomaticBoxSelection()}async getProps(t){return h(this,I,t)}async loadRowActions(t,i){t.actions=i,this.rowActionMenuOpened=t}async refresh(){e(this)}async setProps(t){l(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:void 0}]}getVisibleColumns(){let t=this.getColumns().filter((t=>{const i=!V(this,D,"f").data.column.isCodVer(t);return this.visibleColumns?i&&this.visibleColumns.includes(t.name):i&&(!("visible"in t)||t.visible)}));return this.visibleColumns&&(t=t.sort(((t,i)=>this.visibleColumns.indexOf(t.name)-this.visibleColumns.indexOf(i.name)))),t}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows(),this.globalFilter&&this.globalFilterValue&&(this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.getColumns(),void 0,void 0,this.visibleColumns)),this.rows=this.sortRows(this.filteredRows),this.pagination&&(this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,!1))}sortRows(t){let i=t;return this.sortBy&&(i=y(i,this.toSortObjectList())),i}toSortObjectList(){return this.sortBy.split("|").map((t=>{const i=t.split(",");return{column:i[0],sortMode:i.length>1?c[i[1]]:c.A}}))}checkScrollOnHover(){this.boxContainer&&(V(this,D,"f").scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||V(this,D,"f").scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&V(this,D,"f").scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.getVisibleColumns();let e=i.length,o=[],s=0;for(;e-- >0;)o.push({column:i[s++].name});t.content=o,this.boxLayout={sections:[t]}}onSortChange(t){let i=p(this.getVisibleColumns(),t.detail.value);this.sortBy=i.name}onGlobalFilterChange({detail:t}){let i="";t&&t.value&&(i=t.value),this.globalFilterValue=i}isSectionExpanded(t,i){return!(!t.id||!i.id)&&this.collapsedSection[i.id]&&this.collapsedSection[i.id][t.id]}handleAutomaticBoxSelection(){if(this.selectBox&&this.selectBox>0&&this.selectBox<=this.data.rows.length){this.selectedRows=[];for(let t of this.data.rows)if(t.id===(this.selectBox-1).toString()){this.selectedRows.push(t);break}this.kupAutoBoxSelect.emit({comp:this,id:this.rootElement.id,row:this.selectedRows[0]})}}getEventDetails(t,i){let e=null,o=null,s=null,r=null;if(t)for(let i=t.length-1;i>=0;i--){let o=t[i];o.tagName&&(o.tagName.toUpperCase(),o.classList.contains("box-object")&&(e=o),!s&&o["data-row"]&&(s=o["data-row"]))}if(e)if(e.classList.contains("f-cell")){const t=e["kup-get-cell-props"]();o=t.cell,r=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],r=p(this.getVisibleColumns(),e.dataset.column);return{boxObject:e||null,column:r||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t);return i.row&&(this.multiSelection?this.onSelectionCheckChange(i.row):this.selectedRows=[i.row]),i}contextMenuHandler(t){return this.getEventDetails(V(this,D,"f").getEventPath(t.target,this.rootElement),t)}checkIfElementIsActionMenuIcon(t){return!(!t.tagName||!t.parentElement)&&"svg"===t.tagName&&t.parentElement.classList.contains("row-actions-toggler")}onSelectionCheckChange(t){var i=-1;for(let e=0;e<this.selectedRows.length;e++)if(this.selectedRows[e].id===t.id){i=e;break}i>=0?(this.selectedRows.splice(i,1),this.selectedRows=[...this.selectedRows]):this.selectedRows=[...this.selectedRows,t],this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,i){if(i.id)if(t.id){if(this.collapsedSection[i.id]){const e=this.collapsedSection[i.id];e[t.id]=!e[t.id]||!e[t.id]}else this.collapsedSection[i.id]={},this.collapsedSection[i.id][t.id]=!0;this.collapsedSection=Object.assign({},this.collapsedSection)}else console.error("cannot expand / collapse a section of a row without ad id");else console.error("cannot expand / collapse a section withoun an ID")}onRowAction(t){t&&(t!==this.rowActionMenuOpened?t.actions?this.rowActionMenuOpened=t:this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t}):this.rowActionMenuOpened=null)}onRowActionClick(t,i,e){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:i,index:e})}clickFunction(t){try{const i=t.composedPath();for(let t of i)if(this.checkIfElementIsActionMenuIcon(t))return}catch(i){if(this.checkIfElementIsActionMenuIcon(t.target))return}this.rowActionMenuOpened=null}handlePageChange(t){const i=P(t,this.filteredRows.length,this.currentRowsPerPage);i&&(this.currentPage=i)}handleRowsPerPageChange(t){const i=M(t,this.filteredRows.length);i&&(this.currentRowsPerPage=i,this.adjustPaginator())}adjustPaginator(){const t=Math.ceil(this.rows.length/this.currentRowsPerPage);this.currentPage>t&&(this.currentPage=1)}renderSectionAsCard(t){let i=!1;const e={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]},s=this.getVisibleColumns();for(let i=0;i<s.length;i++){const o=s[i];!1!==o.visible&&(e.cell.push(t.cells[o.name]),e.columns.push(o))}for(const i in t.cells)if(t.cells.hasOwnProperty(i)){const o=t.cells[i];if(void 0!==o.cardID&&o.obj)switch(o.obj.p){case"BTN":do{e.button.push({})}while(e.button.length<o.cardID);e.button[o.cardID]={label:o.value};break;case"IMG":do{e.image.push({})}while(e.image.length<o.cardID);e.image[o.cardID]={resource:o.value};break;case"PGB":do{e.progressbar.push({})}while(e.progressbar.length<o.cardID);e.progressbar[o.cardID]={value:o.value};break;default:do{e.text.push("")}while(e.text.length<o.cardID);e.text[o.cardID]=o.value}}for(const o in t.cells)if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(void 0===s.cardID&&s.obj)switch(i=!1,s.obj.p){case"BTN":for(let t=0;t<e.button.length;t++)if(!Object.keys(e.button[t]).length){e.button[t]={label:s.value},i=!0;break}i||e.button.push({label:s.value});break;case"IMG":for(let t=0;t<e.image.length;t++)if(!Object.keys(e.image[t]).length){e.image[t]={resource:s.value},i=!0;break}i||e.image.push({resource:s.value});break;case"PGB":for(let t=0;t<e.progressbar.length;t++)if(!Object.keys(e.progressbar[t]).length){e.progressbar[t]={value:s.value},i=!0;break}i||e.progressbar.push({value:s.value});break;default:for(let t=0;t<e.text.length;t++)if(""===e.text[t]){e.text[t]=s.value,i=!0;break}i||e.text.push(s.value)}}return o("kup-card",Object.assign({data:e},this.cardData))}renderRow(t){const i=[...this.getVisibleColumns()];let e=null,s=t.layout;s||(s=this.boxLayout);let r=!1;if(s){s.horizontal&&(r=!0);const o=s.sections;let n=o.length,a=0;n>0&&(e=[]);const h={horizontal:r};if(null!=this.cardData&&"object"==typeof this.cardData)e.push(this.renderSectionAsCard(t));else for(;n-- >0;)e.push(this.renderSection(o[a++],h,t,i))}var n=!1;for(let i of this.selectedRows)i.id===t.id&&(n=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:n})));let h=null;if(this.enableRowActions&&!this.swipeDisabled){const i={"row-action-menu":!0,open:t===this.rowActionMenuOpened};let e=null;if(t.actions){const i=t.actions.map(((i,e)=>o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,i,e)},o("div",{class:`icon ${i.icon}`}),o("div",{class:"text"},i.text))));e=o("ul",null,i)}h=o("div",{class:"row-actions-wrapper"},o("div",{class:"row-actions-toggler"},o("svg",{version:"1.1",width:"24",height:"24",viewBox:"0 0 24 24",onClick:()=>this.onRowAction(t)},o("path",{d:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z"})),o("div",{class:i},e)))}let l=null;return t.badgeData&&t.badgeData.length>0&&(l=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t.className?`centered ${t.className}`:"centered",imageData:t.imageData})))),o("div",{class:"box-wrapper",style:t.style||{},ref:t=>{t&&V(this,T,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&n,column:!r},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let r=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderSection(i[n++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,n=0;for(o>0&&(r=[]);o-- >0;)r.push(this.renderBoxObject({boxObject:i[n++],row:e,visibleColumns:s},!0))}else s.length>0&&(r=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const n=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:n,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||0===t.sections.length},l=t.style||{};t.dim&&i&&(l.overflow="hidden",i.horizontal&&(l.flex=`0 0 ${t.dim}`,l.maxWidth=t.dim)),a&&(l["grid-template-columns"]=`repeat(${t.columns}, 1fr)`);let c=null;if(t.collapsible){h["collapse-section"]=!0;const i={content:!0};let s="";s=t.title?t.title:n?V(this,D,"f").language.translate(d.COLLAPSE):V(this,D,"f").language.translate(d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},r),o("div",{class:"header",role:"button",onClick:i=>{i.stopPropagation(),this.toggleSectionExpand(e,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${b.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:n?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,r)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const r={"box-object":!0};let n=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(n=e[a],e.splice(a,1)):s&&(n=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!V(this,D,"f").objects.isEmptyKupObj(h.obj)&&(r["is-obj"]=!0,V(this,D,"f").debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"),h.isEditable||(h.cssClass=V(this,D,"f").data.cell.getObjectRelatedStyleClasses(h.obj,h.cssClass))),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:r,style:{},title:l},h&&n?o(C,Object.assign({},{cell:h,column:n,component:this,editable:this.editableData,renderKup:!0,row:i,setSizes:!0,shape:t.shape})):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||0===this.kanban.columns.length)return V(this,D,"f").debug.logMessage(this,"No columns to group by detected.",u.ERROR),{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),V(this,D,"f").language.translate(d.EMPTY_DATA)),style:{"grid-template-columns":"repeat(1, 1fr)"}};const t=[];if(this.kanban.labels)for(let i=0;i<this.kanban.labels.length;i++)t.push({labels:this.kanban.labels[i],nodes:[]});for(let i=0;i<this.rows.length;i++){let e=[];for(let t=0;t<this.kanban.columns.length;t++)try{e.push(this.rows[i].cells[this.kanban.columns[t]].value)}catch(t){V(this,D,"f").debug.logMessage(this,t,u.WARNING)}const o={found:!1,index:null};for(let i=0;i<t.length;i++){let s=t[i].labels,r=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){r=!1;break}if(r){o.found=!0,o.index=i;break}}o.found?t[o.index].nodes.push(this.renderRow(this.rows[i])):t.push({labels:e,nodes:[this.renderRow(this.rows[i])]})}const i=[];for(let e=0;e<t.length;e++){const s=t[e].labels,r={data:[]};for(let t=0;t<s.length;t++)r.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},r)),t[e].nodes))}return{jsx:i,style:{"grid-template-columns":this.kanban.isStacked?"repeat(1fr)":this.kanban.size?`repeat(${Object.keys(t).length}, ${this.kanban.size})`:`repeat(${Object.keys(t).length}, 1fr)`}}}didLoadInteractables(){this.interactableTouch.push(this.boxContainer),V(this,D,"f").interact.on(this.boxContainer,f.TAP,(t=>{var i;if(this.hold)this.hold=!1;else switch(t.button){case 0:const e={};for(const i in t)e[i]=t[i];const o=this.clickHandler(e);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:null===(i=o.column)||void 0===i?void 0:i.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}})),V(this,D,"f").interact.on(this.boxContainer,f.HOLD,(t=>{"pen"!==t.pointerType&&"touch"!==t.pointerType||(this.hold=!0,this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)}))}))}didRenderInteractables(){if(this.dragEnabled)for(let t=0;t<this.rowsRefs.length;t++){const i=this.rowsRefs[t],e=()=>{const t=this.rootElement.shadowRoot.querySelector(".box-object:hover");return{cell:t["data-cell"],column:p(this.getVisibleColumns(),t.dataset.column),id:this.rootElement.id,multiple:this.multiSelection,row:t["data-row"],selectedRows:this.selectedRows}};i&&!this.interactableDrag.includes(i)&&(this.interactableDrag.push(i),V(this,D,"f").interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},x.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void V(this,D,"f").debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=V(this,D,"f").getEventPath(t,this.rootElement),e=this.getEventDetails(i);return{cell:e.cell,column:e.column,id:this.rootElement.id,row:e.row}};this.interactableDrop.includes(this.sectionRef)||(this.interactableDrop.push(this.sectionRef),V(this,D,"f").interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:k.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),V(this,D,"f").interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:k.BOX}))}}}componentWillLoad(){V(this,D,"f").debug.logLoad(this,!1),this.rowsPerPage&&(this.currentRowsPerPage=this.rowsPerPage),this.data&&this.data.rows&&this.currentRowsPerPage>this.data.rows.length&&(this.currentRowsPerPage=this.data.rows.length),V(this,D,"f").language.register(this),V(this,D,"f").theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?K(this,$,document.querySelector(".header").clientHeight,"f"):K(this,$,0,"f"),document.querySelector(".topbar")&&K(this,$,V(this,$,"f")+document.querySelector(".topbar").clientHeight,"f"),V(this,O,"m",N).call(this)}componentDidLoad(){if(this.handleAutomaticBoxSelection(),document.addEventListener("click",this.clickFunction.bind(this)),this.currentPage=this.pageSelected,this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((i=>t.indexOf(i.id)>=0))}this.didLoadInteractables(),this.kupDidLoad.emit({comp:this,id:this.rootElement.id}),V(this,D,"f").debug.logLoad(this,!0)}componentWillRender(){V(this,D,"f").debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++)R(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),V(this,O,"m",H).call(this),V(this,D,"f").debug.logRender(this,!0)}render(){K(this,T,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.getVisibleColumns().map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:V(this,D,"f").language.translate(d.SORT_BY),trailingIcon:!0};i=o("div",{id:"sort-panel"},o("kup-combobox",{data:{"kup-text-field":e,"kup-list":{data:t,selectable:!0}},initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let e=null;this.globalFilter&&(e=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:!0,label:V(this,D,"f").language.translate(m.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let r=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(r=o(A,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{V(this,O,"m",G).call(this)}:null,onNextPage:()=>this.handlePageChange(this.currentPage+1),onPrevPage:()=>this.handlePageChange(this.currentPage-1),onPageChange:t=>this.handlePageChange(t.detail.value),onRowsChange:t=>this.handleRowsPerPageChange(t.detail.value)}));let n=null,a={};if(0===this.rows.length)n=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},V(this,D,"f").language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();n=t.jsx,a=t.style}else{a={"grid-template-columns":`repeat(${this.columns}, 1fr)`};const t=this.rows;let i=t.length,e=0;for(n=[];i-- >0;)n.push(this.renderRow(t[e++]))}return o(s,{"onKup-cell-click":t=>{this.kupBoxCellClick.emit(t.detail)}},o("style",null,V(this,D,"f").theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,r,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},n))))}disconnectedCallback(){V(this,D,"f").interact.unregister(this.interactableDrag.concat(this.interactableDrop)),V(this,D,"f").language.unregister(this),V(this,D,"f").theme.unregister(this),this.scrollOnHover&&V(this,D,"f").scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return r(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};D=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,F=new WeakMap,O=new WeakSet,W=function(){let t=!1;V(this,D,"f").objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),V(this,D,"f").objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),V(this,D,"f").objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),V(this,D,"f").objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)||(this.state.rowsPerPage=this.currentRowsPerPage,t=!0);const i=this.selectedRows.reduce(((t,i,e)=>t+(e>0?";":"")+i.id),"");return V(this,D,"f").objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),V(this,D,"f").objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),V(this,D,"f").objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},H=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&V(this,B,"f").observe(V(this,T,"f")[V(this,T,"f").length-1])},N=function(){const t={threshold:0,rootMargin:"-"+V(this,$,"f")+"px 0px 0px 0px"};K(this,B,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){V(this,D,"f").debug.logMessage(this,"Last row entering the viewport, loading more elements.");const i=this.data.rows.length-this.currentRowsPerPage;this.currentRowsPerPage+=i<this.loadMoreStep?i:this.loadMoreStep,t.target.classList.remove("last-row"),V(this,B,"f").unobserve(t.target)}}))}),t),"f")},G=function(){var t;let i=0;switch(this.loadMoreMode){case S.CONSTANT:i=this.loadMoreStep;break;case S.CONSTANT_INCREMENT:i=this.loadMoreStep*(V(this,L,"f")+1);break;case S.PROGRESSIVE_THRESHOLD:i=Math.max(V(this,F,"f"),this.loadMoreStep)*Math.min(V(this,L,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),K(this,F,i,"f"),K(this,L,(t=V(this,L,"f"),++t),"f")},q.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_box_background_color:var(\n    --kup-box-background-color,\n    var(--kup-layer-1)\n  );--kup_box_background_color_hover:var(\n    --kup-box-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_box_background_color_selected:var(\n    --kup-box-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_box_text_color:var(--kup-box-text-color, var(--kup-text-secondary));--kup_box_grid_gap:var(--kup-box-grid-gap, var(--kup-space-03));--kup_box_transition:var(--kup-box-transition, 0.25s);--kup_box_border_color_drag:var(\n    --kup-box-border-color-drag,\n    var(--kup-border-interactive)\n  );display:block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05));--kup_box_border_radius:var(--kup-box-border-radius, var(--kup-radius-00));--kup_box_border_color:var(\n    --kup-box-border-color,\n    var(--kup-primary-color-60)\n  );--kup_box_border_width:var(--kup-box-border-width, 0);--kup_box_border_style:var(--kup-box-border-style, none)}.box-component{transition:border var(--kup_box_transition) ease}.box-component[kup-drag-over]{position:relative;border:3px dashed var(--kup_box_border_color_drag)}#box-container{display:grid;grid-gap:var(--kup_box_grid_gap);color:var(--kup_box_text_color);overflow:auto}#box-container.is-kanban .kanban-section{overflow:auto}#box-container.is-kanban .box-wrapper{padding-top:1em}#box-container.is-kanban .box-wrapper .box{overflow:auto}#box-container *:not(.progress-bar-percentage){box-sizing:border-box}#box-container .box-wrapper{display:flex;align-items:center;background-color:var(--kup_box_background_color);border-radius:var(--kup_box_border_radius);border-color:var(--kup_box_border_color);border-width:var(--kup_box_border_width);border-style:var(--kup_box_border_style)}#box-container .box-wrapper:hover{background-color:var(--kup_box_background_color_hover)}#box-container .box-wrapper.selected{background-color:var(--kup_box_background_color_selected)}#box-container .box-wrapper.selected .box-section.titled>h3{background-color:transparent}#box-container .box-wrapper .box{flex-grow:1;cursor:pointer;position:relative;display:flex;padding:var(--kup_box_padding);transition:background-color var(--kup_box_transition) ease, box-shadow var(--kup_box_transition) ease, border var(--kup_box_transition) ease}#box-container .box-wrapper .box.draggable{touch-action:none;user-select:none}#box-container .box-wrapper .box.column{flex-direction:column}#box-container .box-wrapper .box[kup-draggable]{opacity:0.5}#box-container .box-wrapper .box[kup-drag-over]{border:3px dashed var(--kup_box_border_color_drag);position:relative;z-index:2}#box-container .box-wrapper .box .box-section{display:flex;flex-direction:row;flex:1 1 1%;flex-wrap:wrap}#box-container .box-wrapper .box .box-section.column{flex-direction:column;justify-content:center;flex-wrap:unset}#box-container .box-wrapper .box .box-section.column>.box-section{flex:0 0 auto}#box-container .box-wrapper .box .box-section.grid{display:grid}#box-container .box-wrapper .box .box-section .box-object{min-height:16px}#box-container .box-wrapper .box .box-section .box-object img{height:auto}#box-container .box-wrapper .box .box-section.collapse-section .header{border-top:1px solid var(--kup-border-subtle);color:rgba(var(--kup-text-secondary-rgb), 0.75);display:flex;justify-content:space-around;width:100%}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content{margin:0.5em;display:flex;align-items:center}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image{transition:transform 0.15s}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .f-image.toggled{transform:rotate(-180deg)}#box-container .box-wrapper .box .box-section.collapse-section .header .header-content .kup-icon.kup-dropdown-icon{margin:0;-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}#box-container .box-wrapper .box .box-section.collapse-section .content{display:none;width:100%}#box-container .box-wrapper .box .box-section.collapse-section.open .content{display:block}#box-container .box-wrapper .box .box-section.titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}#box-container .box-wrapper .box .box-section.titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}#box-container .box-wrapper .box .box-selection{position:absolute;top:0.5em;right:0.5em;z-index:1}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler{position:relative;width:24px;height:24px;margin-left:3px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler svg{cursor:pointer;opacity:0;fill:var(--kup-text-color);transition:opacity 300ms ease-out}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu{background:var(--kup-background-color);border:1px solid var(--kup-border-subtle);box-shadow:0px 0px 7.5px 0px rgba(128, 128, 128, 0.5);position:absolute;top:0;right:24px;display:none;z-index:10}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul{list-style-type:none;margin:0;padding:0}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li{cursor:pointer;white-space:nowrap;padding:0 12px;display:flex;align-items:center;line-height:30px}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu ul>li:not(:last-child){border-bottom:1px solid var(--kup-border-subtle)}#box-container .box-wrapper .row-actions-wrapper .row-actions-toggler .row-action-menu.open{display:block}#box-container .box-wrapper:hover .row-actions-wrapper .row-actions-toggler svg{opacity:1}#sort-panel,#global-filter{margin-bottom:1em}:host(.kup-center-aligned) #kup-component .box-section{text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:center;margin:auto;text-align:center}:host(.kup-center-aligned) #kup-component .box-section .f-cell img{margin:auto}:host(.kup-right-aligned) #kup-component .box-section{text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell .f-cell__content{justify-content:flex-end;margin-left:auto;margin-right:0;text-align:right}:host(.kup-right-aligned) #kup-component .box-section .f-cell img{margin-left:auto;margin-right:0}:host(.kup-top-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-start}:host(.kup-bottom-aligned) #box-container .box-wrapper .box .box-section .column{justify-content:flex-end}:host(.kup-flat-on-hover) #box-container .box-wrapper .box:hover{box-shadow:none}:host(.kup-shaped) .box{border-radius:10px}:host(.kup-round) .box{border-radius:25px}:host(.kup-dashed-sections) .box-section{border:2px dashed var(--kup-text-color)}:host(:not(.kup-paddingless)) #box-container .box .box-section .box-object{padding:1px 4px}:host(:not(.kup-paddingless)) #box-container .box .box-section.last-child{padding:3px 4px}:host(.kup-danger){--kup-box-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-box-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-box-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-box-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-box-primary-color-rgb:var(--kup-warning-color-rgb)}";export{q as kup_box}

package/dist/ketchup/{p-665598d2.entry.js → p-d6cc8f51.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-ff735e62.js";import{F as a,e as u}from"./p-0a1f987d.js";import{F as h,k as r,ad as p,g as c,s as f,b as d,ai as m,a7 as v,ao as b,al as _,an as k,am as x,ap as g,h as y,V as w}from"./p-a990c2a8.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-cc9db65d.js";import"./p-ef3112d4.js";import"./p-f6656fb8.js";import"./p-5d594ebd.js";import"./p-2df5bf04.js";import"./p-264ee487.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=(t,i)=>0==t?3.75:t?1===t?11.25:7.5*t+(i?18:0)+4:null,L=t=>t?20*t:null,D=(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)+L(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,I=t=>t?10*(t-1)*1.15:null;var N,R,F,P,H,A,V,J,U,B,G,q,X,Y,Q,Z,tt,it,nt,et,lt,st,ot,at,ut,ht,rt,pt,ct,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,Vt,Jt,Ut,Bt,Gt,qt,Xt,Yt,Qt,Zt,ti,ii,ni,ei,li,si,oi,ai,ui=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)},hi=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 ri=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),N.add(this),R.set(this,r()),F.set(this,void 0),P.set(this,new Map([["SmeupDataTree",ui(this,N,"m",Vt).bind(this)],["SmeupDataTable",ui(this,N,"m",Jt).bind(this)],["SmeupTreeNode",ui(this,N,"m",At).bind(this)],["SmeupTable",ui(this,N,"m",Jt).bind(this)]])),H.set(this,null),A.set(this,[]),V.set(this,new Map([[p.DATE,"kup-date-picker"],[p.TIME,"kup-time-picker"]])),J.set(this,new Map([[p.COMBOBOX,"kup-combobox"],[p.AUTOCOMPLETE,"kup-autocomplete"]])),U.set(this,new Map([[h.BUTTON_LIST,ui(this,N,"m",nt).bind(this)],[h.LABEL,ui(this,N,"m",st).bind(this)],[h.TABLE,ui(this,N,"m",lt).bind(this)]])),B.set(this,new Map([[z.TAB,ui(this,N,"m",ct).bind(this)]])),G.set(this,void 0),q.set(this,void 0),X.set(this,null),tt.set(this,(()=>{ui(this,X,"f")&&(ui(this,X,"f").remove(),hi(this,X,null,"f"))})),it.set(this,((t,i)=>{ui(this,X,"f")?(ui(this,X,"f").style.left=`${t.clientX+10}px`,ui(this,X,"f").style.top=`${t.clientY+10}px`,ui(this,X,"f").innerText=i):(hi(this,X,document.createElement("div"),"f"),ui(this,X,"f").className="input-panel__helper-tooltip",ui(this,X,"f").innerText=i,ui(this,X,"f").style.left=`${t.clientX+10}px`,ui(this,X,"f").style.top=`${t.clientY+10}px`,document.body.appendChild(ui(this,X,"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(){hi(this,H,structuredClone(this.data),"f"),ui(this,A,"f").length&&(ui(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),hi(this,A,[],"f")),this.data&&this.data.columns&&this.data.rows&&ui(this,N,"m",bt).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({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)}}))}}async waitForReady(){return ui(this,G,"f")}async getProps(t){return c(this,T,t)}async refresh(){n(this)}async setProps(t){f(this,T,t)}async update(t){ui(this,N,"m",ti).call(this,ui(this,N,"m",Y).call(this,t),t)}onFormReset(){var t;for(const i of this.data.columns){const n=ui(this,N,"m",Y).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(){hi(this,G,new Promise((t=>{hi(this,q,t,"f")})),"f")}componentWillLoad(){ui(this,R,"f").debug.logLoad(this,!1),ui(this,R,"f").language.register(this),ui(this,R,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){ui(this,N,"m",ei).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),ui(this,N,"m",li).call(this),ui(this,R,"f").debug.logLoad(this,!0)}componentWillRender(){ui(this,R,"f").debug.logRender(this,!1)}componentDidRender(){if(ui(this,F,"f")){const t=ui(this,F,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)j(t[i])}requestAnimationFrame((async()=>{ui(this,F,"f")&&ui(this,q,"f")&&(ui(this,q,"f").call(this),hi(this,q,null,"f"))})),ui(this,R,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,ui(this,R,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>ui(this,N,"m",Q).call(this,t)));return e(l,{key:"5aee2e231a93e782f3e8dccc40d239edde2f60b8","onKup-cell-blur":t=>ui(this,N,"m",Xt).call(this,t,C.BLUR),"onKup-cell-update":ui(this,N,"m",Yt).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":ui(this,N,"m",Mt).bind(this),"onKup-autocomplete-iconclick":ui(this,N,"m",Mt).bind(this),"onKup-combobox-iconclick":t=>ui(this,N,"m",Mt).call(this,t,!0),"onKup-cell-itemclick":t=>{ui(this,N,"m",Xt).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":ui(this,N,"m",ai).bind(this)},e("style",{key:"485682d76fc0df7d8b11740fb47e0e75d0bc2770"},ui(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"1fa600850c02f13fb0d7e528215aca4973385634",id:M},t))}disconnectedCallback(){ui(this,R,"f").language.unregister(this),ui(this,R,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,F=new WeakMap,P=new WeakMap,H=new WeakMap,A=new WeakMap,V=new WeakMap,J=new WeakMap,U=new WeakMap,B=new WeakMap,G=new WeakMap,q=new WeakMap,X=new WeakMap,tt=new WeakMap,it=new WeakMap,N=new WeakSet,Y=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},Q=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=ui(this,N,"m",ut).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=ui(this,N,"m",at).call(this,t,s)}else r=t.cells.filter((({column:t})=>!1!==t.visible)).map((i=>ui(this,N,"m",Z).call(this,i.cell,t.row,i.column)));const p={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==S.RIGHT},c={"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:p,ref:t=>hi(this,F,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)}})},onReset:t=>{t.preventDefault(),this.onFormReset()},onContextMenu:t=>{null!=ui(this,N,"m",ii).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:c,style:u},r),e("div",{class:f},e(o,{buttonType:"submit",label:ui(this,R,"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)))},Z=function(t,i,n){var l,s;if(!t)return;const o=ui(this,U,"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=ui(this,N,"m",ot).call(this,t,n.title),p=e(a,Object.assign({},h));return r?e("div",{class:{"input-panel__label_container":!0}},r,p):p},nt=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,placeholderIcon:t.placeholderIcon,id:i},t.data,{wrapperClass:"form__submit"}))},et=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{ui(this,N,"m",ti).call(this,t.detail.node,t.detail.node.id)}}))},lt=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=>{ui(this,N,"m",Mt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-input":t=>{"autocomplete"===t.detail.type&&ui(this,N,"m",Mt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-cell-itemclick":t=>{ui(this,N,"m",qt).call(this,t),t.preventDefault(),t.stopPropagation()}}))},st=function(t,i,n){const l=ri.ketchup.objects.isNumber(t.obj),s=l||ri.ketchup.objects.isDate(t.obj)||ri.ketchup.objects.isTime(t.obj)||ri.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,{text:a}))},ot=function(t,i){return i&&ri.ketchup.data.cell.getType(t,t.shape)===p.RADIO?e("span",null,i):null},at=function(t,i){const n=ui(this,B,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>ui(this,N,"m",ht).call(this,t,i,!1)))},ut=function(t,i){return i.sections.map((i=>ui(this,N,"m",rt).call(this,t,i)))},ht=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=>ui(this,N,"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=>ui(this,N,"m",dt).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},rt=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=>ui(this,N,"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=>ui(this,N,"m",mt).call(this,i,t,e)))}if(null==K(n.absoluteWidth))return o;const a=null!=K(n.absoluteWidth)?`${K(n.absoluteWidth)}px`:"100%",u=null!=L(n.absoluteHeight)?`${L(n.absoluteHeight)}px`:"100%",r=`${D(n.absoluteRow)}px`,p=`${I(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:p,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(ui(this,N,"m",t).call(this,i))})),l},ct=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=ui(this,N,"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 ui(this,N,"m",ht).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)},ft=function(t){return!t||!t.cell||!1===t.column.visible},dt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(ui(this,N,"m",ft).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}`:""}},ui(this,N,"m",Z).call(this,n.cell,t.row,n.column))},mt=function(t,i,n){const l=t.cells.find((t=>t.column.name===i.id));if(ui(this,N,"m",ft).call(this,l))return;let s;s=l.cell.shape==h.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const o=l.cell.shape===h.LABEL?(t=>0==t?3.75:t?1===t?11.25:7.5*t:null)(s):K(s,(a=l.cell.shape)===h.AUTOCOMPLETE||a===h.COMBOBOX||a===h.DATE);var a;const u=L(i.absoluteHeight),r=D(i.absoluteRow,n),p=I(i.absoluteColumn),c={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!=p?`${p}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:c},ui(this,N,"m",Z).call(this,l.cell,t.row,l.column))},vt=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=>ui(this,N,"m",Ut).call(this,t)))}};return ui(this,N,"m",et).call(this,t,i)}{const i=ui(this,N,"m",Ut).call(this,t);return ui(this,N,"m",nt).call(this,i,{name:t.value,title:t.value})}})).flat()},bt=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:ui(this,N,"m",_t).call(this,i,t,s),slotData:ui(this,N,"m",yt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ri.ketchup.data.cell.getType(t,t.shape),l=ui(this,V,"f").get(e),s=ui(this,J,"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)&&ui(this,N,"m",vt).call(this)},_t=function(t,i,n){const e=Object.assign(Object.assign({},ui(this,N,"m",gt).call(this,t,i,n)),{disabled:!t.isEditable||i.useAs===v.KEY,id:i.name}),l=ri.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!==p.MULTI_AUTOCOMPLETE&&l!==p.MULTI_COMBOBOX?ui(this,N,"m",kt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},kt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?ui(this,N,"m",t).call(this,i[e],n[e]):n[e];return i},xt=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(ui(this,N,"m",Pt).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:[]})},gt=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=ri.ketchup.data.cell.getType(t,t.shape),a=new Map([[p.AUTOCOMPLETE,ui(this,N,"m",$t).bind(this)],[p.BUTTON_LIST,ui(this,N,"m",Ot).bind(this)],[p.CHART,ui(this,N,"m",jt).bind(this)],[p.CHIP,ui(this,N,"m",wt).bind(this)],[p.CHECKBOX,ui(this,N,"m",Tt).bind(this)],[p.COLOR_PICKER,ui(this,N,"m",Et).bind(this)],[p.COMBOBOX,ui(this,N,"m",$t).bind(this)],[p.EDITOR,ui(this,N,"m",St).bind(this)],[p.MULTI_AUTOCOMPLETE,ui(this,N,"m",wt).bind(this)],[p.MULTI_COMBOBOX,ui(this,N,"m",wt).bind(this)],[p.NUMBER,ui(this,N,"m",Rt).bind(this)],[p.DATE,ui(this,N,"m",Lt).bind(this)],[p.OBJECT,ui(this,N,"m",Dt).bind(this)],[p.RADIO,ui(this,N,"m",Wt).bind(this)],[p.STRING,ui(this,N,"m",Ct).bind(this)],[p.SWITCH,ui(this,N,"m",Kt).bind(this)],[p.TABLE,ui(this,N,"m",Ft).bind(this)],[p.TIME,ui(this,N,"m",Nt).bind(this)],[p.IMAGE_LIST,ui(this,N,"m",It).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},yt=function(t,i){var n;const e=ri.ketchup.data.cell.getType(t,t.shape);if(e===p.CHIP)return{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1};if(e===p.MULTI_AUTOCOMPLETE||e===p.MULTI_COMBOBOX){const e=Object.assign(Object.assign({},ui(this,N,"m",$t).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},wt=function(t,i,n,e){return b(n,e.decode)},jt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},Ot=function(t,i,n,e,l){var s,o;if(e.data=e.data||{},e.data.onClick=()=>{ui(this,N,"m",ti).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=()=>{ui(this,N,"m",ti).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)},$t=function(t,i,n,e){const l=_(n,i,[],e.data);return t&&(l.data["kup-list"].data=ui(this,N,"m",Ht).call(this,t,n)),l},Mt=function({detail:t},i=!1){if(ui(this,N,"m",zt).call(this,t))ui(this,N,"m",Gt).call(this,t);else{const n=ui(this,N,"m",Y).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&ui(this,N,"m",Bt).call(this,t,n)}},zt=function(t){return!!t.cell},Tt=function(t,i,n){return k(n,i)},Et=function(t,i,n,e){return{data:{"kup-text-field":{label:i,error:e.data.error}}}},St=function(t,i,n){return{initialValue:n}},Ct=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=>{ui(this,N,"m",oi).call(this,l,t)}),o},Wt=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},Kt=function(t,i,n){return g(n,i)},Lt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},Dt=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},It=function(t,i,n){return{initialValue:n||"",leadingLabel:i||"",value:n||""}},Nt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Rt=function(t,i){return{label:i}},Ft=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(ui(this,R,"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({},ui(this,N,"m",gt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id}),i.cells[e].data)})})}),{})})))}}:(ui(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,y.WARNING),null)}catch(t){return ui(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,y.ERROR),null}},Pt=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(ui(this,H,"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}},Ht=function(t,i){const n=ui(this,P,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.value,id:t.obj.k,selected:i===t.obj.k})))},At=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)?ui(this,N,"m",t).call(this,i,n):[]}}))},Vt=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)?ui(this,N,"m",t).call(this,i,n):[]}}))},Jt=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}}))},Ut=function(t){return Object.assign(Object.assign({},t),{data:ui(this,N,"m",Ot).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Bt=function(t,i){this.optionsHandler(i.fun,t.inputValue,ui(this,N,"m",xt).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)))||[],p=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})})),c=Object.assign(Object.assign({},n),{rows:p}),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==p?void 0:p.length)&&null!==(a=ui(this,N,"m",Ht).call(this,c,i.value))&&void 0!==a?a:[],f.options=null!==(u=n.columns)&&void 0!==u?u:[]):ui(this,R,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',y.WARNING),t.comp.refresh()}))},Gt=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,p,c,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===(p=null===(r=_.data)||void 0===r?void 0:r.data)||void 0===p?void 0:p["kup-list"])||(_.data={data:{"kup-list":{},"kup-text-field":Object.assign({},_.data)}});const k=_.data.data["kup-list"];k.data=m.length&&null!==(c=ui(this,N,"m",Ht).call(this,v,a))&&void 0!==c?c:[],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)}},qt=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()},Xt=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=ui(this,N,"m",Y).call(this,a.name),r=ui(this,H,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(ui(this,N,"m",Qt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:ui(this,R,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else ui(this,N,"m",Qt).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:ui(this,N,"m",xt).call(this),fun:u.fun});if(!t)return void ui(this,N,"m",Qt).call(this,a.name,ui(this,R,"f").language.translate(d.INVALID_VALUE));ui(this,N,"m",Qt).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)&&ui(this,N,"m",Zt).call(this)&&this.checkValidValueCallback({before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},a.name)}},Yt=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},i.name))},Qt=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})}}))})))},Zt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},ti=function(t,i){(null==t?void 0:t.fun)?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:ui(this,N,"m",xt).call(this)}):this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},cell:i})},ii=function(t){return ui(this,R,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},ni=function(t){const i=ui(this,N,"m",ii).call(this,t);if(null==i)return;const n=ui(this,N,"m",xt).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}},ei=function(){ui(this,F,"f")&&(ui(this,R,"f").interact.managedElements.add(ui(this,F,"f")),ui(this,R,"f").interact.on(ui(this,F,"f"),w.TAP,(t=>{if(2==t.button){const i=ui(this,N,"m",ni).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}})))},li=function(){if(!ui(this,F,"f"))return;const t=Array.from(ui(this,F,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=ui(this,N,"m",si).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=ui(this,N,"m",si).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},si=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}},oi=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=ui(this,F,"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()},ai=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-ff735e62.js";import{F as a,e as u}from"./p-377bb2c8.js";import{F as h,k as r,ad as c,g as p,s as f,b as d,ai as m,a7 as v,ao as b,al as _,an as k,am as x,ap as g,h as y,V as w}from"./p-e06ea235.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-cc9db65d.js";import"./p-ef3112d4.js";import"./p-6b1c3be6.js";import"./p-1a736d54.js";import"./p-f9e0cea2.js";import"./p-fddd1cdb.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=(t,i)=>0==t?3.75:t?1===t?11.25:7.5*t+(i?18:0)+4:null,L=t=>t?20*t:null,D=(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)+L(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,I=t=>t?10*(t-1)*1.15:null;var N,R,F,P,H,A,V,J,U,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,Vt,Jt,Ut,Bt,Gt,qt,Xt,Yt,Qt,Zt,ti,ii,ni,ei,li,si,oi,ai,ui=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)},hi=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 ri=document.documentElement,ci=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),N.add(this),R.set(this,r()),F.set(this,void 0),P.set(this,new Map([["SmeupDataTree",ui(this,N,"m",Vt).bind(this)],["SmeupDataTable",ui(this,N,"m",Jt).bind(this)],["SmeupTreeNode",ui(this,N,"m",At).bind(this)],["SmeupTable",ui(this,N,"m",Jt).bind(this)]])),H.set(this,null),A.set(this,[]),V.set(this,new Map([[c.DATE,"kup-date-picker"],[c.TIME,"kup-time-picker"]])),J.set(this,new Map([[c.COMBOBOX,"kup-combobox"],[c.AUTOCOMPLETE,"kup-autocomplete"]])),U.set(this,new Map([[h.BUTTON_LIST,ui(this,N,"m",nt).bind(this)],[h.LABEL,ui(this,N,"m",st).bind(this)],[h.TABLE,ui(this,N,"m",lt).bind(this)]])),B.set(this,new Map([[z.TAB,ui(this,N,"m",pt).bind(this)]])),G.set(this,void 0),q.set(this,void 0),X.set(this,null),tt.set(this,(()=>{ui(this,X,"f")&&(ui(this,X,"f").remove(),hi(this,X,null,"f"))})),it.set(this,((t,i)=>{ui(this,X,"f")?(ui(this,X,"f").style.left=`${t.clientX+10}px`,ui(this,X,"f").style.top=`${t.clientY+10}px`,ui(this,X,"f").innerText=i):(hi(this,X,document.createElement("div"),"f"),ui(this,X,"f").className="input-panel__helper-tooltip",ui(this,X,"f").innerText=i,ui(this,X,"f").style.left=`${t.clientX+10}px`,ui(this,X,"f").style.top=`${t.clientY+10}px`,document.body.appendChild(ui(this,X,"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(){hi(this,H,structuredClone(this.data),"f"),ui(this,A,"f").length&&(ui(this,A,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),hi(this,A,[],"f")),this.data&&this.data.columns&&this.data.rows&&ui(this,N,"m",bt).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({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)}}))}}async waitForReady(){return ui(this,G,"f")}async getProps(t){return p(this,T,t)}async refresh(){n(this)}async setProps(t){f(this,T,t)}async update(t){ui(this,N,"m",ti).call(this,ui(this,N,"m",Y).call(this,t),t)}onFormReset(){var t;for(const i of this.data.columns){const n=ui(this,N,"m",Y).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(){hi(this,G,new Promise((t=>{hi(this,q,t,"f")})),"f")}componentWillLoad(){ui(this,R,"f").debug.logLoad(this,!1),ui(this,R,"f").language.register(this),ui(this,R,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){ui(this,N,"m",ei).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),ui(this,N,"m",li).call(this),ui(this,R,"f").debug.logLoad(this,!0)}componentWillRender(){ui(this,R,"f").debug.logRender(this,!1)}componentDidRender(){if(ui(this,F,"f")){const t=ui(this,F,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)j(t[i])}requestAnimationFrame((async()=>{ui(this,F,"f")&&ui(this,q,"f")&&(ui(this,q,"f").call(this),hi(this,q,null,"f"))})),ui(this,R,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,ui(this,R,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>ui(this,N,"m",Q).call(this,t)));return e(l,{key:"5aee2e231a93e782f3e8dccc40d239edde2f60b8","onKup-cell-blur":t=>ui(this,N,"m",Xt).call(this,t,C.BLUR),"onKup-cell-update":ui(this,N,"m",Yt).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":ui(this,N,"m",Mt).bind(this),"onKup-autocomplete-iconclick":ui(this,N,"m",Mt).bind(this),"onKup-combobox-iconclick":t=>ui(this,N,"m",Mt).call(this,t,!0),"onKup-cell-itemclick":t=>{ui(this,N,"m",Xt).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":ui(this,N,"m",ai).bind(this)},e("style",{key:"485682d76fc0df7d8b11740fb47e0e75d0bc2770"},ui(this,R,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"1fa600850c02f13fb0d7e528215aca4973385634",id:M},t))}disconnectedCallback(){ui(this,R,"f").language.unregister(this),ui(this,R,"f").theme.unregister(this)}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};R=new WeakMap,F=new WeakMap,P=new WeakMap,H=new WeakMap,A=new WeakMap,V=new WeakMap,J=new WeakMap,U=new WeakMap,B=new WeakMap,G=new WeakMap,q=new WeakMap,X=new WeakMap,tt=new WeakMap,it=new WeakMap,N=new WeakSet,Y=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},Q=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=ui(this,N,"m",ut).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=ui(this,N,"m",at).call(this,t,s)}else r=t.cells.filter((({column:t})=>!1!==t.visible)).map((i=>ui(this,N,"m",Z).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=>hi(this,F,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)}})},onReset:t=>{t.preventDefault(),this.onFormReset()},onContextMenu:t=>{null!=ui(this,N,"m",ii).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:ui(this,R,"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)))},Z=function(t,i,n){var l,s;if(!t)return;const o=ui(this,U,"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=ui(this,N,"m",ot).call(this,t,n.title),c=e(a,Object.assign({},h));return r?e("div",{class:{"input-panel__label_container":!0}},r,c):c},nt=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,placeholderIcon:t.placeholderIcon,id:i},t.data,{wrapperClass:"form__submit"}))},et=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{ui(this,N,"m",ti).call(this,t.detail.node,t.detail.node.id)}}))},lt=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=>{ui(this,N,"m",Mt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-datatable-cell-input":t=>{"autocomplete"===t.detail.type&&ui(this,N,"m",Mt).call(this,t),t.preventDefault(),t.stopPropagation()},"onKup-cell-itemclick":t=>{ui(this,N,"m",qt).call(this,t),t.preventDefault(),t.stopPropagation()}}))},st=function(t,i,n){const l=ri.ketchup.objects.isNumber(t.obj),s=l||ri.ketchup.objects.isDate(t.obj)||ri.ketchup.objects.isTime(t.obj)||ri.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,{text:a}))},ot=function(t,i){return i&&ri.ketchup.data.cell.getType(t,t.shape)===c.RADIO?e("span",null,i):null},at=function(t,i){const n=ui(this,B,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>ui(this,N,"m",ht).call(this,t,i,!1)))},ut=function(t,i){return i.sections.map((i=>ui(this,N,"m",rt).call(this,t,i)))},ht=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=>ui(this,N,"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=>ui(this,N,"m",dt).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},rt=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=>ui(this,N,"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=>ui(this,N,"m",mt).call(this,i,t,e)))}if(null==K(n.absoluteWidth))return o;const a=null!=K(n.absoluteWidth)?`${K(n.absoluteWidth)}px`:"100%",u=null!=L(n.absoluteHeight)?`${L(n.absoluteHeight)}px`:"100%",r=`${D(n.absoluteRow)}px`,c=`${I(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)},ct=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(ui(this,N,"m",t).call(this,i))})),l},pt=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=ui(this,N,"m",ct).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 ui(this,N,"m",ht).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)},ft=function(t){return!t||!t.cell||!1===t.column.visible},dt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(ui(this,N,"m",ft).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}`:""}},ui(this,N,"m",Z).call(this,n.cell,t.row,n.column))},mt=function(t,i,n){const l=t.cells.find((t=>t.column.name===i.id));if(ui(this,N,"m",ft).call(this,l))return;let s;s=l.cell.shape==h.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const o=l.cell.shape===h.LABEL?(t=>0==t?3.75:t?1===t?11.25:7.5*t:null)(s):K(s,(a=l.cell.shape)===h.AUTOCOMPLETE||a===h.COMBOBOX||a===h.DATE);var a;const u=L(i.absoluteHeight),r=D(i.absoluteRow,n),c=I(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},ui(this,N,"m",Z).call(this,l.cell,t.row,l.column))},vt=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=>ui(this,N,"m",Ut).call(this,t)))}};return ui(this,N,"m",et).call(this,t,i)}{const i=ui(this,N,"m",Ut).call(this,t);return ui(this,N,"m",nt).call(this,i,{name:t.value,title:t.value})}})).flat()},bt=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:ui(this,N,"m",_t).call(this,i,t,s),slotData:ui(this,N,"m",yt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ri.ketchup.data.cell.getType(t,t.shape),l=ui(this,V,"f").get(e),s=ui(this,J,"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)&&ui(this,N,"m",vt).call(this)},_t=function(t,i,n){const e=Object.assign(Object.assign({},ui(this,N,"m",gt).call(this,t,i,n)),{disabled:!t.isEditable||i.useAs===v.KEY,id:i.name}),l=ri.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?ui(this,N,"m",kt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},kt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?ui(this,N,"m",t).call(this,i[e],n[e]):n[e];return i},xt=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(ui(this,N,"m",Pt).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:[]})},gt=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=ri.ketchup.data.cell.getType(t,t.shape),a=new Map([[c.AUTOCOMPLETE,ui(this,N,"m",$t).bind(this)],[c.BUTTON_LIST,ui(this,N,"m",Ot).bind(this)],[c.CHART,ui(this,N,"m",jt).bind(this)],[c.CHIP,ui(this,N,"m",wt).bind(this)],[c.CHECKBOX,ui(this,N,"m",Tt).bind(this)],[c.COLOR_PICKER,ui(this,N,"m",Et).bind(this)],[c.COMBOBOX,ui(this,N,"m",$t).bind(this)],[c.EDITOR,ui(this,N,"m",St).bind(this)],[c.MULTI_AUTOCOMPLETE,ui(this,N,"m",wt).bind(this)],[c.MULTI_COMBOBOX,ui(this,N,"m",wt).bind(this)],[c.NUMBER,ui(this,N,"m",Rt).bind(this)],[c.DATE,ui(this,N,"m",Lt).bind(this)],[c.OBJECT,ui(this,N,"m",Dt).bind(this)],[c.RADIO,ui(this,N,"m",Wt).bind(this)],[c.STRING,ui(this,N,"m",Ct).bind(this)],[c.SWITCH,ui(this,N,"m",Kt).bind(this)],[c.TABLE,ui(this,N,"m",Ft).bind(this)],[c.TIME,ui(this,N,"m",Nt).bind(this)],[c.IMAGE_LIST,ui(this,N,"m",It).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},yt=function(t,i){var n;const e=ri.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({},ui(this,N,"m",$t).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},wt=function(t,i,n,e){return b(n,e.decode)},jt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},Ot=function(t,i,n,e,l){var s,o;if(e.data=e.data||{},e.data.onClick=()=>{ui(this,N,"m",ti).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=()=>{ui(this,N,"m",ti).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)},$t=function(t,i,n,e){const l=_(n,i,[],e.data);return t&&(l.data["kup-list"].data=ui(this,N,"m",Ht).call(this,t,n)),l},Mt=function({detail:t},i=!1){if(ui(this,N,"m",zt).call(this,t))ui(this,N,"m",Gt).call(this,t);else{const n=ui(this,N,"m",Y).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&ui(this,N,"m",Bt).call(this,t,n)}},zt=function(t){return!!t.cell},Tt=function(t,i,n){return k(n,i)},Et=function(t,i,n,e){return{data:{"kup-text-field":{label:i,error:e.data.error}}}},St=function(t,i,n){return{initialValue:n}},Ct=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=>{ui(this,N,"m",oi).call(this,l,t)}),o},Wt=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},Kt=function(t,i,n){return g(n,i)},Lt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},Dt=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},It=function(t,i,n){return{initialValue:n||"",leadingLabel:i||"",value:n||""}},Nt=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Rt=function(t,i){return{label:i}},Ft=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(ui(this,R,"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({},ui(this,N,"m",gt).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id}),i.cells[e].data)})})}),{})})))}}:(ui(this,R,"f").debug.logMessage(this,`Empty value for ${l} cell.`,y.WARNING),null)}catch(t){return ui(this,R,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,y.ERROR),null}},Pt=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(ui(this,H,"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}},Ht=function(t,i){const n=ui(this,P,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.value,id:t.obj.k,selected:i===t.obj.k})))},At=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)?ui(this,N,"m",t).call(this,i,n):[]}}))},Vt=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)?ui(this,N,"m",t).call(this,i,n):[]}}))},Jt=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}}))},Ut=function(t){return Object.assign(Object.assign({},t),{data:ui(this,N,"m",Ot).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},Bt=function(t,i){this.optionsHandler(i.fun,t.inputValue,ui(this,N,"m",xt).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=ui(this,N,"m",Ht).call(this,p,i.value))&&void 0!==a?a:[],f.options=null!==(u=n.columns)&&void 0!==u?u:[]):ui(this,R,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',y.WARNING),t.comp.refresh()}))},Gt=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=ui(this,N,"m",Ht).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)}},qt=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()},Xt=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=ui(this,N,"m",Y).call(this,a.name),r=ui(this,H,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(ui(this,N,"m",Qt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:ui(this,R,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else ui(this,N,"m",Qt).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:ui(this,N,"m",xt).call(this),fun:u.fun});if(!t)return void ui(this,N,"m",Qt).call(this,a.name,ui(this,R,"f").language.translate(d.INVALID_VALUE));ui(this,N,"m",Qt).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)&&ui(this,N,"m",Zt).call(this)&&this.checkValidValueCallback({before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},a.name)}},Yt=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},i.name))},Qt=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})}}))})))},Zt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},ti=function(t,i){(null==t?void 0:t.fun)?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:ui(this,N,"m",xt).call(this)}):this.submitCb({value:{before:Object.assign({},ui(this,H,"f")),after:ui(this,N,"m",xt).call(this)},cell:i})},ii=function(t){return ui(this,R,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},ni=function(t){const i=ui(this,N,"m",ii).call(this,t);if(null==i)return;const n=ui(this,N,"m",xt).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}},ei=function(){ui(this,F,"f")&&(ui(this,R,"f").interact.managedElements.add(ui(this,F,"f")),ui(this,R,"f").interact.on(ui(this,F,"f"),w.TAP,(t=>{if(2==t.button){const i=ui(this,N,"m",ni).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}})))},li=function(){if(!ui(this,F,"f"))return;const t=Array.from(ui(this,F,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=ui(this,N,"m",si).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=ui(this,N,"m",si).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},si=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}},oi=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=ui(this,F,"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()},ai=function(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)},ci.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{ci as kup_input_panel}

package/dist/ketchup/{p-16b66614.js → p-df6afd6e.js}

@@ -1 +1 @@
-import{h as e}from"./p-710d0a7d.js";import{I as a,az as t,t as l,a as n,b as r}from"./p-a990c2a8.js";import{F as s}from"./p-ff735e62.js";import{a as o}from"./p-e3062c19.js";var i;!function(e){e.SIMPLE="simple",e.FULL="full"}(i||(i={}));const c=document.documentElement,u=u=>{u.perPage||(u.perPage=1e3),u.perPage>u.max&&(u.perPage=u.max);const m=Math.ceil(u.max/u.perPage),f=function(e,a){const t=[];for(let l=1;l<=a;l++){const a=l==e.currentPage;t.push({id:l.toString(),selected:a,value:l.toString()})}return t}(u,m),b=function(e){const a=[],t=Math.min(e.max,e.maxRowsPerPage);let l=e.perPage;if(0===l)return a;for(;l<t;){const t=l==e.perPage;a.push({id:l.toString(),selected:t,value:l.toString()}),l*=2}const n=t==e.perPage;return a.push({id:t.toString(),selected:n,value:t.toString()}),a}(u),g={"kup-list":{data:f,DescrMode:a.CODE},"kup-text-field":{label:c.ketchup.language.translate(t.PAGE),helper:c.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},h={"kup-list":{data:b,DescrMode:a.CODE},"kup-text-field":{label:c.ketchup.language.translate(l.ROWS)+" / "+c.ketchup.language.translate(t.PAGE),helper:c.ketchup.language.translate(l.TOTAL)+`: ${u.max}`,helperWhenFocused:!0,inputType:"number",max:u.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(s,{icon:"plus",onClick:u.onLoadMore,label:c.ketchup.language.translate(r.LOAD_MORE),sizing:n.SMALL,styling:o.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:h,DescrMode:a.CODE,initialValue:u.perPage.toString(),initialValueDecode:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("div",{class:"page-wrapper"},e("div",{class:"page-selector-wrapper"},e("kup-combobox",{class:"page-selector",data:g,DescrMode:a.CODE,initialValue:u.currentPage.toString(),initialValueDecode:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),u.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null),e("div",{class:"arrow-wrapper"},u.mode!==i.SIMPLE?e(s,{icon:"chevron_left",disabled:d(u),onClick:u.onPrevPage,sizing:n.SMALL,styling:o.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(s,{icon:"chevron_right",disabled:p(u),onClick:u.onNextPage,sizing:n.SMALL,styling:o.FLAT,wrapperClass:"kup-neutral next-page"}):null)))};function p(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,a,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(a/t);let n=e;return n>l&&(n=l),n<1&&(n=1),n}return null}function b(e,a){if(m.ketchup.math.isNumber(e)){let t=e;return t>a&&(t=a),t<1&&(t=1),t}return null}export{u as F,f as p,b as r}
+import{h as e}from"./p-710d0a7d.js";import{I as a,az as t,t as l,a as n,b as r}from"./p-e06ea235.js";import{F as s}from"./p-ff735e62.js";import{a as o}from"./p-e3062c19.js";var i;!function(e){e.SIMPLE="simple",e.FULL="full"}(i||(i={}));const c=document.documentElement,u=u=>{u.perPage||(u.perPage=1e3),u.perPage>u.max&&(u.perPage=u.max);const m=Math.ceil(u.max/u.perPage),f=function(e,a){const t=[];for(let l=1;l<=a;l++){const a=l==e.currentPage;t.push({id:l.toString(),selected:a,value:l.toString()})}return t}(u,m),b=function(e){const a=[],t=Math.min(e.max,e.maxRowsPerPage);let l=e.perPage;if(0===l)return a;for(;l<t;){const t=l==e.perPage;a.push({id:l.toString(),selected:t,value:l.toString()}),l*=2}const n=t==e.perPage;return a.push({id:t.toString(),selected:n,value:t.toString()}),a}(u),g={"kup-list":{data:f,DescrMode:a.CODE},"kup-text-field":{label:c.ketchup.language.translate(t.PAGE),helper:c.ketchup.language.translate(t.TOTAL)+`: ${m}`,helperWhenFocused:!0,inputType:"number",max:m,min:1,size:5}},h={"kup-list":{data:b,DescrMode:a.CODE},"kup-text-field":{label:c.ketchup.language.translate(l.ROWS)+" / "+c.ketchup.language.translate(t.PAGE),helper:c.ketchup.language.translate(l.TOTAL)+`: ${u.max}`,helperWhenFocused:!0,inputType:"number",max:u.max,min:1,size:5}};return e("div",Object.assign({class:`f-paginator ${u.mode?u.mode:""} ${u.wrapperClass?u.wrapperClass:""}`},u.dataSet,{id:u.id,title:u.title}),u.onLoadMore?e(s,{icon:"plus",onClick:u.onLoadMore,label:c.ketchup.language.translate(r.LOAD_MORE),sizing:n.SMALL,styling:o.FLAT,wrapperClass:"load-more-button kup-neutral"}):null,e("kup-combobox",{class:"rows-selector",data:h,DescrMode:a.CODE,initialValue:u.perPage.toString(),initialValueDecode:u.perPage.toString(),"onkup-combobox-change":u.onRowsChange}),e("div",{class:"page-wrapper"},e("div",{class:"page-selector-wrapper"},e("kup-combobox",{class:"page-selector",data:g,DescrMode:a.CODE,initialValue:u.currentPage.toString(),initialValueDecode:u.currentPage.toString(),"onkup-combobox-change":u.onPageChange}),u.showMaxPages?e("div",{class:"max-page-wrapper"},e("label",{htmlFor:"page-selector"},"/ "+m)):null),e("div",{class:"arrow-wrapper"},u.mode!==i.SIMPLE?e(s,{icon:"chevron_left",disabled:d(u),onClick:u.onPrevPage,sizing:n.SMALL,styling:o.FLAT,wrapperClass:"kup-neutral prev-page"}):null,u.mode!==i.SIMPLE?e(s,{icon:"chevron_right",disabled:p(u),onClick:u.onNextPage,sizing:n.SMALL,styling:o.FLAT,wrapperClass:"kup-neutral next-page"}):null)))};function p(e){return e.currentPage*e.perPage>=e.max}function d(e){return 1==e.currentPage}const m=document.documentElement;function f(e,a,t){if(m.ketchup.math.isNumber(e)){const l=Math.ceil(a/t);let n=e;return n>l&&(n=l),n<1&&(n=1),n}return null}function b(e,a){if(m.ketchup.math.isNumber(e)){let t=e;return t>a&&(t=a),t<1&&(t=1),t}return null}export{u as F,f as p,b as r}