npm - @sme.up/ketchup - Versions diffs - 11.0.1 → 11.0.2 - Mend

@sme.up/ketchup 11.0.1 → 11.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (180) hide show

package/dist/ketchup/{p-39635a88.entry.js → p-cee0439c.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-710d0a7d.js";import{k as s,g as p,s as r}from"./p-~~54ae75bb~~.js";import{c}from"./p-635bb4b3.js";import{F as l}from"./p-14c6efce.js";import"./p-adadf8b5.js";import"./p-e3062c19.js";import"./p-cce08de3.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h\|\|(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"aa40cab79131b0d8c2c860a050c8f3fdbcb9b6e7","kup-visible":this.visible},a("style",{key:"acdb6c16d4d3c5be3d433658c6a37c79a5924fea"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"9e567e084d777d367a8feea31ec149f72c7c1fad",id:c},a("div",{key:"b7951c8c95092813bbedf34c0398055906510936",class:f},a("div",{key:"75af698941190ad2d258d6e8c1877f5c627c664c",class:"snackbar__text__block"},a("div",{key:"86950852abc9bbdd15e19f5ec8b22c92c9272c1e",class:`${f}__header`},this.header),a("div",{key:"89ff3fed4e4eef668da888bd45a7f287c1652361",class:`${f}__text`},this.text)),this.actionButton\|\|this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;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}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}
1	+ import{r as t,c as e,f as i,h as a,H as n,d as o}from"./p-710d0a7d.js";import{k as s,g as p,s as r}from"./p-c98fb668.js";import{c}from"./p-635bb4b3.js";import{F as l}from"./p-14c6efce.js";import"./p-adadf8b5.js";import"./p-e3062c19.js";import"./p-cce08de3.js";const f="snackbar";var h;!function(t){t.actionButton="Set of FButton props to set the action button.",t.closeButton="When true, the hide button will be displayed.",t.customStyle="Custom style of the component.",t.text="Sets the textual content of the snackbar.",t.timeout="Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds."}(h\|\|(h={}));const k=class{constructor(i){t(this,i),this.kupActionClick=e(this,"kup-snackbar-actionclick",6),this.kupTimeoutComplete=e(this,"kup-snackbar-timeoutcomplete",6),this.kupManager=s(),this.visible=!1,this.actionButton=null,this.closeButton=!0,this.customStyle="",this.text="",this.header="",this.timeout=null}onKupActionClick(){this.hide(),this.kupActionClick.emit({comp:this,id:this.rootElement.id})}onKupTimeoutComplete(){this.kupTimeoutComplete.emit({comp:this,id:this.rootElement.id})}async getProps(t){return p(this,h,t)}async hide(){this.visible=!1}async refresh(){i(this)}async setProps(t){r(this,h,t)}async show(){this.visible=!0}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.timeout&&this.visible&&setTimeout((()=>{this.hide(),this.onKupTimeoutComplete()}),this.timeout),this.kupManager.debug.logRender(this,!0)}render(){return a(n,{key:"aa40cab79131b0d8c2c860a050c8f3fdbcb9b6e7","kup-visible":this.visible},a("style",{key:"acdb6c16d4d3c5be3d433658c6a37c79a5924fea"},this.kupManager.theme.setKupStyle(this.rootElement)),a("div",{key:"9e567e084d777d367a8feea31ec149f72c7c1fad",id:c},a("div",{key:"b7951c8c95092813bbedf34c0398055906510936",class:f},a("div",{key:"75af698941190ad2d258d6e8c1877f5c627c664c",class:"snackbar__text__block"},a("div",{key:"86950852abc9bbdd15e19f5ec8b22c92c9272c1e",class:`${f}__header`},this.header),a("div",{key:"89ff3fed4e4eef668da888bd45a7f287c1652361",class:`${f}__text`},this.text)),this.actionButton\|\|this.closeButton?a("div",{class:`${f}__buttons`},this.actionButton?a("div",{class:`${f}__action`},a(l,Object.assign({},this.actionButton,{onClick:()=>this.onKupActionClick()}))):null,this.closeButton?a("div",{class:`${f}__close`},a(l,{icon:"close",onClick:()=>this.hide()})):null):null)))}disconnectedCallback(){this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};k.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_snackbar_border_left_color:var(\n --kup-snackbar-border-left-color,\n var(--kup-border-interactive)\n );--kup_snackbar_background_color:var(\n --kup-snackbar-background-color,\n var(--kup-layer-0-inverted)\n );--kup_snackbar_text_color:var(\n --kup-snackbar-text-color,\n var(--kup-text-primary-inverted)\n );--kup_snackbar_text_color:var(--kup-snackbar-text-color, var(--kup-layer-1));animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background-color:var(--kup_snackbar_background_color);color:var(--kup_snackbar_text_color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px;border-left:4px solid var(--kup_snackbar_border_left_color);padding:0 var(--kup-space-05)}.snackbar .snackbar__text__block{padding:var(--kup-space-05) 0;color:var(--kup_snackbar_text_color)}.snackbar__header{pointer-events:all;word-break:break-word;font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.snackbar__text{pointer-events:all;word-break:break-word;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}.snackbar__buttons{align-items:center;display:flex;justify-content:flex-end;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@media (min-width: 768px){.snackbar__text__block{padding:var(--kup-space-05) 0;min-width:350px}}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";export{k as kup_snackbar}

package/dist/ketchup/{p-5ec1ec4b.js → p-d1abb2b7.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{E as e,H as t,D as n,aj as l,x as o,z as r,ak as i,al as s,O as a,Q as u,F as c,am as f,an as d,ao as h,ap as b,aq as m,a9 as p}from"./p-54ae75bb.js";import{K as v}from"./p-adadf8b5.js";class w extends e{getTextFilterValue(e={},t){return this._getTextFilterValue(e,t,!1)}getTextFilterValueTmp(e={},t){return this._getTextFilterValue(e,t,!0)}_getTextFilterValue(e={},t,n){let l="";if(null==e)return l;let o=e[t];return null==o\|\|(l=n?o.textFieldTmp:o.textField),l}hasFiltersForColumn(e={},t){return this._hasFiltersForColumn(e,t,!1)}hasFiltersForColumnTmp(e={},t){return this._hasFiltersForColumn(e,t,!0)}_hasFiltersForColumn(e={},t,n){if(!t)return!1;let l=this._getTextFilterValue(e,t.name,n);if(null!=l&&""!=l.trim())return!0;let o=this.getCheckBoxFilterValues(e,t.name);return!(null==o\|\|o.length<1)}getCheckBoxFilterValues(e={},t){let n=[];if(null==e)return n;let l=e[t];return null==l\|\|null==l.checkBoxes\|\|(n=l.checkBoxes),n}addCheckboxFilter(t={},n,l){if(null==t)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},t[n]);null==o.checkBoxes&&(o.checkBoxes=[]),null==l\|\|null==l.value?o.checkBoxes=[]:e.valuesArrayContainsValue(o.checkBoxes,l.value)\|\|(o.checkBoxes=[...o.checkBoxes,l]),t[n]=o}removeCheckboxFilter(e={},t,n){var l;if(!e\|\|null==n\|\|!e[t])return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);o.checkBoxes=null!==(l=o.checkBoxes)&&void 0!==l?l:[],o.checkBoxes=o.checkBoxes.filter((e=>e.value!==n)),0===o.checkBoxes.length?delete e[t]:e[t]=o}isColumnNumeric(e){return this.isObjNumeric(e.obj)}setTextFieldFilterValue(e={},t,n){this._setTextFieldFilterValue(e,t,n,!0)}_setTextFieldFilterValue(e={},t,n,l){if(null==e)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);l?o.textFieldTmp=null!=n?n.trim():n:o.textField=null!=n?n.trim():n,e[t]=o}saveTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValueTmp(e,t),!1)}resetTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValue(e,t),!0)}getFilterValueForTooltip(e={},l){let o=this.getTextFilterValue(e,l.name),r=this.getCheckBoxFilterValues(e,l.name),i="",s=t(o,l.obj,l.decimals);""!=o&&(i=" AND "),i="";let a="";return r.forEach((e=>{a+=i+n(e,l),i=" OR "})),""!=a&&(a="("+a+")",""!=s&&(a=" AND "+a)),a=s+a,a}removeFilter(e={},t){delete e[t]}}var F;!function(e){e.asAccordion="When enabled, the first level of depth will give an accordion look to nodes.",e.columns="The columns of the tree when tree visualization is active.",e.customStyle="Custom style of the component.",e.data="The json data used to populate the tree view: the basic, always visible tree nodes.",e.density="The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.",e.dynamicExpansionCallback="Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change.",e.enableExtraColumns="Enables adding extra columns.",e.expanded="Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded.",e.expansionMode="Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node.",e.filters="List of filters set by the user.",e.globalFilter="When set to true it activates the global filter.",e.globalFilterValue="The value of the global filter.",e.globalFilterMode="The mode of the global filter.",e.preventXScroll="Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.",e.removableColumns="Sets the possibility to remove the selected column.",e.ripple="When enabled displays Material's ripple effect on nodes (only when no columns are displayed).",e.scrollOnHover="Activates the scroll on hover function.",e.showColumns="Shows the tree data as a table.",e.showFilters="When set to true enables the column filters.",e.showFooter="When set to true shows the footer.",e.showHeader="Flag: shows the header of the tree when the tree is displayed as a table.",e.showIcons="Shows the icons of the nodes.",e.stateId="",e.store="",e.totals="Defines the current totals options.",e.useDynamicExpansion="When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."}(F\|\|(F={}));const x="TREE_COLUMN";var g;!function(e){e.DROPDOWN="dropdown",e.NODE="node"}(g\|\|(g={}));const j=document.documentElement,O=j.ketchup?j.ketchup.objects:new r,k=j.ketchup?j.ketchup.data:new i;class y extends e{isFilterCompliantForCell(e,t,n){var l;return!!e&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isFilterCompliantForCellObj(e,t,n){var l;return!!e&&!!e.obj&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isRowCompliant(e,t={},n="",l=!1,o=[],r,i){return this.areCellsCompliant(e.cells,t,n,l,o,r,i)}areCellsCompliant(e,t={},n="",r=!1,i=[],s,a){var u,c;if(r){let t=!0;if(i&&null!=i&&i.length>0){t=!1;let o=this.filterIsNegative(n);for(let s=0;s<i.length;s++){if(!1===i[s].visible&&!a\|\|(null==a?void 0:a.length)>0&&!a.includes(i[s].name))continue;const f=e[i[s].name];if(null==f)continue;t=this.isFilterCompliantForValue(null!==(u=f.decode)&&void 0!==u?u:f.value,n,r);let d=l(i[s],f);if(d!=(null!==(c=f.decode)&&void 0!==c?c:f.value)&&(t=t\|\|this.isFilterCompliantForValue(d,n,r)),1==t&&!o)break;if(0==t&&o)break}}if(!t)return!1}return null==s&&(s=new w),!this.hasFilters(t,i,s)\|\|Object.keys(t).every((n=>{const l=e[n],r=o(i,n);if(!l)return!1;let a=s.getTextFilterValue(t,n),u=s.getCheckBoxFilterValues(t,n);const c=this.filterIsNegative(a);let f=""!==a&&this.isFilterCompliantForCell(l,a,!0)\|\|u.some((e=>this.isFilterCompliantForCell(l,e.value)))\|\|u.some((e=>this.isFilterCompliantForCell(l,e.displayedValue)))\|\|!s.hasFiltersForColumn(t,r),d=c;return O.isNumber(l.obj)\|\|O.isDate(l.obj)\|\|O.isTime(l.obj)\|\|O.isTimestamp(l.obj)\|\|(d=""!==a&&this.isFilterCompliantForCellObj(l,a,!0)\|\|u.some((e=>this.isFilterCompliantForCellObj(l,e.value)))\|\|!s.hasFiltersForColumn(t,r)),c?f&&d:f\|\|d}))}hasFilters(e={},t,n){if(null==e)return!1;let l=Object.keys(e);if(null==l\|\|l.length<1)return!1;null==n&&(n=new w);for(let r=0;r<l.length;r++){let i=l[r],s=null;if(s=i===x?{name:x,title:""}:o(t,i),n.hasFiltersForColumn(e,s))return!0}return!1}filterRows(e=[],t={},n="",l=[],o,r){if(!e\|\|null==e)return[];let i=[];const s=!(!n\|\|!l);if(this.hasFilters(t,l,o)\|\|s)for(let a=0;a<e.length;a++){let u=e[a];(u.id&&u.id.indexOf("insert_")>-1\|\|this.isRowCompliant(u,t,n,s,l,o,r))&&(i[i.length]=u)}else i=[...e];return i}getColumnValues(n,l,o,r){let i=new Array;null==r&&(r=new w);let s=r.getTextFilterValueTmp(n.filters,l.name),a=r.getCheckBoxFilterValues(n.filters,l.name);if(null!=l.valuesForFilter&&l.valuesForFilter.length>0)return l.valuesForFilter.forEach((n=>{let o=n;(e.valuesArrayContainsValue(a,o)\|\|""==s\|\|r.isFilterCompliantForSimpleValue(o,l.obj,s))&&i.push({value:o,displayedValue:t(o,l.obj,l.decimals)})})),i;let u=Object.assign({},n.filters);u[l.name]={textField:s,textFieldTmp:s,checkBoxes:[]};let c=this.filterRows(n.getRows(),u,o,n.getVisibleColumns(),r);for(let e=0;e<a.length;e++)i.push(a[e]);return k.cell.getUnivocalValue({rows:c},l,!0)}}const T=document.documentElement;function C(e=[],t=[]){if(!e\|\|0===e.length)return[];if(e[0].group)return function(e=[],t=[]){if(!e\|\|0===e.length)return[];const n=e[0].group.column;let l=function(e="",t=[]){if(!e\|\|!t\|\|0===t.length)return null;for(let n of t)if(n.column===e)return n;return null}(n,t);return l\|\|(l={column:n,sortMode:p.A}),e.sort(((e,t)=>s({obj:e.group.obj,value:e.group.id,decode:e.group.label},{obj:t.group.obj,value:t.group.id,decode:t.group.label},l.sortMode))),e.forEach((e=>{e.group.children=C(e.group.children,t)})),e}(e,t);if(!t\|\|0===t.length)return e;const n=t.length>1;return e.slice(0).sort(((e,l)=>{if(n){for(let n=0;n<t.length;n++){const o=V(e,l,t[n]);if(0!==o)return o}return 0}return V(e,l,t[0])}))}function V(e,t,n){const l=e.cells[n.column],o=t.cells[n.column];return l\|\|o?l?o?s(l,o,n.sortMode):-1:1:0}function M(e=[],t={},n="",l=[],o,r,i){return null==r&&(r=new y),r.filterRows(e,t,n,l,o,i)}function N(e=[],t=[],n=[],r={}){if(!t)return[];if(!n\|\|0===n.length\|\|!e\|\|0===e.length)return t;const i={},s=n.filter((({column:t})=>{for(let{name:n,title:l}of e)if(n===t)return i[n]=l,!0;return!1}));if(0===s.length)return t;const u=[];let c={};return t.forEach((t=>{const n=s[0].column,f=t.cells[n];if(f){const d=o(e,n),h=l(d,f),b=f.value;let m=null;for(let e of u)if(e.group.label===h){m=e;break}null===m&&(m={group:{id:b,parent:null,column:n,columnLabel:i[n],expanded:!1,label:h,children:[],obj:f.obj,totals:{}},cells:{}},u.push(m));for(let n=1;n<s.length;n++){const r=s[n],a=t.cells[r.column];if(a){const t=o(e,r.column),n=l(t,a),s=a.value;let u=null;for(let e=0;e<m.group.children.length;e++){const t=m.group.children[e];if(t.group.label===n){u=t;break}}u\|\|(u={cells:{},group:{id:s,parent:m,column:r.column,columnLabel:i[r.column],children:[],expanded:!1,label:n,totals:{},obj:a.obj}},L(u),m.group.children.push(u)),m=u}}m.group.children.push(t),function(e,t,n,l){if(!e\|\|!t)return;const o=Object.keys(t);0!==o.length&&o.forEach((o=>{const r=n.cells[o];if(r){const n=T.ketchup.objects.isNumber(r.obj),i=t[o];switch(i){case a.COUNT:let t=e.group.totals[o]\|\|0;e.group.totals[o]=++t;let s=e.group.parent;for(;null!=s;){let e=s.group.totals[o]\|\|0;s.group.totals[o]=++e,s=s.group.parent}break;case a.DISTINCT:let u;if(u=n?T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value)):r.value,l[e.group.id]){let t=l[e.group.id][o];t?t.push(u):(l[e.group.id][o]=[],l[e.group.id][o].push(u))}else l[e.group.id]={},l[e.group.id][o]=[],l[e.group.id][o].push(u);let c=e.group.parent;for(;null!=c;){if(l[c.group.id]){let e=l[c.group.id][o];e?e.push(u):(l[c.group.id][o]=[],l[c.group.id][o].push(u))}else l[c.group.id]={},l[c.group.id][o]=[],l[c.group.id][o].push(u);c=c.group.parent}break;case a.SUM:case a.AVERAGE:if(n&&r.value){const t=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t+(e.group.totals[o]\|\|0);let n=e.group.parent;for(;null!=n;){const e=T.ketchup.math.numberify(n.group.totals[o]\|\|0);n.group.totals[o]=t+e,n=n.group.parent}}break;case a.MIN:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.min(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.min(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;case a.MAX:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.max(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.max(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;default:0!=i.indexOf(a.MATH)&&console.warn(`invalid total mode: ${i}`)}}}))}(m,r,t,c)}})),function(e,t,n){if(!e\|\|!t)return;const l=Object.keys(t);if(0===e.length\|\|!e[0].group\|\|0===l.length)return;let o=l.filter((e=>a.DISTINCT===t[e]));o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>B(e,o,n)))}(u,r,c),W(u,a.AVERAGE,r),W(u,a.MATH,r),u}function W(e,t,n){if(!e\|\|!n)return;const l=Object.keys(n);if(0===e.length\|\|!e[0].group\|\|0===l.length)return;let o;t==a.AVERAGE&&(o=l.filter((e=>a.AVERAGE===n[e]))),t==a.MATH&&(o=l.filter((e=>0==n[e].indexOf(a.MATH)))),o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>D(e,t,o,n)))}function B(e,t,n){const l=e.group.children;0!==l.length&&(l[0].group&&l.forEach((e=>{B(e,t,n)})),t.forEach((t=>{e.group.totals[t]=new Set(n[e.group.id][t]).size})))}function D(e,t,n,l){const o=e.group.children;if(0===o.length)return 0;let r=0;return o[0].group?o.forEach((e=>{r+=D(e,t,n,l)})):r=o.length,n.forEach((n=>{if(t==a.AVERAGE&&(e.group.totals[n]=e.group.totals[n]/r),t==a.MATH){let t=l[n].substring(a.MATH.length);e.group.totals[n]=T.ketchup.math.formulas.custom(t,e.group.totals)}})),r}function E(e,t){if(t){const n=Object.assign(t);return t.forEach((t=>{e.forEach((e=>{if(t.cells){const n=t.cells[e.name];n&&e.obj&&!n.obj&&(n.obj={t:e.obj.t,p:e.obj.p})}}))})),n}}function A(e,t,n){if(T.ketchup.objects.isEmptyJsObject(n)\|\|T.ketchup.objects.isEmptyJsObject(e))return{};const l={},o=[],r=t.reduce(((t,r)=>{if(!e[r.name])return t;const i=e[r.name];return i===a.COUNT?(l[r.name]=n.length.toString(),t):0===i.indexOf(a.MATH)?(o.push([r.name,i]),t):(t.push({totalOperation:i,totalColumn:r,columnValues:n.map((e=>e.cells[r.name].value))}),t)}),[]);return r\|\|o?(null==r\|\|r.forEach((({totalOperation:e,totalColumn:t,columnValues:o})=>{if(T.ketchup.objects.isNumber(t.obj)){if(e===a.SUM)return void(l[t.name]=o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0).toString());if(e===a.AVERAGE)return void(l[t.name]=(o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0)/n.length).toString());if(e===a.MIN)return void(l[t.name]=Math.min(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString());if(e===a.MAX)return void(l[t.name]=Math.max(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString())}if(T.ketchup.objects.isDate(t.obj)){const n=o.filter((e=>T.ketchup.dates.isIsoDate(e))).map((e=>T.ketchup.dates.toDate(e,v.ISO_DATE)));if(!n)return;if(e===a.MIN)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE));if(e===a.MAX)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE))}e===a.DISTINCT&&(l[t.name]=new Set(o).size.toString())})),null==o\|\|o.forEach((([e,t])=>{const n=null==t?void 0:t.replace(u(a.MATH,"g"),"");l[e]=T.ketchup.math.formulas.custom(n,function(e){var t;return Object.fromEntries(null===(t=Object.entries(e))\|\|void 0===t?void 0:t.reduce(((e,[t,n])=>(T.ketchup.math.isNumber(n)&&e.push([t,Number(n)]),e)),[]))}(l)).toString()})),l):l}function L(e){if(!e.group)return;let t=e.group.id,n=e.group.parent;for(;null!==n;)t=`${n.group.id};${t}`,n=n.group.parent;e.group.id=t}function S(e,t,n,l){const o=t*n-n,r=o+Number(n);if(0==l)return e.slice(o,r);let i=[];return _(e,i,o,Number(n),0),i}function _(e,t,n,l,o){let r=!1;for(let i=0;i<e.length;i++){let s=e[i],a=R(e[i]);if(null!=s.group&&null!=s.group.children&&s.group.children.length>0){a.group.children=[];let e=_(s.group.children,a.group.children,n,l,o);o=e.ci,r=e.added,1==r&&(t[t.length]=a)}else o>=n&&(t[t.length]=a,r=!0),o++;if(o>=n+l)break}return{ci:o,added:r}}function R(e){return null==e?null:{id:e.id,cells:Object.assign({},e.cells),actions:e.actions?[...e.actions]:null,group:z(e.group),clonedFrom:e,readOnly:e.readOnly,cssClass:e.cssClass}}function q(e){if(null==e)return null;let t=[];for(let n=0;n<e.length;n++)t[t.length]=R(e[n]);return t}function z(e){return null==e?null:{id:e.id,parent:Object.assign({},e.parent),column:e.column,columnLabel:e.columnLabel,expanded:e.expanded,label:e.label,children:q(e.children),obj:Object.assign({},e.obj),totals:Object.assign({},e.totals)}}function I(e,t,n=!1,l=[]){const o={columns:t.columns.filter((e=>e.visible)),rows:[]};for(const r of t.rows){if(l.includes(r.id)){o.rows.push(r);continue}const t={cells:{},id:r.id};for(const n of o.columns){const l=n.name,o=r.cells[l],i=e.rows.find((e=>e.id===r.id)),s=i?i.cells[l]:null;(!s&&o.value\|\|s&&o.value!==s.value)&&(t.cells[l]=o)}(Object.keys(t.cells).length>0\|\|n)&&o.rows.push(t)}return o}function $(e){var t;null===(t=e.rows)\|\|void 0===t\|\|t.forEach((e=>{Object.keys(e.cells).forEach((t=>{var n;let l=e.cells[t];const o=l.value,r=l.decode,i=l.options;l.isEditable=null!==(n=l.isEditable)&&void 0!==n?n:l.editable;const s={[c.AUTOCOMPLETE]:()=>f(o,"",i,l.data),[c.COMBOBOX]:()=>f(o,"",i,l.data),[c.RADIO]:()=>d(o,i),[c.CHECKBOX]:()=>h(o,""),[c.CHIP]:()=>b(o,r),[c.SWITCH]:()=>m(o,""),[c.MULTI_AUTOCOMPLETE]:()=>b(o,r),[c.MULTI_COMBOBOX]:()=>b(o,r)}[l.shape];s&&(l.data=Object.assign(Object.assign({},s()),l.data))}))}))}export{w as F,g as K,y as a,N as b,A as c,$ as d,F as e,M as f,I as g,E as n,S as p,C as s,x as t}
1	+ import{E as e,H as t,D as n,aj as l,x as o,z as r,ak as i,al as s,O as a,Q as u,F as c,am as f,an as d,ao as h,ap as b,aq as m,a9 as p}from"./p-c98fb668.js";import{K as v}from"./p-adadf8b5.js";class w extends e{getTextFilterValue(e={},t){return this._getTextFilterValue(e,t,!1)}getTextFilterValueTmp(e={},t){return this._getTextFilterValue(e,t,!0)}_getTextFilterValue(e={},t,n){let l="";if(null==e)return l;let o=e[t];return null==o\|\|(l=n?o.textFieldTmp:o.textField),l}hasFiltersForColumn(e={},t){return this._hasFiltersForColumn(e,t,!1)}hasFiltersForColumnTmp(e={},t){return this._hasFiltersForColumn(e,t,!0)}_hasFiltersForColumn(e={},t,n){if(!t)return!1;let l=this._getTextFilterValue(e,t.name,n);if(null!=l&&""!=l.trim())return!0;let o=this.getCheckBoxFilterValues(e,t.name);return!(null==o\|\|o.length<1)}getCheckBoxFilterValues(e={},t){let n=[];if(null==e)return n;let l=e[t];return null==l\|\|null==l.checkBoxes\|\|(n=l.checkBoxes),n}addCheckboxFilter(t={},n,l){if(null==t)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},t[n]);null==o.checkBoxes&&(o.checkBoxes=[]),null==l\|\|null==l.value?o.checkBoxes=[]:e.valuesArrayContainsValue(o.checkBoxes,l.value)\|\|(o.checkBoxes=[...o.checkBoxes,l]),t[n]=o}removeCheckboxFilter(e={},t,n){var l;if(!e\|\|null==n\|\|!e[t])return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);o.checkBoxes=null!==(l=o.checkBoxes)&&void 0!==l?l:[],o.checkBoxes=o.checkBoxes.filter((e=>e.value!==n)),0===o.checkBoxes.length?delete e[t]:e[t]=o}isColumnNumeric(e){return this.isObjNumeric(e.obj)}setTextFieldFilterValue(e={},t,n){this._setTextFieldFilterValue(e,t,n,!0)}_setTextFieldFilterValue(e={},t,n,l){if(null==e)return;let o=Object.assign({textField:"",textFieldTmp:"",checkBoxes:[]},e[t]);l?o.textFieldTmp=null!=n?n.trim():n:o.textField=null!=n?n.trim():n,e[t]=o}saveTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValueTmp(e,t),!1)}resetTextualFilters(e={},t){this._setTextFieldFilterValue(e,t,this.getTextFilterValue(e,t),!0)}getFilterValueForTooltip(e={},l){let o=this.getTextFilterValue(e,l.name),r=this.getCheckBoxFilterValues(e,l.name),i="",s=t(o,l.obj,l.decimals);""!=o&&(i=" AND "),i="";let a="";return r.forEach((e=>{a+=i+n(e,l),i=" OR "})),""!=a&&(a="("+a+")",""!=s&&(a=" AND "+a)),a=s+a,a}removeFilter(e={},t){delete e[t]}}var F;!function(e){e.asAccordion="When enabled, the first level of depth will give an accordion look to nodes.",e.columns="The columns of the tree when tree visualization is active.",e.customStyle="Custom style of the component.",e.data="The json data used to populate the tree view: the basic, always visible tree nodes.",e.density="The density of the rows, defaults at 'medium' and can also be set to 'dense' or 'wide'.",e.dynamicExpansionCallback="Function that gets invoked when a new set of nodes must be loaded as children of a node. When useDynamicExpansion is set, the tree component will have two different behaviors depending on the value of this prop. If this prop is set to null, no callback to download data is available: the component will emit an event requiring the parent to load the children of the given node. If this prop is set to have a callback, then the component will automatically make requests to load children of a given node. After the load has been completed, a different event will be fired to alert the parent of the change.",e.enableExtraColumns="Enables adding extra columns.",e.expanded="Flag: the nodes of the whole tree must be already expanded upon loading. Disabled nodes do NOT get expanded.",e.expansionMode="Behavior of nodes' expansion: it can be chosen between expanding a node by clicking on the dropdown icon, or by clicking on the whole node.",e.filters="List of filters set by the user.",e.globalFilter="When set to true it activates the global filter.",e.globalFilterValue="The value of the global filter.",e.globalFilterMode="The mode of the global filter.",e.preventXScroll="Experimental feature: when active, the tree will try to prevent horizontal overflowing elements by setting a width on the content of the table cells. It works only on cells of the main column.",e.removableColumns="Sets the possibility to remove the selected column.",e.ripple="When enabled displays Material's ripple effect on nodes (only when no columns are displayed).",e.scrollOnHover="Activates the scroll on hover function.",e.showColumns="Shows the tree data as a table.",e.showFilters="When set to true enables the column filters.",e.showFooter="When set to true shows the footer.",e.showHeader="Flag: shows the header of the tree when the tree is displayed as a table.",e.showIcons="Shows the icons of the nodes.",e.stateId="",e.store="",e.totals="Defines the current totals options.",e.useDynamicExpansion="When the component must use the dynamic expansion feature to open its nodes, it means that not all the nodes of the tree have been passed inside the data property. Therefore, when expanding a node, the tree must emit an event (or run a given callback) and wait for the child nodes to be downloaded from the server."}(F\|\|(F={}));const x="TREE_COLUMN";var g;!function(e){e.DROPDOWN="dropdown",e.NODE="node"}(g\|\|(g={}));const j=document.documentElement,O=j.ketchup?j.ketchup.objects:new r,k=j.ketchup?j.ketchup.data:new i;class y extends e{isFilterCompliantForCell(e,t,n){var l;return!!e&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isFilterCompliantForCellObj(e,t,n){var l;return!!e&&!!e.obj&&this.isFilterCompliantForSimpleValue(null!==(l=e.decode)&&void 0!==l?l:e.value,e.obj,t,n)}isRowCompliant(e,t={},n="",l=!1,o=[],r,i){return this.areCellsCompliant(e.cells,t,n,l,o,r,i)}areCellsCompliant(e,t={},n="",r=!1,i=[],s,a){var u,c;if(r){let t=!0;if(i&&null!=i&&i.length>0){t=!1;let o=this.filterIsNegative(n);for(let s=0;s<i.length;s++){if(!1===i[s].visible&&!a\|\|(null==a?void 0:a.length)>0&&!a.includes(i[s].name))continue;const f=e[i[s].name];if(null==f)continue;t=this.isFilterCompliantForValue(null!==(u=f.decode)&&void 0!==u?u:f.value,n,r);let d=l(i[s],f);if(d!=(null!==(c=f.decode)&&void 0!==c?c:f.value)&&(t=t\|\|this.isFilterCompliantForValue(d,n,r)),1==t&&!o)break;if(0==t&&o)break}}if(!t)return!1}return null==s&&(s=new w),!this.hasFilters(t,i,s)\|\|Object.keys(t).every((n=>{const l=e[n],r=o(i,n);if(!l)return!1;let a=s.getTextFilterValue(t,n),u=s.getCheckBoxFilterValues(t,n);const c=this.filterIsNegative(a);let f=""!==a&&this.isFilterCompliantForCell(l,a,!0)\|\|u.some((e=>this.isFilterCompliantForCell(l,e.value)))\|\|u.some((e=>this.isFilterCompliantForCell(l,e.displayedValue)))\|\|!s.hasFiltersForColumn(t,r),d=c;return O.isNumber(l.obj)\|\|O.isDate(l.obj)\|\|O.isTime(l.obj)\|\|O.isTimestamp(l.obj)\|\|(d=""!==a&&this.isFilterCompliantForCellObj(l,a,!0)\|\|u.some((e=>this.isFilterCompliantForCellObj(l,e.value)))\|\|!s.hasFiltersForColumn(t,r)),c?f&&d:f\|\|d}))}hasFilters(e={},t,n){if(null==e)return!1;let l=Object.keys(e);if(null==l\|\|l.length<1)return!1;null==n&&(n=new w);for(let r=0;r<l.length;r++){let i=l[r],s=null;if(s=i===x?{name:x,title:""}:o(t,i),n.hasFiltersForColumn(e,s))return!0}return!1}filterRows(e=[],t={},n="",l=[],o,r){if(!e\|\|null==e)return[];let i=[];const s=!(!n\|\|!l);if(this.hasFilters(t,l,o)\|\|s)for(let a=0;a<e.length;a++){let u=e[a];(u.id&&u.id.indexOf("insert_")>-1\|\|this.isRowCompliant(u,t,n,s,l,o,r))&&(i[i.length]=u)}else i=[...e];return i}getColumnValues(n,l,o,r){let i=new Array;null==r&&(r=new w);let s=r.getTextFilterValueTmp(n.filters,l.name),a=r.getCheckBoxFilterValues(n.filters,l.name);if(null!=l.valuesForFilter&&l.valuesForFilter.length>0)return l.valuesForFilter.forEach((n=>{let o=n;(e.valuesArrayContainsValue(a,o)\|\|""==s\|\|r.isFilterCompliantForSimpleValue(o,l.obj,s))&&i.push({value:o,displayedValue:t(o,l.obj,l.decimals)})})),i;let u=Object.assign({},n.filters);u[l.name]={textField:s,textFieldTmp:s,checkBoxes:[]};let c=this.filterRows(n.getRows(),u,o,n.getVisibleColumns(),r);for(let e=0;e<a.length;e++)i.push(a[e]);return k.cell.getUnivocalValue({rows:c},l,!0)}}const T=document.documentElement;function C(e=[],t=[]){if(!e\|\|0===e.length)return[];if(e[0].group)return function(e=[],t=[]){if(!e\|\|0===e.length)return[];const n=e[0].group.column;let l=function(e="",t=[]){if(!e\|\|!t\|\|0===t.length)return null;for(let n of t)if(n.column===e)return n;return null}(n,t);return l\|\|(l={column:n,sortMode:p.A}),e.sort(((e,t)=>s({obj:e.group.obj,value:e.group.id,decode:e.group.label},{obj:t.group.obj,value:t.group.id,decode:t.group.label},l.sortMode))),e.forEach((e=>{e.group.children=C(e.group.children,t)})),e}(e,t);if(!t\|\|0===t.length)return e;const n=t.length>1;return e.slice(0).sort(((e,l)=>{if(n){for(let n=0;n<t.length;n++){const o=V(e,l,t[n]);if(0!==o)return o}return 0}return V(e,l,t[0])}))}function V(e,t,n){const l=e.cells[n.column],o=t.cells[n.column];return l\|\|o?l?o?s(l,o,n.sortMode):-1:1:0}function M(e=[],t={},n="",l=[],o,r,i){return null==r&&(r=new y),r.filterRows(e,t,n,l,o,i)}function N(e=[],t=[],n=[],r={}){if(!t)return[];if(!n\|\|0===n.length\|\|!e\|\|0===e.length)return t;const i={},s=n.filter((({column:t})=>{for(let{name:n,title:l}of e)if(n===t)return i[n]=l,!0;return!1}));if(0===s.length)return t;const u=[];let c={};return t.forEach((t=>{const n=s[0].column,f=t.cells[n];if(f){const d=o(e,n),h=l(d,f),b=f.value;let m=null;for(let e of u)if(e.group.label===h){m=e;break}null===m&&(m={group:{id:b,parent:null,column:n,columnLabel:i[n],expanded:!1,label:h,children:[],obj:f.obj,totals:{}},cells:{}},u.push(m));for(let n=1;n<s.length;n++){const r=s[n],a=t.cells[r.column];if(a){const t=o(e,r.column),n=l(t,a),s=a.value;let u=null;for(let e=0;e<m.group.children.length;e++){const t=m.group.children[e];if(t.group.label===n){u=t;break}}u\|\|(u={cells:{},group:{id:s,parent:m,column:r.column,columnLabel:i[r.column],children:[],expanded:!1,label:n,totals:{},obj:a.obj}},L(u),m.group.children.push(u)),m=u}}m.group.children.push(t),function(e,t,n,l){if(!e\|\|!t)return;const o=Object.keys(t);0!==o.length&&o.forEach((o=>{const r=n.cells[o];if(r){const n=T.ketchup.objects.isNumber(r.obj),i=t[o];switch(i){case a.COUNT:let t=e.group.totals[o]\|\|0;e.group.totals[o]=++t;let s=e.group.parent;for(;null!=s;){let e=s.group.totals[o]\|\|0;s.group.totals[o]=++e,s=s.group.parent}break;case a.DISTINCT:let u;if(u=n?T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value)):r.value,l[e.group.id]){let t=l[e.group.id][o];t?t.push(u):(l[e.group.id][o]=[],l[e.group.id][o].push(u))}else l[e.group.id]={},l[e.group.id][o]=[],l[e.group.id][o].push(u);let c=e.group.parent;for(;null!=c;){if(l[c.group.id]){let e=l[c.group.id][o];e?e.push(u):(l[c.group.id][o]=[],l[c.group.id][o].push(u))}else l[c.group.id]={},l[c.group.id][o]=[],l[c.group.id][o].push(u);c=c.group.parent}break;case a.SUM:case a.AVERAGE:if(n&&r.value){const t=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t+(e.group.totals[o]\|\|0);let n=e.group.parent;for(;null!=n;){const e=T.ketchup.math.numberify(n.group.totals[o]\|\|0);n.group.totals[o]=t+e,n=n.group.parent}}break;case a.MIN:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.min(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.min(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.min(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;case a.MAX:if(n&&r.value){const t=e.group.totals[o],n=T.ketchup.math.numberify(T.ketchup.math.numberifySafe(r.value));e.group.totals[o]=t?Math.max(t,n):n;let l=e.group.parent;for(;null!=l;){const e=l.group.totals[o];l.group.totals[o]=e?Math.max(e,n):n,l=l.group.parent}}else if(r.value&&T.ketchup.objects.isDate(r.obj)&&T.ketchup.dates.isValidFormattedStringDate(r.value)){const t=e.group.totals[o];if(t){let n=[];n.push(u),n.push(T.ketchup.dates.toDayjs(t)),e.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE)}else e.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);let n=e.group.parent;for(;null!=n;){const e=n.group.totals[o];if(e){let t=[];t.push(u),t.push(T.ketchup.dates.toDayjs(e)),n.group.totals[o]=T.ketchup.dates.format(T.ketchup.dates.max(t),v.ISO_DATE)}else n.group.totals[o]=T.ketchup.dates.format(u,v.ISO_DATE);n=n.group.parent}}break;default:0!=i.indexOf(a.MATH)&&console.warn(`invalid total mode: ${i}`)}}}))}(m,r,t,c)}})),function(e,t,n){if(!e\|\|!t)return;const l=Object.keys(t);if(0===e.length\|\|!e[0].group\|\|0===l.length)return;let o=l.filter((e=>a.DISTINCT===t[e]));o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>B(e,o,n)))}(u,r,c),W(u,a.AVERAGE,r),W(u,a.MATH,r),u}function W(e,t,n){if(!e\|\|!n)return;const l=Object.keys(n);if(0===e.length\|\|!e[0].group\|\|0===l.length)return;let o;t==a.AVERAGE&&(o=l.filter((e=>a.AVERAGE===n[e]))),t==a.MATH&&(o=l.filter((e=>0==n[e].indexOf(a.MATH)))),o.length>0&&e.filter((e=>e.group.children.length>0)).forEach((e=>D(e,t,o,n)))}function B(e,t,n){const l=e.group.children;0!==l.length&&(l[0].group&&l.forEach((e=>{B(e,t,n)})),t.forEach((t=>{e.group.totals[t]=new Set(n[e.group.id][t]).size})))}function D(e,t,n,l){const o=e.group.children;if(0===o.length)return 0;let r=0;return o[0].group?o.forEach((e=>{r+=D(e,t,n,l)})):r=o.length,n.forEach((n=>{if(t==a.AVERAGE&&(e.group.totals[n]=e.group.totals[n]/r),t==a.MATH){let t=l[n].substring(a.MATH.length);e.group.totals[n]=T.ketchup.math.formulas.custom(t,e.group.totals)}})),r}function E(e,t){if(t){const n=Object.assign(t);return t.forEach((t=>{e.forEach((e=>{if(t.cells){const n=t.cells[e.name];n&&e.obj&&!n.obj&&(n.obj={t:e.obj.t,p:e.obj.p})}}))})),n}}function A(e,t,n){if(T.ketchup.objects.isEmptyJsObject(n)\|\|T.ketchup.objects.isEmptyJsObject(e))return{};const l={},o=[],r=t.reduce(((t,r)=>{if(!e[r.name])return t;const i=e[r.name];return i===a.COUNT?(l[r.name]=n.length.toString(),t):0===i.indexOf(a.MATH)?(o.push([r.name,i]),t):(t.push({totalOperation:i,totalColumn:r,columnValues:n.map((e=>e.cells[r.name].value))}),t)}),[]);return r\|\|o?(null==r\|\|r.forEach((({totalOperation:e,totalColumn:t,columnValues:o})=>{if(T.ketchup.objects.isNumber(t.obj)){if(e===a.SUM)return void(l[t.name]=o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0).toString());if(e===a.AVERAGE)return void(l[t.name]=(o.reduce(((e,t)=>e+T.ketchup.math.numberifySafe(t)),0)/n.length).toString());if(e===a.MIN)return void(l[t.name]=Math.min(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString());if(e===a.MAX)return void(l[t.name]=Math.max(...o.map((e=>T.ketchup.math.numberifySafe(e)))).toString())}if(T.ketchup.objects.isDate(t.obj)){const n=o.filter((e=>T.ketchup.dates.isIsoDate(e))).map((e=>T.ketchup.dates.toDate(e,v.ISO_DATE)));if(!n)return;if(e===a.MIN)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.min(n),v.ISO_DATE));if(e===a.MAX)return void(l[t.name]=T.ketchup.dates.format(T.ketchup.dates.max(n),v.ISO_DATE))}e===a.DISTINCT&&(l[t.name]=new Set(o).size.toString())})),null==o\|\|o.forEach((([e,t])=>{const n=null==t?void 0:t.replace(u(a.MATH,"g"),"");l[e]=T.ketchup.math.formulas.custom(n,function(e){var t;return Object.fromEntries(null===(t=Object.entries(e))\|\|void 0===t?void 0:t.reduce(((e,[t,n])=>(T.ketchup.math.isNumber(n)&&e.push([t,Number(n)]),e)),[]))}(l)).toString()})),l):l}function L(e){if(!e.group)return;let t=e.group.id,n=e.group.parent;for(;null!==n;)t=`${n.group.id};${t}`,n=n.group.parent;e.group.id=t}function S(e,t,n,l){const o=t*n-n,r=o+Number(n);if(0==l)return e.slice(o,r);let i=[];return _(e,i,o,Number(n),0),i}function _(e,t,n,l,o){let r=!1;for(let i=0;i<e.length;i++){let s=e[i],a=R(e[i]);if(null!=s.group&&null!=s.group.children&&s.group.children.length>0){a.group.children=[];let e=_(s.group.children,a.group.children,n,l,o);o=e.ci,r=e.added,1==r&&(t[t.length]=a)}else o>=n&&(t[t.length]=a,r=!0),o++;if(o>=n+l)break}return{ci:o,added:r}}function R(e){return null==e?null:{id:e.id,cells:Object.assign({},e.cells),actions:e.actions?[...e.actions]:null,group:z(e.group),clonedFrom:e,readOnly:e.readOnly,cssClass:e.cssClass}}function q(e){if(null==e)return null;let t=[];for(let n=0;n<e.length;n++)t[t.length]=R(e[n]);return t}function z(e){return null==e?null:{id:e.id,parent:Object.assign({},e.parent),column:e.column,columnLabel:e.columnLabel,expanded:e.expanded,label:e.label,children:q(e.children),obj:Object.assign({},e.obj),totals:Object.assign({},e.totals)}}function I(e,t,n=!1,l=[]){const o={columns:t.columns.filter((e=>e.visible)),rows:[]};for(const r of t.rows){if(l.includes(r.id)){o.rows.push(r);continue}const t={cells:{},id:r.id};for(const n of o.columns){const l=n.name,o=r.cells[l],i=e.rows.find((e=>e.id===r.id)),s=i?i.cells[l]:null;(!s&&o.value\|\|s&&o.value!==s.value)&&(t.cells[l]=o)}(Object.keys(t.cells).length>0\|\|n)&&o.rows.push(t)}return o}function $(e){var t;null===(t=e.rows)\|\|void 0===t\|\|t.forEach((e=>{Object.keys(e.cells).forEach((t=>{var n;let l=e.cells[t];const o=l.value,r=l.decode,i=l.options;l.isEditable=null!==(n=l.isEditable)&&void 0!==n?n:l.editable;const s={[c.AUTOCOMPLETE]:()=>f(o,"",i,l.data),[c.COMBOBOX]:()=>f(o,"",i,l.data),[c.RADIO]:()=>d(o,i),[c.CHECKBOX]:()=>h(o,""),[c.CHIP]:()=>b(o,r),[c.SWITCH]:()=>m(o,""),[c.MULTI_AUTOCOMPLETE]:()=>b(o,r),[c.MULTI_COMBOBOX]:()=>b(o,r)}[l.shape];s&&(l.data=Object.assign(Object.assign({},s()),l.data))}))}))}export{w as F,g as K,y as a,N as b,A as c,$ as d,F as e,M as f,I as g,E as n,S as p,C as s,x as t}

package/dist/ketchup/p-d4a873a1.entry.js ADDED Viewed

@@ -0,0 +1 @@

+ import{r as t,f as i,h as e,H as a,d as o}from"./p-710d0a7d.js";import{k as s,g as n,s as l,b as p,h as c,aF as h,X as r,aG as f,$ as u,f as d}from"./p-c98fb668.js";import{a as b}from"./p-e3062c19.js";import{F as g}from"./p-cce08de3.js";import{c as m}from"./p-635bb4b3.js";import"./p-adadf8b5.js";var k,x;!function(t){t.customStyle="Custom style of the component.",t.data="Sets the data that will be used to display different components."}(k||(k={})),function(t){t.BOX="Box",t.BUTTON_LIST="Button List",t.CHART="Chart",t.CHIP="Chip",t.ECHART="Echart",t.DATATABLE="Datatable",t.JSON="JSON",t.TREE="Tree"}(x||(x={}));const y=class{constructor(i){t(this,i),this.dragHandler=null,this.kupManager=s(),this.textArea=null,this.wrapperRef=null,this.display=x.DATATABLE,this.customStyle="",this.data=null}async getProps(t){return n(this,k,t)}async refresh(){i(this)}async setProps(t){l(this,k,t)}comboboxProps(){const t=[];for(const i in x)Object.prototype.hasOwnProperty.call(x,i)&&t.push({id:x[i],selected:!1,value:x[i]});return{data:{"kup-list":{data:t,id:"kup-debug-theme-changer-list"},"kup-text-field":{emitSubmitEventOnEnter:!1,inputType:"text",label:this.kupManager.language.translate(p.VIEW_AS)}},id:"comp-switcher",initialValue:this.display,isSelect:!0,"onKup-combobox-itemclick":t=>{this.display=t.detail.value}}}setContent(){const t=!!(this.data&&this.data.columns&&this.data.columns.length>0),i=[],a={};if(this.display===x.JSON)a.initialValue=this.data?JSON.stringify(this.data,null,2):"",a.textArea=!0,i.push(e("kup-text-field",Object.assign({class:"kup-full-width kup-full-height"},a,{ref:t=>this.textArea=t,"onkup-textfield-input":t=>{try{this.data=JSON.parse(t.detail.value)}catch(t){this.data={columns:[{name:"ERROR",title:"Error"}],rows:[{cells:{ERROR:{value:"Invalid JSON:"+t}}}]}}}})));else if(t)switch(this.display){case x.BOX:a.data=this.data,i.push(e("kup-box",Object.assign({},a)));break;case x.BUTTON_LIST:a.data=this.data,i.push(e("kup-button-list",Object.assign({},a)));break;case x.CHIP:a.data=this.data,i.push(e("kup-chip",Object.assign({},a)));break;case x.CHART:case x.ECHART:a.data=this.data,a.series=[],a.axis=null;for(let t=0;t<this.data.columns.length;t++){const i=this.data.columns[t];i.obj&&this.kupManager.objects.isNumber(i.obj)||null!==a.axis?a.series.push(this.display===x.CHART?{code:i.name,decode:i.title}:i.name):a.axis=i.name}0===a.series.length&&this.kupManager.debug.logMessage(this,"Not enough numerical columns to display a chart!",c.WARNING),a.axis||this.kupManager.debug.logMessage(this,"No axis for the chart!",c.WARNING),i.push(e(this.display===x.CHART?"kup-chart":"kup-echart",Object.assign({},a)));break;case x.DATATABLE:a.data=this.data,a.autoFillMissingCells=!0,i.push(e("kup-data-table",Object.assign({},a)));break;case x.TREE:a.data=this.data,i.push(e("kup-tree",Object.assign({class:"kup-full-width"},a)));break;default:return void this.kupManager.debug.logMessage(this,"Display mode not supported ("+this.display+")!",c.ERROR)}else i.push(e("div",{class:"empty"},e(g,{sizeY:"100px",resource:"move_to_inbox"}),e("div",{class:"empty-text"},this.kupManager.language.translate(p.DROP_YOUR_DATA))));return i}updateData(t){{const i=Object.assign({},this.data),e=t.detail.sourceElement&&t.detail.sourceElement.column?t.detail.sourceElement.column:null,a=t.detail.sourceElement&&t.detail.sourceElement.row?t.detail.sourceElement.row:null;if(e&&e.name?i.columns?this.data.columns.find((t=>t.name===e.name))||i.columns.push(e):i.columns=[e]:this.kupManager.debug.logMessage(this,"Invalid column received.",c.WARNING),a&&(i.rows?i.rows.push(a):i.rows=[a]),this.data=i,this.data&&this.textArea)try{this.textArea.setValue(JSON.stringify(this.data,null,2))}catch(t){this.textArea.setValue("Invalid JSON:"+t)}}}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.rootElement.addEventListener(h,(t=>this.updateData(t))),this.dragHandler=this.rootElement.shadowRoot.querySelector("#drag-handle"),this.kupManager.interact.dialogify(this.rootElement,this.dragHandler),this.kupManager.interact.dropzone(this.wrapperRef,{accept:`[${r}],[${f}]`},{dispatcher:this.rootElement,type:u.MAGICBOX}),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return e(a,{key:"049e0e429c4deb0c4b42aa4119630553269b4b5f"},e("style",{key:"5141bbd9f761950b9c661aac8724d9bc7ddd00b3"},this.kupManager.theme.setKupStyle(this.rootElement)),e("div",{key:"22518e2bc9311b8d0989418f3185a91dd95c54c2",id:m},e("div",{key:"a0929d74cc1e8f7b4b72fd481bed66683c77fc81",class:"magic-box-wrapper"},e("div",{key:"2550b87cb0ff859cf32756cb34932f2c1a2e1ed7",class:"actions",id:"drag-handle"},e("kup-combobox",Object.assign({key:"cf84762570b8c0c7e27158725cba90ac10bb91a6"},this.comboboxProps())),e("kup-button",{key:"4325adf34dc50fa7c34d037784eeaa7f994f0f21",styling:b.FLAT,icon:"delete",label:"Reset","onkup-button-click":()=>{this.data=null}}),e("kup-button",{key:"f635e3b8e1abbde80eddf0092f6b9538031fd7c6",id:"close-dialog",customStyle:`:host{${d.PRIMARY}: var(${d.TITLE});}`,icon:"clear","onkup-button-click":()=>{this.kupManager.hideMagicBox()}})),e("div",{key:"e5f3e3497af54d3e3061f28abf0dc8e69ed18959",class:"content",ref:t=>this.wrapperRef=t},this.setContent()))))}disconnectedCallback(){this.kupManager.interact.unregister([this.rootElement,this.wrapperRef]),this.kupManager.language.unregister(this),this.kupManager.theme.unregister(this)}get rootElement(){return o(this)}};y.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:300px;min-width:700px;width:700px}#kup-component,.magic-box-wrapper{height:100%;width:100%}.magic-box-wrapper{border:3px dashed var(--kup-border-subtle);box-sizing:border-box;display:flex;flex-direction:column}.actions{align-items:center;background-color:var(--kup-title-background-color);display:inline-flex;height:52px;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.actions kup-button{margin:0.5em}.actions #comp-switcher{margin:auto 0}.actions #close-dialog{position:absolute;margin:0;top:0;right:0;background-color:var(--kup-title-background-color)}.content{box-sizing:border-box;height:100%;margin-top:52px;overflow:auto;transition:background-color 125ms ease}.empty{flex-direction:column;display:flex;text-align:center;justify-content:center;height:100%;width:100%;opacity:0.5;transition:opacity 0.25s ease-out}.empty .f-image{margin:0}.json{font-family:var(--kup-font-family-monospace);margin:0}[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}";export{y as kup_magic_box}

package/dist/ketchup/{p-a35fbf4d.entry.js → p-e0cedb6a.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,c as t,f as a,h as i,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as p,s}from"./p-~~54ae75bb~~.js";import{c as l}from"./p-635bb4b3.js";import"./p-adadf8b5.js";var f,c;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f\|\|(f={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(c\|\|(c={}));const d=class{constructor(a){e(this,a),this.kupLazyLoaded=t(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(e){return p(this,f,e)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(e){s(this,f,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let e,t,a=this.componentName;switch(this.componentName){case"kup-button":t=i("svg",{key:"5e72b30a0f1e3430f6156e38ec21e5ab4fbad8f3",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"aa48fb656f7dc30746dd11d4d3405b60a312f2c3",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":t=i("svg",{key:"5f448fd1eb1ab0270cf458177c3966ba6000295b",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"bad66bec1cb624efd059126cec4f98846cdeef75",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":t=i("svg",{key:"138d53448f4c329478d24d246d0fef6fbcb62d7a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"96079538dc0737b2e7b7a376b4e0283a829a0143",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":t=i("svg",{key:"3ea391531e961b72fb84c7265e3b398a4e40028a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"54773da2ab16358a610b96ce742288fa8a2ca362",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=i("svg",{key:"899606089c5e7b4e1a88823c8cb27e5f86aa1d4c",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"17bb02d78bb042ae255314ea8f68b1ce7481e993",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":t=i("svg",{key:"049a62d7a9dccfee4a2fae8e0cd5869b85e06d46",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"b27ed54889308bf056f24c70511d39e134603f89",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":t=i("svg",{key:"686ea803a443610674b2bf9282801cedc627b64e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2e64b70e935e82ebbca79a89202ccdc19ba666df",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":t=i("svg",{key:"0fff99e133a6a1795ee1d9797746efbefaf82fbf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"db92d5a4868e8c8d8120d136621df4bf17c4679b",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:t=i("svg",{key:"b9d19e00ae1ae630128d73243861f6479b1455dc",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"e7ca81f490462908580b0a7509ec3811dbd85eaf",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport\|\|this.renderMode===c.PROPS&&this.data\|\|this.renderMode===c.BOTH&&this.data&&this.isInViewport?(e=i(this.componentName,Object.assign({key:"e93f7f4ac49af252f791a4f7cb9be5e83d1df7bf"},this.data,{ref:e=>this.lazyComponent=e})),a+=" kup-loaded"):this.showPlaceholder&&(e=t,a+=" kup-to-be-loaded"),i(h,{key:"99f35069da0886b3174bff35eaeae29d19a9fe2f",class:a},i("style",{key:"4acddcd21d8ed89d235f7012fff7c7ea4abef2d1"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"e7b4a285865ec15115437f06a3873349e4e5965c",id:l},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)\|\|void 0===e\|\|e.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>{margin:auto}";export{d as kup_lazy}
1	+ import{r as e,c as t,f as a,h as i,H as h,d as n}from"./p-710d0a7d.js";import{k as o,g as p,s}from"./p-c98fb668.js";import{c as l}from"./p-635bb4b3.js";import"./p-adadf8b5.js";var f,c;!function(e){e.componentName="Sets the tag name of the component to be lazy loaded.",e.customStyle="Custom style of the component.",e.data="Sets the data of the component to be lazy loaded.",e.showPlaceholder="Displays an animated SVG placeholder until the component is loaded."}(f\|\|(f={})),function(e){e.VIEWPORT="viewport",e.PROPS="props",e.BOTH="both"}(c\|\|(c={}));const d=class{constructor(a){e(this,a),this.kupLazyLoaded=t(this,"kup-lazy-loaded",6),this.intObserver=null,this.kupManager=o(),this.lazyComponent=null,this.lazyComponentLoaded=!1,this.isInViewport=!1,this.componentName=null,this.customStyle="",this.data=null,this.renderMode=c.BOTH,this.showPlaceholder=!0}async getProps(e){return p(this,f,e)}async getComponent(){return this.lazyComponent}async refresh(){a(this)}async setProps(e){s(this,f,e)}setObserver(){this.intObserver=new IntersectionObserver((e=>{e.forEach((e=>{e.isIntersecting&&(this.kupManager.debug.logMessage(this,"kup-lazy entering the viewport, rendering "+this.componentName+"."),this.isInViewport=!0,this.intObserver.unobserve(this.rootElement))}))}),{threshold:.25})}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.theme.register(this),this.setObserver()}componentDidLoad(){this.intObserver.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.lazyComponent&&!this.lazyComponentLoaded&&(this.lazyComponentLoaded=!0,this.kupLazyLoaded.emit({comp:this,id:this.rootElement.id})),this.kupManager.debug.logRender(this,!0)}render(){let e,t,a=this.componentName;switch(this.componentName){case"kup-button":t=i("svg",{key:"5e72b30a0f1e3430f6156e38ec21e5ab4fbad8f3",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"aa48fb656f7dc30746dd11d4d3405b60a312f2c3",d:"M42 6H6c-2.2 0-4 1.8-4 4v28c0 2.2 1.8 4 4 4h36c2.2 0 4-1.8 4-4V10c0-2.2-1.8-4-4-4zm0 32H6v-6h36v6z"}));break;case"kup-card":t=i("svg",{key:"5f448fd1eb1ab0270cf458177c3966ba6000295b",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"bad66bec1cb624efd059126cec4f98846cdeef75",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}));break;case"kup-checkbox":t=i("svg",{key:"138d53448f4c329478d24d246d0fef6fbcb62d7a",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"96079538dc0737b2e7b7a376b4e0283a829a0143",d:"M38 10v28H10V10h28m0-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V10c0-2.21-1.79-4-4-4z"}));break;case"kup-chart":t=i("svg",{key:"3ea391531e961b72fb84c7265e3b398a4e40028a",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"54773da2ab16358a610b96ce742288fa8a2ca362",d:"M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z"}));break;case"kup-data-table":t=i("svg",{key:"899606089c5e7b4e1a88823c8cb27e5f86aa1d4c",xmlns:"http://www.w3.org/2000/svg",version:"1.1",width:"100%",height:"100%",viewBox:"0 0 24 24"},i("path",{key:"17bb02d78bb042ae255314ea8f68b1ce7481e993",d:"M4,3H20A2,2 0 0,1 22,5V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V5A2,2 0 0,1 4,3M4,7V10H8V7H4M10,7V10H14V7H10M20,10V7H16V10H20M4,12V15H8V12H4M4,20H8V17H4V20M10,12V15H14V12H10M10,20H14V17H10V20M20,20V17H16V20H20M20,12H16V15H20V12Z"}));break;case"kup-image":t=i("svg",{key:"049a62d7a9dccfee4a2fae8e0cd5869b85e06d46",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"b27ed54889308bf056f24c70511d39e134603f89",d:"M42 38V10c0-2.21-1.79-4-4-4H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4zM17 27l5 6.01L29 24l9 12H10l7-9z"}));break;case"kup-progress-bar":t=i("svg",{key:"686ea803a443610674b2bf9282801cedc627b64e",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"2e64b70e935e82ebbca79a89202ccdc19ba666df",d:"M39 19c-2.05 0-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3s-3.81 1.23-4.58 3h-5.84c-.77-1.77-2.53-3-4.58-3-2.77 0-5 2.23-5 5s2.23 5 5 5c2.05 0 3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3s3.81-1.23 4.58-3h5.84c.77 1.77 2.53 3 4.58 3 2.77 0 5-2.23 5-5s-2.23-5-5-5z"}));break;case"kup-radio":t=i("svg",{key:"0fff99e133a6a1795ee1d9797746efbefaf82fbf",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"db92d5a4868e8c8d8120d136621df4bf17c4679b",d:"M24 4C12.95 4 4 12.95 4 24s8.95 20 20 20 20-8.95 20-20S35.05 4 24 4zm0 36c-8.84 0-16-7.16-16-16S15.16 8 24 8s16 7.16 16 16-7.16 16-16 16z"}));break;default:t=i("svg",{key:"b9d19e00ae1ae630128d73243861f6479b1455dc",xmlns:"http://www.w3.org/2000/svg",width:"100%",height:"100%",viewBox:"0 0 48 48"},i("path",{key:"e7ca81f490462908580b0a7509ec3811dbd85eaf",d:"M44 26H28v-4h16v4zm0-12H28v4h16v-4zM28 34h16v-4H28v4zm-4-16v12c0 2.2-1.8 4-4 4H8c-2.2 0-4-1.8-4-4V18c0-2.2 1.8-4 4-4h12c2.2 0 4 1.8 4 4zm-3 12l-4.5-6-3.5 4.51-2.5-3.01L7 30h14z"}))}return this.renderMode===c.VIEWPORT&&this.isInViewport\|\|this.renderMode===c.PROPS&&this.data\|\|this.renderMode===c.BOTH&&this.data&&this.isInViewport?(e=i(this.componentName,Object.assign({key:"e93f7f4ac49af252f791a4f7cb9be5e83d1df7bf"},this.data,{ref:e=>this.lazyComponent=e})),a+=" kup-loaded"):this.showPlaceholder&&(e=t,a+=" kup-to-be-loaded"),i(h,{key:"99f35069da0886b3174bff35eaeae29d19a9fe2f",class:a},i("style",{key:"4acddcd21d8ed89d235f7012fff7c7ea4abef2d1"},this.kupManager.theme.setKupStyle(this.rootElement)),i("div",{key:"e7b4a285865ec15115437f06a3873349e4e5965c",id:l},e))}disconnectedCallback(){var e;this.kupManager.theme.unregister(this),null===(e=this.intObserver)\|\|void 0===e\|\|e.unobserve(this.rootElement)}get rootElement(){return n(this)}};d.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_lazy_animation_time:var(--kup-lazy-animation-time, 2s);--kup_lazy_hor_alignment:var(--kup-lazy-hor-alignment, center);--kup_lazy_placeholder_color:var(\n --kup-lazy-placeholder-color,\n var(--kup-icon-color)\n );--kup_lazy_height:var(--kup-lazy-height, 100%);--kup_lazy_ver_alignment:var(--kup-lazy-ver-alignment, center);--kup_lazy_width:var(--kup-lazy-width, 100%);display:block;height:var(--kup_lazy_height);width:var(--kup_lazy_width);position:relative}#kup-component{align-items:var(--kup_lazy_ver_alignment);display:flex;justify-content:var(--kup_lazy_hor_alignment);height:var(--kup_lazy_height);width:var(--kup_lazy_width)}#kup-component>{height:var(--kup_lazy_height)}#kup-component kup-data-table{min-width:100%}.kup-loaded,.kup-to-be-loaded{height:var(--kup_lazy_height);width:var(--kup_lazy_width)}svg{fill:var(--kup_lazy_placeholder_color);animation:shine ease var(--kup_lazy_animation_time) infinite}@keyframes shine{0%{opacity:0.4}50%{opacity:0.8}100%{opacity:0.4}}:host(.kup-bottom-aligned){--kup-lazy-ver-alignment:flex-end}:host(.kup-left-aligned){--kup-lazy-hor-alignment:flex-start}:host(.kup-right-aligned){--kup-lazy-hor-alignment:flex-end}:host(.kup-top-aligned){--kup-lazy-ver-alignment:flex-start}:host(.kup-to-be-loaded) #kup-component{position:absolute}:host(.kup-to-be-loaded) #kup-component>{margin:auto}";export{d as kup_lazy}

package/dist/ketchup/{p-7ef1f37a.js → p-e298b76c.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{h as e,g as l}from"./p-710d0a7d.js";import{d as t}from"./p-~~54ae75bb~~.js";import{F as i}from"./p-cce08de3.js";const n=document.documentElement;let o=null;const d=(l,t)=>{var i,n;const o={"f-text-field":!0,"kup-danger":l.danger,"kup-full-height":l.fullHeight,"kup-full-width":l.fullWidth,"kup-info":l.info,"kup-light-mode":l.lightMode,"kup-secondary":l.secondary,"kup-shaped":l.shaped,"kup-success":l.success,"kup-warning":l.warning,[`f-text-field--${l.sizing\|\|"small"}`]:!0,[l.wrapperClass]:!!l.wrapperClass},d=function(l){if(!1!==l.helperEnabled&&(l.error\|\|l.alert)&&!l.legacyLook)return e("div",{class:"mdc-text-field-helper-line"},l.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper):l.error?e("span",{class:"mdc-error-message"},l.error):l.alert?e("span",{class:"mdc-alert-message"},l.alert):void 0)}(l),s=null===(n=null===(i=l.attachHelperSection)\|\|void 0===i?void 0:i.call(l,d))\|\|void 0===n\|\|n;return e("div",Object.assign({class:o},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel\|\|l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[a(l),s?d:null,e("label",null,l.label)]):[a(l),s?d:null],t)};function a(o){var d,a,u,m,p,f,v;const x=o.textArea\|\|o.outlined;let g,k,b,h;if(!o.label\|\|o.leadingLabel\|\|o.trailingLabel\|\|o.legacyLook\|\|(g=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},o.label,o.labelHelper&&e("span",{onPointerMove:e=>r(e,o.labelHelper),onPointerDown:e=>r(e,o.labelHelper),onPointerOut:()=>c()},e(i,{resource:"info_outline",wrapperClass:"helper-icon"}))),o.maxLength&&o.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},o.value.length," / ",o.maxLength):void 0)),o.icon){let i,n="";if(Object.values(t).indexOf(o.icon)>-1)n=o.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${o.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}k=e("span",{style:i,onClick:o.onIconClick,onMouseDown:e=>{e.preventDefault()},class:`mdc-text-field__icon kup-icon action ${n}`})}if(o.quantityButtons){const t=`url('${l("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${l("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};b=e("span",{style:{mask:t,webkitMask:t},class:"mdc-text-field__icon kup-icon action"}),h=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const w={color:o.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:o.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},_={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":o.disabled},y={"is-clearable":o.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":o.disabled,"mdc-text-field--read-only":o.readOnly,"mdc-text-field--read-only-is-select":o.isSelect,"mdc-text-field--filled":!o.fullWidth&&!x,"mdc-text-field--no-label":!o.label,"mdc-text-field--fullwidth":o.fullWidth,"mdc-text-field--lightmode":o.lightMode,"mdc-text-field--outlined":x,"mdc-text-field--textarea":o.textArea,"mdc-text-field--with-leading-icon":o.icon&&!o.trailingIcon,"mdc-text-field--with-trailing-icon":o.icon&&o.trailingIcon,"mdc-text-field--with-quantity-buttons":o.quantityButtons,"mdc-text-field--error":Boolean(o.error),"mdc-text-field--alert":Boolean(o.alert),"mdc-text-field--legacy-look mdc-text-field--extra-small":o.legacyLook,[`mdc-text-field--${o.sizing\|\|"small"}`]:!o.textArea&&!o.legacyLook,[`mdc-text-field--textarea--${o.sizing\|\|"small"}`]:o.textArea,"top-right-indicator":o.showMarker};let C=o.value,$=o.quantityButtons?"number":null!==(d=o.inputType)&&void 0!==d?d:"text",F=!1;if("number"===o.inputType&&($="text",o.inputMode="numeric",F=!0),"number"===o.inputType){const e={allowNegative:null===(a=o.allowNegative)\|\|void 0===a\|\|a,decimal:o.decimals,group:null===(u=o.group)\|\|void 0===u\|\|u,integer:(null!==(m=o.integers)&&void 0!==m?m:0)-(null!==(p=o.decimals)&&void 0!==p?p:0)};C=s(C,e,!1)}return e("div",{class:_},o.fullWidth?void 0:g,e("div",{class:y},o.trailingIcon?void 0:k,o.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:o.disabled,maxlength:o.maxLength,value:C,autoComplete:null!==(f=o.autocomplete)&&void 0!==f?f:"off",onBlur:o.onBlur,onClick:o.onClick,onChange:o.onChange,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown})):e("input",{type:$,inputmode:o.inputMode?o.inputMode:void 0,step:o.step,min:o.min,max:o.max,name:o.name,class:"mdc-text-field__input",disabled:o.disabled,placeholder:o.placeholder,maxlength:o.maxLength,size:o.size,value:C,readOnly:o.isSelect,autoComplete:null!==(v=o.autocomplete)&&void 0!==v?v:"off",onBlur:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)\|\|void 0===l\|\|l,decimal:o.decimals,group:null===(t=o.group)\|\|void 0===t\|\|t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=s(e.target.value,d,!0)}o.onBlur&&o.onBlur(e)},onChange:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)\|\|void 0===l\|\|l,decimal:o.decimals,group:null===(t=o.group)\|\|void 0===t\|\|t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=null!=o.min&&o.min>parseFloat(e.target.value)?s(o.min.toString(),d,!0):null!=o.max&&o.max<parseFloat(e.target.value)?s(o.max.toString(),d,!0):s(e.target.value,d,!0)}else null!=o.min&&o.min>parseFloat(e.target.value)?e.target.value=o.min.toString():null!=o.max&&o.max<parseFloat(e.target.value)&&(e.target.value=o.max.toString());o.onChange&&o.onChange(e)},onClick:o.onClick,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown,onKeyPress:e=>{var l,t,i,d,a;if(!F)return;if(e.ctrlKey)return;if(e.key.length>1)return;if(("."===e.key\|\|","===e.key)&&"NumpadDecimal"===e.code){const t=e.target,i=null!==(l=t.selectionStart)&&void 0!==l?l:0,o=n.ketchup.math.decimalSeparator();return t.value.includes(o)\|\|(t.value=t.value.slice(0,i)+o+t.value.slice(i),t.setSelectionRange(i+1,i+1)),void e.preventDefault()}const s={allowNegative:null===(t=o.allowNegative)\|\|void 0===t\|\|t,decimal:o.decimals,group:null===(i=o.group)\|\|void 0===i\|\|i,integer:(null!==(d=o.integers)&&void 0!==d?d:0)-(null!==(a=o.decimals)&&void 0!==a?a:0)};let c=e.target,r=c.value,u=r.substring(0,c.selectionStart),m=r.substring(c.selectionEnd,c.selectionEnd+r.length-1);n.ketchup.math.matchNumericValueWithOptions(u+e.key+m,s)\|\|e.preventDefault()}}),o.trailingIcon?k:void 0,o.helperIcon&&o.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},w))):o.helperIcon&&o.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},w))):void 0,o.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:o.onMinusClick},b),e("button",{onClick:o.onPlusClick},h)),o.isClearable&&o.value?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:o.onClearIconClick}):void 0))}const s=function(e,l,t){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(l.group,l.decimal),t):i},c=()=>{o&&(o.remove(),o=null)},r=(e,l)=>{l&&0!==l.length&&(o?(o.innerText=l,u(o,e)):(o=document.createElement("div"),o.className="kup-helper-tooltip",o.innerText=l,document.body.appendChild(o),u(o,e)))},u=(e,l)=>{const t=10,i=window.innerWidth,n=window.innerHeight,o=e.getBoundingClientRect(),d=o.width,a=o.height;let s=l.clientX+t,c=l.clientY+t;s+d>i&&(s=l.clientX-d-t,s<0&&(s=i-d-t)),c+a>n&&(c=l.clientY-a-t,c<0&&(c=n-a-t)),s=Math.max(t,Math.min(s,i-d-t)),c=Math.max(t,Math.min(c,n-a-t)),e.style.left=`${s}px`,e.style.top=`${c}px`};export{d as F}
1	+ import{h as e,g as l}from"./p-710d0a7d.js";import{d as t}from"./p-c98fb668.js";import{F as i}from"./p-cce08de3.js";const n=document.documentElement;let o=null;const d=(l,t)=>{var i,n;const o={"f-text-field":!0,"kup-danger":l.danger,"kup-full-height":l.fullHeight,"kup-full-width":l.fullWidth,"kup-info":l.info,"kup-light-mode":l.lightMode,"kup-secondary":l.secondary,"kup-shaped":l.shaped,"kup-success":l.success,"kup-warning":l.warning,[`f-text-field--${l.sizing\|\|"small"}`]:!0,[l.wrapperClass]:!!l.wrapperClass},d=function(l){if(!1!==l.helperEnabled&&(l.error\|\|l.alert)&&!l.legacyLook)return e("div",{class:"mdc-text-field-helper-line"},l.helper?e("div",{class:{"mdc-text-field-helper-text":!0,"mdc-text-field-helper-text--persistent":!l.helperWhenFocused}},l.helper):l.error?e("span",{class:"mdc-error-message"},l.error):l.alert?e("span",{class:"mdc-alert-message"},l.alert):void 0)}(l),s=null===(n=null===(i=l.attachHelperSection)\|\|void 0===i?void 0:i.call(l,d))\|\|void 0===n\|\|n;return e("div",Object.assign({class:o},l.dataSet,{id:l.id,title:l.title}),l.leadingLabel\|\|l.trailingLabel?e("div",{class:"mdc-form-field "+(l.leadingLabel?"mdc-form-field--align-end":"")},[a(l),s?d:null,e("label",null,l.label)]):[a(l),s?d:null],t)};function a(o){var d,a,u,m,p,f,v;const x=o.textArea\|\|o.outlined;let g,k,h,b;if(!o.label\|\|o.leadingLabel\|\|o.trailingLabel\|\|o.legacyLook\|\|(g=e("div",{class:"mdc-text-field__label-container"},e("label",{class:"mdc-label",htmlFor:"kup-input"},o.label,o.labelHelper&&e("span",{onPointerMove:e=>r(e,o.labelHelper),onPointerDown:e=>r(e,o.labelHelper),onPointerOut:()=>c()},e(i,{resource:"info_outline",wrapperClass:"helper-icon"}))),o.maxLength&&o.showCounter?e("div",{class:"mdc-text-field__label-character-counter"},o.value.length," / ",o.maxLength):void 0)),o.icon){let i,n="";if(Object.values(t).indexOf(o.icon)>-1)n=o.icon.replace("--","");else{let e=`url('${l(`./assets/svg/${o.icon}.svg`)}') no-repeat center`;i={mask:e,webkitMask:e}}k=e("span",{style:i,onClick:o.onIconClick,onMouseDown:e=>{e.preventDefault()},class:`mdc-text-field__icon kup-icon action ${n}`})}if(o.quantityButtons){const t=`url('${l("./assets/svg/minus.svg")}') no-repeat center`,i=`url('${l("./assets/svg/plus.svg")}') no-repeat center`,n={mask:i,webkitMask:i};h=e("span",{style:{mask:t,webkitMask:t},class:"mdc-text-field__icon kup-icon action"}),b=e("span",{style:n,class:"mdc-text-field__icon kup-icon action"})}const w={color:o.error?"var(--kup-danger-color-60)":"var(--kup-warning-color-50)",resource:o.error?"error":"warning",sizeX:"1.25em",sizeY:"1.25em",wrapperClass:"kup-icon"},_={"mdc-text-field-container":!0,"mdc-text-field-container--disabled":o.disabled},y={"is-clearable":o.isClearable,"mdc-text-field":!0,"mdc-text-field--disabled":o.disabled,"mdc-text-field--read-only":o.readOnly,"mdc-text-field--read-only-is-select":o.isSelect,"mdc-text-field--filled":!o.fullWidth&&!x,"mdc-text-field--no-label":!o.label,"mdc-text-field--fullwidth":o.fullWidth,"mdc-text-field--lightmode":o.lightMode,"mdc-text-field--outlined":x,"mdc-text-field--textarea":o.textArea,"mdc-text-field--with-leading-icon":o.icon&&!o.trailingIcon,"mdc-text-field--with-trailing-icon":o.icon&&o.trailingIcon,"mdc-text-field--with-quantity-buttons":o.quantityButtons,"mdc-text-field--error":Boolean(o.error),"mdc-text-field--alert":Boolean(o.alert),"mdc-text-field--legacy-look mdc-text-field--extra-small":o.legacyLook,[`mdc-text-field--${o.sizing\|\|"small"}`]:!o.textArea&&!o.legacyLook,[`mdc-text-field--textarea--${o.sizing\|\|"small"}`]:o.textArea,"top-right-indicator":o.showMarker};let C=o.value,$=o.quantityButtons?"number":null!==(d=o.inputType)&&void 0!==d?d:"text",F=!1;if("number"===o.inputType&&($="text",o.inputMode="numeric",F=!0),"number"===o.inputType){const e={allowNegative:null===(a=o.allowNegative)\|\|void 0===a\|\|a,decimal:o.decimals,group:null===(u=o.group)\|\|void 0===u\|\|u,integer:(null!==(m=o.integers)&&void 0!==m?m:0)-(null!==(p=o.decimals)&&void 0!==p?p:0)};C=s(C,e,!1)}return e("div",{class:_},o.fullWidth?void 0:g,e("div",{class:y},o.trailingIcon?void 0:k,o.textArea?e("span",{class:"mdc-text-field__resizer"},e("textarea",{class:"mdc-text-field__input",disabled:o.disabled,maxlength:o.maxLength,value:C,autoComplete:null!==(f=o.autocomplete)&&void 0!==f?f:"off",onBlur:o.onBlur,onClick:o.onClick,onChange:o.onChange,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown})):e("input",{type:$,inputmode:o.inputMode?o.inputMode:void 0,step:o.step,min:o.min,max:o.max,name:o.name,class:"mdc-text-field__input",disabled:o.disabled,placeholder:o.placeholder,maxlength:o.maxLength,size:o.size,value:C,readOnly:o.isSelect,autoComplete:null!==(v=o.autocomplete)&&void 0!==v?v:"off",onBlur:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)\|\|void 0===l\|\|l,decimal:o.decimals,group:null===(t=o.group)\|\|void 0===t\|\|t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=s(e.target.value,d,!0)}o.onBlur&&o.onBlur(e)},onChange:e=>{var l,t,i,n;if(F){const d={allowNegative:null===(l=o.allowNegative)\|\|void 0===l\|\|l,decimal:o.decimals,group:null===(t=o.group)\|\|void 0===t\|\|t,integer:(null!==(i=o.integers)&&void 0!==i?i:0)-(null!==(n=o.decimals)&&void 0!==n?n:0)};e.target.value=null!=o.min&&o.min>parseFloat(e.target.value)?s(o.min.toString(),d,!0):null!=o.max&&o.max<parseFloat(e.target.value)?s(o.max.toString(),d,!0):s(e.target.value,d,!0)}else null!=o.min&&o.min>parseFloat(e.target.value)?e.target.value=o.min.toString():null!=o.max&&o.max<parseFloat(e.target.value)&&(e.target.value=o.max.toString());o.onChange&&o.onChange(e)},onClick:o.onClick,onFocus:o.onFocus,onInput:o.onInput,onKeyDown:o.onKeyDown,onKeyPress:e=>{var l,t,i,d,a;if(!F)return;if(e.ctrlKey)return;if(e.key.length>1)return;if(("."===e.key\|\|","===e.key)&&"NumpadDecimal"===e.code){const t=e.target,i=null!==(l=t.selectionStart)&&void 0!==l?l:0,o=n.ketchup.math.decimalSeparator();return t.value.includes(o)\|\|(t.value=t.value.slice(0,i)+o+t.value.slice(i),t.setSelectionRange(i+1,i+1)),void e.preventDefault()}const s={allowNegative:null===(t=o.allowNegative)\|\|void 0===t\|\|t,decimal:o.decimals,group:null===(i=o.group)\|\|void 0===i\|\|i,integer:(null!==(d=o.integers)&&void 0!==d?d:0)-(null!==(a=o.decimals)&&void 0!==a?a:0)};let c=e.target,r=c.value,u=r.substring(0,c.selectionStart),m=r.substring(c.selectionEnd,c.selectionEnd+r.length-1);n.ketchup.math.matchNumericValueWithOptions(u+e.key+m,s)\|\|e.preventDefault()}}),o.trailingIcon?k:void 0,o.helperIcon&&o.error?e("div",{class:"mdc-error-icon"},e(i,Object.assign({},w))):o.helperIcon&&o.alert?e("div",{class:"mdc-alert-icon"},e(i,Object.assign({},w))):void 0,o.quantityButtons&&e("div",{class:"mdc-quantity-buttons"},e("button",{onClick:o.onMinusClick},h),e("button",{onClick:o.onPlusClick},b)),o.isClearable&&o.value?e("span",{class:`mdc-text-field__icon kup-icon ${t.CLEAR.replace("--","")}`,onClick:o.onClearIconClick}):void 0))}const s=function(e,l,t){let i=e;return i?"-"==i?"":n.ketchup.math.format(i,n.ketchup.math.createFormatPattern(l.group,l.decimal),t):i},c=()=>{o&&(o.remove(),o=null)},r=(e,l)=>{l&&0!==l.length&&(o?(o.innerText=l,u(o,e)):(o=document.createElement("div"),o.className="kup-helper-tooltip",o.innerText=l,document.body.appendChild(o),u(o,e)))},u=(e,l)=>{const t=10,i=window.innerWidth,n=window.innerHeight,o=e.getBoundingClientRect(),d=o.width,a=o.height;let s=l.clientX+t,c=l.clientY+t;s+d>i&&(s=l.clientX-d-t,s<0&&(s=i-d-t)),c+a>n&&(c=l.clientY-a-t,c<0&&(c=n-a-t)),s=Math.max(t,Math.min(s,i-d-t)),c=Math.max(t,Math.min(c,n-a-t)),e.style.left=`${s}px`,e.style.top=`${c}px`};export{d as F}

package/dist/ketchup/{p-e28b7ec4.entry.js → p-e6ba3964.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,aB as f,g as h,s as l,Z as r,aC as c,b as m,aD as d}from"./p-~~54ae75bb~~.js";import{c as g}from"./p-635bb4b3.js";import{F as u}from"./p-14c6efce.js";import{F as k}from"./p-~~e8c0a2d5~~.js";import"./p-adadf8b5.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-31ae78d1.js";import"./p-~~45c361d1~~.js";import"./p-~~ed58ba36~~.js";import"./p-~~7ef1f37a~~.js";var y,x=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i\|\|!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)};const b=class{constructor(e){t(this,e),this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6),this.kupCellUpload=i(this,"kup-cell-upload",6),y.set(this,o()),this.customStyle="",this.data=null,this.density=p.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=f.right}async addCssClasses(t){if(this.data.cssClass\|\|(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return h(this,d,t)}async refresh(){e(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){l(this,d,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});x(this,y,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+g),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:"KUPCELL",title:void 0}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}submitClick(t){t.stopPropagation(),this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}upload(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)}componentWillLoad(){x(this,y,"f").dates.register(this),x(this,y,"f").debug.logLoad(this,!1),x(this,y,"f").language.register(this),x(this,y,"f").theme.register(this)}componentDidLoad(){x(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){x(this,y,"f").debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),x(this,y,"f").debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return s(n,{key:"01c0f9dc1d970c0da37687dd07ecf95cf0cb0279","onKup-file-upload-upload":this.upload.bind(this)},s("style",{key:"4ad06f4bbbb2cfebee565fee5606194d2e68d871"},x(this,y,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2d06ac608cd5eaa25b014dbc2420e2dec44ea89b",id:g,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(k,Object.assign({key:"393bd349a7310e9e9f8fbefac85c6ef733799a3f"},t)),this.showSubmit?s(u,{buttonType:"submit",label:x(this,y,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){x(this,y,"f").dates.unregister(this),x(this,y,"f").language.unregister(this),x(this,y,"f").theme.unregister(this)}get rootElement(){return a(this)}};y=new WeakMap,b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}
1	+ import{r as t,c as i,f as e,h as s,H as n,d as a}from"./p-710d0a7d.js";import{k as o,i as p,aB as f,g as h,s as l,Z as r,aC as c,b as m,aD as d}from"./p-c98fb668.js";import{c as g}from"./p-635bb4b3.js";import{F as u}from"./p-14c6efce.js";import{F as k}from"./p-003da5d6.js";import"./p-adadf8b5.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-31ae78d1.js";import"./p-42c1384e.js";import"./p-8ffde22b.js";import"./p-e298b76c.js";var y,x=function(t,i,e,s){if("a"===e&&!s)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof i?t!==i\|\|!s:!i.has(t))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===e?s:"a"===e?s.call(t):s?s.value:i.get(t)};const b=class{constructor(e){t(this,e),this.kupCellSubmitClick=i(this,"kup-cell-submit-click",6),this.kupCellUpload=i(this,"kup-cell-upload",6),y.set(this,o()),this.customStyle="",this.data=null,this.density=p.NONE,this.dragEnabled=!1,this.showSubmit=!1,this.submitPosition=f.right}async addCssClasses(t){if(this.data.cssClass\|\|(this.data.cssClass=""),t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)<0&&(this.data.cssClass+=` ${e}`)}this.refresh()}async getProps(t){return h(this,d,t)}async refresh(){e(this)}async removeCssClasses(t){if(this.data.cssClass){if(t)for(let i=0;i<t.length;i++){const e=t[i];this.data.cssClass.indexOf(e)>0&&(this.data.cssClass=this.data.cssClass.replace(new RegExp(e,"g"),""))}this.refresh()}}async setProps(t){l(this,d,t)}didRenderInteractables(){if(this.dragEnabled){const t=()=>({cell:this.data,column:this.generateColumn(),id:this.rootElement.id,multiple:!1,row:this.generateRow()});x(this,y,"f").interact.draggable(this.rootElement.shadowRoot.querySelector("#"+g),{cursorChecker:()=>null},{callback:t},r.BADGE)}}generateColumn(){return{name:"KUPCELL",title:void 0}}generateRow(){const t=this.generateColumn(),i={cells:{}};return i.cells[t.name]=this.data,i}submitClick(t){t.stopPropagation(),this.kupCellSubmitClick.emit({comp:this,id:this.rootElement.id,cell:this.data})}upload(t){t.stopPropagation(),this.kupCellUpload.emit(t.detail)}componentWillLoad(){x(this,y,"f").dates.register(this),x(this,y,"f").debug.logLoad(this,!1),x(this,y,"f").language.register(this),x(this,y,"f").theme.register(this)}componentDidLoad(){x(this,y,"f").debug.logLoad(this,!0)}componentWillRender(){x(this,y,"f").debug.logRender(this,!1)}componentDidRender(){this.didRenderInteractables(),x(this,y,"f").debug.logRender(this,!0)}render(){const t={cell:this.data,column:this.generateColumn(),component:this,density:this.density,editable:this.data.isEditable,renderKup:!0,row:this.generateRow()};return s(n,{key:"01c0f9dc1d970c0da37687dd07ecf95cf0cb0279","onKup-file-upload-upload":this.upload.bind(this)},s("style",{key:"4ad06f4bbbb2cfebee565fee5606194d2e68d871"},x(this,y,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"2d06ac608cd5eaa25b014dbc2420e2dec44ea89b",id:g,style:this.showSubmit?{display:"flex","flex-direction":c(this.submitPosition),"align-items":"center",gap:"0.5rem"}:{}},s(k,Object.assign({key:"393bd349a7310e9e9f8fbefac85c6ef733799a3f"},t)),this.showSubmit?s(u,{buttonType:"submit",label:x(this,y,"f").language.translate(m.CONFIRM),wrapperClass:"form__submit",onClick:t=>{this.submitClick(t)}}):null))}disconnectedCallback(){x(this,y,"f").dates.unregister(this),x(this,y,"f").language.unregister(this),x(this,y,"f").theme.unregister(this)}get rootElement(){return a(this)}};y=new WeakMap,b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";export{b as kup_cell}

package/dist/ketchup/{p-621c5460.entry.js → p-ebc5264a.entry.js} RENAMED Viewed

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

package/dist/ketchup/{p-bc098826.entry.js → p-f226f4b2.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,h as r}from"./p-~~54ae75bb~~.js";import{c as s}from"./p-635bb4b3.js";import"./p-adadf8b5.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=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}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,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i\|\|0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);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={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),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)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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%}";export{g as kup_grid}
1	+ import{r as i,f as n,h as t,H as e,d as a}from"./p-710d0a7d.js";import{k as l,g as o,s as p,h as r}from"./p-c98fb668.js";import{c as s}from"./p-635bb4b3.js";import"./p-adadf8b5.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=class{constructor(n){i(this,n),this.kupManager=l(),this.columns=12,this.customStyle="",this.singleLine=!1}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,!1),this.kupManager.theme.register(this)}componentDidLoad(){this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){const i=this.rootElement.children;if(!i\|\|0===i.length)return void this.kupManager.debug.logMessage(this,"Missing slots, not rendering!",r.WARNING);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={};return this.columns&&12!==this.columns&&(a["--kup_grid_columns"]=this.columns),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)}};g.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_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%}";export{g as kup_grid}

package/dist/ketchup/{p-bb034f35.entry.js → p-f7f1a210.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-710d0a7d.js";import{k as e,g as p,s}from"./p-~~54ae75bb~~.js";import{c as l}from"./p-635bb4b3.js";import"./p-adadf8b5.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c\|\|(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h\|\|(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"d093a8d45896d85fd71e3d92a7451efccc3a10ba",class:"header"},o("style",{key:"59a661649f8a7b81b3258e56ae93bc18f2a5f3fd"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"a44b81214556b495f7cb253f16085cd1a884c717",id:l},o("header",{key:"91e08ad248d5a56aa9eebc753e883c0cbe8a77ec",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"4f5f6924c6b311ffb8f46f26a4ac266f42aaf6a4",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}
1	+ import{r as a,c as t,f as r,h as o,H as i,d as n}from"./p-710d0a7d.js";import{k as e,g as p,s}from"./p-c98fb668.js";import{c as l}from"./p-635bb4b3.js";import"./p-adadf8b5.js";const u="nav-bar";var c,h;!function(a){a.customStyle="Custom style of the component.",a.image="Image displayed by the nav bar, uses the kup-image component's props.",a.label="Text displayed by the nav bar.",a.showMenuButton="When true, the menu button will be displayed on the left of the nav bar.",a.styling="Defines the style of the nav bar"}(c\|\|(c={})),function(a){a.SHORT="short",a.STANDARD="standard"}(h\|\|(h={}));const b=class{constructor(r){a(this,r),this.kupNavbarReady=t(this,"kup-navbar-ready",6),this.kupNavbarResize=t(this,"kup-navbar-resize",6),this.kupManager=e(),this.customStyle="",this.styling=h.STANDARD}async getProps(a){return p(this,c,a)}async refresh(){r(this)}async resizeCallback(){window.clearTimeout(this.resizeTimeout),this.resizeTimeout=window.setTimeout((()=>{this.kupNavbarResize.emit({comp:this,id:this.rootElement.id})}),300)}async setProps(a){s(this,c,a)}content(){const a=Array.prototype.slice.call(this.rootElement.children,0),t=[],r=[];for(let i=0;i<a.length;i++)"left"===a[i].slot?t.push(o("slot",{name:"left"})):r.push(o("slot",{name:"right"}));return[t.length?o("section",{class:`${u}__section ${u}__section--align-start`},t):null,r.length?o("section",{class:`${u}__section ${u}__section--align-end`,role:"toolbar"},r):null]}componentWillLoad(){this.kupManager.debug.logLoad(this,!1),this.kupManager.language.register(this),this.kupManager.theme.register(this)}componentDidLoad(){this.kupNavbarReady.emit({comp:this,id:this.rootElement.id}),this.kupManager.resize.observe(this.rootElement),this.kupManager.debug.logLoad(this,!0)}componentWillRender(){this.kupManager.debug.logRender(this,!1)}componentDidRender(){this.kupManager.debug.logRender(this,!0)}render(){return o(i,{key:"d093a8d45896d85fd71e3d92a7451efccc3a10ba",class:"header"},o("style",{key:"59a661649f8a7b81b3258e56ae93bc18f2a5f3fd"},this.kupManager.theme.setKupStyle(this.rootElement)),o("div",{key:"a44b81214556b495f7cb253f16085cd1a884c717",id:l},o("header",{key:"91e08ad248d5a56aa9eebc753e883c0cbe8a77ec",class:`${u} ${u}--${this.styling.toLowerCase()} `},o("div",{key:"4f5f6924c6b311ffb8f46f26a4ac266f42aaf6a4",class:`${u}__row`},this.content()))))}disconnectedCallback(){this.kupManager.language.unregister(this),this.kupManager.resize.unobserve(this.rootElement),this.kupManager.theme.unregister(this)}get rootElement(){return n(this)}};b.style=".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_navbar_item_color:var(\n --kup-navbar-item-color,\n var(--kup-primary-color-0)\n );--kup_navbar_background_color:var(\n --kup-navbar-background-color,\n var(--kup-layer-1-inverted)\n );--kup_navbar_box_shadow:var(\n --kup-navbar-box-shadow,\n 0 2px 4px -1px rgba(128, 128, 128, 0.2),\n 0 4px 5px 0 rgba(128, 128, 128, 0.14),\n 0 1px 10px 0 rgba(128, 128, 128, 0.12)\n );--kup_navbar_position:var(--kup-navbar-position, fixed);--kup_navbar_short_border_radius:var(\n --kup-navbar-short-border-radius,\n 0px 0px 24px\n );--kup_navbar_short_box_shadow:var(\n --kup-navbar-short-box-shadow,\n rgba(128, 128, 128, 0.2) 0px 2px 4px -1px,\n rgba(128, 128, 128, 0.14) 0px 4px 5px 0px,\n rgba(128, 128, 128, 0.12) 0px 1px 10px 0px\n );--kup_navbar_short_width:var(--kup-navbar-short-width, 9em);--kup_navbar_transition:var(--kup-navbar-transition, 250ms);--kup_navbar_width:var(--kup-navbar-width, 100%);box-sizing:border-box;font-size:var(--kup-font-size);left:0;position:var(--kup_navbar_position);top:0;transition:all var(--kup_navbar_transition);width:var(--kup_navbar_width);z-index:var(--kup-navbar-zindex)}#kup-component{width:var(--kup_navbar_width)}.nav-bar{background-color:var(--kup_navbar_background_color);box-sizing:border-box;color:var(--kup_navbar_item_color);display:flex;flex-direction:column;justify-content:space-between;width:var(--kup_navbar_width);padding:0 var(--kup-space-05)}.nav-bar--short{border-radius:var(--kup_navbar_short_border_radius);box-shadow:var(--kup_navbar_short_box_shadow);width:var(--kup_navbar_short_width)}.nav-bar--short .nav-bar__section{padding:0 0.5em}.nav-bar--short section{overflow:hidden}.nav-bar ::slotted(){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}.nav-bar__row{box-sizing:border-box;display:flex;height:var(--kup-navbar-height);position:relative;width:var(--kup_navbar_width)}.nav-bar__section{align-items:center;display:inline-flex;flex:1 1 auto;min-width:0;padding:var(--kup_navbar_padding)}.nav-bar__section--align-start{flex-shrink:5;justify-content:flex-start;order:-1}.nav-bar__section--align-end{justify-content:flex-end;order:1;overflow:hidden}@media screen and (max-width: 678px){.nav-bar{padding:0 var(--kup-space-03)}}::slotted(){--kup-button-primary-color:var(--kup_navbar_item_color);--kup-button-primary-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-primary-color-h:var(--kup_navbar_item_color-h);--kup-button-primary-color-s:var(--kup_navbar_item_color-s);--kup-button-primary-color-l:var(--kup_navbar_item_color-l);--kup-switch-label-color:var(--kup_navbar_item_color);--kup-switch-primary-color:var(--kup_navbar_item_color);--kup-switch-primary-color-rgb:var(--kup_navbar_item_color);--kup-textfield-color:var(--kup_navbar_item_color);--kup-textfield-color-rgb:var(--kup_navbar_item_color-rgb);--kup-tree-color:var(--kup_navbar_item_color);--kup-tree-color-rgb:var(--kup_navbar_item_color-rgb);--kup-button-text-color:var(--kup-primary-color-0);color:var(--kup_navbar_item_color);fill:var(--kup_navbar_item_color);margin:0}";export{b as kup_nav_bar}

package/dist/ketchup/{p-f413939e.entry.js → p-fa1e3834.entry.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{r as e,f as t,h as s,H as a,d as o}from"./p-710d0a7d.js";import{F as i}from"./p-~~ed58ba36~~.js";import{k as r,g as n}from"./p-~~54ae75bb~~.js";import{c}from"./p-635bb4b3.js";import"./p-14c6efce.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-~~7ef1f37a~~.js";import"./p-adadf8b5.js";var f;!function(e){e.customStyle="Custom style of the component.",e.data="Actual data of the component."}(f\|\|(f={}));var d,h=function(e,t,s,a){if("a"===s&&!a)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t\|\|!a:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?a:"a"===s?a.call(e):a?a.value:t.get(e)};const p=class{constructor(t){e(this,t),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(e){return n(this,f,e)}async refresh(){t(this)}async setValue(e){this.inputValue=e}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var e;const t={data:null!==(e=this.data)&&void 0!==e?e:{},inputValue:this.inputValue,onChange:null};return s(a,{key:"5eaf6b26539f0d6301e19077a29419bb91e11629"},s("style",{key:"03944bfc8cd00d94e11aef6ccfc55e7ffe73f741"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e0336a46ae9b6b0cce2dbf83498508560414ecca",id:c},s(i,Object.assign({key:"1f82d5ee84dedcf85d67536a2e4667bf51a70485"},t))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return o(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}
1	+ import{r as e,f as t,h as s,H as o,d as i}from"./p-710d0a7d.js";import{F as a}from"./p-8ffde22b.js";import{k as r,g as n}from"./p-c98fb668.js";import{c}from"./p-635bb4b3.js";import"./p-14c6efce.js";import"./p-e3062c19.js";import"./p-cce08de3.js";import"./p-e298b76c.js";import"./p-adadf8b5.js";var f;!function(e){e.customStyle="Custom style of the component.",e.data="Actual data of the component."}(f\|\|(f={}));var d,h=function(e,t,s,o){if("a"===s&&!o)throw new TypeError("Private accessor was defined without a getter");if("function"==typeof t?e!==t\|\|!o:!t.has(e))throw new TypeError("Cannot read private member from an object whose class did not declare it");return"m"===s?o:"a"===s?o.call(e):o?o.value:t.get(e)};const p=class{constructor(t){e(this,t),d.set(this,r()),this.inputValue="",this.customStyle="",this.data={}}async getValue(){return this.inputValue}async getProps(e){return n(this,f,e)}async refresh(){t(this)}async setValue(e){this.inputValue=e}componentWillLoad(){h(this,d,"f").debug.logLoad(this,!1),h(this,d,"f").theme.register(this)}componentDidLoad(){h(this,d,"f").debug.logLoad(this,!0)}componentWillRender(){h(this,d,"f").debug.logRender(this,!1)}componentDidRender(){h(this,d,"f").debug.logRender(this,!0)}render(){var e;const t={data:null!==(e=this.data)&&void 0!==e?e:{},inputValue:this.inputValue,onChange:null};return s(o,{key:"5eaf6b26539f0d6301e19077a29419bb91e11629"},s("style",{key:"03944bfc8cd00d94e11aef6ccfc55e7ffe73f741"},h(this,d,"f").theme.setKupStyle(this.rootElement)),s("div",{key:"e0336a46ae9b6b0cce2dbf83498508560414ecca",id:c},s(a,Object.assign({key:"1f82d5ee84dedcf85d67536a2e4667bf51a70485"},t))))}disconnectedCallback(){h(this,d,"f").theme.unregister(this)}get rootElement(){return i(this)}};d=new WeakMap,p.style="";export{p as kup_object_field}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@sme.up/ketchup",
-    "version": "11.0.1",
+    "version": "11.0.2",
     "keywords": [
         "smeup",
         "KetchUP",