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

package/dist/components/{p-0d996df2.js → p-343b2833.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-85852162.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-ea57c8a7.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-28774031.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-67276f12.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -84689,7 +84689,7 @@ const KupEchart = /*@__PURE__*/ proxyCustomElement(class KupEchart extends H {
             '--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/components/{p-74fd0cb8.js → p-54d46233.js}

@@ -1402,13 +1402,13 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
             // }
             tickX += this.columnWidth;
         }
-        return (h("svg", { key: 'a296176b341516098a92fd5ab9cacfc53afbec1e', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: '631cc1dbe52ecaf44c07d686e0d2dbf78b830c1a', class: "grid" }, h("g", { key: '49891e2dfe0e149f19c6f03278f260a722e1fcf7', class: "rows" }, gridRows), h("g", { key: '4a872b65a7344ae9002502e0a9a4da585c9bc1ef', class: "rowLines" }, rowLines), h("g", { key: '917444aff2aa973b213e1435c8bdb304200cd827', class: "ticks" }, ticks)), h("g", { key: '4c13cc6a8cc9b52d6bf32f097ca0cb772d5ae8e4', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'b58b33d46cc2560ad34160b0bd29bc7268d5893f', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '5a61603049ecd8f12014b6d4cf83b3dd87cd62e7', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '50b828e39d238908c8999cbc193aab038389a7bd', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
+        return (h("svg", { key: 'cd331e38a3bfe521708720b7d7698fad444188d5', xmlns: "http://www.w3.org/2000/svg", width: this.gridProps.svgWidth, height: `${this.rowHeight * this.tasks.length}px`, "font-family": this.fontFamily, ref: (el) => (this.svg = el) }, h("g", { key: 'f6b276b494adb6667c7aa6e5c02e2b552947a62d', class: "grid" }, h("g", { key: '702509648c233de1729e311a2eb983d8a58f3be2', class: "rows" }, gridRows), h("g", { key: 'bb64f4ae4e0133c71bbdfbbcbad57377f9ca687f', class: "rowLines" }, rowLines), h("g", { key: 'ee59f171d392b13f2cc85eac8f04c0a9b948da42', class: "ticks" }, ticks)), h("g", { key: 'c37241f61e150e792283cb5cd756a0c8fb34ee49', class: "content" }, this.currentDateIndicator && (h("rect", { key: 'd0bb9113fbfb1ae90ad92f2ecfbfa7bf26e40fad', fill: this.currentDateIndicator.color, x: this.currentDateIndicator.x + 1.5, y: "0", width: "2", height: "100%" })), this.projection && (h("rect", { key: '85eed3a983dcc5c8893e3116382723bbc245355b', fill: this.projection.color, x: this.projection.x0, y: "0", width: this.projection.xf - this.projection.x0, height: "100%", "fill-opacity": "0.35" })), h("g", { key: '2b68ce06a6ef6fb0adef3108ddfa7982b04ce750', class: "arrows", fill: this.arrowColor, stroke: this.arrowColor }, this.tasks.map((task) => {
             return task.barChildren.map((child) => {
                 if (task.type !== 'timeline') {
                     this.renderKupArrow(task, child);
                 }
             });
-        })), h("g", { key: '02298888f5cc3a58f1b6030c50437165b735e9a9', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
+        })), h("g", { key: '6ea58639de19ee18facaafd0a4d1e1b4bc2f0078', class: "bar", "font-family": this.fontFamily, "font-size": this.fontSize }, this.tasks.map((task) => {
             const forbidResize = task.type === 'project';
             return (h("g", { onKeyDown: (e) => {
                     switch (e.key) {
@@ -1468,7 +1468,7 @@ const KupGridRenderer = /*@__PURE__*/ proxyCustomElement(class KupGridRenderer e
                         return this.renderKupBar(task, props.isSelected, isDateResizable, isProgressChangeable);
                 }
             })()));
-        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'd2a54a4ffd5462881e4ddc2021e01937ae600ab9', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
+        }), this.currentTarget && this.ganttEvent.changedTask && (h("g", { key: 'a9510bcb7a4c0f27363141bad35976b91a876d9a', class: "task-wrapper" }, this.renderKupBar(this.ganttEvent.changedTask, false, false, false)))))));
     }
     static get watchers() { return {
         "columnWidth": ["updateXStep"],

package/dist/components/{p-ea57c8a7.js → p-67276f12.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-85852162.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-28774031.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-9d9181cf.js';
 
@@ -12497,7 +12497,9 @@ class KupColumnMenu {
             });
         }
         if (this.isKupDataTable(comp)) {
-            if (comp.totals && comp.groups) {
+            if (comp.totals &&
+                comp.groups &&
+                comp.groups.map((group) => group.column).includes(column.name)) {
                 props.push({
                     className: 'printable',
                     'data-storage': {
@@ -16688,7 +16690,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h$1("p", { key: '4b3bde8a1cc89ad66d53fe95c421df37855b5719' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h$1("p", { key: '46890dc8a88cce8157e2f51427436e14f4d28aff' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -16699,7 +16701,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h$1(Host, { key: '0e04c5d923c5913dc1c4f9131505dc6c6baef2b8' }, h$1("style", { key: '034fe7a67d9ed58d09d1b76e98ac6ecbe464c7f9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '16319f19a687648f066c58087d3e54b4efd43e22', id: componentWrapperId }, formContent)));
+        return (h$1(Host, { key: '3742b107591e2049557c9c6ba7a57c2c89ed2bf6' }, h$1("style", { key: 'e68b81d7ec845079bb1fa24798ab445174903feb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '0e4b8b5cce0d8e7b456b049a0c534e7ece0f3875', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -17641,7 +17643,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '9cf3ff067584b6fd27cbc845b4a7650ea7eca03f' }, h$1("style", { key: '22cda8456a722e8ad2f914168b6b57fe86062306' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e493015354e6e453f2462a16e4bc95c2ce731a37', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h$1(Host, { key: 'b983f4232b68e0d03eb5eb2eb8ec969089d019ae' }, h$1("style", { key: 'db306555ff24af119a426e18d29dc7d65c49ef7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'baa1e17ee5910ac225075ef89bc36bc57ce8f5fd', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -19366,7 +19368,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends H {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: '19b0dde041591a559e5bb39bee0ba65f6e0fe438' }, h$1("style", { key: 'b8e20ab7bf3a72fd047091e87f4a19ff1acc4ae0' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '26cf3e6fe0b059bc70b5629cf6eb8b823c6dd464', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: 'd6ebade1feff7cd82c8d85c50c543cbf0246e710' }, props)))));
+        return (h$1(Host, { key: '46a85aee8d9a3e992f8f5483defd9e88e2ec575c' }, h$1("style", { key: 'f066c9d2aca74db959bd2afeb99889e11e9ac26b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c4fcd3f30250ea56bca3dbb076fbd79096071935', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '705bf03020a907ab88c88ed41f26a3360bad1a44' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -19639,59 +19641,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h$1("div", { key: '6df1945b622079ca4852eedde62d19f00725c711', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '1537cb694535f96da120f29a480982a701294456', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'd2cfafee1d08e405c828217ea53f8a044a66e350', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '4c85e372437107d8f521fe3c20ac55a8cfbd4a5a', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '7aaf140648ec0e5124f49b0893536651ff630ace', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'c82e5eca2c8125a5f416c6350be743716a1933b9', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '0538be0f2c08c013c1001f8bef72da33524ea005', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '021ec17320bf94117c168ed2ac3a2772edafa114', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '530179278f19bbc91b3c6e75596b177527f025b6', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'b5352141205069586ea413686673b73b4eeff3df', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '55c9805c77d25ae43d22b33e8662c1e2b7a91c3e', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '57b979bcbb065827318c8adfbb2e96236f93cfcf', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h$1("div", { key: '73e7dce0a3cd6ce5bf4cbf8608bdea8c33fceaad', class: "sk-spinner-v9-bounce1" }),
-                    h$1("div", { key: 'a7ba62c33a78eb8f3126aff890924c3fd0c3325a', class: "sk-spinner-v9-bounce2" }),
+                    h$1("div", { key: 'fb0cf5fa62dec5584c8680a5d525e058418f270a', class: "sk-spinner-v9-bounce1" }),
+                    h$1("div", { key: 'ab86a5da52eca06f6485f91a93dfc740382cdaca', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h$1("div", { key: '91a9623554827915954f7a5cdf1a03b934eb7948', class: "sk-spinner-v10-cube1" }),
-                    h$1("div", { key: 'c6f53757a15b0d5c2308c9f8b96713b265e59007', class: "sk-spinner-v10-cube2" }),
+                    h$1("div", { key: '809ec7410047d0b784a50d3858c64db271a36feb', class: "sk-spinner-v10-cube1" }),
+                    h$1("div", { key: '27f2253b1060306da5c36e010515560386194baa', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h$1("div", { key: 'bbfb5cdc0873e1bb7fa05f6ee355243e4f705536', class: "sk-spinner-v12-dot1" }),
-                    h$1("div", { key: 'a1c722bbb6276d7733f3ca4ff59d7678d0159dba', class: "sk-spinner-v12-dot2" }),
+                    h$1("div", { key: 'a5d698cf8aff5f7cfbe5e08be9dfa290065633ab', class: "sk-spinner-v12-dot1" }),
+                    h$1("div", { key: '38943f014599ab1426e33b6dad92bd814502b90a', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h$1("div", { key: 'b62029a4a61aea7114d478bc0cb0469ddc714ce7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h$1("div", { key: 'dab4889eed9bc08e008b46bc1f9702bdc25e8396', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h$1("div", { key: '14ea6d93a7620bc26251859fc539a9c56f0e8805', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h$1("div", { key: '3bd20382e0daff109a5555e2338e49388dc90517', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h$1("div", { key: 'd00291e54abd8cdc510f018031af8c68460d0f53', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h$1("div", { key: '6b313c024bdaf973de52e7eca1089c47ef33f6d9', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h$1("div", { key: '38fbc45c8f04459e088d17749c5c90bbe520d050', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h$1("div", { key: 'a84455115bc3b8c2819692d2470d5e134ff9047a', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h$1("div", { key: '56149ca0b42574581dcfacab7b5b76633e85e21f', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h$1("div", { key: 'e2dada1d6a14f1891ddfdec92605dd0c395a7269', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h$1("div", { key: '3a819d2c71fa0a818ad4a7fe3c2fc1e628f6b287', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h$1("div", { key: 'cbb6fb6154e1befa5b75390ae0e0b23984bfc8b6', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h$1("div", { key: '15bd4a46e3b3de9c637bf0d2b9b4be9353025e7f', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h$1("div", { key: '7a798094d8152d85da4a58dff323de449fe39399', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h$1("div", { key: '638faeddbf7546779033dae8538461499831f32f', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h$1("div", { key: '582ccb43e24235f56f48c2c311226d7eb1232c6f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h$1("div", { key: 'aedd8d4ae051b9c478f6ca07579b40a083963f8c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h$1("div", { key: 'acbc09534be3c1616490f0a283f756684849b13d', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h$1("div", { key: '3c1123b1bdd6d71654548b7b08fc0e1c3deb9667', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'ce75c4b2b1fdafa412b95f82505d6547c2bfda49', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'af470e820e17fc3e8f19ab886754914f03824727', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'af0c5b81e029ae525bea4bf5f4822d668e02201e', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'a76236ba6b2e50ececc412fb3f96ba42a2bc6106', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'f1ee2ab08570d9e74087f15b6edced3f8a6cbbcf', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'f0f33ad550a5dd674e36c620d9617b9ccf37635b', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '6856db229fd1d12b5f680dcd743491f5c21da506', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '805fdda8b1a8f918cb909c9c04867c6648881ce2', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '835182d90fe4691eac7a8cfe2a087da3c6f736e1', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '96254942b37b9509155d1a19866254473354ae31', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'b0a194b334723fecea66e23f07f42ea0b829dc0e', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '99030ac33d0aecdd730801df0aea06ed90bcbe1c', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'a7c266c4911a6dbd1e773927eaec9f650b89969f', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '256587f6a396fb58d0a155092a53dcfc9a4539bb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '780b3785b8831ba882760f8adc973f2f2a241e60', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'faf7d2bf506549e891f4b1b2f0065d4e0ea08894', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '073d0258e37665152a12ec7ce40ef8648be76622', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '8f6b64f446bce267b726e916db45b22bca6cf300', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'aca20cf2816b150077992a2972bdac888482aff4', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '61389e15c7c7cee43a1d2fd1c0127d9f17b38f11', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '2dfa2b9d8f4b09b1f3ed8a94b0667b62a1396f1b', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'ce19a237008ece9a3199e9b2cc0760ab15f7604c', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '6f36c15872e567a404351cf5f63d159a1d863b1e', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -19710,7 +19712,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h$1(Host, { key: '2131aabf3783eb3e14e76965cfb986684b844f59', style: elStyle }, h$1("style", { key: 'dc930c95a9bfe10abb15e214c7fc234f544ba54a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '7e17b9977946960b6d91606375b1512efd942f0d', id: componentWrapperId, style: elStyle }, h$1("div", { key: 'c785363bc48a6678352db3ee3c9e517270c6110e', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '6bef65f68bc8568dbfaaedbdfd5eca7bc761b923', id: wrapperClass, style: elStyle }, h$1("div", { key: '1a57e26932c33f61c5977a97dc64cb5ca5bfea66', class: spinnerClass }, spinnerEl))))));
+        return (h$1(Host, { key: 'c3cc2c04f701216c636e5eb3b60180b745643a24', style: elStyle }, h$1("style", { key: '93bdd870ccc3e4ae09bcf5b348e224b2bc1b9337' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'df7cfe5b56f1297d715ca49fd967bd767f938161', id: componentWrapperId, style: elStyle }, h$1("div", { key: '076ad0b4140cda47a00f6a1a2f88ca72b898a65e', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '83d35ced51c0f599cb3040959b3ce1f563d6c36f', id: wrapperClass, style: elStyle }, h$1("div", { key: '35ce65b4e2e5dd5ce59e4bf694aa60dcc42a8268', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -19979,7 +19981,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends H {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h$1(Host, { key: '74247897c952ba45d542d913b23fd071008bde90' }, h$1("style", { key: 'ac4291d991063e50e93fff44e27aea73f02326ee' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '4d25f90ec0904411eec687a4364d77cd5c42a0f2', id: componentWrapperId }, h$1(FRating, Object.assign({ key: 'ecc575d7b2e0dd9da11206d16e85abd61d861fff' }, props)))));
+        return (h$1(Host, { key: 'caef161866a255fa39f46799fb286acaf1b1893b' }, h$1("style", { key: 'b014329117ca536fb63b5a57cde7d4cb8ba504e3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '4170604429fae4d7b616f53b97b0f43c8b5d2402', id: componentWrapperId }, h$1(FRating, Object.assign({ key: '3143ffe67f30d33da6c3ce6fa715a0d6285da3c0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -20253,7 +20255,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h$1(Host, { key: '9c9bcc2a1dd8116db0826cf440bb37b3ec0a2d35' }, h$1("style", { key: '9c039a9183b92a29220b07fcf7f1c285cc814239' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '80ad998af9fd2f9ade526af89c93b076f7899745', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '0e7823bb54793873225f43be6f9e82bb8189b37d' }, props)))));
+        return (h$1(Host, { key: '7c5f0f053728153c4ce9b9a006b8853ad1a9af5c' }, h$1("style", { key: 'e19ebbbe8fb4eaf9769d3f24b6b5c41b16034600' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2d6af296cac1bbb2c097ec150bf28775998c4e2d', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: 'abd44ce78b37da45efc89447861932895f87155c' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -21319,14 +21321,14 @@ const KupImageList = /*@__PURE__*/ proxyCustomElement(class KupImageList extends
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h$1(Host, { key: '93d9e3c0da45873a638074c8940b53e4003d8580' }, h$1("style", { key: '1477d2a8d18d1bc37ecfe9ec48d7680e53e3e300' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '71a6bd7b9dd753d0bcd94535236394a3a6d29bcc', id: componentWrapperId, ref: (el) => {
+        return (h$1(Host, { key: '70e641db8226035a3b1225d2e0ba41b7ab9efe07' }, h$1("style", { key: '716a4162de563cef34af13b2040af5c6822658dd' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c7713ffe6ba01317739fc11462bd2a128c3204a7', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet$4(this, _KupImageList_el, el, "f");
-            } }, h$1("div", { key: '3604c8d2bacc99dfbb602947b50bba208f2a133b', class: "navigation-bar" }, hasNavigation ? (h$1("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h$1("div", { key: '002b0d2b5f1eb83c3421afe7aba650ec6027640b', class: "navigation-bar" }, hasNavigation ? (h$1("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h$1("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h$1(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h$1("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h$1("div", { key: '431214853669cc883f236cea9ba2bbc688e38942', class: "mdc-text-field__label-container" }, h$1("label", { key: '931da7c47157bc2863ed1ebd7a6d77f2c8aa58b5', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: 'e584fef13c9325d3626001b0a65823a55402c115', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet$6(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h$1(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h$1("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h$1("div", { key: '7fe4be416d9b55ecd2864c568b7fdd68f389a530', class: "mdc-text-field__label-container" }, h$1("label", { key: '9ad182f60e3f57a5e54e759f1d9fa346cf19ad05', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: '8bee80bf76f46761a88b577670fa2b9ddac263df', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet$6(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet$6(this, _KupImageList_interactableTouch, "f"));
@@ -22676,7 +22678,7 @@ const KupFileUpload = /*@__PURE__*/ proxyCustomElement(class KupFileUpload exten
     }
     render() {
         var _a;
-        return (h$1(Host, { key: 'a1ead2fab1282830ad1d5c6dfeb90ca62d5f95b7' }, h$1("style", { key: '8667e836a6ccf3a11c0d6d2ca7dfcd5eab867920' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '1b7e031eec35bc09d26b9837b90d22c79863d16f', id: componentWrapperId }, h$1("div", { key: '03fd4136dede84206494ab10e8206a3620cfc59c', class: {
+        return (h$1(Host, { key: '86d27dd1526fcb59894d8bd0172465a5d4eedbba' }, h$1("style", { key: '083415d841897bf14803739158589ac6c3290beb' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '633097816f37df614e2259104441fc888aa98869', id: componentWrapperId }, h$1("div", { key: '9bd8a68477971dc6968df6a8d5a944e13655c995', class: {
                 'file-upload': true,
                 'file-upload-spinner': this.showSpinner,
                 'file-upload__invalid': !this.isValidDropFiles,
@@ -22684,7 +22686,7 @@ const KupFileUpload = /*@__PURE__*/ proxyCustomElement(class KupFileUpload exten
                 var _a;
                 event.preventDefault();
                 this.isValidDropFiles = __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_isValidDraggedItems).call(this, (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.items);
-            }, onDrop: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h$1("input", { key: '8ce31fbbe793481a23f7b0f840778f6f53ddb399', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet$5(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$1("div", { key: 'f007c0caec4f97901bdb845989f5cb02f33aac5c', class: "file-upload__buttons" }, h$1(FButton, { key: 'dab73455d4eaa8547bb281ac67775c32285b7c0f', icon: "upload", label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h$1(Fragment$1, { key: '09d4576d1004c474213c5b8ff33813d9cd9ab284' }, h$1(FButton, { key: 'f24d889517b77e5f20e968c4160ce865fca90221', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h$1(FButton, { key: '55f0c5bd693545f5813cb348e6536c4b2883a1e8', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h$1("div", { key: '668f3859f8c631e4447e7ca55756f70efde0e722', class: "file-upload__error" }, h$1("span", { key: '6cda5b71d6bc3e7c4a825f2b90fe9cdc5502b49a', class: "mdc-error-message" }, this.fupError))), h$1("div", { key: '04119a9e7a1c5cb41a669c21021922e06f95a178', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h$1("div", { class: "file-upload__list__item" }, h$1("div", { class: "file-upload__list__item__preview" }, h$1(FImage, { resource: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h$1("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h$1("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h$1("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h$1("span", { class: "file-upload__list__item" }, h$1("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h$1("div", { key: '94129e68bdbd6981dfeb6e981ae3fab07db845c3', class: "file-upload__spinner-container" }, h$1("kup-spinner", { key: '546e30c1eab6ea5f73c6b979979952b9a38ba60e', active: true, layout: 14, dimensions: "7px" })))))));
+            }, onDrop: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragLeave: () => (this.isValidDropFiles = true), onDragEnd: () => (this.isValidDropFiles = true) }, h$1("input", { key: '520c5e641dd4686d6c5cb500e90ad0f9d5e13da6', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet$5(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$1("div", { key: '3c362430599bfe922c292b60e10dd69b01c8f323', class: "file-upload__buttons" }, h$1(FButton, { key: '5461ed8b8691c8655d96a44e92defcaccc883fa4', icon: "upload", label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), !this.autoUpload && (h$1(Fragment$1, { key: '301827ce8f629a1e7229d94a6f922e212b901648' }, h$1(FButton, { key: 'a962cd913a348d6fd5a9d83e338a9f4d8540fe86', icon: "save", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h$1(FButton, { key: '9afc6fc3b440934706ccfc1772640c6fa1cb1b5e', icon: "clear", disabled: !this.tempFiles.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })))), this.fupError && (h$1("div", { key: 'd247e2d7034ffe5d2feb5cd0bf70da3895228382', class: "file-upload__error" }, h$1("span", { key: '3bd88ab742f01606469d18c4f26f800ddb6cea32', class: "mdc-error-message" }, this.fupError))), h$1("div", { key: '032ddf95a67fdc248320ca7a5edaaf51595328d3', class: "file-upload__list" }, this.tempFiles.map((file, i) => (h$1("div", { class: "file-upload__list__item" }, h$1("div", { class: "file-upload__list__item__preview" }, h$1(FImage, { resource: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file), placeholderResource: "file" })), h$1("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h$1("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) }))))), this.pathFiles.length ? (h$1("div", { class: "file-upload__list" }, this.pathFiles.map((path, i) => (h$1("span", { class: "file-upload__list__item" }, h$1("span", null, i + 1, ". ", path)))))) : null, this.showSpinner && (h$1("div", { key: '594de280a0f350250539d0a8570a530713d17520', class: "file-upload__spinner-container" }, h$1("kup-spinner", { key: '5beb1bdb7e81f633ef5212cc6b7bea37862b1656', active: true, layout: 14, dimensions: "7px" })))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.unregister(this);
@@ -23294,7 +23296,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
         return buttons;
     }
     render() {
-        return (h$1(Host, { key: '1708b482db59249332f006f708625e2627bb7637' }, h$1("style", { key: '64432e2f7c42b2be0e0102b7c9a5eb7c80104e00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b3ae4c58b473d2d864015f0e72e872de552f92df', id: componentWrapperId }, h$1("div", { key: '308558513e953a9d07bdd2957f9e4c79ab65d151', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("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$1(Host, { key: '26860146683f708166a88e19004f2b4199749c22' }, h$1("style", { key: 'c858481ea9845d44eef53c3537c45b5c40128580' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '4d470d4fbc78514e917a69d7d04340e560fb006c', id: componentWrapperId }, h$1("div", { key: '089151f10a32c56adae882cbf5b3b1e7461f4c4f', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("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) {
@@ -23644,7 +23646,7 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         if (headerSlot) {
             __classPrivateFieldSet$3(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h$1(Host, { key: '6b77e120901ad4af2375f3f39aa278645820735e', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h$1("style", { key: 'd8c4a1d878c71cf48259c2a749a18863b04bee2f' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ee15ebb743fe59fc3e4a926eac8e21953b223d29', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: '57fca041982e0a1f47479ce0ccc1369917b0c984', class: "content" }, h$1("slot", { key: 'a0397c07bb34449de093d0290ef4f981d5c70109', name: "content" })))));
+        return (h$1(Host, { key: '45ad2930ec31e900e741a3494270fbf788c34dd3', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h$1("style", { key: 'be70b4c9741a815973f214594435a3fef02e715c' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '62496765cfc39d7c4896c553f6679db0878c209f', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_b = this.header.icons) === null || _b === void 0 ? void 0 : _b.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: '7648fb8944d01223737750c5a6132055bdd32b11', class: "content" }, h$1("slot", { key: '68f966a08452a7ff0e91e5106e65b6aabe3087bf', name: "content" })))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$4(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
@@ -24321,7 +24323,7 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h$1(Host, { key: '8bcb6f197235c9cd0203a9fecaab37dc0ae5a2bf' }, h$1("style", { key: 'e6a9099066aae81d1bc39077c517d03f5b6031a5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '6c61534fc0b5c81468d15287a692632cd6e121ba', id: componentWrapperId }, h$1(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$1("div", { key: '3ffa90677062a6ee2978d875eb7f78c1497147fb', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("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$1(Host, { key: '89370db9093ab382829b4e2b194affcd8b31f1cc' }, h$1("style", { key: '5b5d84b0615bae285b0a628998a0cf1eb4ba48b3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1dda510e487857d4e7dc12bcbf2436dd6c379216', id: componentWrapperId }, h$1(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$1("div", { key: '1d925cd67ecd77482ac21c476885366374b702f6', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("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);
@@ -24862,6 +24864,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         this.visibleColumns = undefined;
         this.updatableData = false;
         this.updateOnClick = false;
+        this.onCellActionBuild = undefined;
         this.lazyLoadCells = false;
         this.currentPage = 1;
         this.currentRowsPerPage = 50;
@@ -25985,7 +25988,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '9d5fff9a82a8d8a956672b987a881611b2aedce1', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '1c41c43341362d3f3f029c59d83e574ed7cb3cb9', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '698fcc1c9dbcf8d6c69cba14f18c8dfdb590a1eb', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'aa3666a2afcbb9a6916f0cfc7d5dbca155216ab0', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -26061,7 +26064,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '8a02395dd1e0380516ebb89d2869ce60b3f67c4e' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '12571ea3cab41755e9de2440d3eee7ffba19c47a' }, props));
             }
         }
         const tableClass = {
@@ -26093,7 +26096,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '8ee389148f2764021f3eef7260b66dd2b759fd05', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'ef9b7894aa999163fd31dfa2284a6677eadd5d44' }, h$1("tr-sticky", { key: 'eb1b889dd2992366c1e46e72270ecb4bb156f594' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '1dba3ff1f77e499fcc7dc3b58b07bd0b663947a9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'f702b14cea9c5a00e43fc6c26a8b6469d609a0df' }, h$1("tr-sticky", { key: 'b75a0f1d96cf6a5b0fff8569669d41a40fa34805' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -26139,7 +26142,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: 'c7d586aedf822366ba356e814c07ea3f86c86ae4', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '7d3d30ba5728b618150304880af189ea2ee851ca', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -26158,11 +26161,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: 'e99cf44a51398289583746865d3ef85706916bdd' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'f4be33ef0268d39e3ecc4ac8df76422d7e9c6b22', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'e982cbf5207e807d578367608b81900efb9cc19e', class: "group-wrapper" }, groupChips), h$1("div", { key: 'eff29506a546d30c9d924ec7839c435e0b4a3997', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '9d2c3c4fcb8f96acedaf95a92b270ac1e74e1e13' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'cfe4d481969534d1e93faf1a1f6e852b5b24a2f7', id: componentWrapperId, class: wrapClass }, this.totalsMatrixView && (h$1(FButton, { key: '46627e3a463a12bc2ab100a442d98e2e7c05f755', icon: "table", label: dom.ketchup.language.translate(KupLanguageGeneric.BACK_TO_ORIGINAL_TABLE), sizing: KupComponentSizing.SMALL, onClick: () => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_switchBackFromTotalsMatrix).call(this) })), h$1("div", { key: 'd08cfa5176b236cf7d8d9ad5dca515bc6b290394', class: "group-wrapper" }, groupChips), h$1("div", { key: '2fe31da0cbfa21eb04fbf73646f05752e3ff23e4', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h$1("div", { key: 'c5eb65c1649fe5829fed31e34622e677a6a38b41', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '4d7a45ec644ff94db7c57edc5e6aa4c75ae721f1', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -26212,9 +26215,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'a5bd19112c7b828e777dac398e1cb6e86aa7dff0', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(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$1("div", { key: '9146b7cfcee67fcebc098b835b29db6580dd4f70', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '6ef137cf7d3b80a667137ba4e970a55bcb9c397e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '85d2adc0762a8f668df72fb3df9d0051692d756e', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -26223,7 +26226,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: '7dc103ff6facdda379c17eaa24bf89ae6567316a', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '82d1042a6a669754669fccd6bb990841c94e9501', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -26231,7 +26234,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'afca4e0901e97b9d17bea7e7b4b855683af36c0c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '141ab28220fd3076b3cd45935d4af8f9b96040c5' }, header)), h$1("tbody", { key: '3656a3834fecba850ce23c998030209a8b564865' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '2e7e31a6caa8319178730f5a8886e9ae066b1e58', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'f699bcb2e1c5d96e5d80c988842d66ec1c78ca88' }, header)), h$1("tbody", { key: 'c7ca9e3408b13373d0692b489cc4f9065c1e8d5b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -26344,6 +26347,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         "visibleColumns": [1040],
         "updatableData": [1540, "updatable-data"],
         "updateOnClick": [4, "update-on-click"],
+        "onCellActionBuild": [16],
         "lazyLoadCells": [32],
         "currentPage": [32],
         "currentRowsPerPage": [32],
@@ -27899,7 +27903,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     e.stopPropagation();
     const details = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.cell) {
-        const cellActions = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.cell.buildCellActions(details.row, details.column, (_a = this.commands) !== null && _a !== void 0 ? _a : []);
+        let cellActions = __classPrivateFieldGet$3(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$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, details.row, cellActions);
     }
     return details;
@@ -29836,7 +29843,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'a08c4d0ccddbd2ef50803db89ad4e5d616460b07', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '5af5ec19c2ca8f1d90b3f371aedb0fd4f4f1055f' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a779b4a6135cb7fb3fa462f28981ca084d6bdd3f', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'd46448958f7b6f489d3da9f4ea7c0c64c4d9a1bd' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'e5d3b34f2fc0b5b7919fda41eb6edb6fb37e1135', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '6b93cee994daad54c520af35e5bbcc8cb175cb46' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '799368a119e86c850c1a3d284b7b54a367cda278', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'c6293efbee2c318ceaad637599045d65b24821a9' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick(), onClearIconClick: () => this.onKupClearIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -30336,7 +30343,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h$1("button", { key: '1c9e7c3e86bb0c1096a98d8e3e5786f476bb3059', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h$1("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -30346,7 +30353,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h$1(Host, { key: '7d4342e38fc92335a15dd3e09cbc65a6f04d1684', style: style }, h$1("style", { key: '9537db2ae3ecf95d12bf16ecb815e349fc428a78' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '0aa87dfdeedc48b0b22281e488990bd85c65af50', id: componentWrapperId }, widget)));
+        return (h$1(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h$1("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -30727,7 +30734,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h$1(Host, { key: '1e67357a3f83234b89a40725dd65fae889e4d9cd', "onKup-autocomplete-itemclick": (e) => {
+        return (h$1(Host, { key: 'dbe09136f46c9b0afe069c75448bce14bae5c50d', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
@@ -30737,7 +30744,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-submit": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h$1("style", { key: '1c4d02bd1ba581c8139e96590bf8e5a5fdfa5a28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd32b03aa57835bbe43dfe85c7a73cc19957af47d', id: componentWrapperId }, this.label ? (h$1("div", { class: "mdc-text-field__label-container" }, h$1("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: 'ac759dfe793b88e165b4c57bb61e310ecb38d5e3', name: "field" }))));
+            } }, h$1("style", { key: '37208c4693e8f83837f9b8865d221d0071726666' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd94c83c161d7416cf8a1e83fdfa18bc01ab98f73', id: componentWrapperId }, this.label ? (h$1("div", { class: "mdc-text-field__label-container" }, h$1("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: '14c4298d093cbe1474c5bd0dcda59c79d645fe8a', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -31109,7 +31116,7 @@ const KupCheckbox = /*@__PURE__*/ proxyCustomElement(class KupCheckbox extends H
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: '5346cc07f38b798a0e1370fa52ff56684279588a' }, h$1("style", { key: 'dda8bff439a566d6e5e94335d0fb59a1a113e9d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '61f5eedf5242aa3adf78bb2c208d0cb55dc8d6b4', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: 'a0a67f303d6540f507cd77e8cec553e6b98f3224' }, props)))));
+        return (h$1(Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, h$1("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -32857,7 +32864,7 @@ const KupButtonList = /*@__PURE__*/ proxyCustomElement(class KupButtonList exten
             'button-list--container': true,
             'show-selection': this.showSelection && this.selected ? true : false,
         };
-        return (h$1(Host, { key: '2eb0f4366ad8c57ea4de440af473060b791b3628', style: hostStyle }, h$1("style", { key: '32a015e49320c127d6d94769f4ceee456484544f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '640343ec653c108a3927e9f77891d0a429828c15', id: componentWrapperId }, h$1("div", { key: '06e84a45e463a2d3c71e549775b5656bf45423cb', class: classObj }, buttons))));
+        return (h$1(Host, { key: 'dc5c9b31159d95e88104c2de54d5540bfbf47687', style: hostStyle }, h$1("style", { key: '698b48674909c617f9d9515ff7bccba29a7b1100' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a2c648ca4b52b301e74f21d39c31691df11d789e', id: componentWrapperId }, h$1("div", { key: '94e368e25d661457026ff1ef3293a506812572e9', class: classObj }, buttons))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -33486,9 +33493,9 @@ const KupBadge = /*@__PURE__*/ proxyCustomElement(class KupBadge extends H {
             if (!this.imageData.color) {
                 this.imageData.color = `var(${KupThemeColorValues.TEXT_ON_PRIMARY})`;
             }
-            imageEl = h$1(FImage, Object.assign({ key: '85241826f49088ede50589d3579617718f3fa87b' }, this.imageData));
+            imageEl = h$1(FImage, Object.assign({ key: '14c33b87caf1906b2a3364058722bf5b60487b63' }, this.imageData));
         }
-        return (h$1(Host, { key: 'cdf953c45a51629b42bc146636bd23c520060434' }, h$1("style", { key: '199d7b7a88351aee08ecf016cd73dcd8e9082b65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c0ffdbf39da857af3e473a05006c6133cde5b5fa', id: componentWrapperId, class: this.type, onClick: () => this.onKupClick() }, this.text, imageEl)));
+        return (h$1(Host, { key: 'f6d9d9b92f0b0c6d5d8494bdf32fef0bf49bc7b6' }, h$1("style", { key: '1bd4deb8c009931a4f38ca9fd48d3d24a3a32d88' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '3b4faa63e21ca744a2f0c94503b736616e9ce230', id: componentWrapperId, class: this.type, onClick: () => this.onKupClick() }, this.text, imageEl)));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -34029,7 +34036,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'dcc8e382f19069cd48e43aa08f4e14b67062392e', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'd8bae528abd4782c8b0ea4748dbca49271fd7b62' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '9f5b65b698e1f921e099c8fcdb48c84850d74fb4', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'f75283c2a94891bd01e05db4e3c3312d47e2e24f' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'c2916cd355867e27374aa49abf0843e743441078', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'b947555ed7540e9460d9c8684e9baa87242e7755' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b4c321910b245056bf580cddfdada1b0aa7cb584', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '439550ad8676467d8cf9d8ae3bdbb30d5aee6c82' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChangeSubmit(e.target.value, this.kupChange), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));

package/dist/components/{p-98036b1e.js → p-7c68a61b.js}

@@ -13,22 +13,22 @@ const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHead
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '7a1dcffb3dbd4e842ce36a84738efb2b0d6c5aca', class: "ganttTable", style: {
+        return (h("div", { key: 'f2385ae13b948a5776401e0497e6b4ab8dfd60eb', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '8ec26d9df577af777c16abb9549d392becea5eaf', class: "ganttTable_Header", style: {
+            } }, h("div", { key: '0b73410a612e7179fe14dad2ecc4690da0e31882', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '4a19c478bc19b85177580e572c70ea78602b47b5', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: '78a105b6f0893e0f37a9e5c031c7dba311ad84fa', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '8ec90d51608ed246f9d444ab6451d69ea26527e4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: '80dc74f1bf9baa75b49dcaef7314d21fa38e7606', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'fc21e7badaf86d47861d6e65dcc38d438ae0bdb2', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '5e938605f5d795b2d286c599b800b157b68ef62e', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '90a2cae675cd2544212e8eb01a04440d897d2eb4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: 'dc3327c320a9dc7b6e4dbea2190646ac1f9e78a3', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: 'a316f0ac966eb1a06290b001405f5e26e0a96b63', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '3f08d49437dd7e5fcaeb3cd2fb3555946137ea4b', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }