@sme.up/ketchup 11.0.0-SNAPSHOT-20241016091107 → 11.0.0-SNAPSHOT-20241017090851

package/dist/ketchup/{p-bf3b655e.entry.js → p-556618b0.entry.js}

@@ -1,2 +1,2 @@
-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,ar as g,V as m,E as k}from"./p-3788598c.js";import{f as w,p as v,s as y}from"./p-d002f625.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-178c8a26.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-c42a79a7.js";import{p as P,r as M,F as R}from"./p-f106458a.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-b563176c.js";import"./p-cc32b7a2.js";import"./p-e3062c19.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};
-//# sourceMappingURL=p-bf3b655e.entry.js.map
+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,ar as g,V as m,E as k}from"./p-a670a42e.js";import{f as w,p as v,s as y}from"./p-454b6065.js";import{F as _}from"./p-2b519589.js";import{c as j}from"./p-0d2bf291.js";import{c as C}from"./p-635bb4b3.js";import{F as z}from"./p-68f82cb0.js";import{p as P,r as M,F as R}from"./p-df055087.js";import{F as A}from"./p-c4054aba.js";import"./p-029c7cbe.js";import"./p-5d03c077.js";import"./p-06fe42ee.js";import"./p-cc32b7a2.js";import"./p-e3062c19.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};
+//# sourceMappingURL=p-556618b0.entry.js.map

package/dist/ketchup/{p-83dd1290.entry.js → p-56855d4f.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-3788598c.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
-//# sourceMappingURL=p-83dd1290.entry.js.map
+import{r as t,c as i,f as e,h as o,H as n,d as a}from"./p-d7c15b0e.js";import{k as s,c as p,g as h,s as r}from"./p-a670a42e.js";import{F as f,a as l}from"./p-6568b295.js";import{c}from"./p-635bb4b3.js";import{F as u}from"./p-2b519589.js";import"./p-029c7cbe.js";var g;(function(t){t["data"]="the text of the text";t["Style"]="it is the style of the text";t["Border"]="when true it will appear a border";t["BorderWidth"]="it is the width of the border";t["Align"]="text alignment";t["FontBold"]="when true it will display the bold font";t["FontItalic"]="when true it will display the italic ( cursive )";t["FontName"]="it is the name of the font";t["FontSize"]="it is the size of the font of the text";t["FontULine"]="when true it will show the underline";t["FontColor"]="it is the color of the font of the text";t["BackColor"]="it is the background color of the text";t["Type"]="it is the type of the font. It is an enum that can take from different variant such as body, heading1, caption and so on"})(g||(g={}));const y=".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}.kup-typography--wrap{display:flex;align-items:center;gap:var(--kup-space-03)}.kup-typography--wrap:hover .image__iconToolbar{opacity:0.3}.kup-typography--wrap:hover .image__iconToolbar:hover{cursor:pointer;opacity:1;background-color:var(--kup-gray-color-20-hover)}.kup-typography--wrap .image__iconToolbar{opacity:0.3;margin:0}:host{display:block}";const m=y;var d=undefined&&undefined.__classPrivateFieldSet||function(t,i,e,o,n){if(o==="m")throw new TypeError("Private method is not writable");if(o==="a"&&!n)throw new TypeError("Private accessor was defined without a setter");if(typeof i==="function"?t!==i||!n:!i.has(t))throw new TypeError("Cannot write private member to an object whose class did not declare it");return o==="a"?n.call(t,e):n?n.value=e:i.set(t,e),e};var k=undefined&&undefined.__classPrivateFieldGet||function(t,i,e,o){if(e==="a"&&!o)throw new TypeError("Private accessor was defined without a getter");if(typeof i==="function"?t!==i||!o:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return e==="m"?o:e==="a"?o.call(t):o?o.value:i.get(t)};var w,x;const b=class{constructor(e){t(this,e);this.kupIconClick=i(this,"kup-typography-iconclick",6);this.kupClick=i(this,"kup-typography-click",6);this.kupItemClick=i(this,"kup-typography-itemclick",6);this.kupManager=s();w.set(this,null);x.set(this,null);this.customStyle="";this.toolbar=true;this.toolbarData=undefined;this.type=f.BODY_COMPACT;this.value=null}onKupClick(){this.kupClick.emit({comp:this,id:this.rootElement.id,value:this.value})}onKupIconClick(t){d(this,x,t,"f");this.kupIconClick.emit({comp:this,id:this.rootElement.id});this.createDropDownToolbarList()}onKupToolbarItemClick(t){this.kupItemClick.emit({comp:this,id:this.rootElement.id,value:this.value,node:t.detail.selected})}closeRowToolbarList(){if(this.toolbarList){this.kupManager.dynamicPosition.stop(this.toolbarList);this.kupManager.removeClickCallback(k(this,w,"f"));this.toolbarList.remove();this.toolbarList=null}}createDropDownToolbarList(){this.closeRowToolbarList();const t=document.createElement("kup-list");t.data=this.toolbarData;t.isMenu=true;t.menuVisible=true;t.addEventListener("kup-list-click",(t=>{this.onKupToolbarItemClick(t);setTimeout((()=>{this.closeRowToolbarList()}),0)}));this.toolbarList=t;d(this,w,{cb:()=>{this.closeRowToolbarList()},el:this.toolbarList},"f");this.kupManager.addClickCallback(k(this,w,"f"),true);this.rootElement.shadowRoot.appendChild(this.toolbarList);requestAnimationFrame((()=>{this.kupManager.dynamicPosition.register(this.toolbarList,k(this,x,"f"),0,p.AUTO,true);this.kupManager.dynamicPosition.start(this.toolbarList)}))}async getProps(t){return h(this,g,t)}async refresh(){e(this)}async setProps(t){r(this,g,t)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const t={toolbar:this.toolbar,value:this.value,type:this.type};const i={color:"var(--kup-gray-color-70)",resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:"image__iconToolbar"};const e={"kup-typography--wrap":t.toolbar?true:false};return o(n,{key:"981f5e75f5014b5ef747f943ffb6905ee03a07b5"},o("style",{key:"4a77e168bda23918fcbd1aded179d9cb54027385"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"7b4d3cd14a278c481cac14077fa16c899c81fc56",id:c,class:e,onClick:()=>this.onKupClick},o(l,Object.assign({key:"4e487b2d58d1161b443f7823a0c3e0f7e977ac6e"},t)),o(u,Object.assign({key:"c62c2a74f3687836c9cfb1f3cc8afe65822ece9f"},i,{onClick:t=>{t.stopPropagation();this.onKupIconClick(t.currentTarget)}}))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};w=new WeakMap,x=new WeakMap;b.style=m;export{b as kup_typography};
+//# sourceMappingURL=p-56855d4f.entry.js.map

package/dist/ketchup/p-68f82cb0.js

@@ -0,0 +1,2 @@
+import{a8 as e,a9 as s,d as t,a5 as i,aa as c,F as a,ab as n,ac as l,ad as r,ae as o,af as u,e as f}from"./p-a670a42e.js";import{h as p,g as d,F as k}from"./p-d7c15b0e.js";import{F as b}from"./p-5d03c077.js";import{F as h}from"./p-06fe42ee.js";import{F as m}from"./p-2b519589.js";import{F as v,c as g}from"./p-0d2bf291.js";import{F as w}from"./p-cc32b7a2.js";var y;(function(e){e["customStyle"]="Custom style of the component.";e["data"]="The data of the list.";e["displayMode"]="Selects how the items must display their label and how they can be filtered for.";e["filter"]="Keeps string for filtering elements when filter mode is active";e["hideText"]="Hides rows' text, ideally to display a list of icons only.";e["isMenu"]="Defines whether the list is a menu or not.";e["keyboardNavigation"]="When true, enables items' navigation through arrow keys.";e["menuVisible"]="Sets the status of the menu, when false it's hidden otherwise it's visible.";e["roleType"]="Defines the type of selection. Values accepted: listbox, radiogroup or group.";e["selectable"]="Defines whether items are selectable or not.";e["showIcons"]="Displays the icons associated to each row when set to true.";e["twoLine"]="The list elements descriptions will be arranged in two lines."})(y||(y={}));var $;(function(e){e["LISTBOX"]="listbox";e["RADIOGROUP"]="radiogroup";e["GROUP"]="group"})($||($={}));var x;(function(e){e["CODE"]="code";e["DESCRIPTION"]="description";e["DESCRIPTION_AND_CODE"]="both"})(x||(x={}));var j;(function(e){e["SMALL"]="small";e["MEDIUM"]="medium"})(j||(j={}));const O=e=>{if(!e.sizing){e.sizing=j.MEDIUM}e.sizing.toLowerCase()===j.SMALL;const s={switch:true,"switch--checked":e.checked,"switch--disabled":e.disabled,[`switch--${e.sizing}`]:e.sizing?true:false};return p("div",Object.assign({class:`f-switch ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},e.dataSet,{id:e.id,title:e.title}),p("div",{class:`form-field ${e.leadingLabel?"form-field--align-end":""}`},p("div",{class:s},p("div",{class:"switch__track"}),p("div",{class:"switch__thumb-underlay"},p("div",{class:"switch__thumb"},p("input",{type:"checkbox",class:"switch__native-control",role:"switch",checked:e.checked,disabled:e.disabled,value:e.checked?"on":"off",onBlur:e.onBlur,onChange:e.onChange,onFocus:e.onFocus})))),p("label",{onClick:e.onChange},e.label)))};const _=e=>{if(!e.centeredLabel&&!e.centeredLabel!==false){e.centeredLabel=true}let s=`f-progress-bar ${e.danger?"kup-danger":""} ${e.animated?"kup-animated":""} ${e.padded?"kup-padded":""} ${e.info?"kup-info":""} ${e.slim?"kup-slim":""} ${e.striped?"kup-striped":""}   ${e.secondary?"kup-secondary":""} ${e.slim?"kup-slim":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`;let t="pie";let i=undefined;if(e.isRadial){s+=" pie-wrapper is-radial"}else{s+=" progress-bar"}let c=undefined;const a={width:`${e.value}%`};if(!e.centeredLabel){c=a;if(e.value>2){s+=" text-color-on-primary"}}else if(e.value>49){s+=" text-color-on-primary"}let n=null;if(e.icon){n=I(e)}else{if(!e.hideLabel){if(e.isRadial){if(e.label){n=p("span",{class:"label"},e.label)}else{n=p("span",{class:"label"},e.value,p("span",{class:"smaller"},"%"))}}else{if(e.label){n=e.label}else{n=e.value+"%"}}}}if(e.value>0){t+=" has-value";if(e.value>50){t+=" is-more-than-half"}else{t+=" is-less-than-half"}}if(e.isRadial){return p("div",{class:s},n,p("div",{class:t},p("div",{style:i,class:"left-side half-circle"}),p("div",{class:"right-side half-circle"})),p("div",{class:"shadow"}))}else{return p("div",{class:s},p("div",{class:"progress-bar-percentage",style:a},p("span",{style:c},n)))}};function I(e){if(!e.icon){return undefined}if(e.icon.indexOf(".")>-1||e.icon.indexOf("/")>-1||e.icon.indexOf("\\")>-1){return p("span",{class:"label kup-icon is-image"},p("img",{src:e.icon}))}else{let s=`url('${d(`./assets/svg/${e.icon}.svg`)}') no-repeat center`;let t={mask:s,webkitMask:s};return p("span",{style:t,class:"label kup-icon"})}}var C;(function(e){e["RADIO"]="radio";e["CHEVRON"]="chevron"})(C||(C={}));const z=e=>{var s;const t=!!e.columns;const i=[];const c=e.type||C.RADIO;for(let t=0;t<((s=e.data)===null||s===void 0?void 0:s.length);t++){const s=e.data[t];const a={radio:true,"radio--checked":s.checked?true:false,"radio--disabled":e.disabled?true:false,[`radio--${e.type}`]:e.type?true:false};i.push(p("div",{class:`form-field \n                  ${e.leadingLabel?" form-field--align-end":""} ${e.disabled?"radio--disabled":""}`},p("div",{class:a},c===C.RADIO?p("input",{class:"radio__native-control",type:"radio",name:"radio-element",value:s.value,checked:s.checked,disabled:e.disabled,onBlur:e.onBlur,onChange:e.onChange?e.onChange.bind(e.onChange,t):null,onFocus:e.onFocus}):p(k,null,s.checked?p(m,{resource:"check",sizeX:"14px",sizeY:"14px"}):p(m,{sizeX:"14px",sizeY:"14px",onClick:e.onChange?e.onChange.bind(e.onChange,t):null})),c===C.RADIO&&p("div",{class:"radio__background"},p("div",{class:"radio__outer-circle"}),p("div",{class:"radio__inner-circle"}))),p("label",{htmlFor:"radio-element",onClick:e.onChange?e.onChange.bind(e.onChange,t):null},s.label?s.label:"")))}const a={"--kup_radio_columns":t?`repeat(${e.columns}, 1fr)`:""};return p("div",{class:`f-radio radio-wrapper\n             ${t?"radio-wrapper-grid":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""} ${e.horizontal?"kup-horizontal":""}`,style:a},i)};const F=e=>{if(!e.maxValue){e.maxValue=5}return p("div",{class:`f-rating ${e.disabled?"disabled":""} ${e.danger?"kup-danger":""} ${e.info?"kup-info":""} ${e.secondary?"kup-secondary":""} ${e.success?"kup-success":""} ${e.warning?"kup-warning":""} ${e.wrapperClass?e.wrapperClass:""}`},N(e))};function N(e){const s=[];for(let t=1;t<=e.maxValue;t++){if(t<=e.value){s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"★"))}else{s.push(p("span",{class:"rating",onClick:e.onClick?e.onClick.bind(e.onClick,t):null},"☆"))}}return s}const H=document.documentElement;const D=(c,a)=>{const n=c.cell;const r=c.column;const o=c.row;const f=c.shape?c.shape:n.shape?n.shape:r.shape?r.shape:null;const d=!H.ketchup.objects.isEmptyKupObj(n.obj);let k=false;if(n.hasOwnProperty("isEditable")){k=n.isEditable}else if(r.hasOwnProperty("isEditable")){k=r.isEditable}k=k&&c.editable;const b=c.previousValue!==n.value?n.value:"";const h=H.ketchup.data.cell.getType(n,f);const v=Object.assign({},n.data);let g=n.cssClass?n.cssClass:r.cssClass?r.cssClass:"";if(c.component.legacyLook){g+=" monospace c-pre"}const w={"f-cell":true,[l.OBJ]:d?true:false,[h+"-cell"]:true,[c.wrapperClass]:c.wrapperClass?true:false,[c.density]:c.density&&h!==i.BAR?true:false,[g]:g?true:false};let y=b;if(!n.data){V(h,n)}if(k&&e.includes(h)){y=M(h,w,n,r,c)}else if(n.data&&s.includes(h)){if(c.setSizes){X(h,v,n)}if(!c.renderKup){const e="cell-"+h+" placeholder";y=p("span",{class:e})}else{y=T(h,w,v,n,o,r,c)}}else{if(c.setSizes){E(h,v,n,c)}y=R(h,v,y,w,n,r,c)}let $=null;if(!k&&(r.icon||n.icon)&&y){const e={color:`rgba(var(${t.TEXT}-rgb), 0.375)`,resource:n.icon?n.icon:r.icon,placeholderResource:n.placeholderIcon?n.placeholderIcon:r.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"obj-icon"};$=p(m,Object.assign({},e))}let x=null;if(H.ketchup.debug.isDebug()&&d){x=n.obj.t+"; "+n.obj.p+"; "+n.obj.k+";"}else if(n.title!=null&&n.title.trim()!=""){x=n.title}let j=null;if(n.info){const e=Object.assign({},n.info);if(!e.color){e.color=`var(${t.INFO})`}if(!e.icon){e.icon="info"}const s={color:e.color,resource:e.icon,placeholderResource:e.placeholderIcon,sizeX:"1.25em",sizeY:"1.25em",title:e.message?e.message:"",wrapperClass:"cell-info"};j=p(m,Object.assign({},s))}return p("div",{onKeyUp:e=>Y(e,c,h,u.KEYUP),class:w,"kup-get-cell-props":()=>c,ref:e=>n.element=e,style:n.style},p("div",{class:"f-cell__content",style:n.styleContent,title:x},c.cellActionIcon&&p(m,{resource:"more_vert",sizeX:"16px",sizeY:"16px",wrapperClass:`f-cell__iconfunction ${h===i.NUMBER?"left":"right"}`,onClick:c.cellActionIcon.onClick,tabIndex:0}),a&&a.length>0?a:[c.indents,j,$,y]))};function E(e,s,t,a){var n;switch(e){case i.CHECKBOX:case i.ICON:if(!s.sizeX){s.sizeX="18px"}if(!s.sizeY){s.sizeY="18px"}if(t.style){if(!t.style.height){t.style["minHeight"]=s.sizeY}}else{t.style={minHeight:s.sizeY}}break;case i.IMAGE:const e=((n=a.cell)===null||n===void 0?void 0:n.value)||"";const l=e.indexOf(".")>-1||e.indexOf("/")>-1||e.indexOf("\\")>-1;if(a.component.rootElement.tagName===c.DATA_TABLE&&!l){if(!s.sizeX&&!s.sizeY){s.sizeX="100%";s.sizeY="64px";s.wrapperClass="noWidth"}else{if(!s.sizeX){s.sizeX="100%";s.wrapperClass="noWidth"}if(!s.sizeY){s.sizeY="auto"}}}if(a.component.rootElement.tagName===c.BOX){if(!s.sizeY){s.sizeY="auto"}if(s.fit===undefined){s.fit=true}}else if(!s.sizeX){s.sizeX="auto"}if(!s.sizeY){s.sizeY="64px"}break}}function X(e,s,t){switch(e){case i.BAR:if(!s.sizeY){s.sizeY="26px"}break;case i.BUTTON:let e="";if(s.label){e="36px"}if(t.style){if(!t.style.height){t.style["minHeight"]=e}}else{t.style={minHeight:e}}break;case i.CHART:if(!s.sizeX){s.sizeX="100%"}if(!s.sizeY){s.sizeY="100%"}break;case i.CHIP:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break;case i.RADIO:if(t.style){if(!t.style.height){t.style["minHeight"]="40px"}}else{t.style={minHeight:"40px"}}break}}function M(e,s,t,c,n){var r,o;switch(e){case i.AUTOCOMPLETE:return p("kup-autocomplete",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:A(n)?"kup-full-width":"","onkup-autocomplete-change":s=>Y(s,n,e,u.UPDATE),"onkup-autocomplete-input":s=>Y(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>Y(s,n,e,u.ICON_CLICK)}));case i.CHECKBOX:if(W(n)){s[l.C_CENTERED]=true}if(t.shape===a.INPUT_CHECKBOX){return p("input",{checked:t.value==="on"||t.value==="1"?true:false,class:"input-checkbox",onChange:s=>Y(s,n,e,u.UPDATE),type:"checkbox"})}else{return p(b,Object.assign({},t.data,{onChange:s=>Y(s,n,e,u.UPDATE)}))}case i.CHIP:return p("kup-chip",Object.assign({},t.data,{type:v.INPUT,enableInput:true,"onKup-chip-change":s=>Y(s,n,e,u.UPDATE)}),p("kup-text-field",Object.assign({fullWidth:true,slot:"field"},t.slotData)));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:A(n)?"kup-full-width":"",disabled:false,"onkup-colorpicker-change":s=>Y(s,n,e,u.UPDATE)}));case i.COMBOBOX:return p("kup-combobox",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:A(n)?"kup-full-width":"","onkup-combobox-change":s=>Y(s,n,e,u.UPDATE),"onkup-combobox-input":s=>Y(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>Y(s,n,e,u.ICON_CLICK)}));case i.DATE:return p("kup-date-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:A(n)?"kup-full-width":"","onkup-datepicker-change":s=>Y(s,n,e,u.UPDATE),"onkup-datepicker-input":s=>Y(s,n,e,u.INPUT)}));case i.MULTI_AUTOCOMPLETE:return p("kup-chip",Object.assign({displayId:true},t.data,{type:v.INPUT,enableInput:true,"onKup-chip-change":s=>Y(s,n,e,u.UPDATE)}),p("kup-autocomplete",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-autocomplete-input":s=>Y(s,n,e,u.INPUT),"onkup-autocomplete-iconclick":s=>Y(s,n,e,u.ICON_CLICK),showDropDownIcon:false},t.slotData)));case i.MULTI_COMBOBOX:return p("kup-chip",Object.assign({displayId:true},t.data,{type:v.INPUT,enableInput:true,"onKup-chip-change":s=>Y(s,n,e,u.UPDATE)}),p("kup-combobox",Object.assign({class:"kup-full-width",slot:"field",displayMode:x.DESCRIPTION_AND_CODE,selectMode:x.DESCRIPTION_AND_CODE,"onkup-combobox-input":s=>Y(s,n,e,u.INPUT),"onkup-combobox-iconclick":s=>Y(s,n,e,u.ICON_CLICK)},t.slotData)));case i.RADIO:return p(z,Object.assign({},t.data,{disabled:false,onChange:(s,i)=>{const c=t.data.data;for(let e=0;e<c.length;e++){const t=c[e];if(e===s){t.checked=true}else{t.checked=false}}Y(i,n,e,u.UPDATE)}}));case i.RATING:return p("kup-rating",Object.assign({key:c.name+n.row.id},t.data,{disabled:false,"onkup-rating-click":s=>Y(s,n,e,u.UPDATE)}));case i.SWITCH:return p(O,Object.assign({},t.data,{disabled:false,onChange:s=>Y(s,n,e,u.UPDATE)}));case i.TIME:return p("kup-time-picker",Object.assign({key:c.name+n.row.id,initialValue:t.value},t.data,{class:A(n)?"kup-full-width":"","onkup-timepicker-change":s=>Y(s,n,e,u.UPDATE),"onkup-timepicker-input":s=>Y(s,n,e,u.INPUT)}));case i.NUMBER:s[l.C_RIGHT_ALIGNED]=true;case i.LINK:case i.STRING:const f=s=>Y(s,n,e,u.UPDATE);const d=s=>Y(s,n,e,u.INPUT);const k=e===i.NUMBER?"number":null;const m=e===i.NUMBER&&t.value?H.ketchup.math.numberifySafe(t.value).toString():t.value;if(t.shape===a.INPUT_FIELD){return p("input",{class:"input-field",onChange:f,onInput:d,type:k,value:m,maxLength:(o=(r=c.cellData)===null||r===void 0?void 0:r.maxLength)!==null&&o!==void 0?o:-1})}else{return p(h,Object.assign({inputType:k,fullWidth:A(n)?true:false},t.data,{icon:t.data&&t.data.icon?t.data.icon:t.icon?t.icon:c.icon?c.icon:null,value:m,onChange:f,onInput:d,onIconClick:s=>Y(s,n,e,u.ICON_CLICK)}))}}}function R(e,s,t,c,a,n,r){switch(e){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.DATETIME:case i.TIME:if(t&&t!=""){const e=o(n,a);return p("div",{class:"f-cell__text"},e)}return t;case i.CHECKBOX:if(W(r)){c[l.C_CENTERED]=true}return p(m,{resource:s.checked?"check_box":"check_box_outline_blank",sizeX:"18px",sizeY:"18px"});case i.EDITOR:return p("div",{innerHTML:a.value});case i.ICON:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(m,Object.assign({},s));case i.IMAGE:if(W(r)){c[l.C_CENTERED]=true}if(s.badgeData){c[l.C_PADDED]=true}return p(m,Object.assign({},s));case i.LINK:return p("a",{href:t,target:"_blank"},a.value);case i.NUMBER:if(t&&t!=""){const e=H.ketchup.math.numberifySafe(a.value);const s=o(n,a);if(e<0){c[l.TEXT_DANGER]=true}if(W(r)){c[l.C_RIGHT_ALIGNED]=true}return p("div",{class:"f-cell__text"},s)}return p("div",{class:"f-cell__text"},t);case i.SWITCH:if(W(r)){c[l.C_CENTERED]=true}s["disabled"]=true;return p(O,Object.assign({},s));default:return p("div",{class:"f-cell__text"},t)}}function T(e,s,t,c,a,n,r){switch(e){case i.BAR:if(!t.data){return p("kup-image",Object.assign({key:n.name+r.row.id,sizeX:"250px"},t))}else{const e={height:t.sizeY,width:"100%"};return p("div",{style:e},p(m,Object.assign({},t)))}case i.BUTTON:if(W(r)){s[l.C_CENTERED]=true}return p(w,Object.assign({},t,{onClick:s=>Y(s,r,e,u.CLICK)}));case i.BUTTON_LIST:if(W(r)){s[l.C_CENTERED]=true}t["data-storage"]={cell:c,row:a,column:n};return p("kup-button-list",Object.assign({key:n.name+r.row.id},t));case i.CHART:if(W(r)){s[l.C_CENTERED]=true}return p("kup-chart",Object.assign({key:n.name+r.row.id},t));case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.CHIP:return p(g,Object.assign({},t));case i.COLOR_PICKER:return p("kup-color-picker",Object.assign({key:n.name+r.row.id},t,{class:A(r)?"kup-full-width":"",disabled:true}));case i.GAUGE:return p("kup-gauge",Object.assign({key:n.name+r.row.id,value:H.ketchup.math.numberifySafe(c.value),"width-component":"280px"},t));case i.KNOB:case i.PROGRESS_BAR:return t.customStyle?p("kup-progress-bar",Object.assign({key:n.name+r.row.id},t)):p(_,Object.assign({},t));case i.RADIO:if(W(r)){s[l.C_CENTERED]=true}t["disabled"]=a.readOnly;return p(z,Object.assign({},t));case i.RATING:return p(F,Object.assign({},t,{disabled:true}))}}function V(e,s){function t(e){return e.toUpperCase().startsWith("SHAPE;BAR")}function c(e){return e.toUpperCase().startsWith("SHAPE;")}function a(e){return e.toUpperCase().startsWith("BCOLOR;")}function n(e){return e.toUpperCase().startsWith("HEIGHT;")}function l(e){return e.toUpperCase().startsWith("SEP;")||e.toUpperCase().startsWith("DIV;")||e.toUpperCase().startsWith("ARW;")||e.toUpperCase().startsWith("GRID;")}function r(e){if(!e){return null}const s=e.split("\\\\AND\\");const t=[];for(const e of s){const s=o(e);if(s){t.push(...s)}else{return null}}return t}function o(e){const s={};const i=e.split("\\\\");const r=[];for(const e of i){if(e){if(l(e)){return null}if(c(e)){if(!t(e)){return null}else{const t=e.split(";");if(t.length===3){const e=t[2].replace(",",".");if(!isNaN(parseFloat(e))){s.width=`${e}%`}}}}else if(a(e));else if(n(e)){const t=e.substring("HEIGHT;".length).replace(",",".");if(!isNaN(parseFloat(t))){s.height=`${t}%`}}else{r.push(o(e,s))}}return r.length?r:null}function o(e,s){const t=Object.assign({},s);const i=e.split(";");if(i.length>=1){const e=/R(\d+)G(\d+)B(\d+)/;const s=e.exec(i[0]);if(s){const[,e,i,c]=s;if(!isNaN(parseInt(e,10))&&!isNaN(parseInt(i,10))&&!isNaN(parseInt(c,10))){t.color=`rgb(${parseInt(e)},${parseInt(i)},${parseInt(c)})`}}if(i.length>=2){const e=i[1].replace(",",".");if(!isNaN(parseFloat(e))){t.width=`${e}%`}}}return t}}s.data={};const u=()=>{var e;const t=(e=s.value)===null||e===void 0?void 0:e.split(";");if((t===null||t===void 0?void 0:t[t.length-1].trim())===""){t.pop()}if(t&&t.length){s.data.data=[];for(let e of t){s.data.data.push({id:e,value:e})}}};switch(e){case i.CHECKBOX:case i.SWITCH:s.data.checked=s.value==="1"?true:false;break;case i.BAR:if(c(s.value)){s.data.isCanvas=true;s.data.resource=s.value}else{s.data.data=r(s.value)}break;case i.BUTTON:s.data.label=s.value;break;case i.CHART:Object.assign(s.data,{sizeX:"100px",sizeY:"100px",offlineMode:{value:s.value,shape:"pie"}});break;case i.BUTTON_LIST:case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:case i.RADIO:u();break;case i.COLOR_PICKER:s.data.initialValue=s.value;break;case i.GAUGE:case i.KNOB:case i.PROGRESS_BAR:case i.RATING:s.data.value=parseInt(s.value);break;case i.ICON:case i.IMAGE:s.data.resource=s.value;break}}function Y(e,s,t,c){const a=s.cell;const n=s.column;const l=s.component;const r=s.row;if(c===u.UPDATE){let s=K(e,t);switch(t){case i.AUTOCOMPLETE:case i.COMBOBOX:case i.DATE:case i.TIME:if(a.data){a.data["initialValue"]=s}break;case i.CHECKBOX:case i.SWITCH:s=s==="on"?"0":"1";if(a.data){a.data.checked=s==="0"?false:true}break;case i.RADIO:break;case i.CHIP:case i.MULTI_AUTOCOMPLETE:case i.MULTI_COMBOBOX:s=e.detail.stringifiedValues;if(a.data){a.data.data=e.detail.comp.data}break}if(a.obj){a.obj.k=s.toString()}a.value=s.toString();a.displayedValue=null;a.displayedValue=o(n,a)}if(l&&l.rootElement){const s=new CustomEvent(c,{bubbles:true,cancelable:true,composed:true,detail:{comp:l,id:l.rootElement.id,cell:a,column:n,event:e,row:r,type:t}});l.rootElement.dispatchEvent(s);if(c===u.UPDATE){try{l.refresh()}catch(e){H.ketchup.debug.logMessage(l,e,f.ERROR)}}}}function K(e,s){const t=!!(e.target.tagName==="INPUT");let c=t?e.target.value:e.detail.value;if(s===i.CHECKBOX&&t){c=e.target.checked?"off":"on"}if(s===i.NUMBER&&t){c=H.ketchup.math.formattedStringToNumberString(c,"")}return c}function W(e){var s;return r.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}function A(e){var s;return n.includes((s=e.component)===null||s===void 0?void 0:s.rootElement.tagName)}export{D as F,x as I,$ as K,y as a,_ as b,z as c,F as d,j as e,O as f};
+//# sourceMappingURL=p-68f82cb0.js.map

package/dist/ketchup/p-68f82cb0.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["KupListProps","KupListRole","ItemsDisplayMode","FSwitchSizing","FSwitch","props","sizing","MEDIUM","toLowerCase","SMALL","classObj","switch","checked","disabled","h","Object","assign","class","danger","info","secondary","success","warning","wrapperClass","dataSet","id","title","leadingLabel","type","role","value","onBlur","onChange","onFocus","onClick","label","FProgressBar","centeredLabel","componentClass","animated","padded","slim","striped","pieClass","radialStyle","undefined","isRadial","labelStyle","valueStyle","width","icon","createIconElement","hideLabel","style","indexOf","src","svg","getAssetPath","iconStyle","mask","webkitMask","FRadioType","FRadio","hasColumns","columns","radioList","radioType","RADIO","i","_a","data","length","radio","push","name","bind","Fragment","FImage","resource","sizeX","sizeY","htmlFor","styleObj","horizontal","FRating","maxValue","buildStars","stars","dom","document","documentElement","FCell","children","cell","column","row","shape","hasObj","ketchup","objects","isEmptyKupObj","obj","isEditable","hasOwnProperty","editable","valueToDisplay","previousValue","cellType","getType","subcomponentProps","cssClasses","cssClass","component","legacyLook","FCellClasses","OBJ","density","FCellTypes","BAR","content","setDefaults","editableTypes","includes","setEditableCell","kupTypes","setSizes","setCellSizeKup","renderKup","lazyClass","setKupCell","setCellSize","setCell","fProps","color","KupThemeColorValues","TEXT","placeholderResource","placeholderIcon","cellTitle","debug","isDebug","t","p","k","trim","infoEl","INFO","message","onKeyUp","e","cellEvent","FCellEvents","KEYUP","ref","el","element","styleContent","cellActionIcon","NUMBER","tabIndex","indents","CHECKBOX","ICON","height","minHeight","IMAGE","cellValue","hasExternalResource","rootElement","tagName","KupTagNames","DATA_TABLE","BOX","fit","BUTTON","CHART","CHIP","AUTOCOMPLETE","key","initialValue","isFullWidth","UPDATE","INPUT","ICON_CLICK","isAutoCentered","C_CENTERED","FCellShapes","INPUT_CHECKBOX","FCheckbox","FChipType","enableInput","fullWidth","slot","slotData","COLOR_PICKER","COMBOBOX","DATE","MULTI_AUTOCOMPLETE","displayId","displayMode","DESCRIPTION_AND_CODE","selectMode","showDropDownIcon","MULTI_COMBOBOX","radioData","index","radioEl","RATING","SWITCH","TIME","C_RIGHT_ALIGNED","LINK","STRING","onInput","math","numberifySafe","toString","INPUT_FIELD","maxLength","_b","cellData","FTextField","inputType","onIconClick","DATETIME","getCellValueForDisplay","EDITOR","innerHTML","badgeData","C_PADDED","href","target","cellValueNumber","TEXT_DANGER","barStyle","FButton","CLICK","BUTTON_LIST","FChip","GAUGE","KNOB","PROGRESS_BAR","customStyle","readOnly","isShapeBarMarker","toUpperCase","startsWith","isShapeMarker","isBgColorMarker","isHeightMarker","isDecoratorMarker","getData","graphicElementDefinitionArr","split","graphicElem","elementData","getElementData","commonsData","markersArray","shapesArray","vString","attr","replace","isNaN","parseFloat","substring","getShapeData","shapeData","pattern","match","exec","r","g","b","parseInt","createDataset","parts","pop","part","isCanvas","offlineMode","cellEventName","comp","getValueFromEventTaget","detail","stringifiedValues","displayedValue","CustomEvent","bubbles","cancelable","composed","event","dispatchEvent","refresh","error","logMessage","KupDebugCategory","ERROR","isInputEvent","formattedStringToNumberString","autoCenterComps","fullWidthFieldsComps"],"sources":["src/components/kup-list/kup-list-declarations.ts","src/f-components/f-switch/f-switch-declarations.ts","src/f-components/f-switch/f-switch.tsx","src/f-components/f-progress-bar/f-progress-bar.tsx","src/f-components/f-radio/f-radio-declarations.ts","src/f-components/f-radio/f-radio.tsx","src/f-components/f-rating/f-rating.tsx","src/f-components/f-cell/f-cell.tsx"],"sourcesContent":["import { KupEventPayload } from '../../types/GenericTypes';\nimport { ValueDisplayedValue as vdv } from '../../utils/filters/filters-declarations';\nimport { KupDataNode } from '../../managers/kup-data/kup-data-declarations';\n\n/**\n * Props of the kup-list component.\n * Used to export every prop in an object.\n */\nexport enum KupListProps {\n    customStyle = 'Custom style of the component.',\n    data = 'The data of the list.',\n    displayMode = 'Selects how the items must display their label and how they can be filtered for.',\n    filter = 'Keeps string for filtering elements when filter mode is active',\n    hideText = \"Hides rows' text, ideally to display a list of icons only.\",\n    isMenu = 'Defines whether the list is a menu or not.',\n    keyboardNavigation = \"When true, enables items' navigation through arrow keys.\",\n    menuVisible = \"Sets the status of the menu, when false it's hidden otherwise it's visible.\",\n    roleType = 'Defines the type of selection. Values accepted: listbox, radiogroup or group.',\n    selectable = 'Defines whether items are selectable or not.',\n    showIcons = 'Displays the icons associated to each row when set to true.',\n    twoLine = 'The list elements descriptions will be arranged in two lines.',\n}\n/**\n * Data structure of a single list item.\n */\nexport interface KupListNode extends KupDataNode {\n    secondaryText?: string;\n    selected?: boolean;\n    separator?: boolean;\n}\n/**\n * Available types of selection.\n */\nexport enum KupListRole {\n    LISTBOX = 'listbox',\n    RADIOGROUP = 'radiogroup',\n    GROUP = 'group',\n}\n\nexport interface ValueDisplayedValue extends vdv {\n    exists: boolean;\n}\n\nexport enum ItemsDisplayMode {\n    CODE = 'code',\n    DESCRIPTION = 'description',\n    DESCRIPTION_AND_CODE = 'both',\n}\nexport interface KupListEventPayload extends KupEventPayload {\n    selected: KupListNode;\n    index?: number;\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-switch component.\n */\nexport interface FSwitchProps extends FComponent {\n    checked?: boolean;\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onClick?: (event: MouseEvent) => void;\n    onChange?: (event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    sizing?: FSwitchSizing;\n}\n\n/**\n * Types of the f-chip component.\n * @enum {string}\n * @property {string} SMALL - Small size: height = 24px\n * @property {string} MEDIUM - Medium size: height = 32px (default)\n */\n\nexport enum FSwitchSizing { // GenericTypes to be studied because small chips goes with small button/textfield but has different sizes\n    SMALL = 'small',\n    MEDIUM = 'medium',\n}\n","import { FSwitchSizing, type FSwitchProps } from './f-switch-declarations';\nimport { FunctionalComponent, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FSwitch: FunctionalComponent<FSwitchProps> = (\n    props: FSwitchProps\n) => {\n    if (!props.sizing) {\n        props.sizing = FSwitchSizing.MEDIUM;\n    }\n    const isSmall: boolean = props.sizing.toLowerCase() === FSwitchSizing.SMALL;\n    const classObj: Record<string, boolean> = {\n        switch: true,\n        'switch--checked': props.checked,\n        'switch--disabled': props.disabled,\n        [`switch--${props.sizing}`]: props.sizing ? true : false,\n    };\n\n    return (\n        <div\n            class={`f-switch ${props.danger ? 'kup-danger' : ''} ${\n                props.info ? 'kup-info' : ''\n            } ${props.secondary ? 'kup-secondary' : ''} ${\n                props.success ? 'kup-success' : ''\n            } ${props.warning ? 'kup-warning' : ''} ${\n                props.wrapperClass ? props.wrapperClass : ''\n            }`}\n            {...props.dataSet}\n            id={props.id}\n            title={props.title}\n        >\n            <div\n                class={`form-field ${\n                    props.leadingLabel ? 'form-field--align-end' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    <div class=\"switch__track\"></div>\n                    <div class=\"switch__thumb-underlay\">\n                        <div class=\"switch__thumb\">\n                            <input\n                                type=\"checkbox\"\n                                class=\"switch__native-control\"\n                                role=\"switch\"\n                                checked={props.checked}\n                                disabled={props.disabled}\n                                value={props.checked ? 'on' : 'off'}\n                                onBlur={props.onBlur}\n                                onChange={props.onChange}\n                                onFocus={props.onFocus}\n                            ></input>\n                        </div>\n                    </div>\n                </div>\n                <label onClick={props.onChange}>{props.label}</label>\n            </div>\n        </div>\n    );\n};\n","import type { FProgressBarProps } from './f-progress-bar-declarations';\nimport { FunctionalComponent, getAssetPath, h } from '@stencil/core';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FProgressBar: FunctionalComponent<FProgressBarProps> = (\n    props: FProgressBarProps\n) => {\n    if (!props.centeredLabel && !props.centeredLabel !== false) {\n        props.centeredLabel = true;\n    }\n\n    let componentClass = `f-progress-bar ${props.danger ? 'kup-danger' : ''} ${\n        props.animated ? 'kup-animated' : ''\n    } ${props.padded ? 'kup-padded' : ''} ${props.info ? 'kup-info' : ''} ${\n        props.slim ? 'kup-slim' : ''\n    } ${props.striped ? 'kup-striped' : ''}   ${\n        props.secondary ? 'kup-secondary' : ''\n    } ${props.slim ? 'kup-slim' : ''} ${props.success ? 'kup-success' : ''} ${\n        props.warning ? 'kup-warning' : ''\n    } ${props.wrapperClass ? props.wrapperClass : ''}`;\n    let pieClass: string = 'pie';\n    let radialStyle = undefined;\n    if (props.isRadial) {\n        componentClass += ' pie-wrapper is-radial';\n    } else {\n        componentClass += ' progress-bar';\n    }\n\n    let labelStyle = undefined;\n\n    const valueStyle = {\n        width: `${props.value}%`,\n    };\n\n    if (!props.centeredLabel) {\n        labelStyle = valueStyle;\n        if (props.value > 2) {\n            componentClass += ' text-color-on-primary';\n        }\n    } else if (props.value > 49) {\n        componentClass += ' text-color-on-primary';\n    }\n\n    let label = null;\n    if (props.icon) {\n        label = createIconElement(props);\n    } else {\n        if (!props.hideLabel) {\n            if (props.isRadial) {\n                if (props.label) {\n                    label = <span class=\"label\">{props.label}</span>;\n                } else {\n                    label = (\n                        <span class=\"label\">\n                            {props.value}\n                            <span class=\"smaller\">%</span>\n                        </span>\n                    );\n                }\n            } else {\n                if (props.label) {\n                    label = props.label;\n                } else {\n                    label = props.value + '%';\n                }\n            }\n        }\n    }\n\n    if (props.value > 0) {\n        pieClass += ' has-value';\n        if (props.value > 50) {\n            pieClass += ' is-more-than-half';\n        } else {\n            pieClass += ' is-less-than-half';\n        }\n    }\n\n    if (props.isRadial) {\n        return (\n            <div class={componentClass}>\n                {label}\n                <div class={pieClass}>\n                    <div\n                        style={radialStyle}\n                        class=\"left-side half-circle\"\n                    ></div>\n                    <div class=\"right-side half-circle\"></div>\n                </div>\n                <div class=\"shadow\"></div>\n            </div>\n        );\n    } else {\n        return (\n            <div class={componentClass}>\n                <div class=\"progress-bar-percentage\" style={valueStyle}>\n                    <span style={labelStyle}>{label}</span>\n                </div>\n            </div>\n        );\n    }\n};\n\nfunction createIconElement(props: FProgressBarProps) {\n    if (!props.icon) {\n        return undefined;\n    }\n\n    if (\n        props.icon.indexOf('.') > -1 ||\n        props.icon.indexOf('/') > -1 ||\n        props.icon.indexOf('\\\\') > -1\n    ) {\n        return (\n            <span class=\"label kup-icon is-image\">\n                <img src={props.icon}></img>\n            </span>\n        );\n    } else {\n        let svg: string = `url('${getAssetPath(\n            `./assets/svg/${props.icon}.svg`\n        )}') no-repeat center`;\n        let iconStyle = {\n            mask: svg,\n            webkitMask: svg,\n        };\n        return <span style={iconStyle} class=\"label kup-icon\"></span>;\n    }\n}\n","import type { FComponent } from '../../types/GenericTypes';\n/**\n * Props of the f-radio component.\n */\nexport interface FRadioProps extends FComponent {\n    type?: FRadioType;\n    columns?: number;\n    data?: FRadioData[];\n    disabled?: boolean;\n    label?: string;\n    leadingLabel?: boolean;\n    onBlur?: (event: FocusEvent) => void;\n    onChange?: (i: number, event: Event) => void;\n    onFocus?: (event: FocusEvent) => void;\n    horizontal?: boolean;\n}\n/**\n * The object of a single radio.\n */\nexport interface FRadioData {\n    checked: boolean;\n    label: string;\n    value: string;\n}\n\nexport enum FRadioType {\n    RADIO = 'radio',\n    CHEVRON = 'chevron',\n}\n","import { FunctionalComponent, VNode, h, Fragment } from '@stencil/core';\nimport { GenericObject } from '../../components';\nimport {\n    FRadioType,\n    type FRadioData,\n    type FRadioProps,\n} from './f-radio-declarations';\nimport { FImage } from '../f-image/f-image';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRadio: FunctionalComponent<FRadioProps> = (\n    props: FRadioProps\n) => {\n    const hasColumns: boolean = !!props.columns;\n    const radioList: Array<VNode> = [];\n\n    // Default to 'radio' if props.type is not specified\n    const radioType = props.type || FRadioType.RADIO;\n    for (let i = 0; i < props.data?.length; i++) {\n        const data: FRadioData = props.data[i];\n        const classObj: GenericObject = {\n            radio: true,\n            'radio--checked': data.checked ? true : false,\n            'radio--disabled': props.disabled ? true : false,\n            [`radio--${props.type}`]: props.type ? true : false,\n        };\n\n        radioList.push(\n            <div\n                class={`form-field \n                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${\n                    props.disabled ? 'radio--disabled' : ''\n                }`}\n            >\n                <div class={classObj}>\n                    {radioType === FRadioType.RADIO ? (\n                        // Radio button type rendering\n                        <input\n                            class=\"radio__native-control\"\n                            type=\"radio\"\n                            name=\"radio-element\"\n                            value={data.value}\n                            checked={data.checked}\n                            disabled={props.disabled}\n                            onBlur={props.onBlur}\n                            onChange={\n                                props.onChange\n                                    ? props.onChange.bind(props.onChange, i)\n                                    : null\n                            }\n                            onFocus={props.onFocus}\n                        ></input>\n                    ) : (\n                        // Chevron type rendering\n                        <>\n                            {data.checked ? (\n                                <FImage\n                                    resource=\"check\"\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                ></FImage>\n                            ) : (\n                                <FImage\n                                    sizeX=\"14px\"\n                                    sizeY=\"14px\"\n                                    onClick={\n                                        props.onChange\n                                            ? props.onChange.bind(\n                                                  props.onChange,\n                                                  i\n                                              )\n                                            : null\n                                    }\n                                ></FImage>\n                            )}\n                        </>\n                    )}\n                    {radioType === FRadioType.RADIO && (\n                        <div class=\"radio__background\">\n                            <div class=\"radio__outer-circle\"></div>\n                            <div class=\"radio__inner-circle\"></div>\n                        </div>\n                    )}\n                </div>\n                <label\n                    htmlFor={'radio-element'}\n                    onClick={\n                        props.onChange\n                            ? props.onChange.bind(props.onChange, i)\n                            : null\n                    }\n                >\n                    {data.label ? data.label : ''}\n                </label>\n            </div>\n        );\n    }\n\n    const styleObj: GenericObject = {\n        '--kup_radio_columns': hasColumns\n            ? `repeat(${props.columns}, 1fr)`\n            : '',\n    };\n\n    return (\n        <div\n            class={`f-radio radio-wrapper\n             ${hasColumns ? 'radio-wrapper-grid' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''} ${\n                props.horizontal ? 'kup-horizontal' : ''\n            }`}\n            style={styleObj}\n        >\n            {radioList}\n        </div>\n    );\n};\n","import { FunctionalComponent, VNode, h } from '@stencil/core';\nimport type { FRatingProps } from './f-rating-declarations';\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FRating: FunctionalComponent<FRatingProps> = (\n    props: FRatingProps\n) => {\n    if (!props.maxValue) {\n        props.maxValue = 5;\n    }\n    return (\n        <div\n            class={`f-rating ${props.disabled ? 'disabled' : ''} ${\n                props.danger ? 'kup-danger' : ''\n            } ${props.info ? 'kup-info' : ''} ${\n                props.secondary ? 'kup-secondary' : ''\n            } ${props.success ? 'kup-success' : ''} ${\n                props.warning ? 'kup-warning' : ''\n            } ${props.wrapperClass ? props.wrapperClass : ''}`}\n        >\n            {buildStars(props)}\n        </div>\n    );\n};\n\nfunction buildStars(props: FRatingProps) {\n    const stars: VNode[] = [];\n\n    for (let i = 1; i <= props.maxValue; i++) {\n        if (i <= props.value) {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2605;\n                </span>\n            );\n        } else {\n            stars.push(\n                <span\n                    class=\"rating\"\n                    onClick={\n                        props.onClick\n                            ? props.onClick.bind(props.onClick, i)\n                            : null\n                    }\n                >\n                    &#x2606;\n                </span>\n            );\n        }\n    }\n\n    return stars;\n}\n","import type { FCheckboxProps } from '../f-checkbox/f-checkbox-declarations';\nimport type { FImageData, FImageProps } from '../f-image/f-image-declarations';\nimport type { FButtonProps } from '../f-button/f-button-declarations';\nimport type { KupChart } from '../../components/kup-chart/kup-chart';\nimport type { KupDom } from '../../managers/kup-manager/kup-manager-declarations';\nimport type { KupAutocompleteEventPayload } from '../../components/kup-autocomplete/kup-autocomplete-declarations';\nimport type { KupComboboxEventPayload } from '../../components/kup-combobox/kup-combobox-declarations';\nimport type { KupDatePickerEventPayload } from '../../components/kup-date-picker/kup-date-picker-declarations';\nimport type { KupTimePickerEventPayload } from '../../components/kup-time-picker/kup-time-picker-declarations';\nimport type { KupRatingClickEventPayload } from '../../components/kup-rating/kup-rating-declarations';\nimport type { KupColorPickerEventPayload } from '../../components/kup-color-picker/kup-color-picker-declarations';\nimport {\n    GenericObject,\n    KupComponent,\n    KupTagNames,\n} from '../../types/GenericTypes';\nimport {\n    autoCenterComps,\n    editableTypes,\n    FCellClasses,\n    FCellEventPayload,\n    FCellEvents,\n    FCellInfo,\n    FCellProps,\n    FCellShapes,\n    FCellTypes,\n    fullWidthFieldsComps,\n    kupTypes,\n} from './f-cell-declarations';\nimport { FunctionalComponent, h, VNode } from '@stencil/core';\nimport { getCellValueForDisplay } from '../../utils/cell-utils';\nimport { FCheckbox } from '../f-checkbox/f-checkbox';\nimport { FTextField } from '../f-text-field/f-text-field';\nimport { FImage } from '../f-image/f-image';\nimport { FChip } from '../f-chip/f-chip';\nimport { KupThemeColorValues } from '../../managers/kup-theme/kup-theme-declarations';\nimport {\n    KupDataCell,\n    KupDataColumn,\n    KupDataNode,\n    KupDataRow,\n} from '../../managers/kup-data/kup-data-declarations';\nimport { FSwitch } from '../f-switch/f-switch';\nimport { KupChipChangeEventPayload } from '../../components/kup-chip/kup-chip-declarations';\nimport { FChipsProps, FChipType } from '../f-chip/f-chip-declarations';\nimport { ItemsDisplayMode } from '../../components/kup-list/kup-list-declarations';\nimport { FButton } from '../f-button/f-button';\nimport { FProgressBar } from '../f-progress-bar/f-progress-bar';\nimport { FRadio } from '../f-radio/f-radio';\nimport { FRating } from '../f-rating/f-rating';\nimport type { KupDataTable } from '../../components/kup-data-table/kup-data-table';\nimport { FRadioProps } from '../f-radio/f-radio-declarations';\nimport { KupDebugCategory } from '../../managers/kup-debug/kup-debug-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/*-------------------------------------------------*/\n/*                C o m p o n e n t                */\n/*-------------------------------------------------*/\n\nexport const FCell: FunctionalComponent<FCellProps> = (\n    props: FCellProps,\n    children?: VNode[]\n) => {\n    const cell = props.cell;\n    const column = props.column;\n    const row = props.row;\n    const shape = props.shape\n        ? props.shape\n        : cell.shape\n        ? cell.shape\n        : column.shape\n        ? column.shape\n        : null;\n    const hasObj = !dom.ketchup.objects.isEmptyKupObj(cell.obj);\n\n    let isEditable = false;\n    if (cell.hasOwnProperty('isEditable')) {\n        isEditable = cell.isEditable;\n    } else if (column.hasOwnProperty('isEditable')) {\n        isEditable = column.isEditable;\n    }\n    isEditable = isEditable && props.editable;\n\n    const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';\n    const cellType = dom.ketchup.data.cell.getType(cell, shape);\n    const subcomponentProps: unknown = { ...cell.data };\n    let cssClasses = cell.cssClass\n        ? cell.cssClass\n        : column.cssClass\n        ? column.cssClass\n        : '';\n    if ((props.component as KupDataTable).legacyLook) {\n        cssClasses += ' monospace c-pre';\n    }\n    const classObj: Record<string, boolean> = {\n        'f-cell': true,\n        [FCellClasses.OBJ]: hasObj ? true : false,\n        [cellType + '-cell']: true,\n        [props.wrapperClass]: props.wrapperClass ? true : false,\n        [props.density]:\n            props.density && cellType !== FCellTypes.BAR ? true : false,\n        [cssClasses]: cssClasses ? true : false,\n    };\n    let content: unknown = valueToDisplay;\n    if (!cell.data) {\n        setDefaults(cellType, cell);\n    }\n    if (isEditable && editableTypes.includes(cellType)) {\n        content = setEditableCell(cellType, classObj, cell, column, props);\n    } else if (cell.data && kupTypes.includes(cellType)) {\n        if (props.setSizes) {\n            setCellSizeKup(cellType, subcomponentProps, cell);\n        }\n        if (!props.renderKup) {\n            const lazyClass = 'cell-' + cellType + ' placeholder';\n            content = <span class={lazyClass}></span>;\n        } else {\n            content = setKupCell(\n                cellType,\n                classObj,\n                subcomponentProps,\n                cell,\n                row,\n                column,\n                props\n            );\n        }\n    } else {\n        if (props.setSizes) {\n            setCellSize(cellType, subcomponentProps, cell, props);\n        }\n        content = setCell(\n            cellType,\n            subcomponentProps,\n            content,\n            classObj,\n            cell,\n            column,\n            props\n        );\n    }\n\n    let icon: VNode = null;\n    if (!isEditable && (column.icon || cell.icon) && content) {\n        const fProps: FImageProps = {\n            color: `rgba(var(${KupThemeColorValues.TEXT}-rgb), 0.375)`,\n            resource: cell.icon ? cell.icon : column.icon,\n            placeholderResource: cell.placeholderIcon\n                ? cell.placeholderIcon\n                : column.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            wrapperClass: 'obj-icon',\n        };\n        icon = <FImage {...fProps} />;\n    }\n\n    let cellTitle: string = null;\n    if (dom.ketchup.debug.isDebug() && hasObj) {\n        cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';\n    } else if (cell.title != null && cell.title.trim() != '') {\n        cellTitle = cell.title;\n    }\n\n    let infoEl: HTMLElement = null;\n    if (cell.info) {\n        const info: FCellInfo = { ...cell.info };\n        if (!info.color) {\n            info.color = `var(${KupThemeColorValues.INFO})`;\n        }\n        if (!info.icon) {\n            info.icon = 'info';\n        }\n        const fProps: FImageProps = {\n            color: info.color,\n            resource: info.icon,\n            placeholderResource: info.placeholderIcon,\n            sizeX: '1.25em',\n            sizeY: '1.25em',\n            title: info.message ? info.message : '',\n            wrapperClass: 'cell-info',\n        };\n        infoEl = <FImage {...fProps} />;\n    }\n\n    return (\n        <div\n            onKeyUp={(e) => cellEvent(e, props, cellType, FCellEvents.KEYUP)}\n            class={classObj}\n            kup-get-cell-props={() => {\n                return props;\n            }}\n            ref={(el) => (cell.element = el)}\n            style={cell.style}\n        >\n            <div\n                class=\"f-cell__content\"\n                style={cell.styleContent}\n                title={cellTitle}\n            >\n                {props.cellActionIcon && (\n                    <FImage\n                        resource=\"more_vert\"\n                        sizeX=\"16px\"\n                        sizeY=\"16px\"\n                        wrapperClass={`f-cell__iconfunction ${\n                            cellType === FCellTypes.NUMBER ? 'left' : 'right'\n                        }`}\n                        onClick={props.cellActionIcon.onClick}\n                        tabIndex={0}\n                    />\n                )}\n                {children && children.length > 0\n                    ? children\n                    : [props.indents, infoEl, icon, content]}\n            </div>\n        </div>\n    );\n};\n\nfunction setCellSize(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell,\n    props: FCellProps\n) {\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.ICON:\n            if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = '18px';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '18px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = (\n                        subcomponentProps as FImageProps\n                    ).sizeY;\n                }\n            } else {\n                cell.style = {\n                    minHeight: (subcomponentProps as FImageProps).sizeY,\n                };\n            }\n            break;\n        case FCellTypes.IMAGE:\n            const cellValue = props.cell?.value || '';\n            const hasExternalResource =\n                cellValue.indexOf('.') > -1 ||\n                cellValue.indexOf('/') > -1 ||\n                cellValue.indexOf('\\\\') > -1;\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                    KupTagNames.DATA_TABLE &&\n                !hasExternalResource\n            ) {\n                if (\n                    !(subcomponentProps as FImageProps).sizeX &&\n                    !(subcomponentProps as FImageProps).sizeY\n                ) {\n                    (subcomponentProps as FImageProps).sizeX = '100%';\n                    (subcomponentProps as FImageProps).sizeY = '64px';\n                    (subcomponentProps as FImageProps).wrapperClass = 'noWidth';\n                } else {\n                    if (!(subcomponentProps as FImageProps).sizeX) {\n                        (subcomponentProps as FImageProps).sizeX = '100%';\n                        (subcomponentProps as FImageProps).wrapperClass =\n                            'noWidth';\n                    }\n                    if (!(subcomponentProps as FImageProps).sizeY) {\n                        (subcomponentProps as FImageProps).sizeY = 'auto';\n                    }\n                }\n            }\n            if (\n                (props.component as KupComponent).rootElement.tagName ===\n                KupTagNames.BOX\n            ) {\n                if (!(subcomponentProps as FImageProps).sizeY) {\n                    (subcomponentProps as FImageProps).sizeY = 'auto';\n                }\n                if ((subcomponentProps as FImageProps).fit === undefined) {\n                    (subcomponentProps as FImageProps).fit = true;\n                }\n            } else if (!(subcomponentProps as FImageProps).sizeX) {\n                (subcomponentProps as FImageProps).sizeX = 'auto';\n            }\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '64px';\n            }\n\n            break;\n    }\n}\n\nfunction setCellSizeKup(\n    cellType: string,\n    subcomponentProps: unknown,\n    cell: KupDataCell\n) {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).sizeY) {\n                (subcomponentProps as FImageProps).sizeY = '26px';\n            }\n            break;\n        case FCellTypes.BUTTON:\n            let height: string = '';\n            if ((subcomponentProps as FButtonProps).label) {\n                height = '36px';\n            }\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = height;\n                }\n            } else {\n                cell.style = { minHeight: height };\n            }\n            break;\n        case FCellTypes.CHART:\n            if (!(subcomponentProps as KupChart).sizeX) {\n                (subcomponentProps as KupChart).sizeX = '100%';\n            }\n            if (!(subcomponentProps as KupChart).sizeY) {\n                (subcomponentProps as KupChart).sizeY = '100%';\n            }\n            break;\n        case FCellTypes.CHIP:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n        case FCellTypes.RADIO:\n            if (cell.style) {\n                if (!cell.style.height) {\n                    cell.style['minHeight'] = '40px';\n                }\n            } else {\n                cell.style = { minHeight: '40px' };\n            }\n            break;\n    }\n}\n\nfunction setEditableCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n            return (\n                <kup-autocomplete\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-autocomplete-change={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-autocomplete-input={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-autocomplete-iconclick={(\n                        e: CustomEvent<KupAutocompleteEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n\n            if (cell.shape === FCellShapes.INPUT_CHECKBOX) {\n                return (\n                    <input\n                        checked={\n                            cell.value === 'on' || cell.value === '1'\n                                ? true\n                                : false\n                        }\n                        class=\"input-checkbox\"\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                        type=\"checkbox\"\n                    ></input>\n                );\n            } else {\n                return (\n                    <FCheckbox\n                        {...cell.data}\n                        onChange={(e: InputEvent) =>\n                            cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                        }\n                    />\n                );\n            }\n        case FCellTypes.CHIP:\n            return (\n                <kup-chip\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-text-field\n                        fullWidth={true}\n                        slot=\"field\"\n                        {...cell.slotData}\n                    ></kup-text-field>\n                </kup-chip>\n            );\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled={false}\n                    onkup-colorpicker-change={(\n                        e: CustomEvent<KupColorPickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-color-picker>\n            );\n        case FCellTypes.COMBOBOX:\n            return (\n                <kup-combobox\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-combobox-change={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-combobox-input={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                    onkup-combobox-iconclick={(\n                        e: CustomEvent<KupComboboxEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK)}\n                />\n            );\n        case FCellTypes.DATE:\n            return (\n                <kup-date-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-datepicker-change={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-datepicker-input={(\n                        e: CustomEvent<KupDatePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-autocomplete\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-autocomplete-input={(\n                            e: CustomEvent<KupAutocompleteEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-autocomplete-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        showDropDownIcon={false}\n                        {...cell.slotData}\n                    ></kup-autocomplete>\n                </kup-chip>\n            );\n        case FCellTypes.MULTI_COMBOBOX:\n            return (\n                <kup-chip\n                    displayId={true}\n                    {...cell.data}\n                    type={FChipType.INPUT}\n                    enableInput={true}\n                    onKup-chip-change={(\n                        e: CustomEvent<KupChipChangeEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                >\n                    <kup-combobox\n                        class=\"kup-full-width\"\n                        slot=\"field\"\n                        displayMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        selectMode={ItemsDisplayMode.DESCRIPTION_AND_CODE}\n                        onkup-combobox-input={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                        onkup-combobox-iconclick={(\n                            e: CustomEvent<KupComboboxEventPayload>\n                        ) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                        {...cell.slotData}\n                    ></kup-combobox>\n                </kup-chip>\n            );\n        case FCellTypes.RADIO:\n            return (\n                <FRadio\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(i: number, e: InputEvent) => {\n                        const radioData = (cell.data as FRadioProps).data;\n                        for (let index = 0; index < radioData.length; index++) {\n                            const radioEl = radioData[index];\n                            if (index === i) {\n                                radioEl.checked = true;\n                            } else {\n                                radioEl.checked = false;\n                            }\n                        }\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE);\n                    }}\n                ></FRadio>\n            );\n        case FCellTypes.RATING:\n            return (\n                <kup-rating\n                    key={column.name + props.row.id}\n                    {...cell.data}\n                    disabled={false}\n                    onkup-rating-click={(\n                        e: CustomEvent<KupRatingClickEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                ></kup-rating>\n            );\n        case FCellTypes.SWITCH:\n            return (\n                <FSwitch\n                    {...cell.data}\n                    disabled={false}\n                    onChange={(e: InputEvent) =>\n                        cellEvent(e, props, cellType, FCellEvents.UPDATE)\n                    }\n                ></FSwitch>\n            );\n        case FCellTypes.TIME:\n            return (\n                <kup-time-picker\n                    key={column.name + props.row.id}\n                    initialValue={cell.value}\n                    {...cell.data}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    onkup-timepicker-change={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.UPDATE)}\n                    onkup-timepicker-input={(\n                        e: CustomEvent<KupTimePickerEventPayload>\n                    ) => cellEvent(e, props, cellType, FCellEvents.INPUT)}\n                />\n            );\n        case FCellTypes.NUMBER:\n            classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n        case FCellTypes.LINK:\n        case FCellTypes.STRING:\n            const onChange = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.UPDATE);\n            const onInput = (e: InputEvent) =>\n                cellEvent(e, props, cellType, FCellEvents.INPUT);\n            const type = cellType === FCellTypes.NUMBER ? 'number' : null;\n            const value =\n                cellType === FCellTypes.NUMBER && cell.value\n                    ? dom.ketchup.math.numberifySafe(cell.value).toString()\n                    : cell.value;\n            if (cell.shape === FCellShapes.INPUT_FIELD) {\n                return (\n                    <input\n                        class={'input-field'}\n                        onChange={onChange}\n                        onInput={onInput}\n                        type={type}\n                        value={value}\n                        maxLength={column.cellData?.maxLength ?? -1}\n                    ></input>\n                );\n            } else {\n                return (\n                    <FTextField\n                        inputType={type}\n                        fullWidth={isFullWidth(props) ? true : false}\n                        {...cell.data}\n                        icon={\n                            cell.data && cell.data.icon\n                                ? cell.data.icon\n                                : cell.icon\n                                ? cell.icon\n                                : column.icon\n                                ? column.icon\n                                : null\n                        }\n                        value={value}\n                        onChange={onChange}\n                        onInput={onInput}\n                        onIconClick={(e: MouseEvent) =>\n                            cellEvent(\n                                e,\n                                props,\n                                cellType,\n                                FCellEvents.ICON_CLICK\n                            )\n                        }\n                    />\n                );\n            }\n    }\n}\n\nfunction setCell(\n    cellType: string,\n    subcomponentProps: GenericObject,\n    content: unknown,\n    classObj: Record<string, boolean>,\n    cell: KupDataCell,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.AUTOCOMPLETE:\n        case FCellTypes.COMBOBOX:\n        case FCellTypes.DATE:\n        case FCellTypes.DATETIME:\n        case FCellTypes.TIME:\n            if (content && content != '') {\n                const cellValue = getCellValueForDisplay(column, cell);\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return content;\n        case FCellTypes.CHECKBOX:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FImage\n                    resource={\n                        (subcomponentProps as FCheckboxProps).checked\n                            ? 'check_box'\n                            : 'check_box_outline_blank'\n                    }\n                    sizeX=\"18px\"\n                    sizeY=\"18px\"\n                />\n            );\n        case FCellTypes.EDITOR:\n            return <div innerHTML={cell.value}></div>;\n        case FCellTypes.ICON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n            return <FImage {...subcomponentProps} />;\n        case FCellTypes.IMAGE:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            if ((subcomponentProps as FImageProps).badgeData) {\n                classObj[FCellClasses.C_PADDED] = true;\n            }\n\n            return <FImage {...subcomponentProps} />;\n\n        case FCellTypes.LINK:\n            return (\n                <a href={content as string} target=\"_blank\">\n                    {cell.value}\n                </a>\n            );\n        case FCellTypes.NUMBER:\n            if (content && content != '') {\n                const cellValueNumber = dom.ketchup.math.numberifySafe(\n                    cell.value\n                );\n                const cellValue = getCellValueForDisplay(column, cell);\n                if (cellValueNumber < 0) {\n                    classObj[FCellClasses.TEXT_DANGER] = true;\n                }\n                if (isAutoCentered(props)) {\n                    classObj[FCellClasses.C_RIGHT_ALIGNED] = true;\n                }\n                return <div class=\"f-cell__text\">{cellValue}</div>;\n            }\n            return <div class=\"f-cell__text\">{content}</div>;\n        case FCellTypes.SWITCH:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = true;\n            return <FSwitch {...subcomponentProps}></FSwitch>;\n        default:\n            return <div class=\"f-cell__text\">{content}</div>;\n    }\n}\n\nfunction setKupCell(\n    cellType: string,\n    classObj: Record<string, boolean>,\n    subcomponentProps: GenericObject,\n    cell: KupDataCell,\n    row: KupDataRow,\n    column: KupDataColumn,\n    props: FCellProps\n): unknown {\n    switch (cellType) {\n        case FCellTypes.BAR:\n            if (!(subcomponentProps as FImageProps).data) {\n                return (\n                    <kup-image\n                        key={column.name + props.row.id}\n                        sizeX=\"250px\"\n                        {...subcomponentProps}\n                    />\n                );\n            } else {\n                const barStyle = {\n                    height: (subcomponentProps as FImageProps).sizeY,\n                    width: '100%',\n                };\n                return (\n                    <div style={barStyle}>\n                        <FImage {...subcomponentProps} />\n                    </div>\n                );\n            }\n        case FCellTypes.BUTTON:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <FButton\n                    {...subcomponentProps}\n                    onClick={(e) =>\n                        cellEvent(e, props, cellType, FCellEvents.CLICK)\n                    }\n                ></FButton>\n            );\n        case FCellTypes.BUTTON_LIST:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['data-storage'] = {\n                cell: cell,\n                row: row,\n                column: column,\n            };\n            return (\n                <kup-button-list\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-button-list>\n            );\n        case FCellTypes.CHART:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            return (\n                <kup-chart\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                />\n            );\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.CHIP:\n            return <FChip {...subcomponentProps} />;\n        case FCellTypes.COLOR_PICKER:\n            return (\n                <kup-color-picker\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                    class={isFullWidth(props) ? 'kup-full-width' : ''}\n                    disabled\n                ></kup-color-picker>\n            );\n        case FCellTypes.GAUGE:\n            return (\n                <kup-gauge\n                    key={column.name + props.row.id}\n                    value={dom.ketchup.math.numberifySafe(cell.value)}\n                    width-component=\"280px\"\n                    {...subcomponentProps}\n                ></kup-gauge>\n            );\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n            return subcomponentProps.customStyle ? (\n                <kup-progress-bar\n                    key={column.name + props.row.id}\n                    {...subcomponentProps}\n                ></kup-progress-bar>\n            ) : (\n                <FProgressBar {...subcomponentProps}></FProgressBar>\n            );\n        case FCellTypes.RADIO:\n            if (isAutoCentered(props)) {\n                classObj[FCellClasses.C_CENTERED] = true;\n            }\n            subcomponentProps['disabled'] = row.readOnly;\n            return <FRadio {...subcomponentProps}></FRadio>;\n        case FCellTypes.RATING:\n            return <FRating {...subcomponentProps} disabled={true}></FRating>;\n    }\n}\n\nfunction setDefaults(cellType: string, cell: KupDataCell): void {\n    function isShapeBarMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;BAR');\n    }\n\n    function isShapeMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('SHAPE;');\n    }\n\n    function isBgColorMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('BCOLOR;');\n    }\n\n    function isHeightMarker(value: string): boolean {\n        return value.toUpperCase().startsWith('HEIGHT;');\n    }\n\n    function isDecoratorMarker(value: string): boolean {\n        return (\n            value.toUpperCase().startsWith('SEP;') ||\n            value.toUpperCase().startsWith('DIV;') ||\n            value.toUpperCase().startsWith('ARW;') ||\n            value.toUpperCase().startsWith('GRID;')\n        );\n    }\n    function getData(value: string): FImageData[] | null {\n        if (!value) {\n            return null;\n        }\n        const graphicElementDefinitionArr = value.split('\\\\\\\\AND\\\\');\n        const data: FImageData[] = [];\n        for (const graphicElem of graphicElementDefinitionArr) {\n            const elementData = getElementData(graphicElem);\n            if (elementData) {\n                data.push(...elementData);\n            } else {\n                return null;\n            }\n        }\n        return data;\n    }\n\n    function getElementData(value: string): FImageData[] | null {\n        const commonsData: FImageData = {};\n\n        const markersArray = value.split('\\\\\\\\');\n        const shapesArray: FImageData[] = [];\n\n        for (const vString of markersArray) {\n            if (vString) {\n                if (isDecoratorMarker(vString)) {\n                    return null;\n                }\n\n                if (isShapeMarker(vString)) {\n                    if (!isShapeBarMarker(vString)) {\n                        return null;\n                    } else {\n                        const attr = vString.split(';');\n                        if (attr.length === 3) {\n                            const width = attr[2].replace(',', '.');\n                            if (!isNaN(parseFloat(width))) {\n                                commonsData.width = `${width}%`;\n                            }\n                        }\n                    }\n                } else if (isBgColorMarker(vString)) {\n                    // Background color handling can be added here if needed\n                } else if (isHeightMarker(vString)) {\n                    const height = vString\n                        .substring('HEIGHT;'.length)\n                        .replace(',', '.');\n                    if (!isNaN(parseFloat(height))) {\n                        commonsData.height = `${height}%`;\n                    }\n                } else {\n                    shapesArray.push(getShapeData(vString, commonsData));\n                }\n            }\n            return shapesArray.length ? shapesArray : null;\n        }\n\n        function getShapeData(\n            value: string,\n            commonsData: FImageData\n        ): FImageData {\n            const shapeData: FImageData = { ...commonsData };\n            const attr = value.split(';');\n            if (attr.length >= 1) {\n                const pattern = /R(\\d+)G(\\d+)B(\\d+)/;\n                const match = pattern.exec(attr[0]);\n                if (match) {\n                    const [, r, g, b] = match;\n                    if (\n                        !isNaN(parseInt(r, 10)) &&\n                        !isNaN(parseInt(g, 10)) &&\n                        !isNaN(parseInt(b, 10))\n                    ) {\n                        shapeData.color = `rgb(${parseInt(r)},${parseInt(\n                            g\n                        )},${parseInt(b)})`;\n                    }\n                }\n                if (attr.length >= 2) {\n                    const width = attr[1].replace(',', '.');\n                    if (!isNaN(parseFloat(width))) {\n                        shapeData.width = `${width}%`;\n                    }\n                }\n            }\n            return shapeData;\n        }\n    }\n\n    cell.data = {};\n\n    const createDataset = () => {\n        const parts = cell.value?.split(';');\n        if (parts?.[parts.length - 1].trim() === '') {\n            parts.pop();\n        }\n        if (parts && parts.length) {\n            cell.data.data = [];\n            for (let part of parts) {\n                (cell.data.data as KupDataNode[]).push({\n                    id: part,\n                    value: part,\n                });\n            }\n        }\n    };\n\n    switch (cellType) {\n        case FCellTypes.CHECKBOX:\n        case FCellTypes.SWITCH:\n            cell.data.checked = cell.value === '1' ? true : false;\n            break;\n\n        case FCellTypes.BAR:\n            if (isShapeMarker(cell.value)) {\n                cell.data.isCanvas = true;\n                cell.data.resource = cell.value;\n            } else {\n                cell.data.data = getData(cell.value);\n            }\n            break;\n\n        case FCellTypes.BUTTON:\n            cell.data.label = cell.value;\n            break;\n\n        case FCellTypes.CHART:\n            Object.assign(cell.data, {\n                sizeX: '100px',\n                sizeY: '100px',\n                offlineMode: {\n                    value: cell.value,\n                    shape: 'pie',\n                },\n            });\n            break;\n\n        case FCellTypes.BUTTON_LIST:\n        case FCellTypes.CHIP:\n        case FCellTypes.MULTI_AUTOCOMPLETE:\n        case FCellTypes.MULTI_COMBOBOX:\n        case FCellTypes.RADIO:\n            createDataset();\n            break;\n\n        case FCellTypes.COLOR_PICKER:\n            cell.data.initialValue = cell.value;\n            break;\n\n        case FCellTypes.GAUGE:\n        case FCellTypes.KNOB:\n        case FCellTypes.PROGRESS_BAR:\n        case FCellTypes.RATING:\n            cell.data.value = parseInt(cell.value);\n            break;\n\n        case FCellTypes.ICON:\n        case FCellTypes.IMAGE:\n            cell.data.resource = cell.value;\n            break;\n    }\n}\n\nfunction cellEvent(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    props: FCellProps,\n    cellType: FCellTypes,\n    cellEventName: FCellEvents\n): void {\n    const cell = props.cell;\n    const column = props.column;\n    const comp = props.component;\n    const row = props.row;\n    if (cellEventName === FCellEvents.UPDATE) {\n        let value = getValueFromEventTaget(e, cellType);\n        switch (cellType) {\n            case FCellTypes.AUTOCOMPLETE:\n            case FCellTypes.COMBOBOX:\n            case FCellTypes.DATE:\n            case FCellTypes.TIME:\n                if (cell.data) {\n                    cell.data['initialValue'] = value;\n                }\n                break;\n            case FCellTypes.CHECKBOX:\n            case FCellTypes.SWITCH:\n                value = value === 'on' ? '0' : '1';\n                if (cell.data) {\n                    (cell.data as FCheckboxProps).checked =\n                        value === '0' ? false : true;\n                }\n                break;\n            case FCellTypes.RADIO:\n                // data change handled outside this switchcase to avoid passing the index\n                break;\n            case FCellTypes.CHIP:\n            case FCellTypes.MULTI_AUTOCOMPLETE:\n            case FCellTypes.MULTI_COMBOBOX:\n                value = (e as CustomEvent<KupChipChangeEventPayload>).detail\n                    .stringifiedValues;\n                if (cell.data) {\n                    (cell.data as FChipsProps).data = (\n                        e as CustomEvent<KupChipChangeEventPayload>\n                    ).detail.comp.data;\n                }\n                break;\n        }\n        if (cell.obj) {\n            cell.obj.k = value.toString();\n        }\n        cell.value = value.toString();\n        cell.displayedValue = null;\n        cell.displayedValue = getCellValueForDisplay(column, cell);\n    }\n    if (comp && (comp as KupComponent).rootElement) {\n        const cellEvent = new CustomEvent<FCellEventPayload>(cellEventName, {\n            bubbles: true,\n            cancelable: true,\n            composed: true,\n            detail: {\n                comp: comp,\n                id: (comp as KupComponent).rootElement.id,\n                cell: cell,\n                column: column,\n                event: e,\n                row: row,\n                type: cellType,\n            },\n        });\n        (comp as KupComponent).rootElement.dispatchEvent(cellEvent);\n        if (cellEventName === FCellEvents.UPDATE) {\n            try {\n                (comp as KupComponent).refresh();\n            } catch (error) {\n                dom.ketchup.debug.logMessage(\n                    comp,\n                    error,\n                    KupDebugCategory.ERROR\n                );\n            }\n        }\n    }\n}\n\nfunction getValueFromEventTaget(\n    e: InputEvent | CustomEvent | MouseEvent | KeyboardEvent,\n    cellType: FCellTypes\n): string {\n    const isInputEvent = !!((e.target as HTMLElement).tagName === 'INPUT');\n    let value = isInputEvent\n        ? (e.target as HTMLInputElement).value\n        : e.detail.value;\n\n    if (cellType === FCellTypes.CHECKBOX && isInputEvent) {\n        value = (e.target as HTMLInputElement).checked ? 'off' : 'on';\n    }\n\n    if (cellType === FCellTypes.NUMBER && isInputEvent) {\n        value = dom.ketchup.math.formattedStringToNumberString(value, '');\n    }\n    return value;\n}\n\nfunction isAutoCentered(props: FCellProps) {\n    return autoCenterComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n\nfunction isFullWidth(props: FCellProps) {\n    return fullWidthFieldsComps.includes(\n        (props.component as KupComponent)?.rootElement.tagName as KupTagNames\n    );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ketchup/{p-11c3f3be.entry.js → p-6c6fc868.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-3788598c.js";import{c as s}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var d;(function(i){i["columns"]="The number of columns displayed by the grid, the default behavior is 12.";i["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";i["singleLine"]="When set to true, forces the content on a single line."})(d||(d={}));const g=".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_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";const u=g;const f=class{constructor(n){i(this,n);this.kupManager=l();this.columns=12;this.customStyle="";this.singleLine=false}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const i=this.rootElement.children;if(!i||i.length===0){this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);return}const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine){a=t("slot",{name:`${e}`})}else{const n=i[e]["span"]||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};if(this.columns&&this.columns!==12){a["--kup_grid_columns"]=this.columns}return t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};f.style=u;export{f as kup_grid};
-//# sourceMappingURL=p-11c3f3be.entry.js.map
+import{r as i,f as n,h as t,H as e,d as a}from"./p-d7c15b0e.js";import{k as l,g as o,s as p,e as r}from"./p-a670a42e.js";import{c as s}from"./p-635bb4b3.js";import"./p-029c7cbe.js";var d;(function(i){i["columns"]="The number of columns displayed by the grid, the default behavior is 12.";i["customStyle"]="Custom style of the component. For more information: https://smeup.github.io/ketchup/#/customization";i["singleLine"]="When set to true, forces the content on a single line."})(d||(d={}));const g=".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_grid_font_size:var(--kup-grid-font-size, var(--kup-font-size));--kup_grid_gap:var(--kup-grid-gap, 24px);--kup_grid_gap_mobile:var(--kup-grid-gap-mobile, 16px);--kup_grid_padding:var(--kup-grid-padding, 24px);display:block;font-size:var(--kup_grid_font_size);height:100%;width:100%}#kup-component{height:100%;width:100%}.layout-grid{box-sizing:border-box;margin:0px auto;padding:var(--kup_grid_padding)}.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap);grid-template-columns:repeat(var(--kup_grid_columns, 12), minmax(0px, 1fr))}.layout-grid .layout-grid__inner .layout-grid__cell{box-sizing:border-box;display:flex;justify-content:center;margin:0px;width:auto}.layout-grid__cell--span-1{grid-column-end:span 1}.layout-grid__cell--span-2{grid-column-end:span 2}.layout-grid__cell--span-3{grid-column-end:span 3}.layout-grid__cell--span-4{grid-column-end:span 4}.layout-grid__cell--span-5{grid-column-end:span 5}.layout-grid__cell--span-6{grid-column-end:span 6}.layout-grid__cell--span-7{grid-column-end:span 7}.layout-grid__cell--span-8{grid-column-end:span 8}.layout-grid__cell--span-9{grid-column-end:span 9}.layout-grid__cell--span-10{grid-column-end:span 10}.layout-grid__cell--span-11{grid-column-end:span 11}.layout-grid__cell--span-12{grid-column-end:span 12}.layout-grid__cell--span-13{grid-column-end:span 13}.layout-grid__cell--span-14{grid-column-end:span 14}.layout-grid__cell--span-15{grid-column-end:span 15}.layout-grid__cell--span-16{grid-column-end:span 16}.layout-grid__cell--span-17{grid-column-end:span 17}.layout-grid__cell--span-18{grid-column-end:span 18}.layout-grid__cell--span-19{grid-column-end:span 19}.layout-grid__cell--span-20{grid-column-end:span 20}.layout-grid__cell--span-21{grid-column-end:span 21}.layout-grid__cell--span-22{grid-column-end:span 22}.layout-grid__cell--span-23{grid-column-end:span 23}.layout-grid__cell--span-24{grid-column-end:span 24}.flex-layout,.flex-layout__inner{height:100%;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap}.flex-layout__inner{width:auto}.flex-layout__inner *{display:block;margin:0 1.5em}.flex-layout__inner .flex-layout__cell{display:flex}.flex-layout__inner .flex-layout__cell *{justify-content:center;margin:auto}@media (min-width: 600px) and (max-width: 839px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 8), minmax(0px, 1fr))}}@media (max-width: 599px){.layout-grid .layout-grid__inner{display:grid;margin:0px;grid-gap:var(--kup_grid_gap_mobile);grid-template-columns:repeat(var(--kup_grid_columns, 4), minmax(0px, 1fr))}}:host(.kup-full-width) .flex-layout__inner{width:100%}:host(.kup-full-width) .flex-layout__inner *{margin:auto}:host(.kup-full-width.scalable-cards) .flex-layout__inner{width:100%}:host(.kup-full-width.scalable-cards) .flex-layout__inner *{margin:0;height:100%;width:100%}";const u=g;const f=class{constructor(n){i(this,n);this.kupManager=l();this.columns=12;this.customStyle="";this.singleLine=false}async getProps(i){return o(this,d,i)}async refresh(){n(this)}async setProps(i){p(this,d,i)}componentWillLoad(){this.kupManager.debug.logLoad(this,false);this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,true)}componentWillRender(){this.kupManager.debug.logRender(this,false)}componentDidRender(){this.kupManager.debug.logRender(this,true)}render(){const i=this.rootElement.children;if(!i||i.length===0){this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);return}const n=[];for(let e=0;e<i.length;e++){let a=null;if(this.singleLine){a=t("slot",{name:`${e}`})}else{const n=i[e]["span"]||i[e].getAttribute("span")||1;a=t("div",{class:`layout-grid__cell layout-grid__cell--span-${n}`},t("slot",{name:`${e}`}))}n.push(a)}const a={};if(this.columns&&this.columns!==12){a["--kup_grid_columns"]=this.columns}return t(e,{style:a},t("style",null,this.kupManager.theme.setKupStyle(this.rootElement)),t("div",{id:s},t("div",{class:this.singleLine?"flex-layout":"layout-grid"},t("div",{class:this.singleLine?"flex-layout__inner":"layout-grid__inner"},n))))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return a(this)}};f.style=u;export{f as kup_grid};
+//# sourceMappingURL=p-6c6fc868.entry.js.map