@sme.up/ketchup 11.0.0-SNAPSHOT-20250310154748 → 11.0.0-SNAPSHOT-20250311082506

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 (109) hide show
  1. package/dist/cjs/{f-cell-a5f0fe7d.js → f-cell-5e83c9a9.js} +2 -2
  2. package/dist/cjs/{f-object-field-b98929b5.js → f-object-field-a7e1bab6.js} +1 -1
  3. package/dist/cjs/{f-text-field-41a030ac.js → f-text-field-73ef4abd.js} +1 -1
  4. package/dist/cjs/kup-autocomplete_29.cjs.entry.js +3 -3
  5. package/dist/cjs/kup-box.cjs.entry.js +3 -3
  6. package/dist/cjs/kup-cell.cjs.entry.js +3 -3
  7. package/dist/cjs/kup-dashboard.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-image-list.cjs.entry.js +3 -3
  9. package/dist/cjs/kup-input-panel.cjs.entry.js +12 -16
  10. package/dist/cjs/kup-numeric-picker.cjs.entry.js +1 -1
  11. package/dist/cjs/kup-object-field.cjs.entry.js +2 -2
  12. package/dist/cjs/kup-planner.cjs.entry.js +1 -1
  13. package/dist/collection/components/kup-image/assets/svg/circle.svg +3 -0
  14. package/dist/collection/components/kup-image/assets/svg/up.svg +43 -0
  15. package/dist/collection/components/kup-input-panel/kup-input-panel.js +9 -13
  16. package/dist/collection/f-components/f-text-field/f-text-field.js +1 -1
  17. package/dist/components/kup-accordion.js +1 -1
  18. package/dist/components/kup-activity-timeline.js +1 -1
  19. package/dist/components/kup-autocomplete.js +1 -1
  20. package/dist/components/kup-badge.js +1 -1
  21. package/dist/components/kup-box.js +1 -1
  22. package/dist/components/kup-button-list.js +1 -1
  23. package/dist/components/kup-button.js +1 -1
  24. package/dist/components/kup-calendar.js +1 -1
  25. package/dist/components/kup-card-list.js +2 -2
  26. package/dist/components/kup-card.js +1 -1
  27. package/dist/components/kup-cell.js +1 -1
  28. package/dist/components/kup-chart.js +1 -1
  29. package/dist/components/kup-checkbox.js +1 -1
  30. package/dist/components/kup-chip.js +1 -1
  31. package/dist/components/kup-color-picker.js +1 -1
  32. package/dist/components/kup-combobox.js +1 -1
  33. package/dist/components/kup-dashboard.js +1 -1
  34. package/dist/components/kup-data-table.js +1 -1
  35. package/dist/components/kup-date-picker.js +1 -1
  36. package/dist/components/kup-dialog.js +1 -1
  37. package/dist/components/kup-drawer.js +1 -1
  38. package/dist/components/kup-dropdown-button.js +1 -1
  39. package/dist/components/kup-echart.js +1 -1
  40. package/dist/components/kup-editor.js +1 -1
  41. package/dist/components/kup-family-tree.js +2 -2
  42. package/dist/components/kup-file-upload.js +1 -1
  43. package/dist/components/kup-form.js +1 -1
  44. package/dist/components/kup-gauge.js +1 -1
  45. package/dist/components/kup-grid.js +1 -1
  46. package/dist/components/kup-htm.js +1 -1
  47. package/dist/components/kup-iframe.js +1 -1
  48. package/dist/components/kup-image-list.js +1 -1
  49. package/dist/components/kup-image.js +1 -1
  50. package/dist/components/kup-input-panel.js +11 -15
  51. package/dist/components/kup-lazy.js +1 -1
  52. package/dist/components/kup-list.js +1 -1
  53. package/dist/components/kup-magic-box.js +3 -3
  54. package/dist/components/kup-nav-bar.js +1 -1
  55. package/dist/components/kup-numeric-picker.js +1 -1
  56. package/dist/components/kup-object-field.js +1 -1
  57. package/dist/components/kup-pdf.js +1 -1
  58. package/dist/components/kup-planner.js +1 -1
  59. package/dist/components/kup-probe.js +1 -1
  60. package/dist/components/kup-progress-bar.js +1 -1
  61. package/dist/components/kup-qlik.js +1 -1
  62. package/dist/components/kup-radio.js +1 -1
  63. package/dist/components/kup-rating.js +1 -1
  64. package/dist/components/kup-snackbar.js +1 -1
  65. package/dist/components/kup-spinner.js +1 -1
  66. package/dist/components/kup-switch.js +1 -1
  67. package/dist/components/kup-tab-bar.js +1 -1
  68. package/dist/components/kup-text-field.js +1 -1
  69. package/dist/components/kup-time-picker.js +1 -1
  70. package/dist/components/kup-toolbar.js +1 -1
  71. package/dist/components/kup-tree.js +1 -1
  72. package/dist/components/kup-txt.js +1 -1
  73. package/dist/components/kup-typography-list.js +1 -1
  74. package/dist/components/kup-typography.js +1 -1
  75. package/dist/components/{p-395e23b3.js → p-2576b243.js} +1 -1
  76. package/dist/components/{p-75748eb5.js → p-80d8b9af.js} +1 -1
  77. package/dist/components/{p-4b0d3ab9.js → p-aa60f32b.js} +1 -1
  78. package/dist/components/{p-cefa3e9f.js → p-b3ac94af.js} +1 -1
  79. package/dist/components/{p-6c7b3d49.js → p-bfe00f59.js} +1 -1
  80. package/dist/esm/{f-cell-ee0dfd92.js → f-cell-71bcc983.js} +2 -2
  81. package/dist/esm/{f-object-field-d61ec3f5.js → f-object-field-4187fd68.js} +1 -1
  82. package/dist/esm/{f-text-field-82803e6b.js → f-text-field-6c540e49.js} +1 -1
  83. package/dist/esm/kup-autocomplete_29.entry.js +3 -3
  84. package/dist/esm/kup-box.entry.js +3 -3
  85. package/dist/esm/kup-cell.entry.js +3 -3
  86. package/dist/esm/kup-dashboard.entry.js +1 -1
  87. package/dist/esm/kup-image-list.entry.js +3 -3
  88. package/dist/esm/kup-input-panel.entry.js +12 -16
  89. package/dist/esm/kup-numeric-picker.entry.js +1 -1
  90. package/dist/esm/kup-object-field.entry.js +2 -2
  91. package/dist/esm/kup-planner.entry.js +1 -1
  92. package/dist/ketchup/assets/svg/circle.svg +3 -0
  93. package/dist/ketchup/assets/svg/up.svg +43 -0
  94. package/dist/ketchup/ketchup.esm.js +1 -1
  95. package/dist/ketchup/{p-7ff7280a.entry.js → p-0295ce02.entry.js} +1 -1
  96. package/dist/ketchup/{p-0d94b3cb.entry.js → p-0a7cf8f7.entry.js} +1 -1
  97. package/dist/ketchup/{p-9af942e0.entry.js → p-1b43017e.entry.js} +1 -1
  98. package/dist/ketchup/p-1fffec67.entry.js +1 -0
  99. package/dist/ketchup/{p-e514c982.js → p-479d8720.js} +1 -1
  100. package/dist/ketchup/{p-914666f6.js → p-58452b30.js} +1 -1
  101. package/dist/ketchup/{p-7ebe3421.entry.js → p-69f7a1d2.entry.js} +1 -1
  102. package/dist/ketchup/{p-85e94604.entry.js → p-8ea966a8.entry.js} +1 -1
  103. package/dist/ketchup/{p-a7d28833.entry.js → p-a92efc9a.entry.js} +1 -1
  104. package/dist/ketchup/{p-58e5243a.entry.js → p-af6430c0.entry.js} +1 -1
  105. package/dist/ketchup/{p-474c646c.entry.js → p-c4acfdc5.entry.js} +1 -1
  106. package/dist/ketchup/{p-8d480c99.js → p-e7c1fced.js} +1 -1
  107. package/dist/types/f-components/f-text-field/f-text-field-declarations.d.ts +0 -1
  108. package/package.json +1 -1
  109. package/dist/ketchup/p-96e83b56.entry.js +0 -1
@@ -1 +1 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as l,s as r,h as p,U as m,f as h}from"./p-12172cdb.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-3cab6420.js";import{F as g}from"./p-e21bb266.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-914666f6.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-9f9428d1.js";import"./p-1d261aeb.js";import"./p-e514c982.js";import"./p-8d480c99.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I,R=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},S=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const F=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,y.set(this,[]),x.set(this,n()),z.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=R(this,x,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),C.set(this,void 0),W.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=R(this,x,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=R(this,v,"m",w).call(this);if(!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=R(this,x,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){R(this,x,"f").debug.logLoad(this,!1),R(this,x,"f").language.register(this),R(this,x,"f").theme.register(this)}componentDidLoad(){R(this,v,"m",I).call(this),R(this,x,"f").debug.logLoad(this,!0)}componentWillRender(){R(this,x,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),R(this,x,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"a1a52e172286d518a697a42dd7fe13d921d62eb3"},a("style",{key:"2f6904332d802c12933486cac3ecffa25c22399e"},R(this,x,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"282a5f51ac5284ecbb2478e6349c26a3b1efedc0",id:c,ref:i=>{S(this,C,i,"f")}},a("div",{key:"4bb0927b46998d08fb725a4eb4f8a57f80995e7a",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},R(this,z,"f"),{label:R(this,x,"f").language.translate(p.BACK)})),a(g,Object.assign({},R(this,j,"f"),{label:R(this,x,"f").language.translate(p.TOP)}))):null),a("div",{key:"e849e58b4cdefba66be97b76c2678390a5d994dd",class:o,style:e},...R(this,v,"m",E).call(this))))}disconnectedCallback(){R(this,x,"f").interact.unregister(R(this,M,"f")),R(this,x,"f").language.unregister(this),R(this,x,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,M=new WeakMap,v=new WeakSet,w=function(){let i=!1,t=this.currentNode?this.currentNode.id:"";return R(this,x,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),i},$=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},E=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},R(this,v,"m",$).call(this,s));i.push(o)}return i},O=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},T=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},I=function(){R(this,M,"f").push(R(this,C,"f")),R(this,x,"f").interact.on(R(this,C,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(S(this,W,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",P).call(this,i)}))})),R(this,x,"f").interact.on(R(this,C,"f"),m.TAP,(i=>{if(R(this,W,"f"))S(this,W,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];R(this,y,"f").push(setTimeout((()=>{var i;const e=R(this,v,"m",T).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",P).call(this,i)})}})),R(this,x,"f").interact.on(R(this,C,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<R(this,y,"f").length;i++)clearTimeout(R(this,y,"f")[i]),R(this,x,"f").debug.logMessage(this,"Cleared clickHandler timeout("+R(this,y,"f")[i]+").");S(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",D).call(this,i)})}}))},F.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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);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}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{F as kup_image_list}
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-710d0a7d.js";import{k as n,g as l,s as r,h as p,U as m,f as h}from"./p-12172cdb.js";import{c}from"./p-635bb4b3.js";import{F as f}from"./p-3cab6420.js";import{F as g}from"./p-e21bb266.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-58452b30.js";import{M as _}from"./p-c56195a0.js";import"./p-1ee561ba.js";import"./p-9f9428d1.js";import"./p-1d261aeb.js";import"./p-479d8720.js";import"./p-e7c1fced.js";var k;!function(i){i.columns="Can set a specific number of columns",i.customStyle="Custom style of the component.",i.data="Actual data of the component",i.ripple="When enabled displays Material's ripple effect on clicked items.",i.rows="Cam set a specific number of rows. It overwrite the columns flow into rows flow",i.showFullDescription="When enabled, image descriptions will always be displayed entirely and not cut or truncated."}(k||(k={}));class b{constructor(){this.load=!1}toDebugString(){return"image-list state"}}var v,w,y,x,z,j,C,W,M,$,E,O,T,P,D,I,R=function(i,t,e,a){if("a"===e&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?a:"a"===e?a.call(i):a?a.value:t.get(i)},S=function(i,t,e,a,s){if("m"===a)throw new TypeError("Private method is not writable");if("a"===a&&!s)throw new TypeError("Private accessor was defined without a setter");if("function"==typeof t?i!==t||!s:!t.has(i))throw new TypeError("Cannot write private member to an object whose class did not declare it");return"a"===a?s.call(i,e):s?s.value=e:t.set(i,e),e};const F=class{constructor(e){i(this,e),this.kupClick=t(this,"kup-imagelist-click",6),this.kupContextMenu=t(this,"kup-imagelist-contextmenu",6),this.kupDblClick=t(this,"kup-imagelist-dblclick",6),v.add(this),this.state=new b,y.set(this,[]),x.set(this,n()),z.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=R(this,x,"f").data.node.getParent(this.data,this.currentNode),this.currentNode||(this.navigationBarToggled=!1)},styling:u.FLAT,wrapperClass:"navigation-bar__back"}),j.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null,this.navigationBarToggled=!1},styling:u.FLAT,wrapperClass:"navigation-bar__top"}),C.set(this,void 0),W.set(this,!1),M.set(this,[]),this.currentNode=null,this.navigationBarToggled=!1,this.columns=[],this.customStyle="",this.data=[],this.ripple=!1,this.rows=null,this.selectedNode=[],this.stateId="",this.store=void 0,this.showFullDescription=!1}initWithPersistedState(){if(this.store&&this.stateId){this.state.load=!0;const i=this.store.getState(this.stateId);null!=i&&(this.currentNode=R(this,x,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath))}}persistState(){if(this.store&&this.stateId){let i=R(this,v,"m",w).call(this);if(!this.state.load)return void(this.state.load=!0);i&&this.store.persistState(this.stateId,this.state)}}selectNode(i){i&&0!=i.length&&(this.currentNode=R(this,x,"f").data.node.find(this.data,i))}async getProps(i){return l(this,k,i)}async refresh(){e(this)}async setProps(i){r(this,k,i)}componentWillLoad(){R(this,x,"f").debug.logLoad(this,!1),R(this,x,"f").language.register(this),R(this,x,"f").theme.register(this)}componentDidLoad(){R(this,v,"m",I).call(this),R(this,x,"f").debug.logLoad(this,!0)}componentWillRender(){R(this,x,"f").debug.logRender(this,!1)}componentDidRender(){const i=this.rootElement.shadowRoot;if(i&&this.ripple){const t=i.querySelectorAll(".mdc-ripple-surface:not(.mdc-ripple-upgraded)");if(t)for(let i=0;i<t.length;i++)_.attachTo(t[i])}this.persistState(),R(this,x,"f").debug.logRender(this,!0)}render(){const i=!!this.currentNode;let t={};this.columns&&(1===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}:2===this.columns.length?t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}:3===this.columns.length&&(t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[1]}`,"--kup-imagelist-columns-desktop":`${this.columns[2]}`}));let e=Object.assign({},t);if(null!=this.rows&&this.rows>0){const i={"grid-template-rows":`repeat(${this.rows}, minmax(0px, 1fr))`,"grid-auto-flow":"column"};e=Object.assign(Object.assign({},e),i)}const o="image-list"+(this.showFullDescription?" full-description":"");return a(s,{key:"a1a52e172286d518a697a42dd7fe13d921d62eb3"},a("style",{key:"2f6904332d802c12933486cac3ecffa25c22399e"},R(this,x,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"282a5f51ac5284ecbb2478e6349c26a3b1efedc0",id:c,ref:i=>{S(this,C,i,"f")}},a("div",{key:"4bb0927b46998d08fb725a4eb4f8a57f80995e7a",class:"navigation-bar"},i?a("div",{class:"navigation-bar__wrapper "+(this.navigationBarToggled?"navigation-bar__wrapper--active":"")},a("div",{class:"navigation-bar__title",onClick:()=>{this.navigationBarToggled=!this.navigationBarToggled}},a(f,{fit:!0,resource:this.currentNode.icon,placeholderResource:this.currentNode.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"navigation-bar__title__image"}),a("div",{class:"navigation-bar__title__label"},this.currentNode.value)),a(g,Object.assign({},R(this,z,"f"),{label:R(this,x,"f").language.translate(p.BACK)})),a(g,Object.assign({},R(this,j,"f"),{label:R(this,x,"f").language.translate(p.TOP)}))):null),a("div",{key:"e849e58b4cdefba66be97b76c2678390a5d994dd",class:o,style:e},...R(this,v,"m",E).call(this))))}disconnectedCallback(){R(this,x,"f").interact.unregister(R(this,M,"f")),R(this,x,"f").language.unregister(this),R(this,x,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};y=new WeakMap,x=new WeakMap,z=new WeakMap,j=new WeakMap,C=new WeakMap,W=new WeakMap,M=new WeakMap,v=new WeakSet,w=function(){let i=!1,t=this.currentNode?this.currentNode.id:"";return R(this,x,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)||(this.state.selectedTreeNodePath=t,i=!0),i},$=function(i){const t={fit:!0,resource:i.icon,placeholderResource:i.placeholderIcon,title:i.title,wrapperClass:"image-list__image",badgeData:i.badgeData},e=a(f,Object.assign({},t)),s=a("div",{class:"image-list__label"},i.value),o=t.resource.indexOf(".")>-1||t.resource.indexOf("/")>-1||t.resource.indexOf("\\")>-1;return a(d,{cell:{value:i.value,icon:i.icon,placeholderIcon:i.placeholderIcon,obj:i.obj},column:{name:"IMAGE",title:"Image"},component:this,density:h.NONE,row:Object.assign({},i)},a("div",{class:"image-list__wrapper"+(o?" images":"")},!o&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),e,s))},E=function(){const i=[],t=this.currentNode?this.currentNode.children:this.data;for(let e=0;t&&e<t.length;e++){const s=t[e],o=a("div",{onContextMenu:i=>{i.preventDefault()},class:{"image-list__item":!0,"mdc-ripple-surface":!!this.ripple}},R(this,v,"m",$).call(this,s));i.push(o)}return i},O=function(i,t){let e;if(i)for(let t=i.length-1;t>=0;t--){let a=i[t];a.tagName&&a.classList.contains("f-cell")&&(e=a["kup-get-cell-props"]())}return{cell:null==e?void 0:e.cell,column:null==e?void 0:e.column,originalEvent:t,row:null==e?void 0:e.row}},T=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},P=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},D=function(i){return R(this,v,"m",O).call(this,R(this,x,"f").getEventPath(i.target,this.rootElement),i)},I=function(){R(this,M,"f").push(R(this,C,"f")),R(this,x,"f").interact.on(R(this,C,"f"),m.HOLD,(i=>{"pen"!==i.pointerType&&"touch"!==i.pointerType||(S(this,W,!0,"f"),this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",P).call(this,i)}))})),R(this,x,"f").interact.on(R(this,C,"f"),m.TAP,(i=>{if(R(this,W,"f"))S(this,W,!1,"f");else switch(i.button){case 0:const t={};for(const e in i)t[e]=i[e];R(this,y,"f").push(setTimeout((()=>{var i;const e=R(this,v,"m",T).call(this,t),a=e.row;(null===(i=null==a?void 0:a.children)||void 0===i?void 0:i.length)>0&&(this.currentNode=a),this.kupClick.emit({comp:this,id:this.rootElement.id,details:e})}),300));break;case 2:this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",P).call(this,i)})}})),R(this,x,"f").interact.on(R(this,C,"f"),m.DOUBLETAP,(i=>{if(0===i.button){for(let i=0;i<R(this,y,"f").length;i++)clearTimeout(R(this,y,"f")[i]),R(this,x,"f").debug.logMessage(this,"Cleared clickHandler timeout("+R(this,y,"f")[i]+").");S(this,y,[],"f"),this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:R(this,v,"m",D).call(this,i)})}}))},F.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_imagelist_columns_mobile:var(--kup-imagelist-columns-mobile, 4);--kup_imagelist_columns_tablet:var(--kup-imagelist-columns-tablet, 6);--kup_imagelist_columns_desktop:var(--kup-imagelist-columns-desktop, 8);--kup_imagelist_background_color:var(\n --kup-imagelist-background-color,\n transparent\n );--kup_imagelist_columns:var(--kup-imagelist-columns, 4);--kup_imagelist_grid_gap:var(--kup-imagelist-grid-gap, var(--kup-space-03));--kup_imagelist_image_min_height:var(\n --kup-imagelist-image-min-height,\n var(--kup-space-09)\n );--kup_imagelist_item_border_radius:var(\n --kup-imagelist-item-border-radius,\n var(--kup-radius-00)\n );--kup_imagelist_item_height:var(--kup-imagelist-item-height, auto);--kup_imagelist_item_padding:var(--kup-imagelist-item-padding, 0);--kup_imagelist_item_width:var(--kup-imagelist-item-width, auto);--kup_imagelist_label_margin:var(\n --kup-imagelist-label-margin,\n 0 auto 1em auto\n );--kup_imagelist_navbar_background_color:var(\n --kup-imagelist-navbar-background-color,\n transparent\n );--kup_imagelist_primary_color:var(\n --kup-imagelist-primary-color,\n var(--kup-primary-color)\n );--kup_imagelist_primary_color_rgb:var(\n --kup-imagelist-primary-color-rgb,\n var(--kup-primary-color-rgb)\n );--kup_imagelist_text_color:var(\n --kup-imagelist-text-color,\n var(--kup-text-secondary)\n );--kup_imagelist_item_background_color:var(\n --kup-imagelist-item-background-color,\n var(--kup-layer-1)\n );--kup_imagelist_item_background_color_hover:var(\n --kup-imagelist-item-background-color-hover,\n var(--kup-layer-1-hover)\n );display:block}.navigation-bar{align-items:center;background-color:var(--kup_imagelist_navbar_background_color);display:flex;justify-content:center}.navigation-bar__wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;max-width:100%;position:relative}.navigation-bar__wrapper--active .navigation-bar__title{background-color:rgba(var(--kup_imagelist_primary_color_rgb), 0.15);color:var(--kup_imagelist_primary_color)}.navigation-bar__back,.navigation-bar__top{--kup-button-primary-color-rgb:0}.navigation-bar__title{border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;padding:0.75em 1em;user-select:none;transition:background-color 125ms, color 125ms;width:100%}.navigation-bar__title__image.f-image{margin:0}.navigation-bar__title__label{overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;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}.image-list{background-color:var(--kup_imagelist_background_color);display:grid;grid-gap:var(--kup_imagelist_grid_gap);grid-template-columns:repeat(var(--kup-imagelist-columns-mobile, var(--kup_imagelist_columns_mobile)), minmax(0px, 1fr));width:100%;grid-auto-flow:row}.image-list.full-description .f-cell .f-cell__content .image-list__wrapper .f-image.image-list__image{display:flow-root}.image-list.full-description .image-list__label{overflow:unset;text-align:center;text-overflow:unset;white-space:normal;overflow-wrap:break-word}.image-list .f-cell{height:100%;width:100%}.image-list .f-cell .f-cell__content{height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;position:relative;height:100%}.image-list .f-cell .f-cell__content .image-list__wrapper.images{height:100%;justify-content:flex-end}.image-list .f-cell .f-cell__content .image-list__wrapper.images .f-image{position:unset;overflow:auto;height:100%;display:flex}.image-list__item{background-color:var(--kup_imagelist_item_background_color);border-radius:var(--kup_imagelist_item_border_radius);cursor:pointer;height:var(--kup_imagelist_item_height);padding:var(--kup_imagelist_item_padding);width:var(--kup_imagelist_item_width)}.image-list__item:hover{background-color:var(--kup_imagelist_item_background_color_hover)}.image-list__image.f-image{position:absolute;padding:var(--kup-space-03);padding-bottom:0px;box-sizing:border-box;width:100%;height:calc(100% - 16px - var(--kup-space-03) * 2);overflow:hidden}.image-list__image.f-image .f-image__icon{mask-size:100% !important}.image-list__label{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:var(--kup-space-03);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}@media screen and (min-width: 678px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-tablet, var(--kup_imagelist_columns_tablet)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}@media screen and (min-width: 1024px){.image-list{grid-template-columns:repeat(var(--kup-imagelist-columns-desktop, var(--kup_imagelist_columns_desktop)), minmax(0px, 1fr));grid-gap:var(--kup-space-05)}}:host(.kup-full-height){height:100%}:host(.kup-full-width){width:100%}:host(.kup-horizontal) .image-list{display:flex}:host(.kup-auto-grid) .image-list{display:flex;flex-wrap:wrap;justify-content:center}";export{F as kup_image_list}
@@ -1 +1 @@
1
- import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as l,c as a,u as p}from"./p-12172cdb.js";import{c as r}from"./p-635bb4b3.js";import{F as u}from"./p-8d480c99.js";import{F as c}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-3cab6420.js";import"./p-c56195a0.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(f||(f={}));const m=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,a.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:p.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),c(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"08eefc0738bf43f53540b2985b753e4f6d636eca"},s("style",{key:"233812ade3df39cd82f66c7af937cdf6d23a8a1b"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"ac5004a45b7535c7efa2cfb4c59d70d93c0ad21b",id:r},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};m.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{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}
1
+ import{r as t,c as i,f as e,h as s,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as l,c as a,u as p}from"./p-12172cdb.js";import{c as r}from"./p-635bb4b3.js";import{F as u}from"./p-e7c1fced.js";import{F as c}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-3cab6420.js";import"./p-c56195a0.js";var f;!function(t){t.customStyle="Custom style of the component.",t.data="Props of the sub-components.",t.decimals="Defaults at false. When set to true, the component has decimals.",t.disabled="Defaults at false. When set to true, the component is disabled.",t.initialValue="Sets the initial value of the component",t.maxDecimals="when set, the component allows you to enter decimals with a maximum of characters.",t.maxIntegers="When set, the component allows you to enter integer numbers with a maximum of characters.",t.maxLength="When set, the component allows you to enter numbers with a maximum of characters, including decimals.",t.negative="Defaults at false. When set to true, the component has negative number."}(f||(f={}));const m=class{constructor(e){t(this,e),this.kupBlur=i(this,"kup-numericpicker-blur",6),this.kupChange=i(this,"kup-numericpicker-change",6),this.kupClick=i(this,"kup-numericpicker-click",6),this.kupFocus=i(this,"kup-numericpicker-focus",6),this.kupInput=i(this,"kup-numericpicker-input",6),this.kupIconClick=i(this,"kup-numericpicker-iconclick",6),this.kupItemClick=i(this,"kup-numericpicker-itemclick",6),this.kupTextFieldSubmit=i(this,"kup-numericpicker-textfieldsubmit",6),this.kupClearIconClick=i(this,"kup-numericpicker-cleariconclick",6),this.kupManager=o(),this.textfieldEl=null,this.pickerContainerEl=null,this.pickerEl={value:(new Date).toISOString(),date:new Date},this.clickCb=null,this.stateSwitcher=!1,this.value="",this.customStyle="",this.data=null,this.decimals=!1,this.disabled=!1,this.initialValue="",this.maxDecimals=null,this.maxIntegers=null,this.maxLength=null,this.negative=!1}onKupPickerItemClick(t){this.setPickerValueSelected(t),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value}),this.setFocus()}onKupClearIconClick(){this.setPickerValueSelected(""),this.kupChange.emit({comp:this,id:this.rootElement.id,value:this.value}),this.kupClearIconClick.emit({comp:this,id:this.rootElement.id})}onKupBlur(){this.kupBlur.emit({id:this.rootElement.id,value:this.value,comp:this})}onKupChange(t){this.refreshPickerValue(t.target.value,this.kupChange)}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupFocus(){this.kupFocus.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupInput(t){this.refreshPickerValue(t.target.value,this.kupInput,!0)}onkupTextFieldSubmit(t){"Enter"===t.key&&this.refreshPickerValue(t.target.value,this.kupTextFieldSubmit)}onKupIconClick(){this.isPickerOpened()?this.closePicker():this.openPicker(),this.kupIconClick.emit({comp:this,id:this.rootElement.id,value:this.value})}listenKeyup(t){this.isPickerOpened()&&("Escape"===t.key&&this.closePicker(),"Enter"===t.key&&this.setPickerValueSelected())}async getValue(){return this.value}async getProps(t){return l(this,f,t)}async refresh(){e(this)}async setFocus(){null!=this.textfieldEl&&this.textfieldEl.focus()}async setValue(t){this.value=t}refreshPickerValue(t,i,e){let s=this.kupManager.math.numberify(t,!0);if(s){let t=s.toString();const h=t.indexOf(".");let n=h>-1?t.substring(0,h):t,o=h>-1?t.substring(h+1):"";for(this.maxIntegers&&n.length>this.maxIntegers&&(n=n.substring(n.length-this.maxIntegers)),this.maxDecimals&&o.length>this.maxDecimals&&(o=o.substring(0,this.maxDecimals));this.maxLength&&n.length+o.length>this.maxLength;)o.length>1?o=o.substring(0,o.length-1):n.length>1&&(n=n.substring(1));t=h>-1?`${n}.${o}`:n,1!=e&&this.setValue(t),null!=i&&i.emit({id:this.rootElement.id,value:t})}}setPickerValueSelected(t){1!=this.disabled&&(null==t&&(t=this.getPickerValueSelected()),this.closePicker(),null!=t&&this.setValue(t))}getPickerValueSelected(){return this.pickerEl.value}getValueForPickerComponent(){return this.value}openPicker(){const t=this.textfieldEl;this.pickerContainerEl.menuVisible=!0;const i=this.pickerContainerEl.style;i.height="auto",i.minWidth=this.textfieldEl.parentElement.clientWidth+"px",null!=t&&t.classList.add("toggled"),this.kupManager.dynamicPosition.isRegistered(this.pickerContainerEl)?this.kupManager.dynamicPosition.changeAnchor(this.pickerContainerEl,this.textfieldEl.parentElement):this.kupManager.dynamicPosition.register(this.pickerContainerEl,this.textfieldEl.parentElement,0,a.AUTO,!0),this.kupManager.dynamicPosition.start(this.pickerContainerEl),this.clickCb||(this.clickCb={cb:()=>{this.closePicker()},el:this.pickerContainerEl}),this.kupManager.addClickCallback(this.clickCb,!0)}closePicker(){if(this.kupManager.removeClickCallback(this.clickCb),!this.isPickerOpened())return;let t=this.textfieldEl;null!=t&&t.classList.remove("toggled"),this.pickerContainerEl.menuVisible=!1,this.kupManager.dynamicPosition.stop(this.pickerContainerEl)}isPickerOpened(){return 1==this.pickerContainerEl.menuVisible}getTextFieldId(){return this.textfieldEl.id}prepTextfield(){this.decimals||this.maxIntegers||(this.maxIntegers=17),!this.decimals||this.maxIntegers||this.maxDecimals||(this.maxIntegers=15,this.maxDecimals=2);const t=this.rootElement.classList.contains("kup-full-height"),i=this.rootElement.classList.contains("kup-full-width"),e=Object.assign({},this.data["kup-text-field"]);return e.icon||(e.icon="calculator"),e.icon&&(e.trailingIcon=!0),s(u,Object.assign({},e,{disabled:this.disabled,fullHeight:t,fullWidth:i,id:this.rootElement.id+"_text-field",value:this.kupManager.math.numbers.toLocaleString(this.value),onBlur:()=>this.onKupBlur(),onChange:t=>this.onKupChange(t),onClearIconClick:()=>this.onKupClearIconClick(),onClick:()=>this.onKupClick(),onFocus:()=>this.onKupFocus(),onIconClick:()=>this.onKupIconClick(),onKeyDown:t=>this.onkupTextFieldSubmit(t),onInput:t=>this.onKupInput(t)}),this.prepPicker())}prepPicker(){return s("kup-card",{ref:t=>this.pickerContainerEl=t,data:{options:{decimals:this.decimals,initialValue:this.value,maxDecimals:this.maxDecimals,maxIntegers:this.maxIntegers,maxLength:this.maxLength,negative:this.negative,resetStatus:!0}},layoutFamily:p.BUILT_IN,layoutNumber:5,sizeX:"300px",sizeY:"auto",isMenu:!0,"onkup-card-click":t=>{null!=t.detail.value&&this.onKupPickerItemClick(t.detail.value)}})}componentWillLoad(){this.kupManager.dates.register(this),this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.value=this.initialValue,this.data||(this.data={"kup-text-field":{}})}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelector(".f-text-field");i&&(this.textfieldEl=i.querySelector("input"),c(i))}this.kupManager.debug.logRender(this,!0)}render(){return s(h,{key:"08eefc0738bf43f53540b2985b753e4f6d636eca"},s("style",{key:"233812ade3df39cd82f66c7af937cdf6d23a8a1b"},this.kupManager.theme.setKupStyle(this.rootElement)),s("div",{key:"ac5004a45b7535c7efa2cfb4c59d70d93c0ad21b",id:r},this.prepTextfield()))}disconnectedCallback(){this.kupManager.dates.unregister(this),this.kupManager.theme.unregister(this),this.pickerContainerEl&&this.pickerContainerEl.remove()}get rootElement(){return n(this)}};m.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{display:block;font-size:var(--kup-font-size)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}";export{m as kup_numeric_picker}
@@ -1 +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-914666f6.js";import{p as P,r as M,F as R}from"./p-8dbf6cba.js";import{F as A}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-e21bb266.js";import"./p-e3062c19.js";import"./p-9f9428d1.js";import"./p-e514c982.js";import"./p-8d480c99.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
+ 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-58452b30.js";import{p as P,r as M,F as R}from"./p-8dbf6cba.js";import{F as A}from"./p-7db300e0.js";import"./p-1ee561ba.js";import"./p-e21bb266.js";import"./p-e3062c19.js";import"./p-9f9428d1.js";import"./p-479d8720.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}
@@ -0,0 +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-e21bb266.js";import{F as a,f as u}from"./p-58452b30.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-479d8720.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:"ba042c0dbd3b277fd49cc1db134c2977a6124bb2","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:"807ca95b5cd258a9bb7379e6bc82f0f0fc1bd2dc"},ti(this,N,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"c079410c1a837fb0019db5c03f15428019aa61c9",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 +1 @@
1
- import{h as o}from"./p-710d0a7d.js";import{a as t,k as e,c as n}from"./p-12172cdb.js";import{F as c}from"./p-e21bb266.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-8d480c99.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
1
+ import{h as o}from"./p-710d0a7d.js";import{a as t,k as e,c as n}from"./p-12172cdb.js";import{F as c}from"./p-e21bb266.js";import{a as i}from"./p-e3062c19.js";import{F as l}from"./p-e7c1fced.js";const s=new WeakMap,r=e=>{var n;let s;return o("div",{class:`f-object-field ${e.wrapperClass?e.wrapperClass:""}`,ref:async o=>{o&&(e.root=o,p(e))}},o("div",{class:"fields-wrapper"},o(l,Object.assign({icon:"search",trailingIcon:!0,disabled:!1},null===(n=e.cell)||void 0===n?void 0:n.data,{attachHelperSection:o=>(s=o,!1),value:e.inputValue,onChange:e.onChange,onIconClick:d.icon.bind(e),onInput:d.input.bind(e),onKeyDown:d.keydown.bind(e)})),o(c,{icon:"menu",onClick:d.button.bind(e),sizing:t.SMALL,styling:i.FLAT,wrapperClass:"obj-field-extra-btn"})),s,o("kup-toolbar",{"onKup-toolbar-click":d.toolbar.bind(e)}))};function a(o){const{cell:t}=o,n=s.get(t),{clickCb:c}=n,{toolbar:i}=u(n),l=e();l.dynamicPosition.stop(i),l.removeClickCallback(c),i.style.display="none",n.isListOpened=!1}const u=o=>{const{children:t,clickCb:e,root:n}=o;return Object.keys(o.children).length||(t.button=n.querySelector(".f-button"),t.textfield=n.querySelector(".f-text-field"),t.toolbar=n.querySelector("kup-toolbar"),e.el=t.toolbar),t},p=o=>{const{cell:t,root:e}=o,n=s.get(t);s.set(t,n?Object.assign(Object.assign({},n),{root:e,children:u(n)}):{children:{},clickCb:{cb:a.bind(a,o)},inputValue:o.inputValue,isListOpened:!1,root:e})},b=(o,t,e)=>{const{cell:n,column:c,row:i,root:l}=o,{children:r,inputValue:a}=s.get(n),u=new CustomEvent(t,{bubbles:!0,cancelable:!0,composed:!0,detail:{cell:n,children:r,column:c,inputValue:a,originalEvent:e,row:i}});l.dispatchEvent(u)},d={button:function(o){(function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i}=c;i?a(o):function(o){const{cell:t}=o,c=s.get(t),{isListOpened:i,clickCb:l}=c,{button:r,toolbar:a}=u(c);if(i)return;const p=e();p.dynamicPosition.isRegistered(a)?p.dynamicPosition.changeAnchor(a,r):p.dynamicPosition.register(a,r,0,n.AUTO,!1),p.dynamicPosition.start(a),p.addClickCallback(l,!0),a.style.display="block",c.isListOpened=!0}(o)})(this),b(this,"kup-objectfield-opensearchmenu",o)},icon:function(o){b(this,"kup-objectfield-searchpayload",o)},input:function(o){const{cell:t}=this;s.get(t).inputValue=o.target.value},keydown:function(o){"F4"===o.code&&(o.preventDefault(),o.stopPropagation(),b(this,"kup-objectfield-searchpayload",o))},toolbar:function(o){a(this),b(this,"kup-objectfield-selectedmenuitem",o)}};export{r as F}
@@ -1 +1 @@
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 w,e as O}from"./p-12172cdb.js";import{F as x}from"./p-e21bb266.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-e514c982.js";import{F as I}from"./p-8d480c99.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 O=a.cell,B=a.column,z=a.row,R=a.shape?a.shape:O.shape?O.shape:B.shape?B.shape:null,L=!H.ketchup.objects.isEmptyKupObj(O.obj);let K=!1;O.hasOwnProperty("isEditable")?K=O.isEditable:B.hasOwnProperty("isEditable")&&(K=B.isEditable),K=K&&a.editable,O.data=null!==(r=Y(O,B))&&void 0!==r?r:O.data;const M=a.previousValue!==O.value?O.value:"",T=H.ketchup.data.cell.getType(O,R),S="extra_dense"===a.density?"extra-small":null===(s=O.data)||void 0===s?void 0:s.sizing,W=Object.assign(Object.assign(Object.assign(Object.assign({},O.data),(null==O?void 0:O.icon)?{resource:O.icon}:{}),(null==O?void 0:O.placeholderIcon)?{placeholderResource:O.placeholderIcon}:{}),S?{sizing:S}:{});let U=O.cssClass?O.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(O),"c-input-lowercase":w(O),"monospace c-pre":null===(u=O.data)||void 0===u?void 0:u.legacyLook};let Z=M;O.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,O),K&&t.includes(T)?(O.data.showMarker=null!==(v=O.tooltip)&&void 0!==v&&v,Z=function(a,n,t,o,i){var r,s,u,d,v,m,h,j,w,O,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.stopPropagation():/^F[1-9]|F1[0-2]$/.test(e.key)&&ce(e,i,a,g.UPDATE)};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===(w=t.slotData)||void 0===w?void 0:w.id,error:t.data.error,showMarker:null!==(O=t.tooltip)&&void 0!==O&&O,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;r&&s?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,O,B,a)):O.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,O),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:return le(s)&&(n[c.C_CENTERED]=!0),e(x,Object.assign({},t,{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,O,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,O,a),P[c.INDICATOR_TOPRIGHT]=null!==(m=O.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,O,B,a));let q=null;!K&&(B.icon||O.icon)&&Z&&T!=l.IMAGE&&T!=l.ICON&&(q=e(C,Object.assign({},{color:`rgba(var(${i.TEXT}-rgb), 0.375)`,resource:O.icon?O.icon:B.icon,placeholderResource:O.placeholderIcon?O.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let Q=null;H.ketchup.debug.isDebug()&&L?Q=O.obj.t+"; "+O.obj.p+"; "+O.obj.k+";":null!=O.title&&""!=O.title.trim()&&(Q=O.title);let J=null;if(O.info){const a=Object.assign({},O.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=>O.element=e,style:O.style},e("div",{class:"f-cell__content",style:O.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():w(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,O.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}
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 w,e as O}from"./p-12172cdb.js";import{F as x}from"./p-e21bb266.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-479d8720.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 O=a.cell,B=a.column,z=a.row,R=a.shape?a.shape:O.shape?O.shape:B.shape?B.shape:null,L=!H.ketchup.objects.isEmptyKupObj(O.obj);let K=!1;O.hasOwnProperty("isEditable")?K=O.isEditable:B.hasOwnProperty("isEditable")&&(K=B.isEditable),K=K&&a.editable,O.data=null!==(r=Y(O,B))&&void 0!==r?r:O.data;const M=a.previousValue!==O.value?O.value:"",T=H.ketchup.data.cell.getType(O,R),S="extra_dense"===a.density?"extra-small":null===(s=O.data)||void 0===s?void 0:s.sizing,W=Object.assign(Object.assign(Object.assign(Object.assign({},O.data),(null==O?void 0:O.icon)?{resource:O.icon}:{}),(null==O?void 0:O.placeholderIcon)?{placeholderResource:O.placeholderIcon}:{}),S?{sizing:S}:{});let U=O.cssClass?O.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(O),"c-input-lowercase":w(O),"monospace c-pre":null===(u=O.data)||void 0===u?void 0:u.legacyLook};let Z=M;O.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,O),K&&t.includes(T)?(O.data.showMarker=null!==(v=O.tooltip)&&void 0!==v&&v,Z=function(a,n,t,o,i){var r,s,u,d,v,m,h,j,w,O,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.stopPropagation():/^F[1-9]|F1[0-2]$/.test(e.key)&&ce(e,i,a,g.UPDATE)};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===(w=t.slotData)||void 0===w?void 0:w.id,error:t.data.error,showMarker:null!==(O=t.tooltip)&&void 0!==O&&O,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;r&&s?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,O,B,a)):O.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,O),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:return le(s)&&(n[c.C_CENTERED]=!0),e(x,Object.assign({},t,{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,O,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,O,a),P[c.INDICATOR_TOPRIGHT]=null!==(m=O.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,O,B,a));let q=null;!K&&(B.icon||O.icon)&&Z&&T!=l.IMAGE&&T!=l.ICON&&(q=e(C,Object.assign({},{color:`rgba(var(${i.TEXT}-rgb), 0.375)`,resource:O.icon?O.icon:B.icon,placeholderResource:O.placeholderIcon?O.placeholderIcon:B.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"})));let Q=null;H.ketchup.debug.isDebug()&&L?Q=O.obj.t+"; "+O.obj.p+"; "+O.obj.k+";":null!=O.title&&""!=O.title.trim()&&(Q=O.title);let J=null;if(O.info){const a=Object.assign({},O.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=>O.element=e,style:O.style},e("div",{class:"f-cell__content",style:O.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():w(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,O.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}