@sme.up/ketchup 11.0.0-SNAPSHOT-20250918105112 → 11.0.0-SNAPSHOT-20250926074033

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -340,6 +340,7 @@ export class KupDataTable {
         this.visibleColumns = undefined;
         this.updatableData = false;
         this.updateOnClick = false;
+        this.onCellActionBuild = undefined;
         this.lazyLoadCells = false;
         this.currentPage = 1;
         this.currentRowsPerPage = 50;
@@ -1465,7 +1466,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '9d5fff9a82a8d8a956672b987a881611b2aedce1', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '1c41c43341362d3f3f029c59d83e574ed7cb3cb9', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '698fcc1c9dbcf8d6c69cba14f18c8dfdb590a1eb', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'aa3666a2afcbb9a6916f0cfc7d5dbca155216ab0', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1541,7 +1542,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '8a02395dd1e0380516ebb89d2869ce60b3f67c4e' }, props));
+                groupChips = h(FChip, Object.assign({ key: '12571ea3cab41755e9de2440d3eee7ffba19c47a' }, props));
             }
         }
         const tableClass = {
@@ -1573,7 +1574,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '8ee389148f2764021f3eef7260b66dd2b759fd05', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'ef9b7894aa999163fd31dfa2284a6677eadd5d44' }, h("tr-sticky", { key: 'eb1b889dd2992366c1e46e72270ecb4bb156f594' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '1dba3ff1f77e499fcc7dc3b58b07bd0b663947a9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'f702b14cea9c5a00e43fc6c26a8b6469d609a0df' }, h("tr-sticky", { key: 'b75a0f1d96cf6a5b0fff8569669d41a40fa34805' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1619,7 +1620,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: 'c7d586aedf822366ba356e814c07ea3f86c86ae4', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '7d3d30ba5728b618150304880af189ea2ee851ca', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1638,11 +1639,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'e99cf44a51398289583746865d3ef85706916bdd' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'f4be33ef0268d39e3ecc4ac8df76422d7e9c6b22', id: componentWrapperId, class: wrapClass }, h("div", { key: 'e982cbf5207e807d578367608b81900efb9cc19e', class: "group-wrapper" }, groupChips), h("div", { key: 'eff29506a546d30c9d924ec7839c435e0b4a3997', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '9d2c3c4fcb8f96acedaf95a92b270ac1e74e1e13' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'cfe4d481969534d1e93faf1a1f6e852b5b24a2f7', id: componentWrapperId, class: wrapClass }, this.totalsMatrixView && (h(FButton, { key: '46627e3a463a12bc2ab100a442d98e2e7c05f755', icon: "table", label: dom.ketchup.language.translate(KupLanguageGeneric.BACK_TO_ORIGINAL_TABLE), sizing: KupComponentSizing.SMALL, onClick: () => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_switchBackFromTotalsMatrix).call(this) })), h("div", { key: 'd08cfa5176b236cf7d8d9ad5dca515bc6b290394', class: "group-wrapper" }, groupChips), h("div", { key: '2fe31da0cbfa21eb04fbf73646f05752e3ff23e4', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: 'c5eb65c1649fe5829fed31e34622e677a6a38b41', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '4d7a45ec644ff94db7c57edc5e6aa4c75ae721f1', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1692,9 +1693,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'a5bd19112c7b828e777dac398e1cb6e86aa7dff0', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '9146b7cfcee67fcebc098b835b29db6580dd4f70', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '6ef137cf7d3b80a667137ba4e970a55bcb9c397e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '85d2adc0762a8f668df72fb3df9d0051692d756e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1703,7 +1704,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '7dc103ff6facdda379c17eaa24bf89ae6567316a', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '82d1042a6a669754669fccd6bb990841c94e9501', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1711,7 +1712,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'afca4e0901e97b9d17bea7e7b4b855683af36c0c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '141ab28220fd3076b3cd45935d4af8f9b96040c5' }, header)), h("tbody", { key: '3656a3834fecba850ce23c998030209a8b564865' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '2e7e31a6caa8319178730f5a8886e9ae066b1e58', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'f699bcb2e1c5d96e5d80c988842d66ec1c78ca88' }, header)), h("tbody", { key: 'c7ca9e3408b13373d0692b489cc4f9065c1e8d5b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -3038,6 +3039,37 @@ export class KupDataTable {
                 "attribute": "update-on-click",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "onCellActionBuild": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "(\n        row: KupDataRow,\n        column: KupDataColumn,\n        cellActions: KupDataRowAction[]\n    ) => KupDataRowAction[]",
+                    "resolved": "(row: KupDataRow, column: KupDataColumn, cellActions: KupDataRowAction[]) => KupDataRowAction[]",
+                    "references": {
+                        "KupDataRow": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataRow"
+                        },
+                        "KupDataColumn": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataColumn"
+                        },
+                        "KupDataRowAction": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataRowAction"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "When set the new set of cellActions will be used insted of the default ones."
+                }
             }
         };
     }
@@ -5993,7 +6025,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     e.stopPropagation();
     const details = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.cell) {
-        const cellActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.buildCellActions(details.row, details.column, (_a = this.commands) !== null && _a !== void 0 ? _a : []);
+        let cellActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.buildCellActions(details.row, details.column, (_a = this.commands) !== null && _a !== void 0 ? _a : []);
+        if (this.onCellActionBuild) {
+            cellActions = this.onCellActionBuild(details.row, details.column, cellActions);
+        }
         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, details.row, cellActions);
     }
     return details;

package/dist/collection/components/kup-date-picker/kup-date-picker.js

@@ -395,7 +395,7 @@ export class KupDatePicker {
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h(Host, { key: '8bcb6f197235c9cd0203a9fecaab37dc0ae5a2bf' }, h("style", { key: 'e6a9099066aae81d1bc39077c517d03f5b6031a5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6c61534fc0b5c81468d15287a692632cd6e121ba', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'f3bdeef877245f6da44dbca089d0c7a5f364c2b8' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '3ffa90677062a6ee2978d875eb7f78c1497147fb', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '5d5e36d3034754d36b7c4fbd4bb992a337d32e6b', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
+        return (h(Host, { key: '89370db9093ab382829b4e2b194affcd8b31f1cc' }, h("style", { key: '5b5d84b0615bae285b0a628998a0cf1eb4ba48b3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1dda510e487857d4e7dc12bcbf2436dd6c379216', id: componentWrapperId }, h(FTextField, Object.assign({ key: 'a440413c3c06269408f0a246c27263e807909986' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h("div", { key: '1d925cd67ecd77482ac21c476885366374b702f6', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h("kup-card", { key: '20015aa671cb069aacb91d18d42af966341113c7', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
                 if (ev.detail.value != null &&
                     ev.detail.value != '')
                     this.onKupDatePickerItemClick(ev.detail.value);

package/dist/collection/components/kup-dialog/kup-dialog.js

@@ -156,7 +156,7 @@ export class KupDialog {
         if (headerSlot) {
             __classPrivateFieldSet(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h(Host, { key: '6b77e120901ad4af2375f3f39aa278645820735e', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h("style", { key: 'd8c4a1d878c71cf48259c2a749a18863b04bee2f' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ee15ebb743fe59fc3e4a926eac8e21953b223d29', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: '57fca041982e0a1f47479ce0ccc1369917b0c984', class: "content" }, h("slot", { key: 'a0397c07bb34449de093d0290ef4f981d5c70109', name: "content" })))));
+        return (h(Host, { key: '45ad2930ec31e900e741a3494270fbf788c34dd3', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h("style", { key: 'be70b4c9741a815973f214594435a3fef02e715c' }, __classPrivateFieldGet(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '62496765cfc39d7c4896c553f6679db0878c209f', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: '7648fb8944d01223737750c5a6132055bdd32b11', class: "content" }, h("slot", { key: '68f966a08452a7ff0e91e5106e65b6aabe3087bf', name: "content" })))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);

package/dist/collection/components/kup-drawer/kup-drawer.js

@@ -108,7 +108,7 @@ export class KupDrawer {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '93f1b8abbecb61a277b9e727363a63a79bec6b2f', "kup-opened": this.opened }, h("style", { key: 'a4adae4c503ce4cd85171f3aba656d00cc537e11' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '241bc8dd79fc0a01b7912a525f6b7cb56ef7c8f6', class: "backdrop", onClick: (e) => {
+        return (h(Host, { key: '0f03a9ec28a30133c48af267f152510a22d25c45', "kup-opened": this.opened }, h("style", { key: 'b6a2a042edb3ba925cb8e53b42f5a8f4329ae302' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '47d94ef2126cec0fc4bf908175cd5f75853ef7bb', class: "backdrop", onClick: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
             }, onPointerDown: (e) => {
@@ -118,7 +118,7 @@ export class KupDrawer {
             }, onTouchStart: (e) => {
                 e.preventDefault();
                 e.stopPropagation();
-            } }), h("div", { key: 'b267c124462e0ca0b7255c004bbc25fd85897775', id: componentWrapperId }, h("div", { key: 'fa2ed194e5be92c1dabee9cd32fd641a4960561d', class: drawerClass }, this.content()))));
+            } }), h("div", { key: '0ac61233158d55895bea11122f177814d20b4518', id: componentWrapperId }, h("div", { key: 'b29993549e61788eee7aa060a21de5eaca4e5eba', class: drawerClass }, this.content()))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js

@@ -293,7 +293,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, { key: '1708b482db59249332f006f708625e2627bb7637' }, h("style", { key: '64432e2f7c42b2be0e0102b7c9a5eb7c80104e00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b3ae4c58b473d2d864015f0e72e872de552f92df', id: componentWrapperId }, h("div", { key: '308558513e953a9d07bdd2957f9e4c79ab65d151', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'fd6deda80429efb229e18597c1c974d992647442' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: '26860146683f708166a88e19004f2b4199749c22' }, h("style", { key: 'c858481ea9845d44eef53c3537c45b5c40128580' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4d470d4fbc78514e917a69d7d04340e560fb006c', id: componentWrapperId }, h("div", { key: '089151f10a32c56adae882cbf5b3b1e7461f4c4f', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: '4f0c917f10c7fd71dfda5a32ba97dd275bbdd128' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {

package/dist/collection/components/kup-echart/kup-echart.js

@@ -142,7 +142,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '05607067a7706751a12345195dae1d4c464b69fc', style: style }, h("style", { key: '6f39da5c9f47e01ab95d81b7ac6c246a39cac106' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '02572e9036d0cbf08605f10c294172e0c605f680', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '948513bc1cdd00267e84293746e762541bfea5e5', style: style }, h("style", { key: '4b0afee1aefa54c43ff8ad6f08f76030d922f294' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bbefba1b26561e184c8f8ef0bb77242e59aaff41', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;

package/dist/collection/components/kup-editor/kup-editor.js

@@ -383,7 +383,7 @@ export class KupEditor {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '27ff208604ee2ab32f5a4784bc246c147be38368' }, h("div", { key: '8186b72298b05a3209af6a7ca11c64b6619567d2', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'b8753769cc7902844746e63715473b2efd76a62d', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
+        return (h(Host, { key: '309a38c8ee179718b950dca5cfbc1f35fd6a4bc2' }, h("div", { key: '5e54bba96fdb184414111c58bd8215e1536cde16', id: componentWrapperId }, h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }), __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_isPlainTextEditor).call(this) && (h("textarea", { key: 'ca5893466ce8190c7813416718765fa1abdc660b', id: '' + this.rootElement.id + '-textarea', value: this.initialValue, ref: (el) => (__classPrivateFieldSet(this, _KupEditor_textareaRef, el, "f")), onInput: (e) => __classPrivateFieldGet(this, _KupEditor_instances, "m", _KupEditor_handleUnsavedChanges).call(this, e.target.value), placeholder: "Type your text here...", readOnly: this.isReadOnly, style: {
                 height: this.editorHeight || 'auto',
             }, class: "kup-editor-textarea" })))));
     }

package/dist/collection/components/kup-family-tree/kup-family-tree.js

@@ -149,12 +149,12 @@ export class KupFamilyTree {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'e7a1464b62837b0ca1e57cda5c4184f778b29b6f', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
+        return (h(Host, { key: '2b3d29a0c6c4832b9fdbef8ad7f3af86d94c7efc', onDrag: (e) => e.preventDefault(), onPointerDown: (e) => {
                 e.preventDefault();
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_startPanning).call(this, e);
             }, onWheel: (e) => {
                 __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_zoomTree).call(this, e);
-            } }, h("style", { key: 'ff69c47ff4ee430357a2f53a29f027ea4c43888f' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6c92cde73c306fa704b16e7e800c608b3e30ff5d', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
+            } }, h("style", { key: '1ef59be810f85f616fcc08c2b672ca452f0c14fa' }, __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bebb9e822bc259ca4dc23848e45e20147b5a9968', id: componentWrapperId }, __classPrivateFieldGet(this, _KupFamilyTree_instances, "m", _KupFamilyTree_createTree).call(this))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFamilyTree_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-file-upload/kup-file-upload.js

@@ -156,7 +156,7 @@ export class KupFileUpload {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'a1ead2fab1282830ad1d5c6dfeb90ca62d5f95b7' }, h("style", { key: '8667e836a6ccf3a11c0d6d2ca7dfcd5eab867920' }, __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1b7e031eec35bc09d26b9837b90d22c79863d16f', id: componentWrapperId }, h("div", { key: '03fd4136dede84206494ab10e8206a3620cfc59c', class: {
+        return (h(Host, { key: '86d27dd1526fcb59894d8bd0172465a5d4eedbba' }, h("style", { key: '083415d841897bf14803739158589ac6c3290beb' }, __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '633097816f37df614e2259104441fc888aa98869', id: componentWrapperId }, h("div", { key: '9bd8a68477971dc6968df6a8d5a944e13655c995', class: {
                 'file-upload': true,
                 'file-upload-spinner': this.showSpinner,
                 'file-upload__invalid': !this.isValidDropFiles,
@@ -164,7 +164,7 @@ export class KupFileUpload {
                 var _a;
                 event.preventDefault();
                 this.isValidDropFiles = __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_isValidDraggedItems).call(this, (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.items);
-            }, onDrop: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h("input", { key: '8ce31fbbe793481a23f7b0f840778f6f53ddb399', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: this.multiUpload, accept: (_a = this.acceptedFiles) === null || _a === void 0 ? void 0 : _a.join(','), hidden: true }), h("div", { key: 'f007c0caec4f97901bdb845989f5cb02f33aac5c', class: "file-upload__buttons" }, h(FButton, { key: 'dab73455d4eaa8547bb281ac67775c32285b7c0f', icon: "upload", label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h(Fragment, { key: '09d4576d1004c474213c5b8ff33813d9cd9ab284' }, h(FButton, { key: 'f24d889517b77e5f20e968c4160ce865fca90221', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h(FButton, { key: '55f0c5bd693545f5813cb348e6536c4b2883a1e8', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h("div", { key: '668f3859f8c631e4447e7ca55756f70efde0e722', class: "file-upload__error" }, h("span", { key: '6cda5b71d6bc3e7c4a825f2b90fe9cdc5502b49a', class: "mdc-error-message" }, this.fupError))), h("div", { key: '04119a9e7a1c5cb41a669c21021922e06f95a178', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h("div", { class: "file-upload__list__item" }, h("div", { class: "file-upload__list__item__preview" }, h(FImage, { resource: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h("span", { class: "file-upload__list__item" }, h("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h("div", { key: '94129e68bdbd6981dfeb6e981ae3fab07db845c3', class: "file-upload__spinner-container" }, h("kup-spinner", { key: '546e30c1eab6ea5f73c6b979979952b9a38ba60e', active: true, layout: 14, dimensions: "7px" })))))));
+            }, onDrop: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h("input", { key: '520c5e641dd4686d6c5cb500e90ad0f9d5e13da6', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: this.multiUpload, accept: (_a = this.acceptedFiles) === null || _a === void 0 ? void 0 : _a.join(','), hidden: true }), h("div", { key: '3c362430599bfe922c292b60e10dd69b01c8f323', class: "file-upload__buttons" }, h(FButton, { key: '5461ed8b8691c8655d96a44e92defcaccc883fa4', icon: "upload", label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h(Fragment, { key: '301827ce8f629a1e7229d94a6f922e212b901648' }, h(FButton, { key: 'a962cd913a348d6fd5a9d83e338a9f4d8540fe86', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h(FButton, { key: '9afc6fc3b440934706ccfc1772640c6fa1cb1b5e', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h("div", { key: 'd247e2d7034ffe5d2feb5cd0bf70da3895228382', class: "file-upload__error" }, h("span", { key: '3bd88ab742f01606469d18c4f26f800ddb6cea32', class: "mdc-error-message" }, this.fupError))), h("div", { key: '032ddf95a67fdc248320ca7a5edaaf51595328d3', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h("div", { class: "file-upload__list__item" }, h("div", { class: "file-upload__list__item__preview" }, h(FImage, { resource: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h("span", { class: "file-upload__list__item" }, h("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h("div", { key: '594de280a0f350250539d0a8570a530713d17520', class: "file-upload__spinner-container" }, h("kup-spinner", { key: '5beb1bdb7e81f633ef5212cc6b7bea37862b1656', active: true, layout: 14, dimensions: "7px" })))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupFileUpload_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-form/kup-form.js

@@ -408,7 +408,7 @@ export class KupForm {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '4b3bde8a1cc89ad66d53fe95c421df37855b5719' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '46890dc8a88cce8157e2f51427436e14f4d28aff' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -419,7 +419,7 @@ export class KupForm {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '0e04c5d923c5913dc1c4f9131505dc6c6baef2b8' }, h("style", { key: '034fe7a67d9ed58d09d1b76e98ac6ecbe464c7f9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '16319f19a687648f066c58087d3e54b4efd43e22', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: '3742b107591e2049557c9c6ba7a57c2c89ed2bf6' }, h("style", { key: 'e68b81d7ec845079bb1fa24798ab445174903feb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0e4b8b5cce0d8e7b456b049a0c534e7ece0f3875', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-htm/kup-htm.js

@@ -72,7 +72,7 @@ export class KupHTM {
     render() {
         var _a;
         const isLink = __classPrivateFieldGet(this, _KupHTM_instances, "m", _KupHTM_isObjectCompatibleWithHTM).call(this, (_a = this === null || this === void 0 ? void 0 : this.data) === null || _a === void 0 ? void 0 : _a.obj);
-        return (h(Host, { key: '6e24b931419a02e0bf0930aa3848839ed714867e' }, h("style", { key: '7695a5a9e0249249c0cc8a04d21c12056f7d9e8b' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '4f4173eb66853ca52d50cd62bdb8d2add81edcd6', id: componentWrapperId }, h("div", { key: '7fe8c5e4d3c54b8af8fdab59acc1075c3f15dc29', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
+        return (h(Host, { key: 'e0ff41740b7ba9f4868fa57584d322ecd48c303e' }, h("style", { key: '03023fa0073d7c50cbfa55575f7651fffd00ec9b' }, __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3936b946bd1c251dff6e6bc04f7fa3608871d8e4', id: componentWrapperId }, h("div", { key: '966b12ceaa527b60700fb7662810b1bf44184d98', class: `kup-htm ${isLink ? 'is-link' : ''}` }, isLink ? (h(Fragment, null, h("kup-button", { label: __classPrivateFieldGet(this, _KupHTM_kupManager, "f").language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB), sizing: 'small', class: 'kup-secondary', icon: "open-in-new", styling: 'flat', trailingIcon: true, onClick: () => this.openInNewTab(this.data.value) }), h("iframe", { src: this.data.value, frameBorder: "0" }))) : (h("div", { innerHTML: this.data.value }))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupHTM_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-image-list/kup-image-list.js

@@ -205,14 +205,14 @@ export class KupImageList {
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h(Host, { key: '93d9e3c0da45873a638074c8940b53e4003d8580' }, h("style", { key: '1477d2a8d18d1bc37ecfe9ec48d7680e53e3e300' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '71a6bd7b9dd753d0bcd94535236394a3a6d29bcc', id: componentWrapperId, ref: (el) => {
+        return (h(Host, { key: '70e641db8226035a3b1225d2e0ba41b7ab9efe07' }, h("style", { key: '716a4162de563cef34af13b2040af5c6822658dd' }, __classPrivateFieldGet(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c7713ffe6ba01317739fc11462bd2a128c3204a7', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet(this, _KupImageList_el, el, "f");
-            } }, h("div", { key: '3604c8d2bacc99dfbb602947b50bba208f2a133b', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h("div", { key: '002b0d2b5f1eb83c3421afe7aba650ec6027640b', class: "navigation-bar" }, hasNavigation ? (h("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h("div", { key: '431214853669cc883f236cea9ba2bbc688e38942', class: "mdc-text-field__label-container" }, h("label", { key: '931da7c47157bc2863ed1ebd7a6d77f2c8aa58b5', class: "mdc-label" }, this.leadingLabel))), h("div", { key: 'e584fef13c9325d3626001b0a65823a55402c115', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h(FButton, Object.assign({}, __classPrivateFieldGet(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h("div", { key: '7fe4be416d9b55ecd2864c568b7fdd68f389a530', class: "mdc-text-field__label-container" }, h("label", { key: '9ad182f60e3f57a5e54e759f1d9fa346cf19ad05', class: "mdc-label" }, this.leadingLabel))), h("div", { key: '8bee80bf76f46761a88b577670fa2b9ddac263df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet(this, _KupImageList_interactableTouch, "f"));

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -272,7 +272,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '503892c16fec53014088486f29c7ed97decc786f', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '1a92211ced351022b35f7a58aad683dbdcbc969e', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -282,7 +282,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'e0592ae95071ad0d54f52fed60f8083f5f6ae4c3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e36cf63bb90cea6dc2ca0583c1f5fe6555284404', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '8d499008a16904b18d5576cb36c03c23a6303d16' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd962739097a2cab95213935598fbf965d53687f1', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);

package/dist/collection/components/kup-lazy/kup-lazy.js

@@ -108,39 +108,39 @@ export class KupLazy {
         switch (this.componentName) {
             case 'kup-button':
                 //call_to_action.svg
-                resource = (h("svg", { key: '886106b48b1f3adb7f34a698b3cd2dad8a90d1de', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5d2944b6dbed6fe2a37fb37e7d64c809521ca914', 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" })));
+                resource = (h("svg", { key: '0cba0dfae80e8ac52b327f413a9ec6d5e2ffa3e5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'e3d19fcfebe28791b4b166bdf1b30ed45aed1f18', 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':
                 //art_track.svg
-                resource = (h("svg", { key: 'a6913fe467add64b4e126b1cc47fe2075ec145f0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '04d767990201ec19d3d68004b5a3457efa6e105b', 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" })));
+                resource = (h("svg", { key: 'bc36dbbd6e363e4fe0727e9a748a0e0663ca5fa5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '5297f591baf3d41516a0a45eb8dbb9a50b8cc901', 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':
                 //check_box_outline_blank.svg
-                resource = (h("svg", { key: '059f843050751955bd9e838448a6f25c386d15fe', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '6091033d0a1e90c9f438b135d534c49ea9d2dad3', 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" })));
+                resource = (h("svg", { key: 'eb780d5e18366432cd548fb979faccffa4a8d5ed', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '13d99bd50d1e83f606c2d9bcb2ea86abae677853', 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':
                 //chart-bar.svg
-                resource = (h("svg", { key: '18dadc71ee4caf4129093f769d32bae8841694ef', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'ca890af8acac532bf781118dc60063a2da7e9027', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
+                resource = (h("svg", { key: '40979479a18e37f30c8289f31174085b2ba33e92', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'b94227ad852286e57865504da7c94c677c9d5549', d: "M22,21H2V3H4V19H6V10H10V19H12V6H16V19H18V14H22V21Z" })));
                 break;
             case 'kup-data-table':
                 //table-large.svg
-                resource = (h("svg", { key: '175aeae3e10bee2e72eee59cfbbf7ac605454c16', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: 'fcfa8b3176734cb93175a44c547cc04518666ddd', 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" })));
+                resource = (h("svg", { key: '65d15792552c8f4a8bafbe7d6a9c7dd95608377e', xmlns: "http://www.w3.org/2000/svg", version: "1.1", width: "100%", height: "100%", viewBox: "0 0 24 24" }, h("path", { key: '89474537e4706facccb7ad98ec55ae37e38799d2', 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':
                 //photo.svg
-                resource = (h("svg", { key: '7f52ea79ed24009d31cd9db529e5801ef5bea55c', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b1994e1a3ec6794934fd8b140fc9bb54ff340787', 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" })));
+                resource = (h("svg", { key: '711945675796a5ed1cf5d5b37cf9c479f6079a8f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '4fb5f44b88453e114c61138bb4204d19ab637ad1', 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':
                 //linear_scale.svg
-                resource = (h("svg", { key: '7ee387513f95496552480ef43d168185f4ad54f0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '44ab67c9ac123642131575ef0e94ea264fec9e66', 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" })));
+                resource = (h("svg", { key: 'd8cd2382068768590889ff5ba66a575fad9433b5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'dfc1c558e4093d6ba829c61bc7fd171eff1b90d8', 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':
                 //radio_button_unchecked.svg
-                resource = (h("svg", { key: '42febb29bf0a6eacc8cd0d9aa88d77abd07f82c5', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '042e306c864fe7275bc51b2063115ef6a3b7706c', 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" })));
+                resource = (h("svg", { key: '8b3e676485fced5df5bf4111b9ff5d43e8fcb6a0', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '1689dec9ac44cc5c20efd969c0ce135ab7211d2a', 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:
                 //art_track.svg
-                resource = (h("svg", { key: '730d223e27676a53e457f0dc364a4a19ca806c7f', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: '70355dc6524b068d46b8a5b6ddb5761f89e9a59e', 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" })));
+                resource = (h("svg", { key: '4df624e1ccfa3ba3ebf5b9ae244b66316c1f5622', xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 48 48" }, h("path", { key: 'b725bffa8e1211a08e3b329c1de0775179e7d72d', 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;
         }
         if ((this.renderMode === KupLazyRender.VIEWPORT && this.isInViewport) ||
@@ -149,14 +149,14 @@ export class KupLazy {
                 this.data &&
                 this.isInViewport)) {
             let Tag = this.componentName;
-            content = (h(Tag, Object.assign({ key: '8d877ea6bfbbb089b11ab9e58318b8db25de1d71' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
+            content = (h(Tag, Object.assign({ key: '7392971c8567d7ae02593e36080205da5f009c12' }, this.data, { ref: (el) => (this.lazyComponent = el) })));
             className += ' kup-loaded';
         }
         else if (this.showPlaceholder) {
             content = resource;
             className += ' kup-to-be-loaded';
         }
-        return (h(Host, { key: '363b7bbf0ce577f993b4ae70b6b62458cd7105f4', class: className }, h("style", { key: '7000e8c427aeee549240aed96740bfb012c319ea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b56a0fbcedb1aec52d7d1268c2b43cded96b12ce', id: componentWrapperId }, content)));
+        return (h(Host, { key: '7f860280a851c0e22af1e6d4ebdb40769dc977d6', class: className }, h("style", { key: 'ef15067de8ee68ed8930aa682e611826dd73072e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '42b906ac3d8dd0f6623b691024cba4a3864f9466', id: componentWrapperId }, content)));
     }
     disconnectedCallback() {
         var _a;

package/dist/collection/components/kup-magic-box/kup-magic-box.js

@@ -263,11 +263,11 @@ export class KupMagicBox {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '10d9be54422345302ff8991cd8b820d6bfad97c1' }, h("style", { key: '07c48e260ade52e509c6804420eab5e1d52e059a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b45d147dbc8e67d2f919a9c5d11fd13c25106b16', id: componentWrapperId }, h("div", { key: 'bd14ef5d3ae27665a71f3227b04a18b1d63bccb4', class: "magic-box-wrapper" }, h("div", { key: '637a668d6a22f583646a6bdbf618b4e596c13a70', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '45c8b9ae81299e023037acaceb0e373415942349' }, this.comboboxProps())), h("kup-button", { key: '11be4dffa101d4e837f79e70bbfb9a2dc8660176', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
+        return (h(Host, { key: '96bc321a64aa0a9e6417b00d4bd7cf71ee36c25e' }, h("style", { key: '780a3af31a76675bfb07828a091d71cf56e8a509' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd0183168806b3ca3f7ea8bd0bb0d1db30b5fc555', id: componentWrapperId }, h("div", { key: '994608cae130b6677fe0e6b99e6c99efae978ae7', class: "magic-box-wrapper" }, h("div", { key: '2376551f8ebdae9a66cbbd5cfe96a0d0e7210c7e', class: "actions", id: "drag-handle" }, h("kup-combobox", Object.assign({ key: '4f47e24e91bfbba12127bbf0a841d07bca70e7c8' }, this.comboboxProps())), h("kup-button", { key: 'bc4bf26823b9d7dd79e7e22317be992553f8ce58', styling: FButtonStyling.FLAT, icon: "delete", label: "Reset", "onkup-button-click": () => {
                 this.data = null;
-            } }), h("kup-button", { key: 'e9f680d0d435be83f5a364d458abd14ac5ea3ebb', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
+            } }), h("kup-button", { key: '3b792c14754c92c1b8c78d83d9f91f3dacf2b978', id: "close-dialog", customStyle: `:host{${KupThemeColorValues.PRIMARY}: var(${KupThemeColorValues.TITLE});}`, icon: "clear", "onkup-button-click": () => {
                 this.kupManager.hideMagicBox();
-            } })), h("div", { key: '6ad462e202b898295dd04aecb4e660b84e938194', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
+            } })), h("div", { key: '821ce2b50c3c7d3f66d7d7088760f9ec05388bcb', class: "content", ref: (el) => (this.wrapperRef = el) }, this.setContent())))));
     }
     disconnectedCallback() {
         this.kupManager.interact.unregister([

package/dist/collection/components/kup-nav-bar/kup-nav-bar.js

@@ -98,7 +98,7 @@ export class KupNavBar {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'afdc1262ab3f18a3836bdef1e1dbb95feebbe3dc', class: "header" }, h("style", { key: '7c7727e0ae01ea83f6eebfa1c31f448499ed67b6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ba7a8b75d5a4f19e7e4d79483e0f0453b67e0fa6', id: componentWrapperId }, h("header", { key: 'da35b1c5ae827e60b9c230ef7f1665fb4fcfc5fe', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '27eaaae6da4b19e433df7e72772841ba51379f3c', class: `${navbarClass}__row` }, this.content())))));
+        return (h(Host, { key: '1b7dfbdcdba323600c1694ffd97fae2fea456fa3', class: "header" }, h("style", { key: '19c21b8f911faff1b7721c108f5ee37ca36d093b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5636fc107766c42b39a0681c60d037598a2340af', id: componentWrapperId }, h("header", { key: '7b7179dcf45e60515e3915f386fa8c589e740a65', class: `${navbarClass} ${navbarClass}--${this.styling.toLowerCase()} ` }, h("div", { key: '41b77c118a6455497d84c5b6fef3604d8e48e2e5', class: `${navbarClass}__row` }, this.content())))));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);

package/dist/collection/components/kup-numeric-picker/kup-numeric-picker.js

@@ -321,7 +321,7 @@ export class KupNumericPicker {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '1229a675325dc38ba8e72eb7f656ec67bfdf502d' }, h("style", { key: '745a5aa2fc7a2b595fbe0c401e7f0d00642cc12e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '32eb14f3f01265a64b63182ede0013cb7b7bcf45', id: componentWrapperId }, this.prepTextfield())));
+        return (h(Host, { key: 'a0fa5db07a997676bf8ec920c17737ded8ebab73' }, h("style", { key: '6dd509dd8513a8f47d03771be98cba5c0b1d7104' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f40aa94eca541896ef2eb48208b91b3304d8ef0c', id: componentWrapperId }, this.prepTextfield())));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);

package/dist/collection/components/kup-object-field/kup-object-field.js

@@ -79,7 +79,7 @@ export class KupObjectField {
             inputValue: this.inputValue,
             onChange: null,
         };
-        return (h(Host, { key: 'c5d559855c8066b1bf5ad9735b3d1cd098d5f47e' }, h("style", { key: '58c39686dae61f99e8b620d41436be194ce309b2' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dd62f0832a31358f761a77d1ef09316394b7fae0', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '1361adea46bc6c9b8fdca22f70f9771c031dcf01' }, props)))));
+        return (h(Host, { key: '724e64584ab1c253cbfc7084163582ca5031e119' }, h("style", { key: '942adfde3a633b4b7fe0dc7e7b2006f6ce839544' }, __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'cdf9cd2751d683f1ca9d2f14f5e80dec611f5acb', id: componentWrapperId }, h(FObjectField, Object.assign({ key: '70a6a48b4a9d426e8917bd985dfab12f5e51aeee' }, props)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupObjectField_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-pdf/kup-pdf.js

@@ -105,7 +105,7 @@ export class KupPdf {
         catch (error) { }
     }
     render() {
-        return (h(Host, { key: '820aee214400dc43c373a270f70e43c609390a6c' }, h("div", { key: 'f71a13853b9bef608ea84e7e270f0d6db3bc03dc', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
+        return (h(Host, { key: 'f9c1d7fde04aaf67dcc8bfcec8d837877458f3d1' }, h("div", { key: '5888c88904e111d3c6943b3a5a2cb48c457a4ab6', id: componentWrapperId, ref: (el) => (this.wrapperRef = el) })));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupPdf_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-planner/kup-planner.js

@@ -523,7 +523,7 @@ export class KupPlanner {
         if ((_b = this.plannerProps) === null || _b === void 0 ? void 0 : _b.secondaryGantt) {
             plannerProps.secondaryGantt = Object.assign(Object.assign({}, this.plannerProps.secondaryGantt), { onScrollY: this.handleDetailGanttScrollY.bind(this) });
         }
-        return (h(Host, { key: 'dcd1202b66b5434c37199f6c06aa91678ac1dcd9' }, h("style", { key: '12f900ba8b2cad0f4a51a1c7723562501ef01358' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dc05d96e7aa3777c555658f553a468e7d500b7b6', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: '536746000b7f926a253f7da758638bd790352997', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: '6266dcf6c314fd9a86739fff1a264f8f0a03de42', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: 'a6bc56d0ebafd7e72d0828c116aabedc83fa6687', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
+        return (h(Host, { key: '8f6f8690534daff524d24c154262c647e3b47812' }, h("style", { key: 'b194bada5c19b1b2d8bec36045f6e951b9ba6f51' }, __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '86093c456345e85449818ea75da7bb25af716d2a', id: componentWrapperId, style: { maxWidth: this.maxWidth } }, this.plannerProps && (h("kup-planner-renderer", { key: 'afab67c14fd38d7c272137c46835220caacf8957', props: plannerProps, ref: (el) => (this.plannerRenderer = el) }))), h("div", { key: 'e025a5de1af015778298d1fba368c24f4b20693e', style: { display: this.plannerProps ? 'none' : '' } }, h(FTextField, { key: '3eaa194ed53dd577b2a5a32f5582860654b46276', icon: KupThemeIconValues.SEARCH, id: "main-filter", label: __classPrivateFieldGet(this, _KupPlanner_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     __classPrivateFieldGet(this, _KupPlanner_instances, "m", _KupPlanner_onFilter).call(this, e.target.value);
                 }

package/dist/collection/components/kup-planner/utils/custom-task-list-header.js

@@ -8,11 +8,11 @@ export class KupCustomTaskListHeader {
         this.fontSize = undefined;
     }
     render() {
-        return (h("div", { key: '650f487eb6998d29c7091fc9c2b76b3b63176c92', class: "custom-task-list-wrapper", style: {
+        return (h("div", { key: '05fe55f4c82048fb05af97503d62002b148959b8', class: "custom-task-list-wrapper", style: {
                 height: '25px',
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: 'c16d354ff7bb0253009c4f3b449b8b79d2d56564', class: "title" }, h("span", { key: '729d52007d544515fb04cb87c770644696e7c886' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '720d4001563fbe014c318cf58422c2e0351aaea2', class: "toggler" }, h("label", { key: '70213abe3ab4af9b2c18aaee7b900b61031d9f37', htmlFor: "ch2", class: "switch" }, h("input", { key: 'a1f55a06c45017e589c94482ed85afe77ea84f11', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '72a4b9c222bd77c70ca5cc1a6113a0d9f665924e', class: "slider" })), h("span", { key: '304c87ce94389192c88c796d8c46cebd4abdd92a', class: "label" }, "Previsioni")))));
+            } }, h("div", { key: 'cf9b43eba6135bc3ca160cb5f2a242c56d8f9d26', class: "title" }, h("span", { key: 'c153259b75a22b1f9696bb33501a5846c4462705' }, this.label)), this.setDoubleView !== undefined && (h("div", { key: '4ff3c8a080db82d55b055143ea2aa04889784b3c', class: "toggler" }, h("label", { key: '9a80e920593b91e76952492fd729c36695a879cb', htmlFor: "ch2", class: "switch" }, h("input", { key: '0c2e763afe9aa771d08f1e105fb8d4a3bcb4acda', class: "input", id: "ch2", type: "checkbox", checked: this.doubleView, onClick: () => this.setDoubleView(!this.doubleView) }), h("span", { key: '6d9476b473c7f99747bd7babffc5594a2668b3d5', class: "slider" })), h("span", { key: '7910f25dc048046ec7d62191729ad6279509c45e', class: "label" }, "Previsioni")))));
     }
     static get is() { return "kup-custom-task-list-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/kup-planner/utils/kup-gantt/kup-gantt.js

@@ -563,9 +563,9 @@ export class KupGantt {
             TaskListHeader: this.TaskListHeader,
             TaskListTable: this.TaskListTable
         };
-        return (h("div", { key: 'a38e38de2dc004c7a48769a3ac040de44467419d', class: "gannt-wrapper-main" }, h("div", { key: '0fad75695ee169714078b227b8de6f124dee5db0', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'd027db1788eaa25620b8ad863bd5fe646f55c058', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
+        return (h("div", { key: '5d3729695125410a11383b26e08befe22d3e7e0e', class: "gannt-wrapper-main" }, h("div", { key: '1556c795e50e2ff0d69e671ab8741570bc8dc110', class: "wrapper", onKeyDown: this.handleKeyDown.bind(this), tabIndex: 0, ref: (el) => (this.wrapperRef = el) }, this.listCellWidth && (h("kup-task-list", Object.assign({ key: 'e1da92c14e7e3e1c2f70384c64c97c7e27ac8a84', currentTasks: this.currentTasks, handleClick: this.handleClick, handleDblClick: this.handleDblClick, handleContextMenu: this.handleContextMenu, ganttOnClick: this.ganttOnClick, ganttOnDblClick: this.ganttOnDblClick, ganttonOnContextMenu: this.ganttonOnContextMenu, label: this.label, doubleView: this.doubleView, setDoubleView: this.setDoubleView }, tableProps, { class: "tasks", scrollableTaskList: this.scrollableTaskList, updateTaskListScrollX: this.ignoreScrollEvent, ontaskListScrollWidth: (width) => {
                 this.taskListScrollWidth = width;
-            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: '09d4a9672942572a77988e040f7a932bfb721f15', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '915903285c44e0ac9133d04974b230c266742f68', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'a38dc321174226cff8bd101198cbf0ac6c4c86f5', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '0111ad64d21aba11e7e851ae37fd1bf40634f9e2', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
+            }, taskListScrollX: this.taskListScrollX, ref: (el) => (this.taskListTrueRef = el) }))), h("kup-task-gantt", { key: 'f400c2dab82d9009bc682ba1c9859b9b99100d90', gridProps: gridProps, calendarProps: calendarProps, barProps: barProps, ganttHeight: this.ganttHeight, taskGanttRef: this.taskGanttRef, scrollY: this.scrollY, scrollX: this.scrollX, phaseDragScroll: this.handlePhaseDragScroll.bind(this), class: "ganttContainer" }), this.ganttEvent.changedTask && (h("kup-tooltip", { key: '588d6bac86d907a291b9eec6dc136b2b2d01e2e0', arrowIndent: this.arrowIndent, rowHeight: this.rowHeight, svgContainerHeight: this.svgContainerHeight, svgContainerWidth: this.svgContainerWidth, fontFamily: this.fontFamily, fontSize: this.fontSize, scrollX: this.scrollX, scrollY: this.scrollY, task: this.ganttEvent.changedTask, headerHeight: this.headerHeight, taskListWidth: this.taskListWidth, TooltipContent: this.TooltipContent, rtl: this.rtl, svgWidth: this.svgWidth })), h("kup-vertical-scroll", { key: 'bae60f3b737ddab0430a8c439cfe78fae46410b7', ganttFullHeight: this.ganttFullHeight, ganttHeight: this.ganttHeight, headerHeight: this.headerHeight, scrollNumber: this.scrollY, verticalScroll: this.handleScrollY.bind(this), rtl: this.rtl })), this.taskGanttRef && (h("kup-horizontal-scroll", { key: '0f10a72541a09e33dfe3cf1ff7bb70de26d685ce', svgWidth: this.svgWidth, taskListTrueRef: this.taskListTrueRef, taskListWidth: this.taskListWidth, scrollNumber: this.scrollX, rtl: this.rtl, horizontalScroll: this.handleScrollX.bind(this), horizontalTaskListScroll: this.handleTaskListScrollX.bind(this), listCellWidth: this.listCellWidth, scrollableTaskList: this.scrollableTaskList, taskListScrollWidth: this.taskListScrollWidth, taskListScrollNumber: this.taskListScrollX }))));
     }
     static get is() { return "kup-gantt"; }
     static get originalStyleUrls() {