@sme.up/ketchup 11.0.0-SNAPSHOT-20241127135309 → 11.0.0-SNAPSHOT-20241128133127

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 (41) hide show
  1. package/dist/cjs/{f-cell-7ac77d09.js → f-cell-2ff0dc79.js} +2 -2
  2. package/dist/cjs/f-cell-2ff0dc79.js.map +1 -0
  3. package/dist/cjs/kup-autocomplete_28.cjs.entry.js +1 -1
  4. package/dist/cjs/kup-box.cjs.entry.js +1 -1
  5. package/dist/cjs/kup-cell.cjs.entry.js +1 -1
  6. package/dist/cjs/kup-image-list.cjs.entry.js +1 -1
  7. package/dist/cjs/kup-input-panel.cjs.entry.js +1 -1
  8. package/dist/cjs/kup-manager-3278d3e7.js.map +1 -1
  9. package/dist/collection/f-components/f-cell/f-cell.js +1 -1
  10. package/dist/collection/f-components/f-cell/f-cell.js.map +1 -1
  11. package/dist/collection/managers/kup-data/kup-data-declarations.js.map +1 -1
  12. package/dist/components/kup-autocomplete2.js +1 -1
  13. package/dist/components/kup-autocomplete2.js.map +1 -1
  14. package/dist/components/kup-manager.js.map +1 -1
  15. package/dist/esm/{f-cell-283b3f5b.js → f-cell-2f9f4e66.js} +2 -2
  16. package/dist/esm/f-cell-2f9f4e66.js.map +1 -0
  17. package/dist/esm/kup-autocomplete_28.entry.js +1 -1
  18. package/dist/esm/kup-box.entry.js +1 -1
  19. package/dist/esm/kup-cell.entry.js +1 -1
  20. package/dist/esm/kup-image-list.entry.js +1 -1
  21. package/dist/esm/kup-input-panel.entry.js +1 -1
  22. package/dist/esm/kup-manager-3b90110b.js.map +1 -1
  23. package/dist/ketchup/ketchup.esm.js +1 -1
  24. package/dist/ketchup/{p-e40e3a72.js → p-405214a3.js} +2 -2
  25. package/dist/ketchup/p-405214a3.js.map +1 -0
  26. package/dist/ketchup/{p-ae91cd5b.entry.js → p-52d05222.entry.js} +2 -2
  27. package/dist/ketchup/{p-a836e463.entry.js → p-5bb0087a.entry.js} +2 -2
  28. package/dist/ketchup/{p-219ede32.entry.js → p-6348a9fd.entry.js} +2 -2
  29. package/dist/ketchup/{p-ce9d2c4a.entry.js → p-6e218db0.entry.js} +2 -2
  30. package/dist/ketchup/p-ed30fa84.js.map +1 -1
  31. package/dist/ketchup/{p-4a8b3d06.entry.js → p-f6b46f3d.entry.js} +2 -2
  32. package/dist/types/managers/kup-data/kup-data-declarations.d.ts +1 -0
  33. package/package.json +1 -1
  34. package/dist/cjs/f-cell-7ac77d09.js.map +0 -1
  35. package/dist/esm/f-cell-283b3f5b.js.map +0 -1
  36. package/dist/ketchup/p-e40e3a72.js.map +0 -1
  37. /package/dist/ketchup/{p-ae91cd5b.entry.js.map → p-52d05222.entry.js.map} +0 -0
  38. /package/dist/ketchup/{p-a836e463.entry.js.map → p-5bb0087a.entry.js.map} +0 -0
  39. /package/dist/ketchup/{p-219ede32.entry.js.map → p-6348a9fd.entry.js.map} +0 -0
  40. /package/dist/ketchup/{p-ce9d2c4a.entry.js.map → p-6e218db0.entry.js.map} +0 -0
  41. /package/dist/ketchup/{p-4a8b3d06.entry.js.map → p-f6b46f3d.entry.js.map} +0 -0
package/dist/ketchup/{p-a836e463.entry.js → p-5bb0087a.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as e,f as i,h as o,H as s,d as n}from"./p-d7c15b0e.js";import{k as r,y as a,g as l,s as h,a1 as c,v as p,h as u,b as d,e as f,N as b,R as x,aw as g,V as m,E as k}from"./p-ed30fa84.js";import{f as w,p as v,s as y}from"./p-a732acc2.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-1d4dac33.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-e40e3a72.js";import{p as P,r as M,F as R}from"./p-7f9cc866.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-10dfd311.js";import"./p-d4a879fc.js";var I;(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={}));var E;(function(t){t["CONSTANT"]="constant";t["CONSTANT_INCREMENT"]="constant_increment";t["PROGRESSIVE_THRESHOLD"]="progressive_threshold"})(E||(E={}));class S{constructor(){this.globalFilterValue="";this.sortBy="";this.selectedRowsState="";this.pageSelected=1;this.rowsPerPage=0;this.load=false;this.loadMoreLimit=1e3;this.showLoadMore=false}toDebugString(){return"box state"}}const O=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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)}";const D=O;var W=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var T,$,L,F,H,N,G,V,q;const K=class{constructor(i){t(this,i);this.kupBoxClick=e(this,"kup-box-click",6);this.kupBoxSelected=e(this,"kup-box-selected",6);this.kupAutoBoxSelect=e(this,"kup-box-autoselect",6);this.kupRowActionMenuClick=e(this,"kup-box-rowactionmenuclick",6);this.kupRowActionClick=e(this,"kup-box-rowactionclick",6);this.kupDidLoad=e(this,"kup-box-didload",6);this.kupDidUnload=e(this,"kup-box-didunload",6);this.kupBoxContextMenu=e(this,"kup-box-contextmenu",6);this.kupLoadMoreClick=e(this,"kup-box-loadmoreclick",6);T.add(this);this.state=new S;this.kupManager=r();this.visibleColumns=[];this.rows=[];this.filteredRows=[];this.sectionRef=null;this.rowsRefs=[];this.hold=false;this.interactableDrag=[];this.interactableDrop=[];this.interactableTouch=[];$.set(this,undefined);L.set(this,[]);F.set(this,0);H.set(this,0);N.set(this,0);this.collapsedSection={};this.selectedRows=[];this.rowActionMenuOpened=undefined;this.currentPage=1;this.currentRowsPerPage=10;this.cardData=null;this.columns=1;this.customStyle="";this.data=null;this.dragEnabled=false;this.dropEnabled=false;this.dropOnSection=false;this.editableData=false;this.enableRowActions=false;this.globalFilter=false;this.globalFilterValue="";this.kanban=null;this.layout=undefined;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.loadMoreMode=E.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.multiSelection=false;this.pageSelected=1;this.pagination=false;this.rowsPerPage=undefined;this.scrollOnHover=false;this.selectBox=undefined;this.selectedRowsState=undefined;this.showLoadMore=false;this.showSelection=true;this.sortBy=undefined;this.sortEnabled=false;this.stateId="";this.store=undefined;this.swipeDisabled=false}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t);this.sortBy=this.state.sortBy;this.globalFilterValue=this.state.globalFilterValue;this.selectedRowsState=this.state.selectedRowsState;this.pageSelected=this.state.pageSelected;this.rowsPerPage=this.state.rowsPerPage;this.loadMoreLimit=t.loadMoreLimit;this.showLoadMore=t.showLoadMore}}}persistState(){if(this.store&&this.stateId){let t=false;if(!this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)){this.state.sortBy=this.sortBy;t=true}if(!this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}const e=this.selectedRows.reduce(((t,e,i)=>{const o=i>0?";":"";return t+o+e.id}),"");if(!this.kupManager.objects.deepEqual(this.state.selectedRowsState,e)){this.state.selectedRowsState=e;t=true}if(!this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state);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 l(this,I,t)}async loadRowActions(t,e){t.actions=e;this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){h(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows();if(this.globalFilter&&this.globalFilterValue){this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)}this.rows=this.sortRows(this.filteredRows);if(this.pagination){this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,false)}}sortRows(t){let e=t;if(this.sortBy){e=y(e,this.toSortObjectList())}return e}toSortObjectList(){const t=this.sortBy.split("|").map((t=>{const e=t.split(",");const i={column:e[0],sortMode:e.length>1?c[e[1]]:c.A};return i}));return t}checkScrollOnHover(){if(this.boxContainer){if(!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)){if(this.scrollOnHover){this.kupManager.scrollOnHover.register(this.boxContainer)}}else{if(!this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}}}}checkLayout(){if(this.layout){this.boxLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;let o=[];let s=0;while(i-- >0){o.push({column:e[s++].name})}t.content=o;this.boxLayout={sections:[t]}}onSortChange(t){let e=p(this.visibleColumns,t.detail.value);this.sortBy=e.name}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}isSectionExpanded(t,e){if(!t.id||!e.id){return false}return this.collapsedSection[e.id]&&this.collapsedSection[e.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,e){let i=null;let o=null;let s=null;let n=null;if(t){for(let e=t.length-1;e>=0;e--){let o=t[e];if(!o.tagName){continue}switch(o.tagName.toUpperCase()){default:{if(o.classList.contains("box-object")){i=o}if(!s&&o["data-row"]){s=o["data-row"]}break}}}}if(i){if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();o=t.cell;n=t.column;s=t.row}else{o=i["data-cell"];s=i["data-row"];n=p(this.visibleColumns,i.dataset.column)}}return{boxObject:i?i:null,column:n?n:null,cell:o?o:null,originalEvent:e,row:s?s:null}}clickHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);if(e.row){if(this.multiSelection){this.onSelectionCheckChange(e.row)}else{this.selectedRows=[e.row]}}return e}contextMenuHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);return e}checkIfElementIsActionMenuIcon(t){if(t.tagName&&t.parentElement){return t.tagName==="svg"&&t.parentElement.classList.contains("row-actions-toggler")}return false}onSelectionCheckChange(t){var e=-1;for(let i=0;i<this.selectedRows.length;i++){const o=this.selectedRows[i];if(o.id===t.id){e=i;break}}if(e>=0){this.selectedRows.splice(e,1);this.selectedRows=[...this.selectedRows]}else{this.selectedRows=[...this.selectedRows,t]}this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,e){if(!e.id){console.error("cannot expand / collapse a section withoun an ID");return}if(!t.id){console.error("cannot expand / collapse a section of a row without ad id");return}if(!this.collapsedSection[e.id]){this.collapsedSection[e.id]={};this.collapsedSection[e.id][t.id]=true}else{const i=this.collapsedSection[e.id];if(!i[t.id]){i[t.id]=true}else{i[t.id]=!i[t.id]}}this.collapsedSection=Object.assign({},this.collapsedSection)}onRowAction(t){if(!t){return}if(t===this.rowActionMenuOpened){this.rowActionMenuOpened=null;return}if(t.actions){this.rowActionMenuOpened=t}else{this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t})}}onRowActionClick(t,e,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:e,index:i})}clickFunction(t){try{const e=t.composedPath();for(let t of e){if(this.checkIfElementIsActionMenuIcon(t)){return}}}catch(e){if(this.checkIfElementIsActionMenuIcon(t.target)){return}}this.rowActionMenuOpened=null}handlePageChange(t){const e=P(t,this.filteredRows.length,this.currentRowsPerPage);if(e){this.currentPage=e}}handleRowsPerPageChange(t){const e=M(t,this.filteredRows.length);if(e){this.currentRowsPerPage=e;this.adjustPaginator()}}adjustPaginator(){const t=this.rows.length;const e=Math.ceil(t/this.currentRowsPerPage);if(this.currentPage>e){this.currentPage=1}}renderSectionAsCard(t){let e=false;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let e=0;e<this.data.columns.length;e++){const o=this.data.columns[e];if(o.visible!==false){i.cell.push(t.cells[o.name]);i.columns.push(o)}}for(const e in t.cells){if(t.cells.hasOwnProperty(e)){const o=t.cells[e];if(o.cardID!==undefined&&o.obj){switch(o.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<o.cardID);i.button[o.cardID]={label:o.value};break;case"IMG":do{i.image.push({})}while(i.image.length<o.cardID);i.image[o.cardID]={resource:o.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<o.cardID);i.progressbar[o.cardID]={value:o.value};break;default:do{i.text.push("")}while(i.text.length<o.cardID);i.text[o.cardID]=o.value;break}}}}for(const o in t.cells){if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(s.cardID===undefined&&s.obj){e=false;switch(s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++){if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value};e=true;break}}if(!e){i.button.push({label:s.value})}break;case"IMG":for(let t=0;t<i.image.length;t++){if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value};e=true;break}}if(!e){i.image.push({resource:s.value})}break;case"PGB":for(let t=0;t<i.progressbar.length;t++){if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value};e=true;break}}if(!e){i.progressbar.push({value:s.value})}break;default:for(let t=0;t<i.text.length;t++){if(i.text[t]===""){i.text[t]=s.value;e=true;break}}if(!e){i.text.push(s.value)}break}}}}return o("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const e=[...this.visibleColumns];let i=null;let s=t.layout;if(!s){s=this.boxLayout}let n=false;if(s){if(s.horizontal){n=true}const o=s.sections;let r=o.length;let a=0;if(r>0){i=[]}const l={horizontal:n};while(r-- >0){if(this.cardData!==null&&this.cardData!==undefined&&typeof this.cardData==="object"){i.push(this.renderSectionAsCard(t))}else{i.push(this.renderSection(o[a++],l,t,e))}}}var r=false;for(let e of this.selectedRows){if(e.id===t.id){r=true}}let a=null;if(this.multiSelection){a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r}))}let l=null;if(this.enableRowActions&&!this.swipeDisabled){const e={"row-action-menu":true,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const e=t.actions.map(((e,i)=>{const s=`icon ${e.icon}`;return o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,e,i)},o("div",{class:s}),o("div",{class:"text"},e.text))}));i=o("ul",null,e)}l=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:e},i)))}let h=null;if(t.badgeData&&t.badgeData.length>0){h=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t["className"]?`centered ${t["className"]}`:"centered",imageData:t.imageData})))}const c={box:true,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n};const p=t.style||{};return o("div",{class:"box-wrapper",style:p,ref:t=>{if(t){W(this,L,"f").push(t)}}},o("div",{class:c,"data-row":t,ref:t=>this.rowsRefs.push(t)},a,i,h),l)}renderSection(t,e,i,s){let n=null;if(t.sections&&t.sections.length>0){const e=t.sections;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderSection(e[r++],t,i,s))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderBoxObject({boxObject:e[r++],row:i,visibleColumns:s},true))}}else if(s.length>0){const t=s[0];n=this.renderBoxObject({boxObject:{column:t.name},row:i,visibleColumns:s})}const r=this.isSectionExpanded(i,t);const a=!!t.columns;const l={"box-section":true,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||t.sections.length===0};const h=t.style||{};if(t.dim&&e){h.flex=`0 0 ${t.dim}`;h.overflow="hidden";if(e.horizontal){h.maxWidth=t.dim}else{h.maxHeight=t.dim}}if(a){h["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}let c=null;if(t.collapsible){l["collapse-section"]=true;const e={content:true};let s="";if(t.title){s=t.title}else if(r){s=this.kupManager.language.translate(u.COLLAPSE)}else{s=this.kupManager.language.translate(u.EXPAND)}c=o("div",{class:l,style:h},o("div",{class:e},n),o("div",{class:"header",role:"button",onClick:e=>{e.stopPropagation();this.toggleSectionExpand(i,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const e=t.title?o("h3",null,t.title):null;c=o("div",{class:l,style:h},e,n)}return c}renderBoxObject({boxObject:t,row:e,visibleColumns:i},s){const n={"box-object":true};const r={};let a=null;let l=-1;for(let e=0;e<i.length;e++){const o=i[e];if(o.name===t.column){l=e;break}}if(l>=0){a=i[l];i.splice(l,1)}else if(s){a=this.data.columns.find((e=>e.name===t.column))}const h=e.cells[t.column];let c=undefined;if(h&&!this.kupManager.objects.isEmptyKupObj(h.obj)){n["is-obj"]=true;if(this.kupManager.debug.isDebug()){c=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"}}const p={cell:h,column:a,component:this,editable:this.editableData,renderKup:true,row:e,setSizes:true,shape:t.shape};return o("div",{"data-cell":h,"data-row":e,"data-column":t.column,class:n,style:r,title:c},h&&a?o(z,Object.assign({},p)):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||this.kanban.columns.length===0){this.kupManager.debug.logMessage(this,"No columns to group by detected.",f.ERROR);return{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(u.EMPTY_DATA)),style:{"grid-template-columns":`repeat(1, 1fr)`}}}const t=[];if(this.kanban.labels){for(let e=0;e<this.kanban.labels.length;e++){const i=this.kanban.labels[e];t.push({labels:i,nodes:[]})}}for(let e=0;e<this.rows.length;e++){let i=[];for(let t=0;t<this.kanban.columns.length;t++){try{i.push(this.rows[e].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING)}}const o={found:false,index:null};for(let e=0;e<t.length;e++){let s=t[e].labels;let n=true;for(let t=0;t<s.length;t++){if(i[t]!==s[t]){n=false;break}}if(n){o.found=true;o.index=e;break}}if(o.found){t[o.index].nodes.push(this.renderRow(this.rows[e]))}else{t.push({labels:i,nodes:[this.renderRow(this.rows[e])]})}}const e=[];for(let i=0;i<t.length;i++){const s=t[i].labels;const n={data:[]};for(let t=0;t<s.length;t++){n.data.push({value:s[t],id:s[t]})}e.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),t[i].nodes))}return{jsx:e,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);const t=t=>{var e;if(this.hold){this.hold=false;return}switch(t.button){case 0:const i={};for(const e in t){i[e]=t[e]}const o=this.clickHandler(i);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:(e=o.column)===null||e===void 0?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};this.kupManager.interact.on(this.boxContainer,b.TAP,t);this.kupManager.interact.on(this.boxContainer,b.HOLD,e)}didRenderInteractables(){if(this.dragEnabled){for(let t=0;t<this.rowsRefs.length;t++){const e=this.rowsRefs[t];const i=()=>{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}};if(e&&!this.interactableDrag.includes(e)){this.interactableDrag.push(e);this.kupManager.interact.draggable(e,{allowFrom:".box-object",cursorChecker(){return null}},{callback:i},x.BADGE)}}}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t){this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",f.WARNING);return}const e=this.kupManager.getEventPath(t,this.rootElement);const i=this.getEventDetails(e);return{cell:i.cell,column:i.column,id:this.rootElement.id,row:i.row}};if(!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 e=0;e<this.rowsRefs.length;e++){const i=this.rowsRefs[e];if(i&&!this.interactableDrop.includes(i)){this.interactableDrop.push(i);this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX})}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);if(this.rowsPerPage){this.currentRowsPerPage=this.rowsPerPage}if(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.onDataChanged();this.adjustPaginator();if(document.querySelector(".header")){B(this,F,document.querySelector(".header").clientHeight,"f")}else{B(this,F,0,"f")}if(document.querySelector(".topbar")){B(this,F,W(this,F,"f")+document.querySelector(".topbar").clientHeight,"f")}W(this,T,"m",V).call(this)}componentDidLoad(){this.handleAutomaticBoxSelection();document.addEventListener("click",this.clickFunction.bind(this));this.currentPage=this.pageSelected;if(this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((e=>t.indexOf(e.id)>=0))}this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){A(e[t])}}this.checkScrollOnHover();this.persistState();this.didRenderInteractables();W(this,T,"m",G).call(this);this.kupManager.debug.logRender(this,true)}render(){B(this,L,[],"f");const t=!!(typeof this.kanban==="object"&&this.kanban!==null);let e=null;if(this.sortEnabled){const t=this.visibleColumns.map((t=>{const e={value:t.title,id:t.name,selected:t.name===this.sortBy};return e}));const i=[{value:"",id:""},...t];let s={label:this.kupManager.language.translate(u.SORT_BY),trailingIcon:true};let n={data:i,selectable:true};let r={"kup-text-field":s,"kup-list":n};e=o("div",{id:"sort-panel"},o("kup-combobox",{data:r,initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;if(this.globalFilter){i=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:true,label:this.kupManager.language.translate(k.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}let n=null;if(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,onLoadMore:this.showLoadMore?()=>{W(this,T,"m",q).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;let a={};if(this.rows.length===0){r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(u.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 e=t.length;let i=0;r=[];while(e-- >0){r.push(this.renderRow(t[i++]))}}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:C},o("div",{class:"box-component",ref:t=>this.sectionRef=t},e,i,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);if(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"]}}};$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,N=new WeakMap,T=new WeakSet,G=function t(){if(this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length){W(this,$,"f").observe(W(this,L,"f")[W(this,L,"f").length-1])}},V=function t(){const e=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=this.data.rows.length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row");W(this,$,"f").unobserve(t.target)}}))};const i={threshold:0,rootMargin:"-"+W(this,F,"f")+"px 0px 0px 0px"};B(this,$,new IntersectionObserver(e,i),"f")},q=function t(){var e;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(W(this,H,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(W(this,N,"f"),this.loadMoreStep)*Math.min(W(this,H,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});B(this,N,i,"f");B(this,H,(e=W(this,H,"f"),e++,e),"f")};K.style=D;export{K as kup_box};
2
- //# sourceMappingURL=p-a836e463.entry.js.map
1
+ import{r as t,c as e,f as i,h as o,H as s,d as n}from"./p-d7c15b0e.js";import{k as r,y as a,g as l,s as h,a1 as c,v as p,h as u,b as d,e as f,N as b,R as x,aw as g,V as m,E as k}from"./p-ed30fa84.js";import{f as w,p as v,s as y}from"./p-a732acc2.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-1d4dac33.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-405214a3.js";import{p as P,r as M,F as R}from"./p-7f9cc866.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-e3062c19.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-10dfd311.js";import"./p-d4a879fc.js";var I;(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={}));var E;(function(t){t["CONSTANT"]="constant";t["CONSTANT_INCREMENT"]="constant_increment";t["PROGRESSIVE_THRESHOLD"]="progressive_threshold"})(E||(E={}));class S{constructor(){this.globalFilterValue="";this.sortBy="";this.selectedRowsState="";this.pageSelected=1;this.rowsPerPage=0;this.load=false;this.loadMoreLimit=1e3;this.showLoadMore=false}toDebugString(){return"box state"}}const O=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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)}";const D=O;var W=undefined&&undefined.__classPrivateFieldGet||function(t,e,i,o){if(i==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof e==="function"?t!==e||!o:!e.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return i==="m"?o:i==="a"?o.call(t):o?o.value:e.get(t)};var B=undefined&&undefined.__classPrivateFieldSet||function(t,e,i,o,s){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof e==="function"?t!==e||!s:!e.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?s.call(t,i):s?s.value=i:e.set(t,i),i};var T,$,L,F,H,N,G,V,q;const K=class{constructor(i){t(this,i);this.kupBoxClick=e(this,"kup-box-click",6);this.kupBoxSelected=e(this,"kup-box-selected",6);this.kupAutoBoxSelect=e(this,"kup-box-autoselect",6);this.kupRowActionMenuClick=e(this,"kup-box-rowactionmenuclick",6);this.kupRowActionClick=e(this,"kup-box-rowactionclick",6);this.kupDidLoad=e(this,"kup-box-didload",6);this.kupDidUnload=e(this,"kup-box-didunload",6);this.kupBoxContextMenu=e(this,"kup-box-contextmenu",6);this.kupLoadMoreClick=e(this,"kup-box-loadmoreclick",6);T.add(this);this.state=new S;this.kupManager=r();this.visibleColumns=[];this.rows=[];this.filteredRows=[];this.sectionRef=null;this.rowsRefs=[];this.hold=false;this.interactableDrag=[];this.interactableDrop=[];this.interactableTouch=[];$.set(this,undefined);L.set(this,[]);F.set(this,0);H.set(this,0);N.set(this,0);this.collapsedSection={};this.selectedRows=[];this.rowActionMenuOpened=undefined;this.currentPage=1;this.currentRowsPerPage=10;this.cardData=null;this.columns=1;this.customStyle="";this.data=null;this.dragEnabled=false;this.dropEnabled=false;this.dropOnSection=false;this.editableData=false;this.enableRowActions=false;this.globalFilter=false;this.globalFilterValue="";this.kanban=null;this.layout=undefined;this.lazyLoadRows=false;this.loadMoreLimit=1e3;this.loadMoreMode=E.PROGRESSIVE_THRESHOLD;this.loadMoreStep=60;this.multiSelection=false;this.pageSelected=1;this.pagination=false;this.rowsPerPage=undefined;this.scrollOnHover=false;this.selectBox=undefined;this.selectedRowsState=undefined;this.showLoadMore=false;this.showSelection=true;this.sortBy=undefined;this.sortEnabled=false;this.stateId="";this.store=undefined;this.swipeDisabled=false}initWithPersistedState(){if(this.store&&this.stateId){const t=this.store.getState(this.stateId);if(t!=null){this.kupManager.debug.logMessage(this,"Initialize with state for stateId "+this.stateId+": "+t);this.sortBy=this.state.sortBy;this.globalFilterValue=this.state.globalFilterValue;this.selectedRowsState=this.state.selectedRowsState;this.pageSelected=this.state.pageSelected;this.rowsPerPage=this.state.rowsPerPage;this.loadMoreLimit=t.loadMoreLimit;this.showLoadMore=t.showLoadMore}}}persistState(){if(this.store&&this.stateId){let t=false;if(!this.kupManager.objects.deepEqual(this.state.sortBy,this.sortBy)){this.state.sortBy=this.sortBy;t=true}if(!this.kupManager.objects.deepEqual(this.state.globalFilterValue,this.globalFilterValue)){this.state.globalFilterValue=this.globalFilterValue;t=true}if(!this.kupManager.objects.deepEqual(this.state.pageSelected,this.currentPage)){this.state.pageSelected=this.currentPage;t=true}if(!this.kupManager.objects.deepEqual(this.state.rowsPerPage,this.currentRowsPerPage)){this.state.rowsPerPage=this.currentRowsPerPage;t=true}const e=this.selectedRows.reduce(((t,e,i)=>{const o=i>0?";":"";return t+o+e.id}),"");if(!this.kupManager.objects.deepEqual(this.state.selectedRowsState,e)){this.state.selectedRowsState=e;t=true}if(!this.kupManager.objects.deepEqual(this.state.loadMoreLimit,this.loadMoreLimit)){this.state.loadMoreLimit=this.loadMoreLimit;t=true}if(!this.kupManager.objects.deepEqual(this.state.showLoadMore,this.showLoadMore)){this.state.showLoadMore=this.showLoadMore;t=true}if(!this.state.load){this.state.load=true;return}if(t){this.kupManager.debug.logMessage(this,"Persisting state for stateId "+this.stateId+": "+this.state);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 l(this,I,t)}async loadRowActions(t,e){t.actions=e;this.rowActionMenuOpened=t}async refresh(){i(this)}async setProps(t){h(this,I,t)}getColumns(){return this.data&&this.data.columns?this.data.columns:[{title:"",name:"",size:undefined}]}initVisibleColumns(){this.visibleColumns=this.getColumns().filter((t=>{if(t.hasOwnProperty("visible")){return t.visible}return true}))}getRows(){return this.data&&this.data.rows?this.data.rows:[]}initRows(){this.filteredRows=this.getRows();if(this.globalFilter&&this.globalFilterValue){this.filteredRows=w(this.filteredRows,null,this.globalFilterValue,this.visibleColumns)}this.rows=this.sortRows(this.filteredRows);if(this.pagination){this.rows=v(this.rows,this.currentPage,this.currentRowsPerPage,false)}}sortRows(t){let e=t;if(this.sortBy){e=y(e,this.toSortObjectList())}return e}toSortObjectList(){const t=this.sortBy.split("|").map((t=>{const e=t.split(",");const i={column:e[0],sortMode:e.length>1?c[e[1]]:c.A};return i}));return t}checkScrollOnHover(){if(this.boxContainer){if(!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)){if(this.scrollOnHover){this.kupManager.scrollOnHover.register(this.boxContainer)}}else{if(!this.scrollOnHover){this.kupManager.scrollOnHover.unregister(this.boxContainer)}}}}checkLayout(){if(this.layout){this.boxLayout=this.layout;return}const t={horizontal:false,sections:[]};const e=this.visibleColumns;let i=e.length;let o=[];let s=0;while(i-- >0){o.push({column:e[s++].name})}t.content=o;this.boxLayout={sections:[t]}}onSortChange(t){let e=p(this.visibleColumns,t.detail.value);this.sortBy=e.name}onGlobalFilterChange({detail:t}){let e="";if(t&&t.value){e=t.value}this.globalFilterValue=e}isSectionExpanded(t,e){if(!t.id||!e.id){return false}return this.collapsedSection[e.id]&&this.collapsedSection[e.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,e){let i=null;let o=null;let s=null;let n=null;if(t){for(let e=t.length-1;e>=0;e--){let o=t[e];if(!o.tagName){continue}switch(o.tagName.toUpperCase()){default:{if(o.classList.contains("box-object")){i=o}if(!s&&o["data-row"]){s=o["data-row"]}break}}}}if(i){if(i.classList.contains("f-cell")){const t=i["kup-get-cell-props"]();o=t.cell;n=t.column;s=t.row}else{o=i["data-cell"];s=i["data-row"];n=p(this.visibleColumns,i.dataset.column)}}return{boxObject:i?i:null,column:n?n:null,cell:o?o:null,originalEvent:e,row:s?s:null}}clickHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);if(e.row){if(this.multiSelection){this.onSelectionCheckChange(e.row)}else{this.selectedRows=[e.row]}}return e}contextMenuHandler(t){const e=this.getEventDetails(this.kupManager.getEventPath(t.target,this.rootElement),t);return e}checkIfElementIsActionMenuIcon(t){if(t.tagName&&t.parentElement){return t.tagName==="svg"&&t.parentElement.classList.contains("row-actions-toggler")}return false}onSelectionCheckChange(t){var e=-1;for(let i=0;i<this.selectedRows.length;i++){const o=this.selectedRows[i];if(o.id===t.id){e=i;break}}if(e>=0){this.selectedRows.splice(e,1);this.selectedRows=[...this.selectedRows]}else{this.selectedRows=[...this.selectedRows,t]}this.kupBoxSelected.emit({comp:this,id:this.rootElement.id,rows:this.selectedRows})}toggleSectionExpand(t,e){if(!e.id){console.error("cannot expand / collapse a section withoun an ID");return}if(!t.id){console.error("cannot expand / collapse a section of a row without ad id");return}if(!this.collapsedSection[e.id]){this.collapsedSection[e.id]={};this.collapsedSection[e.id][t.id]=true}else{const i=this.collapsedSection[e.id];if(!i[t.id]){i[t.id]=true}else{i[t.id]=!i[t.id]}}this.collapsedSection=Object.assign({},this.collapsedSection)}onRowAction(t){if(!t){return}if(t===this.rowActionMenuOpened){this.rowActionMenuOpened=null;return}if(t.actions){this.rowActionMenuOpened=t}else{this.kupRowActionMenuClick.emit({comp:this,id:this.rootElement.id,row:t})}}onRowActionClick(t,e,i){this.kupRowActionClick.emit({comp:this,id:this.rootElement.id,row:t,action:e,index:i})}clickFunction(t){try{const e=t.composedPath();for(let t of e){if(this.checkIfElementIsActionMenuIcon(t)){return}}}catch(e){if(this.checkIfElementIsActionMenuIcon(t.target)){return}}this.rowActionMenuOpened=null}handlePageChange(t){const e=P(t,this.filteredRows.length,this.currentRowsPerPage);if(e){this.currentPage=e}}handleRowsPerPageChange(t){const e=M(t,this.filteredRows.length);if(e){this.currentRowsPerPage=e;this.adjustPaginator()}}adjustPaginator(){const t=this.rows.length;const e=Math.ceil(t/this.currentRowsPerPage);if(this.currentPage>e){this.currentPage=1}}renderSectionAsCard(t){let e=false;const i={button:[],cell:[],columns:[],image:[],progressbar:[],text:[]};for(let e=0;e<this.data.columns.length;e++){const o=this.data.columns[e];if(o.visible!==false){i.cell.push(t.cells[o.name]);i.columns.push(o)}}for(const e in t.cells){if(t.cells.hasOwnProperty(e)){const o=t.cells[e];if(o.cardID!==undefined&&o.obj){switch(o.obj.p){case"BTN":do{i.button.push({})}while(i.button.length<o.cardID);i.button[o.cardID]={label:o.value};break;case"IMG":do{i.image.push({})}while(i.image.length<o.cardID);i.image[o.cardID]={resource:o.value};break;case"PGB":do{i.progressbar.push({})}while(i.progressbar.length<o.cardID);i.progressbar[o.cardID]={value:o.value};break;default:do{i.text.push("")}while(i.text.length<o.cardID);i.text[o.cardID]=o.value;break}}}}for(const o in t.cells){if(t.cells.hasOwnProperty(o)){const s=t.cells[o];if(s.cardID===undefined&&s.obj){e=false;switch(s.obj.p){case"BTN":for(let t=0;t<i.button.length;t++){if(!Object.keys(i.button[t]).length){i.button[t]={label:s.value};e=true;break}}if(!e){i.button.push({label:s.value})}break;case"IMG":for(let t=0;t<i.image.length;t++){if(!Object.keys(i.image[t]).length){i.image[t]={resource:s.value};e=true;break}}if(!e){i.image.push({resource:s.value})}break;case"PGB":for(let t=0;t<i.progressbar.length;t++){if(!Object.keys(i.progressbar[t]).length){i.progressbar[t]={value:s.value};e=true;break}}if(!e){i.progressbar.push({value:s.value})}break;default:for(let t=0;t<i.text.length;t++){if(i.text[t]===""){i.text[t]=s.value;e=true;break}}if(!e){i.text.push(s.value)}break}}}}return o("kup-card",Object.assign({data:i},this.cardData))}renderRow(t){const e=[...this.visibleColumns];let i=null;let s=t.layout;if(!s){s=this.boxLayout}let n=false;if(s){if(s.horizontal){n=true}const o=s.sections;let r=o.length;let a=0;if(r>0){i=[]}const l={horizontal:n};while(r-- >0){if(this.cardData!==null&&this.cardData!==undefined&&typeof this.cardData==="object"){i.push(this.renderSectionAsCard(t))}else{i.push(this.renderSection(o[a++],l,t,e))}}}var r=false;for(let e of this.selectedRows){if(e.id===t.id){r=true}}let a=null;if(this.multiSelection){a=o("div",{class:"box-selection"},o("kup-checkbox",{checked:r}))}let l=null;if(this.enableRowActions&&!this.swipeDisabled){const e={"row-action-menu":true,open:t===this.rowActionMenuOpened};let i=null;if(t.actions){const e=t.actions.map(((e,i)=>{const s=`icon ${e.icon}`;return o("li",{tabindex:"0",onClick:()=>this.onRowActionClick(t,e,i)},o("div",{class:s}),o("div",{class:"text"},e.text))}));i=o("ul",null,e)}l=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:e},i)))}let h=null;if(t.badgeData&&t.badgeData.length>0){h=t.badgeData.map((t=>o("kup-badge",{text:t.text,class:t["className"]?`centered ${t["className"]}`:"centered",imageData:t.imageData})))}const c={box:true,draggable:this.dragEnabled,selected:this.showSelection&&r,column:!n};const p=t.style||{};return o("div",{class:"box-wrapper",style:p,ref:t=>{if(t){W(this,L,"f").push(t)}}},o("div",{class:c,"data-row":t,ref:t=>this.rowsRefs.push(t)},a,i,h),l)}renderSection(t,e,i,s){let n=null;if(t.sections&&t.sections.length>0){const e=t.sections;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderSection(e[r++],t,i,s))}}else if(t.content){const e=t.content;let o=e.length;let r=0;if(o>0){n=[]}while(o-- >0){n.push(this.renderBoxObject({boxObject:e[r++],row:i,visibleColumns:s},true))}}else if(s.length>0){const t=s[0];n=this.renderBoxObject({boxObject:{column:t.name},row:i,visibleColumns:s})}const r=this.isSectionExpanded(i,t);const a=!!t.columns;const l={"box-section":true,open:r,column:!a&&!t.horizontal,grid:a,titled:!!t.title,"last-child":!t.sections||t.sections.length===0};const h=t.style||{};if(t.dim&&e){h.flex=`0 0 ${t.dim}`;h.overflow="hidden";if(e.horizontal){h.maxWidth=t.dim}else{h.maxHeight=t.dim}}if(a){h["grid-template-columns"]=`repeat(${t.columns}, 1fr)`}let c=null;if(t.collapsible){l["collapse-section"]=true;const e={content:true};let s="";if(t.title){s=t.title}else if(r){s=this.kupManager.language.translate(u.COLLAPSE)}else{s=this.kupManager.language.translate(u.EXPAND)}c=o("div",{class:l,style:h},o("div",{class:e},n),o("div",{class:"header",role:"button",onClick:e=>{e.stopPropagation();this.toggleSectionExpand(i,t)}},o("div",{class:"header-content"},o("span",null,s),o(_,{resource:`${d.DROPDOWN}`,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:r?"toggled":""}))))}else{const e=t.title?o("h3",null,t.title):null;c=o("div",{class:l,style:h},e,n)}return c}renderBoxObject({boxObject:t,row:e,visibleColumns:i},s){const n={"box-object":true};const r={};let a=null;let l=-1;for(let e=0;e<i.length;e++){const o=i[e];if(o.name===t.column){l=e;break}}if(l>=0){a=i[l];i.splice(l,1)}else if(s){a=this.data.columns.find((e=>e.name===t.column))}const h=e.cells[t.column];let c=undefined;if(h&&!this.kupManager.objects.isEmptyKupObj(h.obj)){n["is-obj"]=true;if(this.kupManager.debug.isDebug()){c=h.obj.t+"; "+h.obj.p+"; "+h.obj.k+";"}}const p={cell:h,column:a,component:this,editable:this.editableData,renderKup:true,row:e,setSizes:true,shape:t.shape};return o("div",{"data-cell":h,"data-row":e,"data-column":t.column,class:n,style:r,title:c},h&&a?o(z,Object.assign({},p)):o("span",null,t.value))}kanbanMode(){if(!this.kanban.columns||this.kanban.columns.length===0){this.kupManager.debug.logMessage(this,"No columns to group by detected.",f.ERROR);return{jsx:o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{ref:t=>this.rowsRefs.push(t)}),this.kupManager.language.translate(u.EMPTY_DATA)),style:{"grid-template-columns":`repeat(1, 1fr)`}}}const t=[];if(this.kanban.labels){for(let e=0;e<this.kanban.labels.length;e++){const i=this.kanban.labels[e];t.push({labels:i,nodes:[]})}}for(let e=0;e<this.rows.length;e++){let i=[];for(let t=0;t<this.kanban.columns.length;t++){try{i.push(this.rows[e].cells[this.kanban.columns[t]].value)}catch(t){this.kupManager.debug.logMessage(this,t,f.WARNING)}}const o={found:false,index:null};for(let e=0;e<t.length;e++){let s=t[e].labels;let n=true;for(let t=0;t<s.length;t++){if(i[t]!==s[t]){n=false;break}}if(n){o.found=true;o.index=e;break}}if(o.found){t[o.index].nodes.push(this.renderRow(this.rows[e]))}else{t.push({labels:i,nodes:[this.renderRow(this.rows[e])]})}}const e=[];for(let i=0;i<t.length;i++){const s=t[i].labels;const n={data:[]};for(let t=0;t<s.length;t++){n.data.push({value:s[t],id:s[t]})}e.push(o("div",{class:"kanban-section"},o(j,Object.assign({},n)),t[i].nodes))}return{jsx:e,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);const t=t=>{var e;if(this.hold){this.hold=false;return}switch(t.button){case 0:const i={};for(const e in t){i[e]=t[e]}const o=this.clickHandler(i);this.kupBoxClick.emit({comp:this,id:this.rootElement.id,row:o.row,column:(e=o.column)===null||e===void 0?void 0:e.name});break;case 2:this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)});break}};const e=t=>{if(t.pointerType==="pen"||t.pointerType==="touch"){this.hold=true;this.kupBoxContextMenu.emit({comp:this,id:this.rootElement.id,details:this.contextMenuHandler(t)})}};this.kupManager.interact.on(this.boxContainer,b.TAP,t);this.kupManager.interact.on(this.boxContainer,b.HOLD,e)}didRenderInteractables(){if(this.dragEnabled){for(let t=0;t<this.rowsRefs.length;t++){const e=this.rowsRefs[t];const i=()=>{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}};if(e&&!this.interactableDrag.includes(e)){this.interactableDrag.push(e);this.kupManager.interact.draggable(e,{allowFrom:".box-object",cursorChecker(){return null}},{callback:i},x.BADGE)}}}if(this.dropEnabled){const t=()=>{const t=this.rootElement.shadowRoot.querySelector(".box:hover");if(!t){this.kupManager.debug.logMessage(this,"Couldn't find cell hovered to retrieve dropzone informations!",f.WARNING);return}const e=this.kupManager.getEventPath(t,this.rootElement);const i=this.getEventDetails(e);return{cell:i.cell,column:i.column,id:this.rootElement.id,row:i.row}};if(!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 e=0;e<this.rowsRefs.length;e++){const i=this.rowsRefs[e];if(i&&!this.interactableDrop.includes(i)){this.interactableDrop.push(i);this.kupManager.interact.dropzone(i,{accept:`[${g}]`},{callback:t,dispatcher:this.rootElement,type:m.BOX})}}}}componentWillLoad(){this.kupManager.debug.logLoad(this,false);if(this.rowsPerPage){this.currentRowsPerPage=this.rowsPerPage}if(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.onDataChanged();this.adjustPaginator();if(document.querySelector(".header")){B(this,F,document.querySelector(".header").clientHeight,"f")}else{B(this,F,0,"f")}if(document.querySelector(".topbar")){B(this,F,W(this,F,"f")+document.querySelector(".topbar").clientHeight,"f")}W(this,T,"m",V).call(this)}componentDidLoad(){this.handleAutomaticBoxSelection();document.addEventListener("click",this.clickFunction.bind(this));this.currentPage=this.pageSelected;if(this.multiSelection&&this.selectedRowsState){this.selectedRows=[];let t=this.selectedRowsState.split(";");this.selectedRows=this.data.rows.filter((e=>t.indexOf(e.id)>=0))}this.didLoadInteractables();this.kupDidLoad.emit({comp:this,id:this.rootElement.id});this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const e=t.querySelectorAll(".f-text-field");for(let t=0;t<e.length;t++){A(e[t])}}this.checkScrollOnHover();this.persistState();this.didRenderInteractables();W(this,T,"m",G).call(this);this.kupManager.debug.logRender(this,true)}render(){B(this,L,[],"f");const t=!!(typeof this.kanban==="object"&&this.kanban!==null);let e=null;if(this.sortEnabled){const t=this.visibleColumns.map((t=>{const e={value:t.title,id:t.name,selected:t.name===this.sortBy};return e}));const i=[{value:"",id:""},...t];let s={label:this.kupManager.language.translate(u.SORT_BY),trailingIcon:true};let n={data:i,selectable:true};let r={"kup-text-field":s,"kup-list":n};e=o("div",{id:"sort-panel"},o("kup-combobox",{data:r,initialValue:this.sortBy,"onkup-combobox-itemclick":t=>this.onSortChange(t)}))}let i=null;if(this.globalFilter){i=o("div",{id:"global-filter"},o("kup-text-field",{fullWidth:true,label:this.kupManager.language.translate(k.SEARCH),icon:d.SEARCH,initialValue:this.globalFilterValue,"onkup-textfield-input":t=>{window.clearTimeout(this.globalFilterTimeout);this.globalFilterTimeout=window.setTimeout((()=>this.onGlobalFilterChange(t)),600)}}))}let n=null;if(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,onLoadMore:this.showLoadMore?()=>{W(this,T,"m",q).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;let a={};if(this.rows.length===0){r=o("div",{id:"empty-data-message",class:"box-wrapper"},o("div",{class:"box",ref:t=>this.rowsRefs.push(t)},this.kupManager.language.translate(u.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 e=t.length;let i=0;r=[];while(e-- >0){r.push(this.renderRow(t[i++]))}}return o(s,null,o("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{id:C},o("div",{class:"box-component",ref:t=>this.sectionRef=t},e,i,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);if(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"]}}};$=new WeakMap,L=new WeakMap,F=new WeakMap,H=new WeakMap,N=new WeakMap,T=new WeakSet,G=function t(){if(this.lazyLoadRows&&this.currentRowsPerPage<this.data.rows.length){W(this,$,"f").observe(W(this,L,"f")[W(this,L,"f").length-1])}},V=function t(){const e=t=>{t.forEach((t=>{if(t.isIntersecting){this.kupManager.debug.logMessage(this,"Last row entering the viewport, loading more elements.");const e=this.data.rows.length-this.currentRowsPerPage;if(e<this.loadMoreStep){this.currentRowsPerPage+=e}else{this.currentRowsPerPage+=this.loadMoreStep}t.target.classList.remove("last-row");W(this,$,"f").unobserve(t.target)}}))};const i={threshold:0,rootMargin:"-"+W(this,F,"f")+"px 0px 0px 0px"};B(this,$,new IntersectionObserver(e,i),"f")},q=function t(){var e;let i=0;switch(this.loadMoreMode){case E.CONSTANT:i=this.loadMoreStep;break;case E.CONSTANT_INCREMENT:i=this.loadMoreStep*(W(this,H,"f")+1);break;case E.PROGRESSIVE_THRESHOLD:i=Math.max(W(this,N,"f"),this.loadMoreStep)*Math.min(W(this,H,"f")+1,2);break}if(i>this.loadMoreLimit){i=this.loadMoreLimit}this.kupLoadMoreClick.emit({comp:this,id:this.rootElement.id,loadItems:i});B(this,N,i,"f");B(this,H,(e=W(this,H,"f"),e++,e),"f")};K.style=D;export{K as kup_box};
2
+ //# sourceMappingURL=p-5bb0087a.entry.js.map
package/dist/ketchup/{p-219ede32.entry.js → p-6348a9fd.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-ed30fa84.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-e40e3a72.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.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 v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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));margin-top:1em;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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@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}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?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};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;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);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"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(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}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();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){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(this.rows!=null&&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:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",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:true,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({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?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:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
- //# sourceMappingURL=p-219ede32.entry.js.map
1
+ import{r as i,c as t,f as e,h as a,H as s,d as o}from"./p-d7c15b0e.js";import{k as n,g as l,s as r,h as p,N as c,f as m}from"./p-ed30fa84.js";import{c as h}from"./p-635bb4b3.js";import{F as f}from"./p-2b519589.js";import{F as g}from"./p-10dfd311.js";import{a as u}from"./p-e3062c19.js";import{F as d}from"./p-405214a3.js";import{M as _}from"./p-d4a879fc.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.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 v{constructor(){this.load=false}toDebugString(){return"image-list state"}}const b=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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));margin-top:1em;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:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}@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}";const w=b;var y=undefined&&undefined.__classPrivateFieldGet||function(i,t,e,a){if(e==="a"&&!a)throw new TypeError("Private accessor was defined without a getter");if(typeof t==="function"?i!==t||!a:!t.has(i))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?a:e==="a"?a.call(i):a?a.value:t.get(i)};var x=undefined&&undefined.__classPrivateFieldSet||function(i,t,e,a,s){if(a==="m")throw new TypeError("Private method is not writable");if(a==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof t==="function"?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};var j,z,C,W,$,M,E,O,T,P,D,I,N,R,S;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);j.add(this);this.state=new v;z.set(this,[]);C.set(this,n());W.set(this,{icon:"arrow_back",onClick:()=>{this.currentNode=y(this,C,"f").data.node.getParent(this.data,this.currentNode);if(!this.currentNode){this.navigationBarToggled=false}},styling:u.FLAT,wrapperClass:"navigation-bar__back"});$.set(this,{icon:"arrow_upward",onClick:()=>{this.currentNode=null;this.navigationBarToggled=false},styling:u.FLAT,wrapperClass:"navigation-bar__top"});M.set(this,void 0);E.set(this,false);O.set(this,[]);this.currentNode=null;this.navigationBarToggled=false;this.columns=[];this.customStyle="";this.data=[];this.ripple=false;this.rows=null;this.selectedNode=[];this.stateId="";this.store=undefined;this.showFullDescription=false}initWithPersistedState(){if(this.store&&this.stateId){const i=this.store.getState(this.stateId);if(i!=null){this.currentNode=y(this,C,"f").data.node.findByStrTreeNodePath(this.data,i.selectedTreeNodePath)}}}persistState(){if(this.store&&this.stateId){let i=false;let t=this.currentNode?this.currentNode.id:"";if(!y(this,C,"f").objects.deepEqual(this.state.selectedTreeNodePath,t)){this.state.selectedTreeNodePath=t;i=true}if(!this.state.load){this.state.load=true;return}if(i){this.store.persistState(this.stateId,this.state)}}}selectNode(i){if(!i||i.length==0){return}this.currentNode=y(this,C,"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(){y(this,C,"f").debug.logLoad(this,false);y(this,C,"f").language.register(this);y(this,C,"f").theme.register(this)}componentDidLoad(){y(this,j,"m",S).call(this);y(this,C,"f").debug.logLoad(this,true)}componentWillRender(){y(this,C,"f").debug.logRender(this,false)}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();y(this,C,"f").debug.logRender(this,true)}render(){const i=!!this.currentNode;let t={};if(this.columns){if(this.columns.length===1){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[0]}`}}else if(this.columns.length===2){t={"--kup-imagelist-columns-mobile":`${this.columns[0]}`,"--kup-imagelist-columns-tablet":`${this.columns[0]}`,"--kup-imagelist-columns-desktop":`${this.columns[1]}`}}else if(this.columns.length===3){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(this.rows!=null&&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:"aaefac38b6fc8edb0a3378edce114b31dcd4c982"},a("style",{key:"80541c8e96c4949ae9d3635342458ed4636aa4f3"},y(this,C,"f").theme.setKupStyle(this.rootElement)),a("div",{key:"e21da53853b397147fae86eb46c4ec73ab1918c8",id:h,ref:i=>{x(this,M,i,"f")}},a("div",{key:"2ea71db6523c5ed84e6e04bc36844199208ae69f",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:true,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({},y(this,W,"f"),{label:y(this,C,"f").language.translate(p.BACK)})),a(g,Object.assign({},y(this,$,"f"),{label:y(this,C,"f").language.translate(p.TOP)}))):null),a("div",{key:"cca51c44ab0f8eb8a3010d070ef2c39ce4eea04b",class:o,style:e},...y(this,j,"m",P).call(this))))}disconnectedCallback(){y(this,C,"f").interact.unregister(y(this,O,"f"));y(this,C,"f").language.unregister(this);y(this,C,"f").theme.unregister(this)}get rootElement(){return o(this)}static get watchers(){return{selectedNode:["selectNode"]}}};z=new WeakMap,C=new WeakMap,W=new WeakMap,$=new WeakMap,M=new WeakMap,E=new WeakMap,O=new WeakMap,j=new WeakSet,T=function i(t){const e={fit:true,resource:t.icon,placeholderResource:t.placeholderIcon,title:t.title,wrapperClass:"image-list__image",badgeData:t.badgeData};const s=a(f,Object.assign({},e));const o=a("div",{class:"image-list__label"},t.value);const n=e.resource.indexOf(".")>-1||e.resource.indexOf("/")>-1||e.resource.indexOf("\\")>-1;return a(d,{cell:{value:t.value,icon:t.icon,placeholderIcon:t.placeholderIcon,obj:t.obj},column:{name:"IMAGE",title:"Image"},component:this,density:m.NONE,row:Object.assign({},t)},a("div",{class:`image-list__wrapper${n?" images":""}`},!n&&a("svg",{xmlns:"http://www.w3.org/2000/svg",version:"1.1",viewBox:"0 0 24 24"}),s,o))},P=function i(){const t=[];const e=this.currentNode?this.currentNode.children:this.data;for(let i=0;e&&i<e.length;i++){const s=e[i];const o={"image-list__item":true,"mdc-ripple-surface":this.ripple?true:false};const n=a("div",{onContextMenu:i=>{i.preventDefault()},class:o},y(this,j,"m",T).call(this,s));t.push(n)}return t},D=function i(t,e){let a;if(t){for(let i=t.length-1;i>=0;i--){let e=t[i];if(!e.tagName){continue}if(e.classList.contains("f-cell")){a=e["kup-get-cell-props"]()}}}return{cell:a===null||a===void 0?void 0:a.cell,column:a===null||a===void 0?void 0:a.column,originalEvent:e,row:a===null||a===void 0?void 0:a.row}},I=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},N=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},R=function i(t){const e=y(this,j,"m",D).call(this,y(this,C,"f").getEventPath(t.target,this.rootElement),t);return e},S=function i(){y(this,O,"f").push(y(this,M,"f"));const t=i=>{if(y(this,E,"f")){x(this,E,false,"f");return}switch(i.button){case 0:const t={};for(const e in i){t[e]=i[e]}y(this,z,"f").push(setTimeout((()=>{var i;const e=y(this,j,"m",I).call(this,t);const a=e.row;if(((i=a===null||a===void 0?void 0:a.children)===null||i===void 0?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:y(this,j,"m",N).call(this,i)});break}};const e=i=>{switch(i.button){case 0:for(let i=0;i<y(this,z,"f").length;i++){clearTimeout(y(this,z,"f")[i]);y(this,C,"f").debug.logMessage(this,"Cleared clickHandler timeout("+y(this,z,"f")[i]+").")}x(this,z,[],"f");this.kupDblClick.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",R).call(this,i)});break}};const a=i=>{if(i.pointerType==="pen"||i.pointerType==="touch"){x(this,E,true,"f");this.kupContextMenu.emit({comp:this,id:this.rootElement.id,details:y(this,j,"m",N).call(this,i)})}};y(this,C,"f").interact.on(y(this,M,"f"),c.HOLD,a);y(this,C,"f").interact.on(y(this,M,"f"),c.TAP,t);y(this,C,"f").interact.on(y(this,M,"f"),c.DOUBLETAP,e)};F.style=w;export{F as kup_image_list};
2
+ //# sourceMappingURL=p-6348a9fd.entry.js.map
package/dist/ketchup/{p-ce9d2c4a.entry.js → p-6e218db0.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-10dfd311.js";import{F as a}from"./p-e40e3a72.js";import{k as r,a5 as u,F as h,g as c,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-ed30fa84.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var L=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var R=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ht,ct,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.set(this,null);V.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));H.set(this,new Map([[h.AUTOCOMPLETE,"kup-autocomplete-blur"],[h.CHIP,"kup-textfield-blur"],[h.COMBOBOX,"kup-combobox-blur"],[h.DATE,"kup-datepicker-blur"],[h.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[h.MULTI_COMBOBOX,"kup-combobox-blur"],[h.TIME,"kup-timepicker-blur"]]));J.set(this,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[h.BUTTON_LIST,F(this,B,"m",it).bind(this)],[h.EDITOR,F(this,B,"m",et).bind(this)],[h.LABEL,F(this,B,"m",lt).bind(this)],[h.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return c(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(this,P,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const h={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const c={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:h,style:a},r),e("div",{class:c},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ht).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,B,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const h=e("div",{class:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),h):h},ht=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,B,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const h=`${W(n.absoluteColumn)}px`;const c={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:h,overflow:"auto"};return e("div",{style:c},o)},ct=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ct).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,B,"m",ut).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,J,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},pt=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const h=+n.rowEnd>0?`${n.rowEnd}`:"";const c={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":h};if(!s||!s.cell){return}return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==h.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const c={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===h.TABLE){l=JSON.stringify(F(this,B,"m",Ft).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},_t=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const h=r.get(a);return h?h(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(this,P,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,P,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,G,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Lt=function t(i,n){const e=F(this,A,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Rt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,B,"m",t).call(this,i,n):[]}}))},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,B,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},Jt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
2
- //# sourceMappingURL=p-ce9d2c4a.entry.js.map
1
+ import{r as t,c as i,f as n,h as e,H as s,d as l}from"./p-d7c15b0e.js";import{F as o}from"./p-10dfd311.js";import{F as a}from"./p-405214a3.js";import{k as r,a5 as u,F as h,g as c,s as f,h as p,an as d,ab as m,aa as v,ao as b,e as k,N as g,am as _}from"./p-ed30fa84.js";import{F as w}from"./p-c4054aba.js";import{F as y,a as x}from"./p-68e220e8.js";import{c as j}from"./p-635bb4b3.js";import"./p-e3062c19.js";import"./p-2b519589.js";import"./p-5d03c077.js";import"./p-126de847.js";import"./p-1d4dac33.js";import"./p-029c7cbe.js";import"./p-d4a879fc.js";var O;(function(t){t["TAB"]="tab"})(O||(O={}));var $;(function(t){t["customStyle"]="Custom style of the component.";t["data"]="Actual data of the input panel.";t["hiddenSubmitButton"]="Creates a hidden submit button in order to submit the form with enter.";t["submitCb"]="Sets the callback function on submit form";t["optionsHandler"]="Sets the callback function to recieve options";t["buttonPosition"]="Manage the position of the buttons related to the input panel content. It is an enumeration";t["inputPanelPosition"]="Manage the global layout of the input panel fields. The default is COLUMNS."})($||($={}));var M;(function(t){t["COLUMNS"]="COLUMNS";t["INLINE"]="INLINE";t["STRETCHED"]="STRETCHED";t["UPINLINE"]="UPINLINE";t["UPCOLUMNS"]="UPCOLUMNS";t["WATERMARK"]="WATERMARK"})(M||(M={}));var z;(function(t){t["CENTER"]="CENTER";t["LEFT"]="LEFT";t["BOTTOM"]="BOTTOM";t["RIGHT"]="RIGHT";t["TOP"]="TOP"})(z||(z={}));const T=12;const S=22;const E=t=>{if(t==0){return T/2}if(!t){return null}if(t===1){return 1.5*T}return t*T};const C=t=>{if(!t){return null}return t*S};const N=t=>{if(!t){return null}return(t-1)*S};const W=t=>{if(!t){return null}return t*T};const I=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup-fcell-width:fit-content;--kup_input_panel_background_color:var(\n --kup-input-panel-background-color,\n var(--kup-layer-0)\n );--kup_input_panel_color:var(\n --kup-input-panel-color,\n var(--kup-text-secondary)\n );--kup_input_panel_font_family:var(\n --kup-input-panel-font-family,\n var(--kup-font-family)\n );--kup_input_panel_font_size:var(\n --kup-input-panel-font-size,\n var(--kup-font-size)\n );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline)}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel--absolute{justify-content:flex-end}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";const D=I;var F=undefined&&undefined.__classPrivateFieldGet||function(t,i,n,e){if(n==="a"&&!e)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!e:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return n==="m"?e:n==="a"?e.call(t):e?e.value:i.get(t)};var L=undefined&&undefined.__classPrivateFieldSet||function(t,i,n,e,s){if(e==="m")throw new TypeError("Private method is not writable");if(e==="a"&&!s)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!s:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return e==="a"?s.call(t,n):s?s.value=n:i.set(t,n),n};var R=undefined&&undefined.__rest||function(t,i){var n={};for(var e in t)if(Object.prototype.hasOwnProperty.call(t,e)&&i.indexOf(e)<0)n[e]=t[e];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var s=0,e=Object.getOwnPropertySymbols(t);s<e.length;s++){if(i.indexOf(e[s])<0&&Object.prototype.propertyIsEnumerable.call(t,e[s]))n[e[s]]=t[e[s]]}return n};var B,P,U,A,G,V,H,J,K,X,Y,q,Q,Z,tt,it,nt,et,st,lt,ot,at,rt,ut,ht,ct,ft,pt,dt,mt,vt,bt,kt,gt,_t,wt,yt,xt,jt,Ot,$t,Mt,zt,Tt,St,Et,Ct,Nt,Wt,It,Dt,Ft,Lt,Rt,Bt,Pt,Ut,At,Gt,Vt,Ht,Jt,Kt,Xt,Yt,qt;const Qt=document.documentElement;const Zt=class{constructor(n){t(this,n);this.kupReady=i(this,"kup-input-panel-ready",6);this.kupDataTableContextMenu=i(this,"kup-inputpanel-contextmenu",6);B.add(this);P.set(this,r());U.set(this,void 0);A.set(this,new Map([["SmeupTreeNode",F(this,B,"m",Rt).bind(this)],["SmeupDataTree",F(this,B,"m",Bt).bind(this)],["SmeupTable",F(this,B,"m",Pt).bind(this)],["SmeupDataTable",F(this,B,"m",Pt).bind(this)]]));G.set(this,null);V.set(this,new Map([[u.AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.MULTI_AUTOCOMPLETE,["kup-autocomplete-input","kup-autocomplete-iconclick"]],[u.COMBOBOX,["kup-combobox-iconclick","kup-combobox-blur"]],[u.MULTI_COMBOBOX,["kup-combobox-iconclick"]]]));H.set(this,new Map([[h.AUTOCOMPLETE,"kup-autocomplete-blur"],[h.CHIP,"kup-textfield-blur"],[h.COMBOBOX,"kup-combobox-blur"],[h.DATE,"kup-datepicker-blur"],[h.MULTI_AUTOCOMPLETE,"kup-autocomplete-blur"],[h.MULTI_COMBOBOX,"kup-combobox-blur"],[h.TIME,"kup-timepicker-blur"]]));J.set(this,[]);K.set(this,new Map([[u.DATE,"kup-date-picker"],[u.TIME,"kup-time-picker"]]));X.set(this,new Map([[h.BUTTON_LIST,F(this,B,"m",it).bind(this)],[h.EDITOR,F(this,B,"m",et).bind(this)],[h.LABEL,F(this,B,"m",lt).bind(this)],[h.TABLE,F(this,B,"m",st).bind(this)]]));Y.set(this,new Map([[O.TAB,F(this,B,"m",ft).bind(this)]]));q.set(this,[]);this.buttonPosition=z.BOTTOM;this.customStyle="";this.dashboardMode=false;this.data=null;this.hiddenSubmitButton=false;this.inputPanelPosition=M.COLUMNS;this.submitCb=null;this.optionsHandler=null;this.customButtonClickHandler=null;this.checkValidObjCallback=null;this.checkValidValueCallback=null;this.inputPanelCells=[];this.inputPanelCommands=[];this.tabSelected=null}onDataChanged(){L(this,G,structuredClone(this.data),"f");if(F(this,J,"f").length){F(this,J,"f").map((({event:t,handler:i})=>{this.rootElement.removeEventListener(t,i)}));L(this,J,[],"f")}if(F(this,q,"f").length){F(this,q,"f").map((t=>{F(this,P,"f").keysBinding.unregister(t)}));L(this,q,[],"f")}if(this.data){F(this,B,"m",vt).call(this,this.data)}}async getProps(t){return c(this,$,t)}async refresh(){n(this)}async setProps(t){f(this,$,t)}componentWillLoad(){F(this,P,"f").debug.logLoad(this,false);F(this,P,"f").language.register(this);F(this,P,"f").theme.register(this);this.onDataChanged()}componentDidLoad(){F(this,B,"m",qt).call(this);this.kupReady.emit({comp:this,id:this.rootElement.id});F(this,P,"f").debug.logLoad(this,true)}componentWillRender(){F(this,P,"f").debug.logRender(this,false)}componentDidRender(){const t=this.rootElement.shadowRoot;if(t){const i=t.querySelectorAll(".f-text-field");for(let t=0;t<i.length;t++){w(i[t])}}F(this,P,"f").debug.logRender(this,true)}render(){const t=Boolean(!this.inputPanelCells.length);const i=t?[e("p",null,F(this,P,"f").language.translate(p.EMPTY_DATA))]:this.inputPanelCells.map((t=>F(this,B,"m",Z).call(this,t)));return e(s,{key:"fc0407257eb6c02e4658f2486954c5b1af0432c6"},e("style",{key:"17299502197b8deb7b571a3955ee627b07ebc634"},F(this,P,"f").theme.setKupStyle(this.rootElement)),e("div",{key:"4b900f0b0d6ff85eb287083b1f672d4f81d27a42",id:j},i))}disconnectedCallback(){F(this,P,"f").language.unregister(this);F(this,P,"f").theme.unregister(this)}get rootElement(){return l(this)}static get watchers(){return{data:["onDataChanged"]}}};P=new WeakMap,U=new WeakMap,A=new WeakMap,G=new WeakMap,V=new WeakMap,H=new WeakMap,J=new WeakMap,K=new WeakMap,X=new WeakMap,Y=new WeakMap,q=new WeakMap,B=new WeakSet,Q=function t(i){return this.inputPanelCells.reduce(((t,{cells:n})=>{if(!t){return n.find((({column:t})=>t.name===i)).cell}return t}),null)},Z=function t(i){var n;const s=i.row.layout;const l=(s===null||s===void 0?void 0:s.horizontal)||false;const a={};let r;if(!((n=s===null||s===void 0?void 0:s.sections)===null||n===void 0?void 0:n.length)){r=i.cells.map((t=>F(this,B,"m",tt).call(this,t.cell,i.row,t.column)))}else{if(s.absolute){r=F(this,B,"m",rt).call(this,i,s);const t=Math.max(...s.sections.flatMap((t=>t.content.map((t=>t.absoluteRow||0)))));a.height=`${t*S}px`}else{if(!s.sectionsType){const t=s.sections.some((t=>t.dim));a.display="grid";if(this.inputPanelPosition=="INLINE"){a.display=""}if(s.horizontal){a.gridTemplateColumns=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${i.cells.length}, 1fr)`}else{if(this.dashboardMode){a.gridTemplateRows=t?s.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${s.sections.length}, 1fr)`}}}r=F(this,B,"m",at).call(this,i,s)}}const u={"input-panel-form":true,"input-panel-form--inline":this.buttonPosition==z.RIGHT};const h={"input-panel":true,"input-panel--column":!l,"input-panel--absolute":s===null||s===void 0?void 0:s.absolute,"input-panel--inline":this.inputPanelPosition==M.INLINE};const c={"input-panel__commands":true,[`input-panel__commands--${this.buttonPosition}`]:true};return e("form",{name:this.rootElement.id,id:this.rootElement.id,class:u,ref:t=>L(this,U,t,"f"),onSubmit:t=>{t.preventDefault();this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)}})},onContextMenu:t=>{t.preventDefault()}},e("div",{class:h,style:a},r),e("div",{class:c},e(o,{buttonType:"submit",label:F(this,P,"f").language.translate(p.CONFIRM),wrapperClass:"form__submit",invisible:this.hiddenSubmitButton}),this.inputPanelCommands))},tt=function t(i,n,s){if(!i){return}const l=F(this,X,"f").get(i.shape);if(l!==undefined){return l(i,s.name)}const o={cell:i,column:s,row:n,component:this,editable:true,renderKup:true,setSizes:true};const r=F(this,B,"m",ot).call(this,i,s.title);if(r){return e("div",{class:{"input-panel__label_container":true}},r,e(a,Object.assign({},o)))}return e(a,Object.assign({},o))},it=function t(i,n){return e(o,Object.assign({icon:i.icon,id:n},i.data,{wrapperClass:"form__submit"}))},nt=function t(i,n){return e("kup-dropdown-button",Object.assign({},i.data,{label:i.value,data:n,"onkup-dropdownbutton-itemclick":t=>{F(this,B,"m",Kt).call(this,t.detail.node,t.detail.node.id)}}))},et=function t(i,n){const s="kup-editor-save";const l=t=>{const i=this.inputPanelCells.reduce(((t,{cells:i})=>{if(!t){return i.find((({column:t})=>t.name===n)).cell}return t}),null);i.value=t.detail.htmlValue.replace(/\n/g,"<br>")};this.rootElement.addEventListener(s,l);F(this,J,"f").push({event:s,handler:l});return e("kup-editor",Object.assign({},i.data,{id:n,isReadOnly:!i.isEditable,showToolbar:true}))},st=function t(i,n){return e("kup-data-table",Object.assign({id:n,editableData:true,showGroups:true,showFilters:true,showFooter:true},i.data))},lt=function t(i,n){return e("span",{class:"input-panel-label",id:n},i.value)},ot=function t(i,n){if(!n){return null}const s=Qt.ketchup.data.cell.getType(i,i.shape);if(s===u.RADIO){return e("span",null,n)}return null},at=function t(i,n){const e=F(this,Y,"f").get(n.sectionsType);return e?e(i,n.sections):n.sections.map((t=>F(this,B,"m",ut).call(this,i,t,false)))},rt=function t(i,n){return n.sections.map((t=>F(this,B,"m",ht).call(this,i,t)))},ut=function t(i,n,s=false,l={}){var o,a;const r={"input-panel__section":!n.horizontal,"input-panel__horizontal-section":n.horizontal,"input-panel__section-inline":this.inputPanelPosition=="INLINE"};l.gap=+n.gap>0?`${n.gap}rem`:"1rem";let u=[];if((o=n.sections)===null||o===void 0?void 0:o.length){u=n.sections.map((n=>F(this,B,"m",t).call(this,i,n)));const e=n.sections.some((t=>t.dim));if(!n.gridCols&&n.horizontal){l.gridTemplateColumns=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}if(!n.gridRows&&!n.horizontal&&this.dashboardMode){l.gridTemplateRows=e?n.sections.map((t=>t.dim||"auto")).join(" "):`repeat(${n.sections.length}, 1fr)`}}else if((a=n.content)===null||a===void 0?void 0:a.length){u=n.content.map((t=>F(this,B,"m",pt).call(this,i,t)));l.gridTemplateColumns=+n.gridCols>0?`repeat(${n.gridCols}, 1fr)`:"";if(this.dashboardMode){l.gridTemplateRows=+n.gridRows>0?`repeat(${n.gridRows}, 1fr)`:""}}const h=e("div",{class:r,style:l},u.filter(Boolean));return n.title&&!s?e("div",{class:{"input-panel__section_label_container":true}},e(y,{type:x.HEADING1,value:n.title}),h):h},ht=function t(i,n){var s,l;let o=[];if((s=n.sections)===null||s===void 0?void 0:s.length){o=n.sections.map((n=>F(this,B,"m",t).call(this,i,n)))}else if((l=n.content)===null||l===void 0?void 0:l.length){o=n.content.map((t=>F(this,B,"m",dt).call(this,i,t)))}if(E(n.absoluteWidth)==null){return o}const a=`${E(n.absoluteWidth)!=null?`${E(n.absoluteWidth)}px`:"100%"}`;const r=`${C(n.absoluteHeight)!=null?`${C(n.absoluteHeight)}px`:"100%"}`;const u=`${N(n.absoluteRow)}px`;const h=`${W(n.absoluteColumn)}px`;const c={position:"relative",width:a,"min-width":a,"max-width":a,height:r,"min-height":r,"max-height":r,top:u,left:h,overflow:"auto"};return e("div",{style:c},o)},ct=function t(i){var n,e;let s=[];if((n=i.content)===null||n===void 0?void 0:n.length){i.content.forEach((t=>{if(t.id){s.push(t.id)}}))}if((e=i.sections)===null||e===void 0?void 0:e.length){i.sections.forEach((i=>{s=s.concat(F(this,B,"m",t).call(this,i))}))}return s},ft=function t(i,n){if(!this.tabSelected){this.tabSelected=n[0].id||"0"}const s=n.map(((t,n)=>{const e=F(this,B,"m",ct).call(this,t);const s=i.cells.some((t=>{var i;const n=t.cell;const s=t.column;return e.includes(s.name)&&!!((i=n.data)===null||i===void 0?void 0:i.error)}));return{active:(t.id||`${n}`)===this.tabSelected,value:t.title,icon:s?"error":t.icon,id:t.id||`${n}`,danger:s}}));const l=n.map(((t,n)=>{const e=t.id||`${n}`;return F(this,B,"m",ut).call(this,i,t,true,{display:this.tabSelected!==e?"none":"grid"})}));const o=".tab-bar .tab-scroller .tab .tab__content { justify-content: flex-start; }";if(!F(this,J,"f").map((t=>t.event)).includes("kup-tabbar-click")){const t="kup-tabbar-click";const i=t=>{this.tabSelected=t.detail.node.id};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}return e("div",{class:{"input-panel__tabs_container":true}},e("kup-tab-bar",{data:s,customStyle:o}),l)},pt=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));const l=+n.colSpan>0?n.colSpan:!(+n.colSpan>0)&&!(+n.colStart>0)?1:null;const o=l?`span ${l}`:`${n.colStart}`;const a=+n.colEnd>0?`${n.colEnd}`:"";const r=+n.rowSpan>0?n.rowSpan:!(+n.rowSpan>0)&&!(+n.rowStart>0)?1:null;const u=r?`span ${r}`:`${n.rowStart}`;const h=+n.rowEnd>0?`${n.rowEnd}`:"";const c={"min-width":"0","grid-column-start":o,"grid-column-end":a,"grid-row-start":u,"grid-row-end":h};if(!s||!s.cell){return}return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},dt=function t(i,n){const s=i.cells.find((t=>t.column.name===n.id));if(!s||!s.cell){return}let l;if(s.cell.shape==h.DATE){l=n.absoluteLength>8?n.absoluteLength:8}else{l=n.absoluteLength}if(!n.absoluteHeight){n.absoluteHeight=1}const o=`${E(l)}px`;const a=`${C(n.absoluteHeight)}px`;const r=`${N(n.absoluteRow)}px`;const u=`${W(n.absoluteColumn)}px`;const c={position:"absolute",width:o,"min-width":o,"max-width":o,height:a,"min-height":a,"max-height":a,top:r,left:u,overflow:"auto"};s.cell.data=Object.assign(Object.assign({},s.cell.data),{sizing:"extra-small",customStyle:(s.cell.data.customStyle||"")+".mdc-text-field {height: unset !important;}"});return e("div",{style:c},F(this,B,"m",tt).call(this,s.cell,i.row,s.column))},mt=function t(){this.inputPanelCommands=this.data.setup.commands.map((t=>{if((t===null||t===void 0?void 0:t.children)&&(t===null||t===void 0?void 0:t.children.length)>0){const i={"kup-list":{showIcons:true,data:t.children.map((t=>F(this,B,"m",Ut).call(this,t)))}};return F(this,B,"m",nt).call(this,t,i)}else{const i=F(this,B,"m",Ut).call(this,t);return F(this,B,"m",it).call(this,i,t.value)}})).flat()},vt=function t(i){var n,e,s,l;if((e=(n=i.setup)===null||n===void 0?void 0:n.commands)===null||e===void 0?void 0:e.length){F(this,B,"m",mt).call(this)}const o=(s=i===null||i===void 0?void 0:i.rows[0])===null||s===void 0?void 0:s.layout;const a=((l=i===null||i===void 0?void 0:i.rows)===null||l===void 0?void 0:l.length)?i.rows.reduce(((t,n)=>{const e=i.columns.filter((t=>t.visible)).map((t=>{const i=structuredClone(n.cells[t.name]);const e=i?Object.assign(Object.assign({},i),{data:F(this,B,"m",bt).call(this,i,t,o),slotData:F(this,B,"m",wt).call(this,i,t),isEditable:true}):null;return{column:t,cell:e}}));return[...t,{cells:e,row:n}]}),[]):[];a.map((({cells:t})=>t.map((({cell:t,column:i})=>{const n=Qt.ketchup.data.cell.getType(t,t.shape);const e=F(this,K,"f").get(n);if(!e){return}const s=this.rootElement.shadowRoot.querySelector(`${e}[id=${i.name.replace(/\//g,"\\$1")}]`);s===null||s===void 0?void 0:s.setValue(t.value)}))));this.inputPanelCells=a},bt=function t(i,n,e){const s=Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i,n,e)),{disabled:!i.editable,id:n.name});const l=Qt.ketchup.data.cell.getType(i,i.shape);const o=i.data||{},a=R(o,["data"]);return l!==u.MULTI_AUTOCOMPLETE&&l!==u.MULTI_COMBOBOX?F(this,B,"m",kt).call(this,s,Object.assign({},i.data)):Object.assign(Object.assign({},s),a)},kt=function t(i,n){for(const e in n){if(n[e]instanceof Object&&!Array.isArray(n[e])&&e in i){i[e]=F(this,B,"m",t).call(this,i[e],n[e])}else{i[e]=n[e]}}return i},gt=function t(){return this.inputPanelCells.reduce(((t,i)=>{const n=Object.keys(i.row.cells).reduce(((t,n)=>{var e;const s=(e=i.cells.find((t=>t.column.name===n)))===null||e===void 0?void 0:e.cell;let l=s===null||s===void 0?void 0:s.value;if((s===null||s===void 0?void 0:s.shape)===h.TABLE){l=JSON.stringify(F(this,B,"m",Ft).call(this,s.data.data,n))}return Object.assign(Object.assign({},t),{[n]:Object.assign(Object.assign({},i.row.cells[n]),{value:l,obj:s===null||s===void 0?void 0:s.obj})})}),{});return{columns:[...t.columns,...i.cells.map((t=>t.column))],rows:[...t.rows,{cells:n,layout:i.row.layout}]}}),{columns:[],rows:[]})},_t=function t(i,n,e){if(!i){return null}const s=i.options;let l;if(e===null||e===void 0?void 0:e.absolute){l=null}else{l=n.title}const o=i.value;const a=Qt.ketchup.data.cell.getType(i,i.shape);const r=new Map([[u.AUTOCOMPLETE,F(this,B,"m",Ot).bind(this)],[u.BUTTON_LIST,F(this,B,"m",jt).bind(this)],[u.CHART,F(this,B,"m",xt).bind(this)],[u.CHIP,F(this,B,"m",yt).bind(this)],[u.CHECKBOX,F(this,B,"m",$t).bind(this)],[u.COLOR_PICKER,F(this,B,"m",Mt).bind(this)],[u.COMBOBOX,F(this,B,"m",Ot).bind(this)],[u.EDITOR,F(this,B,"m",zt).bind(this)],[u.MULTI_AUTOCOMPLETE,F(this,B,"m",yt).bind(this)],[u.MULTI_COMBOBOX,F(this,B,"m",yt).bind(this)],[u.NUMBER,F(this,B,"m",It).bind(this)],[u.DATE,F(this,B,"m",Ct).bind(this)],[u.OBJECT,F(this,B,"m",Nt).bind(this)],[u.RADIO,F(this,B,"m",St).bind(this)],[u.STRING,F(this,B,"m",Tt).bind(this)],[u.SWITCH,F(this,B,"m",Et).bind(this)],[u.TABLE,F(this,B,"m",Dt).bind(this)],[u.TIME,F(this,B,"m",Wt).bind(this)]]);const h=r.get(a);return h?h(s,l,o,i,n.name):null},wt=function t(i,n){const e=Qt.ketchup.data.cell.getType(i,i.shape);if(!i.editable){return null}if(e===u.CHIP){return{trailingIcon:true,label:n.title,disabled:!i.editable,id:n.name,fullWidth:false}}if(e===u.MULTI_AUTOCOMPLETE||e===u.MULTI_COMBOBOX){return Object.assign(Object.assign({},F(this,B,"m",Ot).call(this,i.options,n.title,null,i,n.name)),{showDropDownIcon:true,class:"",style:{width:"100%"},disabled:!i.editable,id:n.name})}return null},yt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return d(e)},xt=function t(){return{data:{sizeX:"50px",offlineMode:{value:"8;4;5"},id:"i1012_GREF_0",cellId:"i1012_GREF_0",sizeY:"50px"}}},jt=function t(i,n,e,s,l){var o,a,r,u;s.data=s.data||{};s.data.onClick=()=>{F(this,B,"m",Kt).call(this,s,l)};if(((o=s.data)===null||o===void 0?void 0:o.keyShortcut)&&!((a=s.data)===null||a===void 0?void 0:a.disabled)){F(this,q,"f").push((r=s.data)===null||r===void 0?void 0:r.keyShortcut);F(this,P,"f").keysBinding.register((u=s.data)===null||u===void 0?void 0:u.keyShortcut,s.data.onClick.bind(this))}return Object.assign({label:s.value,fun:s.fun},s.data)},Ot=function t(i,n,e,s,l){var o,a;const r=m(e,n,[]);if(s.fun){const t=Qt.ketchup.data.cell.getType(s,s.shape);const i=F(this,V,"f").get(t);if(!i){return}i.map((t=>{const i=t=>{F(this,B,"m",At).call(this,t.detail,s.fun,r,l,e)};this.rootElement.addEventListener(t,i);F(this,J,"f").push({event:t,handler:i})}))}else if(i){r.data["kup-list"].data=F(this,B,"m",Lt).call(this,i,e)}if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return r},$t=function t(i,n,e,s,l){var o,a;let r=_(e,n);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Mt=function t(i,n,e){return{data:{"kup-text-field":{label:n}}}},zt=function t(i,n,e){return{initialValue:e}},Tt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},St=function t(i,n,e,s,l){var o,a;let r=v(e,i);if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return Object.assign(Object.assign({},r),{onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}})}return r},Et=function t(i,n,e){return b(e,n)},Ct=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}},initialValue:e}},Nt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{initialValue:e||"",label:n||" ",value:e||"",onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{initialValue:e||"",label:n||" ",value:e||""}},Wt=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){F(this,B,"m",Vt).call(this,s,l)}return{data:{"kup-text-field":{label:n}}}},It=function t(i,n,e,s,l){var o,a;if(((o=s.inputSettings)===null||o===void 0?void 0:o.checkObject)||((a=s.inputSettings)===null||a===void 0?void 0:a.checkValueOnExit)||s.mandatory){return{label:n,onBlur:()=>{F(this,B,"m",Gt).call(this,s,l)}}}return{label:n}},Dt=function t(i,n,e,s,l){try{let t=JSON.parse(s.value);if(!t){F(this,P,"f").debug.logMessage(this,`Empty value for ${l} cell.`,k.WARNING);return null}if(t.type!=="SmeupDataTable"){F(this,P,"f").debug.logMessage(this,`Wrong data table type for ${l} cell. Type \`SmeupDataTable\` in value expected`,k.ERROR);return null}return{data:{columns:t.columns.map((i=>Object.assign(Object.assign({},i),{obj:t.rows[0].cells[i.name].obj}))),rows:t.rows.map((i=>Object.assign(Object.assign({},i),{cells:Object.keys(i.cells).reduce(((n,e)=>{const s=t.columns.find((t=>t.name===e));return Object.assign(Object.assign({},n),{[e]:Object.assign(Object.assign({},i.cells[e]),{data:Object.assign(Object.assign({},F(this,B,"m",_t).call(this,i.cells[e],s)),{disabled:i.cells[e].editable===false,id:s.id})})})}),{})})))}}}catch(t){F(this,P,"f").debug.logMessage(this,`Invalid value for ${l} cell. Type \`SmeupDataTable\` expected`,k.ERROR);return null}},Ft=function t(i,n){const e=Object.assign(Object.assign({},i),{rows:i.rows.map((t=>Object.assign(Object.assign({},t),{cells:{}})))});const s=i.columns.filter((t=>t.isEditable)).map((t=>t.name));if(!s.length){return e}try{const t=JSON.parse(F(this,G,"f").rows[0].cells[n].value);e.rows=i.rows.map(((i,n)=>s.reduce(((e,s)=>{const l=t.rows[n].cells[s]&&i.cells[s].value!==t.rows[n].cells[s].value;if(l){return Object.assign(Object.assign({},t.rows[n]),{cells:Object.assign(Object.assign({},e.cells),{[s]:Object.assign(Object.assign({},t.rows[n].cells[s]),{value:i.cells[s].value})})})}return Object.assign(Object.assign({},t.rows[n]),{cells:e.cells})}),Object.assign(Object.assign({},t.rows[n]),{cells:{}}))));return e}catch(t){return e}},Lt=function t(i,n){const e=F(this,A,"f").get(i.type);if(e){return e(i,n)}else{return i.map((t=>({value:t.label,id:t.id,selected:n===t.id})))}},Rt=function t(i,n){return i.children.map((i=>{var e;return{id:i.content.codice,value:i.content.testo,selected:n===i.content.codice,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,B,"m",t).call(this,i,n):[]}}))},Bt=function t(i,n){return i.children.map((i=>{var e;return{id:i.obj.k,value:i.value,selected:n===i.obj.k,children:((e=i.children)===null||e===void 0?void 0:e.length)?F(this,B,"m",t).call(this,i,n):[]}}))},Pt=function t(i,n){return i.rows.map((t=>{var i;const e=t.fields||t.cells;const[s,l]=Object.keys(e);return{id:e[s].value,value:((i=e[l])===null||i===void 0?void 0:i.value)||e[s].value,selected:n===e[s].value}}))},Ut=function t(i){const n=Object.assign(Object.assign({},i),{data:F(this,B,"m",jt).call(this,null,null,i.value,i,i.obj.k),id:i.obj.k});return n},At=function t(i,n,e,s,l){if(i.id!==s||i.open===false){return}this.optionsHandler(n,i.inputValue,F(this,B,"m",gt).call(this),i.id).then((t=>{var n;e.data["kup-list"].data=(n=F(this,B,"m",Lt).call(this,t,l))!==null&&n!==void 0?n:[];i.comp.refresh()}))},Gt=async function t(i,n){var e,s;const l=F(this,B,"m",Q).call(this,n);if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!l.value){return}}else{F(this,B,"m",Ht).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&l.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,B,"m",gt).call(this),fun:i.fun});if(t){F(this,B,"m",Ht).call(this,n,null)}else{F(this,B,"m",Ht).call(this,n,F(this,P,"f").language.translate(p.INVALID_VALUE));return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}},Vt=function t(i,n){const e=F(this,H,"f").get(i.shape);if(!e){return}const s=async t=>{var e,s;const l=F(this,B,"m",Q).call(this,n);if(t.detail.id!==n){return}if(i.mandatory){F(this,B,"m",Ht).call(this,n,l.value?null:F(this,P,"f").language.translate(p.REQUIRED_VALUE));if(!t.detail.value){return}}else{F(this,B,"m",Ht).call(this,n,null)}if(((e=i.inputSettings)===null||e===void 0?void 0:e.checkObject)&&t.detail.value){const{valid:t}=await this.checkValidObjCallback({obj:i.obj,currentState:F(this,B,"m",gt).call(this),fun:i.fun});F(this,B,"m",Ht).call(this,n,t?null:F(this,P,"f").language.translate(p.INVALID_VALUE));if(!t){return}}if(((s=i.inputSettings)===null||s===void 0?void 0:s.checkValueOnExit)&&F(this,B,"m",Jt).call(this)){this.checkValidValueCallback({before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},n)}};this.rootElement.addEventListener(e,s);F(this,J,"f").push({event:e,handler:s})},Ht=function t(i,n){this.inputPanelCells=this.inputPanelCells.map((t=>Object.assign(Object.assign({},t),{cells:t.cells.map((({cell:t,column:e})=>{const s=e.name===i?Object.assign(Object.assign({},t.data),{error:n}):t.data;return{column:e,cell:Object.assign(Object.assign({},t),{data:s})}}))})))},Jt=function t(){return this.inputPanelCells.some((({cells:t,row:i})=>t.some((({cell:t,column:{name:n}})=>t.value!==i.cells[n].value))))},Kt=function t(i,n){i.fun?this.customButtonClickHandler({fun:i.fun,cellId:n,currentState:F(this,B,"m",gt).call(this)}):this.submitCb({value:{before:Object.assign({},F(this,G,"f")),after:F(this,B,"m",gt).call(this)},cell:n})},Xt=function t(i,n){const e=i.find((t=>{var i;return(i=t.classList)===null||i===void 0?void 0:i.contains("f-cell")}));if(e==null){return}const s=e["kup-get-cell-props"]();const l=s.column.name;let o=e;let a=this.data.rows[0].cells[l];let r=this.data.columns.find((t=>t.name==l));return{anchor:o,cell:a,column:r,originalEvent:n}},Yt=function t(i){const n=F(this,P,"f").getEventPath(i.target,this.rootElement);return F(this,B,"m",Xt).call(this,n,i)},qt=function t(){F(this,P,"f").interact.managedElements.add(F(this,U,"f"));const i=t=>{if(t.button==2){const i=F(this,B,"m",Yt).call(this,t);if(i){this.kupDataTableContextMenu.emit({comp:this,id:this.rootElement.id,details:i})}}};F(this,P,"f").interact.on(F(this,U,"f"),g.TAP,i)};Zt.style=D;export{Zt as kup_input_panel};
2
+ //# sourceMappingURL=p-6e218db0.entry.js.map