@sme.up/ketchup 11.0.0-SNAPSHOT-20250314142628 → 11.0.0-SNAPSHOT-20250317140108

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (99) hide show
  1. package/dist/cjs/{f-cell-b7a91519.js → f-cell-c71a6ddb.js} +1 -100
  2. package/dist/cjs/ketchup.cjs.js +1 -1
  3. package/dist/cjs/kup-autocomplete_29.cjs.entry.js +101 -3
  4. package/dist/cjs/kup-box.cjs.entry.js +8 -10
  5. package/dist/cjs/kup-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/kup-echart.cjs.entry.js +43 -11
  7. package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-input-panel.cjs.entry.js +1 -1
  9. package/dist/cjs/loader.cjs.js +1 -1
  10. package/dist/collection/components/kup-box/kup-box.js +7 -9
  11. package/dist/collection/components/kup-card/kup-card.css +24 -0
  12. package/dist/collection/components/kup-echart/kup-echart.js +106 -11
  13. package/dist/collection/f-components/f-cell/f-cell.js +1 -2
  14. package/dist/components/kup-accordion.js +1 -1
  15. package/dist/components/kup-activity-timeline.js +1 -1
  16. package/dist/components/kup-autocomplete.js +1 -1
  17. package/dist/components/kup-badge.js +1 -1
  18. package/dist/components/kup-box.js +1 -1
  19. package/dist/components/kup-button-list.js +1 -1
  20. package/dist/components/kup-button.js +1 -1
  21. package/dist/components/kup-calendar.js +1 -1
  22. package/dist/components/kup-card-list.js +2 -2
  23. package/dist/components/kup-card.js +1 -1
  24. package/dist/components/kup-cell.js +1 -1
  25. package/dist/components/kup-chart.js +1 -1
  26. package/dist/components/kup-checkbox.js +1 -1
  27. package/dist/components/kup-chip.js +1 -1
  28. package/dist/components/kup-color-picker.js +1 -1
  29. package/dist/components/kup-combobox.js +1 -1
  30. package/dist/components/kup-dashboard.js +1 -1
  31. package/dist/components/kup-data-table.js +1 -1
  32. package/dist/components/kup-date-picker.js +1 -1
  33. package/dist/components/kup-dialog.js +1 -1
  34. package/dist/components/kup-drawer.js +1 -1
  35. package/dist/components/kup-dropdown-button.js +1 -1
  36. package/dist/components/kup-echart.js +1 -1
  37. package/dist/components/kup-editor.js +1 -1
  38. package/dist/components/kup-family-tree.js +2 -2
  39. package/dist/components/kup-file-upload.js +1 -1
  40. package/dist/components/kup-form.js +1 -1
  41. package/dist/components/kup-gauge.js +1 -1
  42. package/dist/components/kup-grid.js +1 -1
  43. package/dist/components/kup-htm.js +1 -1
  44. package/dist/components/kup-iframe.js +1 -1
  45. package/dist/components/kup-image-list.js +1 -1
  46. package/dist/components/kup-image.js +1 -1
  47. package/dist/components/kup-input-panel.js +2 -2
  48. package/dist/components/kup-lazy.js +1 -1
  49. package/dist/components/kup-list.js +1 -1
  50. package/dist/components/kup-magic-box.js +3 -3
  51. package/dist/components/kup-nav-bar.js +1 -1
  52. package/dist/components/kup-numeric-picker.js +1 -1
  53. package/dist/components/kup-object-field.js +1 -1
  54. package/dist/components/kup-pdf.js +1 -1
  55. package/dist/components/kup-planner.js +1 -1
  56. package/dist/components/kup-probe.js +1 -1
  57. package/dist/components/kup-progress-bar.js +1 -1
  58. package/dist/components/kup-qlik.js +1 -1
  59. package/dist/components/kup-radio.js +1 -1
  60. package/dist/components/kup-rating.js +1 -1
  61. package/dist/components/kup-snackbar.js +1 -1
  62. package/dist/components/kup-spinner.js +1 -1
  63. package/dist/components/kup-switch.js +1 -1
  64. package/dist/components/kup-tab-bar.js +1 -1
  65. package/dist/components/kup-text-field.js +1 -1
  66. package/dist/components/kup-time-picker.js +1 -1
  67. package/dist/components/kup-toolbar.js +1 -1
  68. package/dist/components/kup-tree.js +1 -1
  69. package/dist/components/kup-txt.js +1 -1
  70. package/dist/components/kup-typography-list.js +1 -1
  71. package/dist/components/kup-typography.js +1 -1
  72. package/dist/components/{p-c7e0dbf1.js → p-1d8b861d.js} +8 -10
  73. package/dist/components/{p-5412cfba.js → p-7aaa7f7a.js} +1 -1
  74. package/dist/components/{p-0e0e19a1.js → p-c48599f1.js} +100 -100
  75. package/dist/components/{p-0c814d1c.js → p-c61c3d0b.js} +47 -12
  76. package/dist/components/{p-5f71fd4b.js → p-ee6ab546.js} +1 -1
  77. package/dist/esm/{f-cell-e25b0bcb.js → f-cell-d43687ff.js} +3 -101
  78. package/dist/esm/ketchup.js +1 -1
  79. package/dist/esm/kup-autocomplete_29.entry.js +101 -3
  80. package/dist/esm/kup-box.entry.js +8 -10
  81. package/dist/esm/kup-cell.entry.js +1 -1
  82. package/dist/esm/kup-echart.entry.js +43 -11
  83. package/dist/esm/kup-image-list.entry.js +1 -1
  84. package/dist/esm/kup-input-panel.entry.js +1 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/ketchup/ketchup.esm.js +1 -1
  87. package/dist/ketchup/p-320d746a.js +1 -0
  88. package/dist/ketchup/{p-9a29e338.entry.js → p-3e4a1bba.entry.js} +1 -1
  89. package/dist/ketchup/{p-bdeb8913.entry.js → p-5752c41b.entry.js} +3 -3
  90. package/dist/ketchup/{p-cedab449.entry.js → p-b326578a.entry.js} +1 -1
  91. package/dist/ketchup/p-b7cfb7af.entry.js +9 -0
  92. package/dist/ketchup/{p-ed31c920.entry.js → p-ce94038c.entry.js} +1 -1
  93. package/dist/ketchup/p-db3d559c.entry.js +1 -0
  94. package/dist/types/components/kup-echart/kup-echart.d.ts +15 -0
  95. package/dist/types/components.d.ts +30 -0
  96. package/package.json +1 -1
  97. package/dist/ketchup/p-2481dbc1.entry.js +0 -1
  98. package/dist/ketchup/p-85029fc5.js +0 -1
  99. package/dist/ketchup/p-8c63bdfb.entry.js +0 -9
@@ -1 +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-c4224227.js";import{F as a,f as u}from"./p-85029fc5.js";import{F as h,k as r,aa as p,g as c,s as f,h as d,af as m,al as v,ai as b,ak as _,aj as k,am as g,e as x,U as y}from"./p-12172cdb.js";import{F as w}from"./p-7db300e0.js";import{F as j,a as O}from"./p-cec0955d.js";import{c as F}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-1d261aeb.js";import"./p-abb17b95.js";import"./p-e7c1fced.js";import"./p-1ee561ba.js";import"./p-c56195a0.js";var $,z,T,M;!function(t){t.TAB="tab"}($||($={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",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."}(z||(z={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(T||(T={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(M||(M={}));const E={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"};var S;!function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(S||(S={}));const C={blur:t=>t===h.CHECKBOX||t===h.SWITCH||t===h.COMBOBOX||t===h.AUTOCOMPLETE,itemclick:t=>t!==h.COMBOBOX&&t!==h.AUTOCOMPLETE},P=t=>0==t?5:t?1===t?15:10*t:null,D=t=>t?22*t:null,W=t=>t?22*(t-1):null,L=t=>t?10*t:null;var I,N,K,R,A,H,U,B,G,V,J,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,gt,xt,yt,wt,jt,Ot,Ft,$t,zt,Tt,Mt,Et,St,Ct,Pt,Dt,Wt,Lt,It,Nt,Kt,Rt,At,Ht,Ut,Bt,Gt,Vt,Jt,qt,Xt,Yt,Qt,Zt,ti=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)},ii=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 ni=document.documentElement,ei=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),I.add(this),N.set(this,r()),K.set(this,void 0),R.set(this,new Map([["SmeupDataTree",ti(this,I,"m",Nt).bind(this)],["SmeupDataTable",ti(this,I,"m",Kt).bind(this)],["SmeupTreeNode",ti(this,I,"m",It).bind(this)],["SmeupTable",ti(this,I,"m",Kt).bind(this)]])),A.set(this,null),H.set(this,[]),U.set(this,new Map([[p.DATE,"kup-date-picker"],[p.TIME,"kup-time-picker"]])),B.set(this,new Map([[p.COMBOBOX,"kup-combobox"],[p.AUTOCOMPLETE,"kup-autocomplete"]])),G.set(this,new Map([[h.BUTTON_LIST,ti(this,I,"m",tt).bind(this)],[h.LABEL,ti(this,I,"m",et).bind(this)],[h.TABLE,ti(this,I,"m",nt).bind(this)]])),V.set(this,new Map([[$.TAB,ti(this,I,"m",rt).bind(this)]])),J.set(this,[]),q.set(this,void 0),X.set(this,void 0),this.buttonPosition=M.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=T.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.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ii(this,A,structuredClone(this.data),"f"),ti(this,H,"f").length&&(ti(this,H,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ii(this,H,[],"f")),ti(this,J,"f").length&&(ti(this,J,"f").map((t=>{ti(this,N,"f").keysBinding.unregister(t)})),ii(this,J,[],"f")),this.data&&ti(this,I,"m",dt).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({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)}}))}}async waitForReady(){return ti(this,q,"f")}async getProps(t){return c(this,z,t)}async refresh(){n(this)}async setProps(t){f(this,z,t)}connectedCallback(){ii(this,q,new Promise((t=>{ii(this,X,t,"f")})),"f")}componentWillLoad(){ti(this,N,"f").debug.logLoad(this,!1),ti(this,N,"f").language.register(this),ti(this,N,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){ti(this,I,"m",Xt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),ti(this,I,"m",Yt).call(this),ti(this,N,"f").debug.logLoad(this,!0)}componentWillRender(){ti(this,N,"f").debug.logRender(this,!1)}componentDidRender(){if(ti(this,K,"f")){const t=ti(this,K,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)w(t[i])}requestAnimationFrame((async()=>{ti(this,K,"f")&&ti(this,X,"f")&&(ti(this,X,"f").call(this),ii(this,X,null,"f"))})),ti(this,N,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,ti(this,N,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>ti(this,I,"m",Q).call(this,t)));return e(l,{key:"bb7b0dd4732b42700096c0e92ae26c4a8b83e257","onKup-cell-blur":t=>ti(this,I,"m",Ht).call(this,t,S.BLUR),"onKup-cell-update":ti(this,I,"m",Ut).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":ti(this,I,"m",jt).bind(this),"onKup-autocomplete-iconclick":ti(this,I,"m",jt).bind(this),"onKup-combobox-iconclick":t=>ti(this,I,"m",jt).call(this,t,!0),"onKup-cell-itemclick":t=>ti(this,I,"m",Ht).call(this,t,S.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)}},e("style",{key:"1b4a62926c5f41462594ff4cbf44bedd70de36dc"},ti(this,N,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"145eae331cfe6612fc663e35ba96190153207258",id:F},t))}disconnectedCallback(){ti(this,N,"f").language.unregister(this),ti(this,N,"f").theme.unregister(this),ti(this,J,"f").forEach((t=>{ti(this,N,"f").keysBinding.unregister(t)}))}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};N=new WeakMap,K=new WeakMap,R=new WeakMap,A=new WeakMap,H=new WeakMap,U=new WeakMap,B=new WeakMap,G=new WeakMap,V=new WeakMap,J=new WeakMap,q=new WeakMap,X=new WeakMap,I=new WeakSet,Y=function(t){return 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)},Q=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute)u=ti(this,I,"m",ot).call(this,t,l),a.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(l)+12+"px";else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid",this.inputPanelPosition!==T.INLINE&&this.inputPanelPosition!==T.UPINLINE||(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=ti(this,I,"m",st).call(this,t,l)}else u=t.cells.filter((({column:t})=>t.visible)).map((i=>ti(this,I,"m",Z).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==M.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition===T.INLINE||this.inputPanelPosition===T.UPINLINE},p={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},c={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:O.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>ii(this,K,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)}})},onContextMenu:t=>{null!=ti(this,I,"m",Jt).call(this,t)&&t.preventDefault()}},e("div",{class:"input-panel__typography"},e(j,Object.assign({},c))),e("div",{class:r,style:a},u),e("div",{class:p},e(o,{buttonType:"submit",label:ti(this,N,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},Z=function(t,i,n){var l;if(!t)return;const s=ti(this,G,"f").get(t.shape);if(void 0!==s)return s(t,n,null===(l=i.layout)||void 0===l?void 0:l.absolute);t.data=Object.assign(Object.assign({},t.data),{sizing:"extra-small"});const o={cell:t,column:n,row:i,editable:!0,component:this,renderKup:!0,setSizes:!0},u=ti(this,I,"m",lt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},tt=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},it=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{ti(this,I,"m",Vt).call(this,t.detail.node,t.detail.node.id)}}))},nt=function(t,{name:i}){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0},t.data))},et=function(t,i,n){const l=ni.ketchup.objects.isNumber(t.obj),s=l||ni.ketchup.objects.isDate(t.obj)||ni.ketchup.objects.isTime(t.obj)||ni.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}))},lt=function(t,i){return i&&ni.ketchup.data.cell.getType(t,t.shape)===p.RADIO?e("span",null,i):null},st=function(t,i){const n=ti(this,V,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>ti(this,I,"m",at).call(this,t,i,!1)))},ot=function(t,i){return i.sections.map((i=>ti(this,I,"m",ut).call(this,t,i)))},at=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===T.INLINE||this.inputPanelPosition===T.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=>ti(this,I,"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=>ti(this,I,"m",pt).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(j,{type:O.HEADING1,value:n.title}),r):r},ut=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=>ti(this,I,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>ti(this,I,"m",ct).call(this,i,t)))),null==P(n.absoluteWidth))return o;const a=null!=P(n.absoluteWidth)?`${P(n.absoluteWidth)}px`:"100%",u=null!=D(n.absoluteHeight)?`${D(n.absoluteHeight)}px`:"100%",h=`${W(n.absoluteRow)}px`,r=`${L(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:h,left:r,overflow:"auto"}},o)},ht=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(ti(this,I,"m",t).call(this,i))})),l},rt=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=ti(this,I,"m",ht).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 ti(this,I,"m",at).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)},pt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell||!n.column.visible)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}`:""}},ti(this,I,"m",Z).call(this,n.cell,t.row,n.column))},ct=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell||!n.column.visible)return;let l;l=n.cell.shape==h.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=n.cell.shape===h.LABEL?(t=>0==t?3.599999999999999:t?1===t?10.799999999999997:7.199999999999998*t:null)(l):P(l),o=D(i.absoluteHeight),a=W(i.absoluteRow),u=L(i.absoluteColumn),r={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${W(i.absoluteRow)}px`:null,left:null!==u?`${L(i.absoluteColumn)}px`:null,overflow:"hidden"};return n.cell.data=Object.assign(Object.assign(Object.assign({},n.cell.data),{customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),n.cell.shape===h.TABLE&&{rowsPerPage:n.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${o}px`}),e("div",{style:r},ti(this,I,"m",Z).call(this,n.cell,t.row,n.column))},ft=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=>ti(this,I,"m",Rt).call(this,t)))}};return ti(this,I,"m",it).call(this,t,i)}{const i=ti(this,I,"m",Rt).call(this,t);return ti(this,I,"m",tt).call(this,i,{name:t.value,title:t.value})}})).flat()},dt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&ti(this,I,"m",ft).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.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:ti(this,I,"m",mt).call(this,i,t,s),slotData:ti(this,I,"m",kt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ni.ketchup.data.cell.getType(t,t.shape),l=ti(this,U,"f").get(e),s=ti(this,B,"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},mt=function(t,i,n){const e=Object.assign(Object.assign({},ti(this,I,"m",_t).call(this,t,i,n)),{disabled:!t.isEditable,id:i.name}),l=ni.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?ti(this,I,"m",vt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},vt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?ti(this,I,"m",t).call(this,i[e],n[e]):n[e];return i},bt=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(ti(this,I,"m",Wt).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:[]})},_t=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=ni.ketchup.data.cell.getType(t,t.shape),a=new Map([[p.AUTOCOMPLETE,ti(this,I,"m",wt).bind(this)],[p.BUTTON_LIST,ti(this,I,"m",yt).bind(this)],[p.CHART,ti(this,I,"m",xt).bind(this)],[p.CHIP,ti(this,I,"m",gt).bind(this)],[p.CHECKBOX,ti(this,I,"m",Ot).bind(this)],[p.COLOR_PICKER,ti(this,I,"m",Ft).bind(this)],[p.COMBOBOX,ti(this,I,"m",wt).bind(this)],[p.EDITOR,ti(this,I,"m",$t).bind(this)],[p.MULTI_AUTOCOMPLETE,ti(this,I,"m",gt).bind(this)],[p.MULTI_COMBOBOX,ti(this,I,"m",gt).bind(this)],[p.NUMBER,ti(this,I,"m",Pt).bind(this)],[p.DATE,ti(this,I,"m",Et).bind(this)],[p.OBJECT,ti(this,I,"m",St).bind(this)],[p.RADIO,ti(this,I,"m",Tt).bind(this)],[p.STRING,ti(this,I,"m",zt).bind(this)],[p.SWITCH,ti(this,I,"m",Mt).bind(this)],[p.TABLE,ti(this,I,"m",Dt).bind(this)],[p.TIME,ti(this,I,"m",Ct).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},kt=function(t,i){const n=ni.ketchup.data.cell.getType(t,t.shape);return n===p.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1}:n===p.MULTI_AUTOCOMPLETE||n===p.MULTI_COMBOBOX?Object.assign(Object.assign({},ti(this,I,"m",wt).call(this,t.options,i.title,null)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name}):null},gt=function(t,i,n,e){return v(n,e.decode)},xt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},yt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{ti(this,I,"m",Vt).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(ti(this,J,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),ti(this,N,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},wt=function(t,i,n){const e=b(n,i,[]);return t&&(e.data["kup-list"].data=ti(this,I,"m",Lt).call(this,t,n)),e},jt=function({detail:t},i=!1){const n=ti(this,I,"m",Y).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&ti(this,I,"m",At).call(this,t,n)},Ot=function(t,i,n){return _(n,i)},Ft=function(t,i){return{data:{"kup-text-field":{label:i}}}},$t=function(t,i,n){return{initialValue:n}},zt=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=>{ti(this,I,"m",Zt).call(this,l,t)}),o},Tt=function(t,i,n){return k(n,t)},Mt=function(t,i,n){return g(n,i)},Et=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},St=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Ct=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Pt=function(t,i){return{label:i}},Dt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(ti(this,N,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,x.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({},ti(this,I,"m",_t).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(ti(this,N,"f").debug.logMessage(this,`Empty value for ${l} cell.`,x.WARNING),null)}catch(t){return ti(this,N,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,x.ERROR),null}},Wt=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(ti(this,A,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},Lt=function(t,i){const n=ti(this,R,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},It=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)?ti(this,I,"m",t).call(this,i,n):[]}}))},Nt=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)?ti(this,I,"m",t).call(this,i,n):[]}}))},Kt=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}}))},Rt=function(t){return t.data&&!t.data.keyShortcut&&ti(this,N,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=E[t.obj.k]),Object.assign(Object.assign({},t),{data:ti(this,I,"m",yt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},At=function(t,i){this.optionsHandler(i.fun,t.inputValue,ti(this,I,"m",bt).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=>(null==t?void 0:t.visible)||!("visible"in t))).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=ti(this,I,"m",Lt).call(this,c,i.value))&&void 0!==a?a:[],f.options=null!==(u=n.columns)&&void 0!==u?u:[]):ti(this,N,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',x.WARNING),t.comp.refresh()}))},Ht=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(C[i](null==u?void 0:u.shape))return;const h=ti(this,I,"m",Y).call(this,a.name),r=ti(this,A,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(ti(this,I,"m",Bt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:ti(this,N,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else ti(this,I,"m",Bt).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:ti(this,I,"m",bt).call(this),fun:u.fun});if(!t)return void ti(this,I,"m",Bt).call(this,a.name,ti(this,N,"f").language.translate(d.INVALID_VALUE));ti(this,I,"m",Bt).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)&&ti(this,I,"m",Gt).call(this)&&this.checkValidValueCallback({before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},a.name)}},Ut=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},i.name))},Bt=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})}}))})))},Gt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Vt=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:ti(this,I,"m",bt).call(this)}):this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},cell:i})},Jt=function(t){return ti(this,N,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},qt=function(t){const i=ti(this,I,"m",Jt).call(this,t);if(null==i)return;const n=ti(this,I,"m",bt).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}},Xt=function(){ti(this,N,"f").interact.managedElements.add(ti(this,K,"f")),ti(this,N,"f").interact.on(ti(this,K,"f"),y.TAP,(t=>{if(2==t.button){const i=ti(this,I,"m",qt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Yt=function(){if(!ti(this,K,"f"))return;const t=Array.from(ti(this,K,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=ti(this,I,"m",Qt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=ti(this,I,"m",Qt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Qt=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}},Zt=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=ti(this,K,"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()},ei.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}";export{ei as kup_input_panel}
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-c4224227.js";import{F as a,e as u}from"./p-320d746a.js";import{F as h,k as r,aa as p,g as c,s as f,h as d,af as m,al as v,ai as b,ak as _,aj as k,am as g,e as x,U as y}from"./p-12172cdb.js";import{F as w}from"./p-7db300e0.js";import{F as j,a as O}from"./p-cec0955d.js";import{c as F}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-3cab6420.js";import"./p-9f9428d1.js";import"./p-1d261aeb.js";import"./p-abb17b95.js";import"./p-e7c1fced.js";import"./p-1ee561ba.js";import"./p-c56195a0.js";var $,z,T,M;!function(t){t.TAB="tab"}($||($={})),function(t){t.customStyle="Custom style of the component.",t.data="Actual data of the input panel.",t.hiddenSubmitButton="Creates a hidden submit button in order to submit the form with enter.",t.submitCb="Sets the callback function on submit form",t.optionsHandler="Sets the callback function to recieve options",t.buttonPosition="Manage the position of the buttons related to the input panel content. It is an enumeration",t.inputPanelPosition="Manage the global layout of the input panel fields. The default is COLUMNS.",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."}(z||(z={})),function(t){t.COLUMNS="COLUMNS",t.INLINE="INLINE",t.STRETCHED="STRETCHED",t.UPINLINE="UPINLINE",t.UPCOLUMNS="UPCOLUMNS",t.PLACEHOLDER="PLACEHOLDER"}(T||(T={})),function(t){t.CENTER="CENTER",t.LEFT="LEFT",t.BOTTOM="BOTTOM",t.RIGHT="RIGHT",t.TOP="TOP"}(M||(M={}));const E={"*F01":"F1","*F02":"F2","*F03":"F3","*F04":"F4","*F05":"F5","*F06":"F6","*F07":"F7","*F08":"F8","*F09":"F9","*F10":"F10","*F11":"F11","*F12":"F12","*F13":"shift+F1","*F14":"shift+F2","*F15":"shift+F3","*F16":"shift+F4","*F17":"shift+F5","*F18":"shift+F6","*F19":"shift+F7","*F20":"shift+F8","*F21":"shift+F9","*F22":"shift+F10","*F23":"shift+F11","*F24":"shift+F12","*ENT":"Enter","*PDN":"PageDown","*PUP":"PageUp"};var S;!function(t){t.BLUR="blur",t.ITEMCLICK="itemclick"}(S||(S={}));const C={blur:t=>t===h.CHECKBOX||t===h.SWITCH||t===h.COMBOBOX||t===h.AUTOCOMPLETE,itemclick:t=>t!==h.COMBOBOX&&t!==h.AUTOCOMPLETE},P=t=>0==t?5:t?1===t?15:10*t:null,D=t=>t?22*t:null,W=t=>t?22*(t-1):null,L=t=>t?10*t:null;var I,N,K,R,A,H,U,B,G,V,J,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,gt,xt,yt,wt,jt,Ot,Ft,$t,zt,Tt,Mt,Et,St,Ct,Pt,Dt,Wt,Lt,It,Nt,Kt,Rt,At,Ht,Ut,Bt,Gt,Vt,Jt,qt,Xt,Yt,Qt,Zt,ti=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)},ii=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 ni=document.documentElement,ei=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),I.add(this),N.set(this,r()),K.set(this,void 0),R.set(this,new Map([["SmeupDataTree",ti(this,I,"m",Nt).bind(this)],["SmeupDataTable",ti(this,I,"m",Kt).bind(this)],["SmeupTreeNode",ti(this,I,"m",It).bind(this)],["SmeupTable",ti(this,I,"m",Kt).bind(this)]])),A.set(this,null),H.set(this,[]),U.set(this,new Map([[p.DATE,"kup-date-picker"],[p.TIME,"kup-time-picker"]])),B.set(this,new Map([[p.COMBOBOX,"kup-combobox"],[p.AUTOCOMPLETE,"kup-autocomplete"]])),G.set(this,new Map([[h.BUTTON_LIST,ti(this,I,"m",tt).bind(this)],[h.LABEL,ti(this,I,"m",et).bind(this)],[h.TABLE,ti(this,I,"m",nt).bind(this)]])),V.set(this,new Map([[$.TAB,ti(this,I,"m",rt).bind(this)]])),J.set(this,[]),q.set(this,void 0),X.set(this,void 0),this.buttonPosition=M.BOTTOM,this.customStyle="",this.dashboardMode=!1,this.data=null,this.hiddenSubmitButton=!1,this.inputPanelPosition=T.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.inputPanelCells=[],this.inputPanelCommands=[],this.tabSelected=null}onDataChanged(){ii(this,A,structuredClone(this.data),"f"),ti(this,H,"f").length&&(ti(this,H,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)})),ii(this,H,[],"f")),ti(this,J,"f").length&&(ti(this,J,"f").map((t=>{ti(this,N,"f").keysBinding.unregister(t)})),ii(this,J,[],"f")),this.data&&ti(this,I,"m",dt).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({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)}}))}}async waitForReady(){return ti(this,q,"f")}async getProps(t){return c(this,z,t)}async refresh(){n(this)}async setProps(t){f(this,z,t)}connectedCallback(){ii(this,q,new Promise((t=>{ii(this,X,t,"f")})),"f")}componentWillLoad(){ti(this,N,"f").debug.logLoad(this,!1),ti(this,N,"f").language.register(this),ti(this,N,"f").theme.register(this),this.onDataChanged()}componentDidLoad(){ti(this,I,"m",Xt).call(this),this.kupReady.emit({comp:this,id:this.rootElement.id}),ti(this,I,"m",Yt).call(this),ti(this,N,"f").debug.logLoad(this,!0)}componentWillRender(){ti(this,N,"f").debug.logRender(this,!1)}componentDidRender(){if(ti(this,K,"f")){const t=ti(this,K,"f").querySelectorAll(".f-text-field");for(let i=0;i<t.length;i++)w(t[i])}requestAnimationFrame((async()=>{ti(this,K,"f")&&ti(this,X,"f")&&(ti(this,X,"f").call(this),ii(this,X,null,"f"))})),ti(this,N,"f").debug.logRender(this,!0)}render(){const t=Boolean(!this.inputPanelCells.length)?[e("p",null,ti(this,N,"f").language.translate(d.EMPTY_DATA))]:this.inputPanelCells.map((t=>ti(this,I,"m",Q).call(this,t)));return e(l,{key:"bb7b0dd4732b42700096c0e92ae26c4a8b83e257","onKup-cell-blur":t=>ti(this,I,"m",Ht).call(this,t,S.BLUR),"onKup-cell-update":ti(this,I,"m",Ut).bind(this),"onKup-tabbar-click":t=>{this.tabSelected=t.detail.node.id},"onKup-autocomplete-input":ti(this,I,"m",jt).bind(this),"onKup-autocomplete-iconclick":ti(this,I,"m",jt).bind(this),"onKup-combobox-iconclick":t=>ti(this,I,"m",jt).call(this,t,!0),"onKup-cell-itemclick":t=>ti(this,I,"m",Ht).call(this,t,S.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)}},e("style",{key:"1b4a62926c5f41462594ff4cbf44bedd70de36dc"},ti(this,N,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"145eae331cfe6612fc663e35ba96190153207258",id:F},t))}disconnectedCallback(){ti(this,N,"f").language.unregister(this),ti(this,N,"f").theme.unregister(this),ti(this,J,"f").forEach((t=>{ti(this,N,"f").keysBinding.unregister(t)}))}get rootElement(){return s(this)}static get watchers(){return{data:["onDataChanged"]}}};N=new WeakMap,K=new WeakMap,R=new WeakMap,A=new WeakMap,H=new WeakMap,U=new WeakMap,B=new WeakMap,G=new WeakMap,V=new WeakMap,J=new WeakMap,q=new WeakMap,X=new WeakMap,I=new WeakSet,Y=function(t){return 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)},Q=function(t){var i,n;const l=t.row.layout,s=(null==l?void 0:l.horizontal)||!1,a={};let u;if(null===(i=null==l?void 0:l.sections)||void 0===i?void 0:i.length)if(l.absolute)u=ti(this,I,"m",ot).call(this,t,l),a.height=22*(t=>{let i=0;return t.sections.forEach((t=>{t.content.forEach((t=>{t.absoluteRow>i&&(i=t.absoluteRow+(t.absoluteHeight>1?t.absoluteHeight:0))}))})),i})(l)+12+"px";else{if(!l.sectionsType){const i=l.sections.some((t=>t.dim));a.display="grid",this.inputPanelPosition!==T.INLINE&&this.inputPanelPosition!==T.UPINLINE||(a.display=""),l.horizontal?a.gridTemplateColumns=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${t.cells.length}, 1fr)`:this.dashboardMode&&(a.gridTemplateRows=i?l.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${l.sections.length}, 1fr)`)}u=ti(this,I,"m",st).call(this,t,l)}else u=t.cells.filter((({column:t})=>t.visible)).map((i=>ti(this,I,"m",Z).call(this,i.cell,t.row,i.column)));const h={"input-panel-form":!0,"input-panel-form--inline":this.buttonPosition==M.RIGHT},r={"input-panel":!0,"input-panel--column":!s,"input-panel--absolute":null==l?void 0:l.absolute,"input-panel--inline":this.inputPanelPosition===T.INLINE||this.inputPanelPosition===T.UPINLINE},p={"input-panel__commands":!0,[`input-panel__commands--${this.buttonPosition}`]:!0},c={value:null===(n=null==l?void 0:l.sections[0])||void 0===n?void 0:n.title,type:O.HEADING1};return e("div",null,e("form",{name:this.rootElement.id,id:this.rootElement.id,class:h,ref:t=>ii(this,K,t,"f"),onSubmit:t=>{t.preventDefault(),this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)}})},onContextMenu:t=>{null!=ti(this,I,"m",Jt).call(this,t)&&t.preventDefault()}},e("div",{class:"input-panel__typography"},e(j,Object.assign({},c))),e("div",{class:r,style:a},u),e("div",{class:p},e(o,{buttonType:"submit",label:ti(this,N,"f").language.translate(d.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands)))},Z=function(t,i,n){var l;if(!t)return;const s=ti(this,G,"f").get(t.shape);if(void 0!==s)return s(t,n,null===(l=i.layout)||void 0===l?void 0:l.absolute);t.data=Object.assign(Object.assign({},t.data),{sizing:"extra-small"});const o={cell:t,column:n,row:i,editable:!0,component:this,renderKup:!0,setSizes:!0},u=ti(this,I,"m",lt).call(this,t,n.title);return u?e("div",{class:{"input-panel__label_container":!0}},u,e(a,Object.assign({},o))):e(a,Object.assign({},o))},tt=function(t,{name:i}){return e(o,Object.assign({icon:t.icon,id:i},t.data,{wrapperClass:"form__submit"}))},it=function(t,i){return e("kup-dropdown-button",Object.assign({},t.data,{label:t.value,data:i,"onkup-dropdownbutton-itemclick":t=>{ti(this,I,"m",Vt).call(this,t.detail.node,t.detail.node.id)}}))},nt=function(t,{name:i}){return e("kup-data-table",Object.assign({id:i,editableData:!0,showGroups:!0,showFilters:!0},t.data))},et=function(t,i,n){const l=ni.ketchup.objects.isNumber(t.obj),s=l||ni.ketchup.objects.isDate(t.obj)||ni.ketchup.objects.isTime(t.obj)||ni.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}))},lt=function(t,i){return i&&ni.ketchup.data.cell.getType(t,t.shape)===p.RADIO?e("span",null,i):null},st=function(t,i){const n=ti(this,V,"f").get(i.sectionsType);return n?n(t,i.sections):i.sections.map((i=>ti(this,I,"m",at).call(this,t,i,!1)))},ot=function(t,i){return i.sections.map((i=>ti(this,I,"m",ut).call(this,t,i)))},at=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===T.INLINE||this.inputPanelPosition===T.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=>ti(this,I,"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=>ti(this,I,"m",pt).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(j,{type:O.HEADING1,value:n.title}),r):r},ut=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=>ti(this,I,"m",t).call(this,i,n))):(null===(s=n.content)||void 0===s?void 0:s.length)&&(o=n.content.map((t=>ti(this,I,"m",ct).call(this,i,t)))),null==P(n.absoluteWidth))return o;const a=null!=P(n.absoluteWidth)?`${P(n.absoluteWidth)}px`:"100%",u=null!=D(n.absoluteHeight)?`${D(n.absoluteHeight)}px`:"100%",h=`${W(n.absoluteRow)}px`,r=`${L(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:h,left:r,overflow:"auto"}},o)},ht=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(ti(this,I,"m",t).call(this,i))})),l},rt=function(t,i){this.tabSelected||(this.tabSelected=i[0].id||"0");const n=i.map(((i,n)=>{const e=ti(this,I,"m",ht).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 ti(this,I,"m",at).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)},pt=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell||!n.column.visible)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}`:""}},ti(this,I,"m",Z).call(this,n.cell,t.row,n.column))},ct=function(t,i){const n=t.cells.find((t=>t.column.name===i.id));if(!n||!n.cell||!n.column.visible)return;let l;l=n.cell.shape==h.DATE?i.absoluteLength>8?i.absoluteLength:8:i.absoluteLength,i.absoluteHeight||(i.absoluteHeight=1);const s=n.cell.shape===h.LABEL?(t=>0==t?3.599999999999999:t?1===t?10.799999999999997:7.199999999999998*t:null)(l):P(l),o=D(i.absoluteHeight),a=W(i.absoluteRow),u=L(i.absoluteColumn),r={position:"absolute",width:null!==s?`${s}px`:null,"min-width":null!==s?`${s}px`:null,"max-width":null!==s?`${s}px`:null,height:null!==o?`${o}px`:null,"min-height":null!==o?`${o}px`:null,"max-height":null!==o?`${o}px`:null,top:null!==a?`${W(i.absoluteRow)}px`:null,left:null!==u?`${L(i.absoluteColumn)}px`:null,overflow:"hidden"};return n.cell.data=Object.assign(Object.assign(Object.assign({},n.cell.data),{customStyle:(n.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}",legacyLook:!0,helperEnabled:!1}),n.cell.shape===h.TABLE&&{rowsPerPage:n.cell.data.data.rows.length,showPaginator:!1,showFooter:!1,tableHeight:`${o}px`}),e("div",{style:r},ti(this,I,"m",Z).call(this,n.cell,t.row,n.column))},ft=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=>ti(this,I,"m",Rt).call(this,t)))}};return ti(this,I,"m",it).call(this,t,i)}{const i=ti(this,I,"m",Rt).call(this,t);return ti(this,I,"m",tt).call(this,i,{name:t.value,title:t.value})}})).flat()},dt=function(t){var i,n,e,l;(null===(n=null===(i=t.setup)||void 0===i?void 0:i.commands)||void 0===n?void 0:n.length)&&ti(this,I,"m",ft).call(this);const s=null===(e=null==t?void 0:t.rows[0])||void 0===e?void 0:e.layout,o=(null===(l=null==t?void 0:t.rows)||void 0===l?void 0:l.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:ti(this,I,"m",mt).call(this,i,t,s),slotData:ti(this,I,"m",kt).call(this,i,t),isEditable:!0}):null}})),row:n}]),[]):[];o.map((({cells:t})=>t.map((({cell:t,column:i})=>{var n;const e=ni.ketchup.data.cell.getType(t,t.shape),l=ti(this,U,"f").get(e),s=ti(this,B,"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},mt=function(t,i,n){const e=Object.assign(Object.assign({},ti(this,I,"m",_t).call(this,t,i,n)),{disabled:!t.isEditable,id:i.name}),l=ni.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?ti(this,I,"m",vt).call(this,e,Object.assign({},t.data)):Object.assign(Object.assign({},e),s)},vt=function t(i,n){for(const e in n)i[e]=n[e]instanceof Object&&!Array.isArray(n[e])&&e in i?ti(this,I,"m",t).call(this,i[e],n[e]):n[e];return i},bt=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(ti(this,I,"m",Wt).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:[]})},_t=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=ni.ketchup.data.cell.getType(t,t.shape),a=new Map([[p.AUTOCOMPLETE,ti(this,I,"m",wt).bind(this)],[p.BUTTON_LIST,ti(this,I,"m",yt).bind(this)],[p.CHART,ti(this,I,"m",xt).bind(this)],[p.CHIP,ti(this,I,"m",gt).bind(this)],[p.CHECKBOX,ti(this,I,"m",Ot).bind(this)],[p.COLOR_PICKER,ti(this,I,"m",Ft).bind(this)],[p.COMBOBOX,ti(this,I,"m",wt).bind(this)],[p.EDITOR,ti(this,I,"m",$t).bind(this)],[p.MULTI_AUTOCOMPLETE,ti(this,I,"m",gt).bind(this)],[p.MULTI_COMBOBOX,ti(this,I,"m",gt).bind(this)],[p.NUMBER,ti(this,I,"m",Pt).bind(this)],[p.DATE,ti(this,I,"m",Et).bind(this)],[p.OBJECT,ti(this,I,"m",St).bind(this)],[p.RADIO,ti(this,I,"m",Tt).bind(this)],[p.STRING,ti(this,I,"m",zt).bind(this)],[p.SWITCH,ti(this,I,"m",Mt).bind(this)],[p.TABLE,ti(this,I,"m",Dt).bind(this)],[p.TIME,ti(this,I,"m",Ct).bind(this)]]).get(o);return a?a(e,l,s,t,i.name,n):null},kt=function(t,i){const n=ni.ketchup.data.cell.getType(t,t.shape);return n===p.CHIP?{trailingIcon:!0,label:i.title,disabled:!t.isEditable,id:i.name,fullWidth:!1}:n===p.MULTI_AUTOCOMPLETE||n===p.MULTI_COMBOBOX?Object.assign(Object.assign({},ti(this,I,"m",wt).call(this,t.options,i.title,null)),{showDropDownIcon:!0,class:"",style:{width:"100%"},disabled:!t.isEditable,id:i.name}):null},gt=function(t,i,n,e){return v(n,e.decode)},xt=function(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},yt=function(t,i,n,e,l){var s,o,a,u;return e.data=e.data||{},e.data.onClick=()=>{ti(this,I,"m",Vt).call(this,e,l)},(null===(s=e.data)||void 0===s?void 0:s.keyShortcut)&&!(null===(o=e.data)||void 0===o?void 0:o.disabled)&&(ti(this,J,"f").push(null===(a=e.data)||void 0===a?void 0:a.keyShortcut),ti(this,N,"f").keysBinding.register(null===(u=e.data)||void 0===u?void 0:u.keyShortcut,e.data.onClick.bind(this))),Object.assign({label:e.value,fun:e.fun},e.data)},wt=function(t,i,n){const e=b(n,i,[]);return t&&(e.data["kup-list"].data=ti(this,I,"m",Lt).call(this,t,n)),e},jt=function({detail:t},i=!1){const n=ti(this,I,"m",Y).call(this,t.id);let e=!0;i&&(e=!t.comp.data["kup-list"].data.length),n.fun&&e&&ti(this,I,"m",At).call(this,t,n)},Ot=function(t,i,n){return _(n,i)},Ft=function(t,i){return{data:{"kup-text-field":{label:i}}}},$t=function(t,i,n){return{initialValue:n}},zt=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=>{ti(this,I,"m",Zt).call(this,l,t)}),o},Tt=function(t,i,n){return k(n,t)},Mt=function(t,i,n){return g(n,i)},Et=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:null!=n?n:""}},St=function(t,i,n){return{initialValue:n||"",label:i||" ",value:n||""}},Ct=function(t,i,n){return{data:{"kup-text-field":{label:i}},initialValue:n}},Pt=function(t,i){return{label:i}},Dt=function(t,i,n,e,l,s){try{let t=JSON.parse(e.value);return t?"SmeupDataTable"!==t.type?(ti(this,N,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,x.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({},ti(this,I,"m",_t).call(this,i.cells[e],l,s)),{disabled:!1===i.cells[e].editable,id:l.id})})})}),{})})))}}:(ti(this,N,"f").debug.logMessage(this,`Empty value for ${l} cell.`,x.WARNING),null)}catch(t){return ti(this,N,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,x.ERROR),null}},Wt=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(ti(this,A,"f").rows[0].cells[i].value);return n.rows=t.rows.map(((t,i)=>e.reduce(((n,e)=>{const s=l.rows[i].cells[e]&&t.cells[e].value!==l.rows[i].cells[e].value;return Object.assign(Object.assign({},l.rows[i]),s?{cells:Object.assign(Object.assign({},n.cells),{[e]:Object.assign(Object.assign({},l.rows[i].cells[e]),{value:t.cells[e].value})})}:{cells:n.cells})}),Object.assign(Object.assign({},l.rows[i]),{cells:{}})))),n}catch(t){return n}},Lt=function(t,i){const n=ti(this,R,"f").get(t.type);return n?n(t,i):t.map((t=>({value:t.label,id:t.id,selected:i===t.id})))},It=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)?ti(this,I,"m",t).call(this,i,n):[]}}))},Nt=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)?ti(this,I,"m",t).call(this,i,n):[]}}))},Kt=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}}))},Rt=function(t){return t.data&&!t.data.keyShortcut&&ti(this,N,"f").objects.isJ1Key(t.obj?t.obj:{})&&(t.data.keyShortcut=E[t.obj.k]),Object.assign(Object.assign({},t),{data:ti(this,I,"m",yt).call(this,null,null,t.value,t,t.obj.k),id:t.obj.k})},At=function(t,i){this.optionsHandler(i.fun,t.inputValue,ti(this,I,"m",bt).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=>(null==t?void 0:t.visible)||!("visible"in t))).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=ti(this,I,"m",Lt).call(this,c,i.value))&&void 0!==a?a:[],f.options=null!==(u=n.columns)&&void 0!==u?u:[]):ti(this,N,"f").debug.logMessage(this,'getAutocompleteEventCallback() - "kup-list" not found in cell.data.data',x.WARNING),t.comp.refresh()}))},Ht=async function(t,i){var n,e,l,s,o;const{detail:{column:a,cell:u}}=t;if(C[i](null==u?void 0:u.shape))return;const h=ti(this,I,"m",Y).call(this,a.name),r=ti(this,A,"f").rows[0].cells[a.name];if(h){if(u.mandatory){if(ti(this,I,"m",Bt).call(this,a.name,h.value?(null===(n=r.data)||void 0===n?void 0:n.error)||null:ti(this,N,"f").language.translate(d.REQUIRED_VALUE)),!u.value)return}else ti(this,I,"m",Bt).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:ti(this,I,"m",bt).call(this),fun:u.fun});if(!t)return void ti(this,I,"m",Bt).call(this,a.name,ti(this,N,"f").language.translate(d.INVALID_VALUE));ti(this,I,"m",Bt).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)&&ti(this,I,"m",Gt).call(this)&&this.checkValidValueCallback({before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},a.name)}},Ut=function({detail:{cell:t,column:i}}){var n;t.shape!==h.CHECKBOX&&t.shape!==h.SWITCH||(this.updateOnClick?this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},cell:i.name}):(null===(n=t.inputSettings)||void 0===n?void 0:n.checkValueOnExit)&&this.checkValidValueCallback({before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},i.name))},Bt=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})}}))})))},Gt=function(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Vt=function(t,i){t.fun?this.customButtonClickHandler({fun:t.fun,cellId:i,currentState:ti(this,I,"m",bt).call(this)}):this.submitCb({value:{before:Object.assign({},ti(this,A,"f")),after:ti(this,I,"m",bt).call(this)},cell:i})},Jt=function(t){return ti(this,N,"f").getEventPath(t.target,this.rootElement).find((t=>{var i;return null===(i=t.classList)||void 0===i?void 0:i.contains("f-cell")}))},qt=function(t){const i=ti(this,I,"m",Jt).call(this,t);if(null==i)return;const n=ti(this,I,"m",bt).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}},Xt=function(){ti(this,N,"f").interact.managedElements.add(ti(this,K,"f")),ti(this,N,"f").interact.on(ti(this,K,"f"),y.TAP,(t=>{if(2==t.button){const i=ti(this,I,"m",qt).call(this,t);i&&this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}))},Yt=function(){if(!ti(this,K,"f"))return;const t=Array.from(ti(this,K,"f").querySelectorAll(".f-cell__content"));for(const i of t){const t=ti(this,I,"m",Qt).call(this,i,!0);if(t)return void setTimeout((()=>t.focus()),300)}if(!this.autoFocus||0===t.length)return;const i=ti(this,I,"m",Qt).call(this,t[0]);i&&setTimeout((()=>i.focus()),300)},Qt=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}},Zt=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=ti(this,K,"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()},ei.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}";export{ei as kup_input_panel}
@@ -0,0 +1 @@
1
+ import{r as t,c as i,f as e,h as o,H as s,d as n}from"./p-710d0a7d.js";import{k as r,z as a,g as h,s as l,a5 as c,w as p,h as d,b,e as u,U as x,X as f,aD as g,Z as m,t as k}from"./p-12172cdb.js";import{f as w,p as v,s as y}from"./p-262fb165.js";import{F as _}from"./p-3cab6420.js";import{d as j}from"./p-1d261aeb.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-320d746a.js";import{p as P,r as M,F as R}from"./p-11002f92.js";import{F as A}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-c4224227.js";import"./p-e3062c19.js";import"./p-9f9428d1.js";import"./p-abb17b95.js";import"./p-e7c1fced.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,D,W,B,T,$,L,F,H,N,G=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)},V=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),O.add(this),this.state=new E,this.kupManager=r(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],W.set(this,void 0),B.set(this,[]),T.set(this,0),$.set(this,0),L.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}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.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=G(this,O,"m",D).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.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.initVisibleColumns(),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}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}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.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&&(this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;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.visibleColumns,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,n=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,n=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],n=p(this.visibleColumns,e.dataset.column);return{boxObject:e||null,column:n||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(this.kupManager.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(this.kupManager.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:[]};for(let i=0;i<this.data.columns.length;i++){const o=this.data.columns[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.visibleColumns];let e=null,s=t.layout;s||(s=this.boxLayout);let n=!1;if(s){s.horizontal&&(n=!0);const o=s.sections;let r=0;o.length>0&&(e=[]);const a={horizontal:n};e.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(o[r++],a,t,i))}var r=!1;for(let i of this.selectedRows)i.id===t.id&&(r=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r})));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&&G(this,B,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let n=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,r=0;for(o>0&&(n=[]);o-- >0;)n.push(this.renderSection(i[r++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,r=0;for(o>0&&(n=[]);o-- >0;)n.push(this.renderBoxObject({boxObject:i[r++],row:e,visibleColumns:s},!0))}else s.length>0&&(n=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const r=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:r,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:this.kupManager.language.translate(r?d.COLLAPSE:d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},n),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:r?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,n)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const n={"box-object":!0};let r=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(r=e[a],e.splice(a,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(n["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:n,style:{},title:l},h&&r?o(C,Object.assign({},{cell:h,column:r,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 this.kupManager.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)}),this.kupManager.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){this.kupManager.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,n=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){n=!1;break}if(n){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,n={data:[]};for(let t=0;t<s.length;t++)n.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),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),this.kupManager.interact.on(this.boxContainer,x.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)})}})),this.kupManager.interact.on(this.boxContainer,x.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.visibleColumns,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),this.kupManager.interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=this.kupManager.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),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),this.kupManager.interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX}))}}}componentWillLoad(){this.kupManager.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),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?V(this,T,document.querySelector(".header").clientHeight,"f"):V(this,T,0,"f"),document.querySelector(".topbar")&&V(this,T,G(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),G(this,O,"m",H).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}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.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++)A(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),G(this,O,"m",F).call(this),this.kupManager.debug.logRender(this,!0)}render(){V(this,B,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:this.kupManager.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:this.kupManager.language.translate(k.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let n=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(n=o(R,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{G(this,O,"m",N).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 r=null,a={};if(0===this.rows.length)r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();r=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(r=[];i-- >0;)r.push(this.renderRow(t[e++]))}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,n,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};W=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,O=new WeakSet,D=function(){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.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 this.kupManager.objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},F=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&G(this,W,"f").observe(G(this,B,"f")[G(this,B,"f").length-1])},H=function(){const t={threshold:0,rootMargin:"-"+G(this,T,"f")+"px 0px 0px 0px"};V(this,W,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.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"),G(this,W,"f").unobserve(t.target)}}))}),t),"f")},N=function(){var t;let i=0;switch(this.loadMoreMode){case S.CONSTANT:i=this.loadMoreStep;break;case S.CONSTANT_INCREMENT:i=this.loadMoreStep*(G(this,$,"f")+1);break;case S.PROGRESSIVE_THRESHOLD:i=Math.max(G(this,L,"f"),this.loadMoreStep)*Math.min(G(this,$,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),V(this,L,i,"f"),V(this,$,(t=G(this,$,"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(--kup-box-background-color, var(--kup-layer-1));--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(--kup-box-border-color-drag, var(--kup-border-interactive))\n display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.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-radius-00)}#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}
@@ -91,6 +91,21 @@ export declare class KupEchart {
91
91
  * @default null
92
92
  */
93
93
  yAxis: KupEchartYAxis;
94
+ /**
95
+ * Minimum for the y Axis.
96
+ * @default null
97
+ */
98
+ axisYMin: string;
99
+ /**
100
+ * Maximum for the y Axis.
101
+ * @default null
102
+ */
103
+ axisYMax: string;
104
+ /**
105
+ * Multiple axes for y
106
+ * @default null
107
+ */
108
+ multipleYAxes: string;
94
109
  kupEchartClick: EventEmitter<KupEchartClickEventPayload>;
95
110
  /**
96
111
  * Used to retrieve component's props values.
@@ -2202,6 +2202,16 @@ export namespace Components {
2202
2202
  * @default ""
2203
2203
  */
2204
2204
  "axis": string;
2205
+ /**
2206
+ * Maximum for the y Axis.
2207
+ * @default null
2208
+ */
2209
+ "axisYMax": string;
2210
+ /**
2211
+ * Minimum for the y Axis.
2212
+ * @default null
2213
+ */
2214
+ "axisYMin": string;
2205
2215
  /**
2206
2216
  * Title of the graph.
2207
2217
  * @default null
@@ -2244,6 +2254,11 @@ export namespace Components {
2244
2254
  * @default null
2245
2255
  */
2246
2256
  "map": KupEchartMaps | string | GeoJSON;
2257
+ /**
2258
+ * Multiple axes for y
2259
+ * @default null
2260
+ */
2261
+ "multipleYAxes": string;
2247
2262
  /**
2248
2263
  * This method is used to trigger a new render of the component.
2249
2264
  */
@@ -8049,6 +8064,16 @@ declare namespace LocalJSX {
8049
8064
  * @default ""
8050
8065
  */
8051
8066
  "axis"?: string;
8067
+ /**
8068
+ * Maximum for the y Axis.
8069
+ * @default null
8070
+ */
8071
+ "axisYMax"?: string;
8072
+ /**
8073
+ * Minimum for the y Axis.
8074
+ * @default null
8075
+ */
8076
+ "axisYMin"?: string;
8052
8077
  /**
8053
8078
  * Title of the graph.
8054
8079
  * @default null
@@ -8085,6 +8110,11 @@ declare namespace LocalJSX {
8085
8110
  * @default null
8086
8111
  */
8087
8112
  "map"?: KupEchartMaps | string | GeoJSON;
8113
+ /**
8114
+ * Multiple axes for y
8115
+ * @default null
8116
+ */
8117
+ "multipleYAxes"?: string;
8088
8118
  "onKup-echart-click"?: (event: KupEchartCustomEvent<KupEchartClickEventPayload>) => void;
8089
8119
  /**
8090
8120
  * The data series to be displayed. They must be of the same type.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sme.up/ketchup",
3
- "version": "11.0.0-SNAPSHOT-20250314142628",
3
+ "version": "11.0.0-SNAPSHOT-20250317140108",
4
4
  "keywords": [
5
5
  "smeup",
6
6
  "KetchUP",
@@ -1 +0,0 @@
1
- import{r as t,c as i,f as e,h as o,H as s,d as n}from"./p-710d0a7d.js";import{k as r,z as a,g as h,s as l,a5 as c,w as p,h as d,b,e as u,U as x,X as f,aD as g,Z as m,t as k}from"./p-12172cdb.js";import{f as w,p as v,s as y}from"./p-262fb165.js";import{F as _}from"./p-3cab6420.js";import{d as j}from"./p-1d261aeb.js";import{c as z}from"./p-635bb4b3.js";import{F as C}from"./p-85029fc5.js";import{p as P,r as M,F as R}from"./p-11002f92.js";import{F as A}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-c4224227.js";import"./p-e3062c19.js";import"./p-9f9428d1.js";import"./p-abb17b95.js";import"./p-e7c1fced.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,D,W,B,T,$,L,F,H,N,G=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)},V=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),O.add(this),this.state=new E,this.kupManager=r(),this.visibleColumns=[],this.rows=[],this.filteredRows=[],this.sectionRef=null,this.rowsRefs=[],this.hold=!1,this.interactableDrag=[],this.interactableDrop=[],this.interactableTouch=[],W.set(this,void 0),B.set(this,[]),T.set(this,0),$.set(this,0),L.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}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const t=this.store.getState(this.stateId);null!=t&&(this.kupManager.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=G(this,O,"m",D).call(this);if(!this.state.load)return void(this.state.load=!0);t&&(this.kupManager.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.initVisibleColumns(),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}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>!t.hasOwnProperty("visible")||t.visible))}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.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&&(this.kupManager.scrollOnHover.isRegistered(this.boxContainer)?this.scrollOnHover||this.kupManager.scrollOnHover.unregister(this.boxContainer):this.scrollOnHover&&this.kupManager.scrollOnHover.register(this.boxContainer))}checkLayout(){if(this.layout)return void(this.boxLayout=this.layout);const t={horizontal:!1,sections:[]},i=this.visibleColumns;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.visibleColumns,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,n=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,n=t.column,s=t.row}else o=e["data-cell"],s=e["data-row"],n=p(this.visibleColumns,e.dataset.column);return{boxObject:e||null,column:n||null,cell:o||null,originalEvent:i,row:s||null}}clickHandler(t){const i=this.getEventDetails(this.kupManager.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(this.kupManager.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:[]};for(let i=0;i<this.data.columns.length;i++){const o=this.data.columns[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.visibleColumns];let e=null,s=t.layout;s||(s=this.boxLayout);let n=!1;if(s){s.horizontal&&(n=!0);const o=s.sections;let r=o.length,a=0;r>0&&(e=[]);const h={horizontal:n};for(;r-- >0;)e.push(null!=this.cardData&&"object"==typeof this.cardData?this.renderSectionAsCard(t):this.renderSection(o[a++],h,t,i))}var r=!1;for(let i of this.selectedRows)i.id===t.id&&(r=!0);let a=null;this.multiSelection&&(a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r})));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&&G(this,B,"f").push(t)}},o("div",{class:{box:!0,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n},"data-row":t,ref:t=>this.rowsRefs.push(t)},a,e,l),h)}renderSection(t,i,e,s){let n=null;if(t.sections&&t.sections.length>0){const i=t.sections;let o=i.length,r=0;for(o>0&&(n=[]);o-- >0;)n.push(this.renderSection(i[r++],t,e,s))}else if(t.content){const i=t.content;let o=i.length,r=0;for(o>0&&(n=[]);o-- >0;)n.push(this.renderBoxObject({boxObject:i[r++],row:e,visibleColumns:s},!0))}else s.length>0&&(n=this.renderBoxObject({boxObject:{column:s[0].name},row:e,visibleColumns:s}));const r=this.isSectionExpanded(e,t),a=!!t.columns,h={"box-section":!0,open:r,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:this.kupManager.language.translate(r?d.COLLAPSE:d.EXPAND),c=o("div",{class:h,style:l},o("div",{class:i},n),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:r?"toggled":""}))))}else{const i=t.title?o("h3",null,t.title):null;c=o("div",{class:h,style:l},i,n)}return c}renderBoxObject({boxObject:t,row:i,visibleColumns:e},s){const n={"box-object":!0};let r=null,a=-1;for(let i=0;i<e.length;i++)if(e[i].name===t.column){a=i;break}a>=0?(r=e[a],e.splice(a,1)):s&&(r=this.data.columns.find((i=>i.name===t.column)));const h=i.cells[t.column];let l;return h&&!this.kupManager.objects.isEmptyKupObj(h.obj)&&(n["is-obj"]=!0,this.kupManager.debug.isDebug()&&(l=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";")),o("div",{"data-cell":h,"data-row":i,"data-column":t.column,class:n,style:{},title:l},h&&r?o(C,Object.assign({},{cell:h,column:r,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 this.kupManager.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)}),this.kupManager.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){this.kupManager.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,n=!0;for(let t=0;t<s.length;t++)if(e[t]!==s[t]){n=!1;break}if(n){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,n={data:[]};for(let t=0;t<s.length;t++)n.data.push({value:s[t],id:s[t]});i.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),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),this.kupManager.interact.on(this.boxContainer,x.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)})}})),this.kupManager.interact.on(this.boxContainer,x.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.visibleColumns,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),this.kupManager.interact.draggable(i,{allowFrom:".box-object",cursorChecker:()=>null},{callback:e},f.BADGE))}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t)return void this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",u.WARNING);const i=this.kupManager.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),this.kupManager.interact.dropzone(this.sectionRef,{accept:`[${g}]`},{dispatcher:this.rootElement,type:m.BOX}));for(let i=0;i<this.rowsRefs.length;i++){const e=this.rowsRefs[i];e&&!this.interactableDrop.includes(e)&&(this.interactableDrop.push(e),this.kupManager.interact.dropzone(e,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX}))}}}componentWillLoad(){this.kupManager.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),this.kupManager.language.register(this),this.kupManager.theme.register(this),this.initWithPersistedState(),this.onDataChanged(),this.adjustPaginator(),document.querySelector(".header")?V(this,T,document.querySelector(".header").clientHeight,"f"):V(this,T,0,"f"),document.querySelector(".topbar")&&V(this,T,G(this,T,"f")+document.querySelector(".topbar").clientHeight,"f"),G(this,O,"m",H).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}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.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++)A(i[t])}this.checkScrollOnHover(),this.persistState(),this.didRenderInteractables(),G(this,O,"m",F).call(this),this.kupManager.debug.logRender(this,!0)}render(){V(this,B,[],"f");const t=!("object"!=typeof this.kanban||null===this.kanban);let i=null;if(this.sortEnabled){const t=[{value:"",id:""},...this.visibleColumns.map((t=>({value:t.title,id:t.name,selected:t.name===this.sortBy})))];let e={label:this.kupManager.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:this.kupManager.language.translate(k.SEARCH),icon:b.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout),this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}})));let n=null;(this.showLoadMore||!this.lazyLoadRows&&this.pagination)&&(n=o(R,{id:"top-paginator",currentPage:this.currentPage,max:this.filteredRows.length,perPage:this.currentRowsPerPage?this.currentRowsPerPage:this.rowsPerPage,maxRowsPerPage:Number.MAX_VALUE,onLoadMore:this.showLoadMore?()=>{G(this,O,"m",N).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 r=null,a={};if(0===this.rows.length)r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(d.EMPTY_DATA))),a={"grid-template-columns":"repeat(1, 1fr)"};else if(t){const t=this.kanbanMode();r=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(r=[];i-- >0;)r.push(this.renderRow(t[e++]))}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:z},o("div",{class:"box-component",ref:t=>this.sectionRef=t},i,e,n,o("div",{class:t?"is-kanban":"",id:"box-container",style:a,onContextMenu:t=>{t.preventDefault()},ref:t=>this.boxContainer=t},r))))}disconnectedCallback(){this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop)),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this),this.scrollOnHover&&this.kupManager.scrollOnHover.unregister(this.boxContainer),document.removeEventListener("click",this.clickFunction.bind(this)),this.kupDidUnload.emit({comp:this,id:this.rootElement.id})}get rootElement(){return n(this)}static get watchers(){return{rowsPerPage:["rowsPerPageHandler","recalculateRows"],globalFilterValue:["recalculateRows"],sortBy:["recalculateRows"],pagination:["recalculateRows"],currentPage:["recalculateRows"],currentRowsPerPage:["recalculateRows"],data:["onDataChanged"],layout:["onLayoutChanged"],selectBox:["onSelectBoxChanged"]}}};W=new WeakMap,B=new WeakMap,T=new WeakMap,$=new WeakMap,L=new WeakMap,O=new WeakSet,D=function(){let t=!1;this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)||(this.state.sortBy=this.sortBy,t=!0),this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)||(this.state.globalFilterValue=this.globalFilterValue,t=!0),this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)||(this.state.pageSelected=this.currentPage,t=!0),this.kupManager.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 this.kupManager.objects.deepEqual(this.state.selectedRowsState,i)||(this.state.selectedRowsState=i,t=!0),this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)||(this.state.loadMoreLimit=this.loadMoreLimit,t=!0),this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)||(this.state.showLoadMore=this.showLoadMore,t=!0),t},F=function(){this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length&&G(this,W,"f").observe(G(this,B,"f")[G(this,B,"f").length-1])},H=function(){const t={threshold:0,rootMargin:"-"+G(this,T,"f")+"px 0px 0px 0px"};V(this,W,new IntersectionObserver((t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.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"),G(this,W,"f").unobserve(t.target)}}))}),t),"f")},N=function(){var t;let i=0;switch(this.loadMoreMode){case S.CONSTANT:i=this.loadMoreStep;break;case S.CONSTANT_INCREMENT:i=this.loadMoreStep*(G(this,$,"f")+1);break;case S.PROGRESSIVE_THRESHOLD:i=Math.max(G(this,L,"f"),this.loadMoreStep)*Math.min(G(this,$,"f")+1,2)}i>this.loadMoreLimit&&(i=this.loadMoreLimit),this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i}),V(this,L,i,"f"),V(this,$,(t=G(this,$,"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(--kup-box-background-color, var(--kup-layer-1));--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(--kup-box-border-color-drag, var(--kup-border-interactive))\n display: block;--kup_box_padding:var(--kup-box-padding, var(--kup-space-05))}.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-radius-00)}#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}
@@ -1 +0,0 @@
1
- import{h as e,g as a,F as n}from"./p-710d0a7d.js";import{an as t,ao as o,Q as c,aa as l,d as i,al as r,aj as s,ai as u,ap as d,F as p,af as b,a as k,aq as v,I as f,ar as m,as as h,at as g,au as j,av as O,e as w}from"./p-12172cdb.js";import{F as x}from"./p-c4224227.js";import{F as y}from"./p-9f9428d1.js";import{F as $,d as _}from"./p-1d261aeb.js";import{F as C}from"./p-3cab6420.js";import{F}from"./p-abb17b95.js";import{F as I}from"./p-e7c1fced.js";const E=n=>{n.centeredLabel||0==!n.centeredLabel||(n.centeredLabel=!0);let t,o=`f-progress-bar ${n.danger?"kup-danger":""} ${n.animated?"kup-animated":""} ${n.padded?"kup-padded":""} ${n.info?"kup-info":""} ${n.slim?"kup-slim":""} ${n.striped?"kup-striped":""} ${n.secondary?"kup-secondary":""} ${n.slim?"kup-slim":""} ${n.success?"kup-success":""} ${n.warning?"kup-warning":""} ${n.wrapperClass?n.wrapperClass:""}`,c="pie";o+=n.isRadial?" pie-wrapper is-radial":" progress-bar";const l={width:`${n.value}%`};n.centeredLabel?n.value>49&&(o+=" text-color-on-primary"):(t=l,n.value>2&&(o+=" text-color-on-primary"));let i=null;return n.icon?i=function(n){if(n.icon){if(n.icon.indexOf(".")>-1||n.icon.indexOf("/")>-1||n.icon.indexOf("\\")>-1)return e("span",{class:"label kup-icon is-image"},e("img",{src:n.icon}));{let t=`url('${a(`./assets/svg/${n.icon}.svg`)}') no-repeat center`;return e("span",{style:{mask:t,webkitMask:t},class:"label kup-icon"})}}}(n):n.hideLabel||(i=n.isRadial?n.label?e("span",{class:"label"},n.label):e("span",{class:"label"},n.value,e("span",{class:"smaller"},"%")):n.label?n.label:n.value+"%"),n.value>0&&(c+=" has-value",c+=n.value>50?" is-more-than-half":" is-less-than-half"),n.isRadial?e("div",{class:o},i,e("div",{class:c},e("div",{style:undefined,class:"left-side half-circle"}),e("div",{class:"right-side half-circle"})),e("div",{class:"shadow"})):e("div",{class:o},e("div",{class:"progress-bar-percentage",style:l},e("span",{style:t},i)))};var B;!function(e){e.RADIO="radio",e.CHEVRON="chevron"}(B||(B={}));const A=a=>{var t;const o=!!a.columns,c=[],l=a.type||B.RADIO;for(let o=0;o<(null===(t=a.data)||void 0===t?void 0:t.length);o++){const t=a.data[o],i={radio:!0,"radio--checked":!!t.checked,"radio--disabled":!!a.disabled,[`radio--${a.type}`]:!!a.type};c.push(e("div",{class:`form-field \n ${a.leadingLabel?" form-field--align-end":""} ${a.disabled?"radio--disabled":""} ${l===B.CHEVRON?"form--chevron":""}`,onClick:a.onChange?a.onChange.bind(a.onChange,o):null},e("div",{class:i},l===B.RADIO?e("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:t.value,checked:t.checked,disabled:a.disabled,onBlur:a.onBlur,onChange:e=>{a.onChange&&a.onChange(o,e),e.stopPropagation()},onFocus:a.onFocus}):e(n,null,e(C,t.checked?{resource:"check",sizeX:"14px",sizeY:"14px"}:{sizeX:"14px",sizeY:"14px",onClick:e=>{a.onChange&&a.onChange(o,e),e.stopPropagation()}})),l===B.RADIO&&e("div",{class:"radio__background"},e("div",{class:"radio__outer-circle"}),e("div",{class:"radio__inner-circle"}))),e("div",{class:"label-wrapper",onClick:e=>{a.onChange&&a.onChange(o,e),e.stopPropagation()}},l===B.CHEVRON&&e(C,{resource:t.icon,sizeX:"14px",sizeY:"14px"}),e("label",{htmlFor:"radio-element"},t.label?t.label:""))))}return e("div",{class:`f-radio radio-wrapper\n ${o?"radio-wrapper-grid":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""} ${a.horizontal?"kup-horizontal":""}`,style:{"--kup_radio_columns":o?`repeat(${a.columns}, 1fr)`:""}},c)},D=a=>(a.maxValue||(a.maxValue=5),e("div",{class:`f-rating ${a.disabled?"disabled":""} ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},function(a){const n=[];for(let t=1;t<=a.maxValue;t++)n.push(e("span",{class:"rating",onClick:a.onClick?a.onClick.bind(a.onClick,t):null},t<=a.value?"★":"☆"));return n}(a)));var z;!function(e){e.SMALL="small",e.MEDIUM="medium"}(z||(z={}));const N=a=>{a.sizing||(a.sizing=z.MEDIUM),a.sizing.toLowerCase();const n={switch:!0,"switch--checked":a.checked,"switch--disabled":a.disabled,[`switch--${a.sizing}`]:!!a.sizing};return e("div",Object.assign({class:`f-switch ${a.danger?"kup-danger":""} ${a.info?"kup-info":""} ${a.secondary?"kup-secondary":""} ${a.success?"kup-success":""} ${a.warning?"kup-warning":""} ${a.wrapperClass?a.wrapperClass:""}`},a.dataSet,{id:a.id,title:a.title}),e("div",{class:"form-field "+(a.leadingLabel?"form-field--align-end":"")},e("div",{class:n},e("div",{class:"switch__track"}),e("div",{class:"switch__thumb-underlay"},e("div",{class:"switch__thumb"},e("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:a.checked,disabled:a.disabled,value:a.checked?"on":"off",onBlur:a.onBlur,onChange:a.onChange,onFocus:a.onFocus})))),e("label",{onClick:a.onChange},a.label)))},R={"*BOLD":"font-weight: bold; !important;","*ERROR":"color: white !important; background: red !important;","*UNDERLINE":"text-decoration: underline !important;","*ITALIC":"font-style: italic !important;"};function L(e){let a;switch(e){case"0":a="color: #000000 !important;";break;case"1":a="color: #6C7A89 !important;";break;case"2":a="color: #3A539B !important;";break;case"3":a="color: var(--kup-danger-color-60) !important;";break;case"4":a="color: #C0C0C0 !important;";break;case"5":a="color: #FFFFFF !important;";break;case"6":a="color: var(--kup-success-color-60) !important;";break;case"7":a="color: #9B59B6 !important;";break;default:a=""}return a}function K(e){let a;switch(e){case"1":a="font-weight: bold !important;";break;case"2":a="font-style: italic !important;";break;case"3":a="text-decoration: underline !important;";break;default:a=""}return a}function M(e){let a;switch(e){case"0":a="background: transparent;";break;case"1":a="background: #D5ECF7;";break;case"2":a="background: #59ABE3;";break;case"3":a="background: #446CB3;";break;case"4":a="background: #9B59B6;";break;case"5":a="background: #F1A9A0;";break;case"6":a="background: #E74C3C;";break;case"7":a="background: #CF000F;";break;case"8":a="background: #C0392B;";break;case"9":a="background: #95A5A6;";break;case"A":a="background: #F5D76E;";break;case"B":case"C":a="background: #F7CA18;";break;case"D":a="background: #F39C12;";break;case"E":a="background: #90C695;";break;case"F":a="background: #26A65B;";break;case"G":a="background: #019875;";break;case"H":a="background: #36D7B7;";break;default:a=""}return a}function T(e){let a;switch(e){case"1":a='font-family: "Courier New", Courier, monospace !important;';break;case"2":a='font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;';break;case"3":a="font-family: Arial, Helvetica, sans-serif !important;";break;default:a=""}return a}const V=({text:a,classes:t})=>{const o=function(e){const a=[];let n=null;return function(e,a){const n=/((_G\d{2}[A-Z0-9]\d{2}_|_G\*(BOLD|ERROR|ITALIC|UNDERLINE)_)|_n_)/g;let t,o=0;for(;null!==(t=n.exec(e));)t.index>o&&a.onContent(e.slice(o,t.index)),"_n_"===t[1]?a.onEndTag(t[1]):a.onStartTag(t[2]),o=n.lastIndex;o<e.length&&a.onContent(e.slice(o))}(e,{onStartTag(e){(null==n?void 0:n.tag)&&(n.closed=!0),a.push(n={tag:e,content:""})},onEndTag(e){n?n.tag?(n.closed=!0,n=null):this.onContent(e):a.push(n={content:e})},onContent(e){n?n.content+=e:a.push(n={content:e})}}),n&&n.tag&&(n.closed=!0),a}(a);return o.find((e=>void 0!==e.tag))?e("span",{class:t},function(a){return a.map((a=>{var n,t;const o=function(e){const a=function(e){let a="";if((null==e?void 0:e.match(/\d{2}[A-Z0-9]\d{2}|\*(BOLD|ERROR|ITALIC|UNDERLINE)/))&&(a=R[e],!a)){a="";for(let n=0;n<e.length;n++)switch(n){case 0:a+=L(e.charAt(n));break;case 1:a+=K(e.charAt(n));break;case 2:a+=M(e.charAt(n));break;case 3:a+=T(e.charAt(n))}}return a}(e);return a.split(";").filter((e=>e.trim())).reduce(((e,a)=>{const[n,t]=a.split(":").map((e=>e.trim()));if(n&&t){const a=t.replace(/!important/g,"").trim();e[n.replace(/-([a-z])/g,((e,a)=>a.toUpperCase()))]=a}return e}),{})}(null===(n=a.tag)||void 0===n?void 0:n.replace(/[_]/g,"").slice(1));return a.closed?e("span",{style:o},a.content):e("span",null,`${null!==(t=a.tag)&&void 0!==t?t:""}${a.content}`)}))}(o)):e(n,null,a)},H=document.documentElement,S=(a,n)=>{var r,s,u,v,m;const w=a.cell,B=a.column,z=a.row,R=a.shape?a.shape:w.shape?w.shape:B.shape?B.shape:null,L=!H.ketchup.objects.isEmptyKupObj(w.obj);let K=!1;w.hasOwnProperty("isEditable")?K=w.isEditable:B.hasOwnProperty("isEditable")&&(K=B.isEditable),K=K&&a.editable,w.data=null!==(r=Y(w,B))&&void 0!==r?r:w.data;const M=a.previousValue!==w.value?w.value:"",T=H.ketchup.data.cell.getType(w,R),S="extra_dense"===a.density?"extra-small":null===(s=w.data)||void 0===s?void 0:s.sizing,W=Object.assign(Object.assign(Object.assign(Object.assign({},w.data),(null==w?void 0:w.icon)?{resource:w.icon}:{}),(null==w?void 0:w.placeholderIcon)?{placeholderResource:w.placeholderIcon}:{}),S?{sizing:S}:{});let U=w.cssClass?w.cssClass:(null==B?void 0:B.cssClass)?null==B?void 0:B.cssClass:"";const P={"f-cell":!0,[c.OBJ]:!!L,[T+"-cell"]:!0,[a.wrapperClass]:!!a.wrapperClass,[a.density]:!(!a.density||T===l.BAR),[U]:!!U,"c-input-uppercase":j(w),"c-input-lowercase":O(w),"monospace c-pre":null===(u=w.data)||void 0===u?void 0:u.legacyLook};let Z=M;w.data||function(e,a){function n(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function t(e){return e.toUpperCase().startsWith("SHAPE;")}function o(e){return e.toUpperCase().startsWith("BCOLOR;")}function c(e){return e.toUpperCase().startsWith("HEIGHT;")}function i(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){const a={},l=e.split("\\\\"),r=[];for(const e of l){if(e){if(i(e))return null;if(t(e)){if(!n(e))return null;{const n=e.split(";");if(3===n.length){const e=n[2].replace(",",".");isNaN(parseFloat(e))||(a.width=`${e}%`)}}}else if(o(e));else if(c(e)){const n=e.substring(7).replace(",",".");isNaN(parseFloat(n))||(a.height=`${n}%`)}else r.push(s(e,a))}return r.length?r:null}function s(e,a){const n=Object.assign({},a),t=e.split(";");if(t.length>=1){const e=/R(\d+)G(\d+)B(\d+)/.exec(t[0]);if(e){const[,a,t,o]=e;isNaN(parseInt(a,10))||isNaN(parseInt(t,10))||isNaN(parseInt(o,10))||(n.color=`rgb(${parseInt(a)},${parseInt(t)},${parseInt(o)})`)}if(t.length>=2){const e=t[1].replace(",",".");isNaN(parseFloat(e))||(n.width=`${e}%`)}}return n}}a.data={};switch(e){case l.CHECKBOX:case l.SWITCH:a.data.checked="1"===a.value;break;case l.BAR:t(a.value)?(a.data.isCanvas=!0,a.data.resource=a.value):a.data.data=function(e){if(!e)return null;const a=e.split("\\\\AND\\"),n=[];for(const e of a){const a=r(e);if(!a)return null;n.push(...a)}return n}(a.value);break;case l.BUTTON:a.data.label=a.value;break;case l.CHART:Object.assign(a.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:a.value,shape:"pie"}});break;case l.BUTTON_LIST:case l.CHIP:case l.MULTI_AUTOCOMPLETE:case l.MULTI_COMBOBOX:case l.RADIO:(()=>{var e;const n=null===(e=a.value)||void 0===e?void 0:e.split(";");if(""===(null==n?void 0:n[n.length-1].trim())&&n.pop(),n&&n.length){a.data.data=[];for(let e of n)a.data.data.push({id:e,value:e})}})();break;case l.COLOR_PICKER:a.data.initialValue=a.value;break;case l.GAUGE:case l.KNOB:case l.PROGRESS_BAR:case l.RATING:a.data.value=parseInt(a.value);break;case l.ICON:case l.IMAGE:a.data.resource=a.value}}(T,w),K&&t.includes(T)?(w.data.showMarker=null!==(v=w.tooltip)&&void 0!==v&&v,Z=function(a,n,t,o,i){var r,s,u,d,v,m,h,j,O,w,x,_,C,E;switch(a){case l.AUTOCOMPLETE:return e("kup-autocomplete",Object.assign({key:o.name+i.row.id,initialValue:t.value,initialValueDecode:t.decode},t.data,{class:ie(i)?"kup-full-width":"","onkup-autocomplete-change":e=>ce(e,i,a,g.UPDATE),"onkup-autocomplete-input":e=>ce(e,i,a,g.INPUT),"onkup-autocomplete-iconclick":e=>ce(e,i,a,g.ICON_CLICK),"onKup-autocomplete-blur":e=>ce(e,i,a,g.BLUR),"onKup-autocomplete-itemclick":e=>ce(e,i,a,g.ITEMCLICK)}));case l.CHECKBOX:return le(i)&&(n[c.C_CENTERED]=!0),t.shape===p.INPUT_CHECKBOX?e("input",{checked:"on"===t.value.toLowerCase()||"1"===t.value,class:"input-checkbox",onChange:e=>ce(e,i,a,g.UPDATE),type:"checkbox",onBlur:e=>ce(e,i,a,g.BLUR)}):e(y,Object.assign({},t.data,{onChange:e=>ce(e,i,a,g.UPDATE),onBlur:e=>ce(e,i,a,g.BLUR)}));case l.CHIP:return e("kup-chip",Object.assign({},t.data,{type:$.INPUT,enableInput:!0,"onKup-chip-change":e=>ce(e,i,a,g.UPDATE)}),e("kup-text-field",Object.assign({fullWidth:!0,slot:"field"},t.slotData,{error:t.data.error,"onKup-textfield-blur":e=>ce(e,i,a,g.BLUR)})));case l.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:o.name+i.row.id,initialValue:t.value},t.data,{class:ie(i)?"kup-full-width":"",disabled:!1,"onkup-colorpicker-change":e=>ce(e,i,a,g.UPDATE)}));case l.COMBOBOX:return e("kup-combobox",Object.assign({key:o.name+i.row.id,initialValue:t.value,initialValueDecode:t.decode},t.data,{class:ie(i)?"kup-full-width":"","onkup-combobox-change":e=>ce(e,i,a,g.UPDATE),"onkup-combobox-input":e=>ce(e,i,a,g.INPUT),"onkup-combobox-iconclick":e=>ce(e,i,a,g.ICON_CLICK),"onKup-combobox-blur":e=>ce(e,i,a,g.BLUR),"onKup-combobox-itemclick":e=>ce(e,i,a,g.ITEMCLICK)}));case l.DATE:return e("kup-date-picker",Object.assign({key:o.name+i.row.id,initialValue:t.value},t.data,{class:ie(i)?"kup-full-width":"","onkup-datepicker-change":e=>ce(e,i,a,g.UPDATE),"onkup-datepicker-input":e=>ce(e,i,a,g.INPUT),"onKup-datepicker-blur":e=>ce(e,i,a,g.BLUR),"onkup-datepicker-textfieldsubmit":e=>ce(e,i,a,g.UPDATE)}));case l.EDITOR:const B=e=>{"Enter"!==e.key||e.ctrlKey?("Enter"===e.key&&e.ctrlKey||/^F[1-9]|F1[0-2]$/.test(e.key))&&ce(e,i,a,g.UPDATE):e.stopPropagation()};return e(I,Object.assign({},t.data,{textArea:!0,sizing:k.EXTRA_LARGE,label:o.title,fullWidth:!!ie(i),maxLength:t.data.maxLength,value:t.value,onChange:e=>{ce(e,i,a,g.UPDATE)},onInput:e=>{var n,o;null===(o=null===(n=t.data)||void 0===n?void 0:n.onInput)||void 0===o||o.call(n,e),ce(e,i,a,g.INPUT)},onBlur:e=>ce(e,i,a,g.BLUR),onKeyDown:B}));case l.FILE_UPLOAD:return e("kup-file-upload",Object.assign({},t.data));case l.MULTI_AUTOCOMPLETE:return e("kup-chip",Object.assign({displayMode:null!==(r=t.data.displayMode)&&void 0!==r?r:f.DESCRIPTION},t.data,{label:null!==(u=null===(s=t.slotData)||void 0===s?void 0:s.label)&&void 0!==u?u:"",type:$.INPUT,enableInput:!0,"onKup-chip-change":e=>ce(e,i,a,g.UPDATE)}),e("kup-autocomplete",{class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,sizing:k.EXTRA_SMALL,"onKup-autocomplete-blur":e=>ce(e,i,a,g.BLUR),"onkup-autocomplete-input":e=>ce(e,i,a,g.INPUT),"onkup-autocomplete-iconclick":e=>ce(e,i,a,g.ICON_CLICK),data:null===(d=t.slotData)||void 0===d?void 0:d.data,initialValue:null===(v=t.slotData)||void 0===v?void 0:v.initialValue,showDropDownIcon:null===(m=t.slotData)||void 0===m?void 0:m.showDropDownIcon,style:null===(h=t.slotData)||void 0===h?void 0:h.style,disabled:null===(j=t.slotData)||void 0===j?void 0:j.disabled,id:null===(O=t.slotData)||void 0===O?void 0:O.id,error:t.data.error,showMarker:null!==(w=t.tooltip)&&void 0!==w&&w,listDisplayMode:t.data.listDisplayMode}));case l.MULTI_COMBOBOX:return e("kup-chip",Object.assign({displayMode:null!==(x=t.data.displayMode)&&void 0!==x?x:f.DESCRIPTION},t.data,{type:$.INPUT,enableInput:!0,"onKup-chip-change":e=>ce(e,i,a,g.UPDATE)}),e("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:f.CODE_AND_DESC,sizing:k.EXTRA_SMALL,"onKup-combobox-blur":e=>ce(e,i,a,g.BLUR),"onkup-combobox-input":e=>ce(e,i,a,g.INPUT),"onkup-combobox-iconclick":e=>ce(e,i,a,g.ICON_CLICK)},t.slotData,{error:t.data.error,showMarker:null!==(_=t.tooltip)&&void 0!==_&&_})));case l.RADIO:return e(A,Object.assign({},t.data,{disabled:!1,onChange:(e,n)=>{const o=t.data.data;for(let a=0;a<o.length;a++){o[a].checked=a===e}ce(n,i,a,g.UPDATE)},onBlur:e=>ce(e,i,a,g.BLUR)}));case l.RATING:return e("kup-rating",Object.assign({key:o.name+i.row.id},t.data,{disabled:!1,"onkup-rating-click":e=>ce(e,i,a,g.UPDATE)}));case l.SWITCH:return e(N,Object.assign({},t.data,{disabled:!1,onChange:e=>ce(e,i,a,g.UPDATE),onBlur:e=>ce(e,i,a,g.BLUR)}));case l.TIME:return e("kup-time-picker",Object.assign({key:o.name+i.row.id,initialValue:t.value},t.data,{class:ie(i)?"kup-full-width":"","onkup-timepicker-change":e=>ce(e,i,a,g.UPDATE),"onkup-timepicker-input":e=>ce(e,i,a,g.INPUT),"onKup-timepicker-blur":e=>ce(e,i,a,g.BLUR)}));case l.OBJECT:return e(F,{cell:t,column:i.column,row:i.row,inputValue:t.value,onChange:e=>ce(e,i,a,g.UPDATE)});case l.NUMBER:n[c.C_RIGHT_ALIGNED]=!0;case l.LINK:case l.MEMO:case l.STRING:const D=e=>ce(e,i,a,g.UPDATE),z=e=>{var n,o;null===(o=null===(n=t.data)||void 0===n?void 0:n.onInput)||void 0===o||o.call(n,e),ce(e,i,a,g.INPUT)},R=e=>{var n,o,c;null===(o=null===(n=t.data)||void 0===n?void 0:n.onKeyDown)||void 0===o||o.call(n,e);const r="MEMO"===t.shape||(null===(c=t.data)||void 0===c?void 0:c.maxLength)>=256||a===l.MEMO,s="Enter"===e.key&&e.ctrlKey;r&&"Enter"===e.key&&!e.ctrlKey?e.stopPropagation():(s||/^F[1-9]|F1[0-2]$/.test(e.key))&&ce(e,i,a,g.UPDATE)},L=a===l.NUMBER?"number":null;if(t.shape===p.INPUT_FIELD){const n=a===l.NUMBER&&t.value?b(o,t):t.value;return e("input",{class:"input-field",onChange:D,onInput:z,onKeyDown:R,type:L,value:n,maxLength:null!==(E=null===(C=o.cellData)||void 0===C?void 0:C.maxLength)&&void 0!==E?E:-1})}{const n=!!t.shape&&t.shape===p.MEMO||!!a&&a===l.MEMO;return e(I,Object.assign({},t.data,{textArea:n,sizing:t.data.sizing?t.data.sizing:n?k.EXTRA_LARGE:k.SMALL,inputType:L,fullWidth:!!ie(i),maxLength:a==l.NUMBER&&(i.column.decimals&&i.column.decimals>0||i.column.group)||i.column.integers&&i.column.integers>0?-1:t.data.maxLength,icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:o.icon?o.icon:null,decimals:i.column.decimals,integers:i.column.integers,group:i.column.group,value:t.value,label:o.title,onChange:D,onInput:z,onKeyDown:R,onIconClick:e=>ce(e,i,a,g.ICON_CLICK),onBlur:e=>ce(e,i,a,g.BLUR)}))}}}(T,P,w,B,a)):w.data&&o.includes(T)?(a.setSizes&&function(e,a,n){switch(e){case l.BAR:a.sizeY||(a.sizeY="26px");break;case l.BUTTON:let e="";a.label&&(e="36px"),n.style?n.style.height||(n.style.minHeight=e):n.style={minHeight:e};break;case l.CHART:a.sizeX||(a.sizeX="100%"),a.sizeY||(a.sizeY="100%");break;case l.CHIP:n.style?n.style.height||(n.style.minHeight="18px"):n.style={minHeight:"18px"};break;case l.RADIO:n.style?n.style.height||(n.style.minHeight="40px"):n.style={minHeight:"40px"}}}(T,W,w),Z=a.renderKup?function(a,n,t,o,i,r,s){switch(a){case l.BAR:return t.data?e("div",{style:{height:t.sizeY,width:"100%"}},e(C,Object.assign({},t))):e("kup-image",Object.assign({key:r.name+s.row.id,sizeX:"250px"},t));case l.BUTTON:le(s)&&(n[c.C_CENTERED]=!0);const u=Object.assign({label:o.value,icon:o.icon,placeholderIcon:o.placeholderIcon},t);return delete o.icon,e(x,Object.assign({},u,{onClick:e=>ce(e,s,a,g.CLICK)}));case l.BUTTON_LIST:return le(s)&&(n[c.C_CENTERED]=!0),t["data-storage"]={cell:o,row:i,column:r},e("kup-button-list",Object.assign({key:r.name+s.row.id},t));case l.CHART:return le(s)&&(n[c.C_CENTERED]=!0),e("kup-chart",Object.assign({key:r.name+s.row.id},t));case l.MULTI_AUTOCOMPLETE:case l.MULTI_COMBOBOX:case l.CHIP:return e(_,Object.assign({},t));case l.COLOR_PICKER:return e("kup-color-picker",Object.assign({key:r.name+s.row.id},t,{class:ie(s)?"kup-full-width":"",disabled:!0}));case l.GAUGE:return e("kup-gauge",Object.assign({key:r.name+s.row.id,value:H.ketchup.math.numberifySafe(o.value),"width-component":"280px"},t));case l.KNOB:case l.PROGRESS_BAR:return t.customStyle?e("kup-progress-bar",Object.assign({key:r.name+s.row.id},t)):e(E,Object.assign({},t));case l.RADIO:return le(s)&&(n[c.C_CENTERED]=!0),t.disabled=i.readOnly,e(A,Object.assign({},t));case l.RATING:return e(D,Object.assign({},t,{disabled:!0}));case l.OBJECT:return e(I,Object.assign({icon:"table"},t,{disabled:!0}))}}(T,P,W,w,z,B,a):e("span",{class:"cell-"+T+" placeholder"})):(a.setSizes&&function(e,a,n,t){var o;switch(e){case l.CHECKBOX:case l.ICON:a.sizeX||(a.sizeX="18px"),a.sizeY||(a.sizeY="18px"),n.style?n.style.height||(n.style.minHeight=a.sizeY):n.style={minHeight:a.sizeY};break;case l.IMAGE:const e=(null===(o=t.cell)||void 0===o?void 0:o.value)||"",c=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;t.component.rootElement.tagName!==d.DATA_TABLE||c||(a.sizeX||a.sizeY?(a.sizeX||(a.sizeX="100%",a.wrapperClass="noWidth"),a.sizeY||(a.sizeY="auto")):(a.sizeX="100%",a.sizeY="64px",a.wrapperClass="noWidth")),t.component.rootElement.tagName===d.BOX?(a.sizeY||(a.sizeY="auto"),void 0===a.fit&&(a.fit=!0)):a.sizeX||(a.sizeX="auto"),a.sizeY||(a.sizeY="64px")}}(T,W,w,a),P[c.INDICATOR_TOPRIGHT]=null!==(m=w.tooltip)&&void 0!==m&&m,Z=function(a,n,t,o,i,r,s){switch(a){case l.AUTOCOMPLETE:case l.COMBOBOX:return t&&""!=t?e("div",{class:"f-cell__text"},h(i,t," - ")):t;case l.DATE:case l.DATETIME:case l.TIME:if(t&&""!=t){const a=b(r,i);return e("div",{class:"f-cell__text"},a)}return t;case l.CHECKBOX:return le(s)&&(o[c.C_CENTERED]=!0),e(C,{resource:n.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case l.EDITOR:case l.MEMO:return e("div",{innerHTML:i.value});case l.ICON:case l.IMAGE:return le(s)&&(o[c.C_CENTERED]=!0),n.badgeData&&(o[c.C_PADDED]=!0),e(C,Object.assign({},n));case l.LINK:return e("a",{href:t,target:"_blank"},i.value);case l.NUMBER:if(t&&""!=t){const a=H.ketchup.math.numberifySafe(i.value),n=b(r,i);return a<0&&(o[c.TEXT_DANGER]=!0),le(s)&&(o[c.C_RIGHT_ALIGNED]=!0),e("div",{class:"f-cell__text"},n)}return e("div",{class:"f-cell__text"},t);case l.SWITCH:return le(s)&&(o[c.C_CENTERED]=!0),n.disabled=!0,e(N,Object.assign({},n));case l.LABEL:return e(V,{text:i.value,classes:"f-cell__text"});default:return e("div",{class:"f-cell__text"},i.data.displayMode?h(i,t,"-"):t)}}(T,W,Z,P,w,B,a));let q=null;!K&&(B.icon||w.icon)&&Z&&T!=l.IMAGE&&T!=l.ICON&&(q=e(C,Object.assign({},{color:`rgba(var(${i.TEXT}-rgb), 0.375)`,resource:w.icon?w.icon:B.icon,placeholderResource:w.placeholderIcon?w.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let Q=null;H.ketchup.debug.isDebug()&&L?Q=w.obj.t+"; "+w.obj.p+"; "+w.obj.k+";":null!=w.title&&""!=w.title.trim()&&(Q=w.title);let J=null;if(w.info){const a=Object.assign({},w.info);a.color||(a.color=`var(${i.INFO})`),a.icon||(a.icon="info"),J=e(C,Object.assign({},{color:a.color,resource:a.icon,placeholderResource:a.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:a.message?a.message:"",wrapperClass:"cell-info"}))}return e("div",{onKeyUp:e=>ce(e,a,T,g.KEYUP),class:P,"kup-get-cell-props":()=>a,ref:e=>w.element=e,style:w.style},e("div",{class:"f-cell__content",style:w.styleContent,title:Q,onMouseEnter:e=>X(e,a,T),onMouseLeave:e=>G(e)},n&&n.length>0?n:[a.indents,J,q,Z]))},X=(e,a,n)=>{var t;if(a.cellActionIcon){const o=e.currentTarget,c=document.createElement("kup-image");c.resource="more_vert",c.sizeX="16px",c.sizeY="16px",c.tabIndex=0,c.className="f-cell__iconfunction "+(n===l.NUMBER?"left":"right"),(null===(t=a.cellActionIcon)||void 0===t?void 0:t.onClick)&&c.addEventListener("click",a.cellActionIcon.onClick),o.appendChild(c)}},G=e=>{const a=e.currentTarget.querySelector("kup-image");a&&a.remove()},Y=(e,a)=>{var n;if(!e)return null;const t=e.options,o=(null===(n=e.data)||void 0===n?void 0:n.hasOwnProperty("label"))?e.data.label:a.title,c=e.value,i=H.ketchup.data.cell.getType(e,e.shape),r=new Map([[l.BUTTON_LIST,Z.bind(void 0)],[l.STRING,q.bind(void 0)],[l.RADIO,Q.bind(void 0)],[l.AUTOCOMPLETE,J.bind(void 0)],[l.COMBOBOX,J.bind(void 0)],[l.CHECKBOX,P.bind(void 0)],[l.OBJECT,U.bind(void 0)],[l.CHIP,W.bind(void 0)]]).get(i);return r?r(t,o,c,e):null},W=(e,a,n,t)=>{var o;return(null===(o=t.data)||void 0===o?void 0:o.data)?Object.assign({},t.data):r(t.value,t.decode)},U=(e,a,n,t)=>Object.assign(Object.assign({},t.data),{data:{initialValue:n||"",label:a||"",value:n||""}}),P=(e,a,n,t)=>Object.assign(Object.assign({},t.data),{checked:"on"===n||"1"===n,label:a}),Z=(e,a,n,t)=>({data:[Object.assign(Object.assign({},t.data),{icon:t.icon,value:n})]}),q=(e,a,n,t)=>Object.assign(Object.assign({},t.data),{label:a}),Q=(e,a,n,t)=>{const o=s(n,e);return Object.assign(Object.assign({},t.data),o)},J=(e,a,n,t)=>{var o;if(!(null===(o=t.data)||void 0===o?void 0:o.data)&&e){const t=u(n,a,[]);return t.data["kup-list"].data=ee(e,n),t}},ee=(e,a)=>{const n=oe.get(e.type);return n?n(e,a):e.map((e=>({value:e.label,id:e.id,selected:a===e.id})))},ae=(e,a)=>e.children.map((e=>{var n;return{id:e.content.codice,value:e.content.testo,selected:a===e.content.codice,children:(null===(n=e.children)||void 0===n?void 0:n.length)?ae(e,a):[]}})),ne=(e,a)=>e.children.map((e=>{var n;return{id:e.obj.k,value:e.value,selected:a===e.obj.k,children:(null===(n=e.children)||void 0===n?void 0:n.length)?ne(e,a):[]}})),te=(e,a)=>e.rows.map((e=>{var n;const t=e.fields||e.cells,[o,c]=Object.keys(t);return{id:t[o].value,value:(null===(n=t[c])||void 0===n?void 0:n.value)||t[o].value,selected:a===t[o].value}})),oe=new Map([["SmeupTreeNode",ae.bind(void 0)],["SmeupDataTree",ne.bind(void 0)],["SmeupTable",te.bind(void 0)],["SmeupDataTable",te.bind(void 0)]]);function ce(e,a,n,t){var o,c,i,r;const s=a.cell,u=a.column,d=a.component,p=a.row;if(t===g.UPDATE){let a=function(e,a){var n;let t=e.target.value;return a===l.CHECKBOX&&(t=e.target.checked?"off":"on"),a===l.DATE&&(t=null===(n=e.detail)||void 0===n?void 0:n.value),a===l.NUMBER&&(t=H.ketchup.math.formattedStringToNumberString(t,"")),t}(e,n);switch(j(s)?a=null==a?void 0:a.toUpperCase():O(s)&&(a=null==a?void 0:a.toLowerCase()),n){case l.AUTOCOMPLETE:s.data&&(s.data.initialValue=a,s.data.initialValueDecode=null===(c=null===(o=e.detail)||void 0===o?void 0:o.node)||void 0===c?void 0:c.value);break;case l.COMBOBOX:case l.DATE:case l.TIME:s.data&&(s.data.initialValue=a);break;case l.CHECKBOX:case l.SWITCH:a="on"===a.toLowerCase()?"0":"1",s.data&&(s.data.checked="0"!==a);break;case l.RADIO:if(s.data.data){const e=s.data.data.find((e=>e.checked));e&&(a=e.value)}break;case l.CHIP:case l.MULTI_AUTOCOMPLETE:case l.MULTI_COMBOBOX:a=e.detail.stringifiedValues,s.data&&(s.data.data=e.detail.comp.data)}s.obj&&(s.obj.k=null==a?void 0:a.toString()),s.value=null==a?void 0:a.toString(),s.displayedValue=null,s.displayedValue=b(u,s)}if(d&&d.rootElement){const a=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{comp:d,id:d.rootElement.id,cell:s,column:u,event:e,row:p,type:n,inputValue:(null===(r=null===(i=s.element)||void 0===i?void 0:i.querySelector("input"))||void 0===r?void 0:r.value)||null}});if(d.rootElement.dispatchEvent(a),t===g.UPDATE)try{d.refresh()}catch(e){H.ketchup.debug.logMessage(d,e,w.ERROR)}}}function le(e){var a;return m.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}function ie(e){var a;return v.includes(null===(a=e.component)||void 0===a?void 0:a.rootElement.tagName)}export{S as F,E as a,A as b,D as c,z as d,N as e,V as f}