@sme.up/ketchup 10.3.9 → 10.3.10

package/dist/components/{p-7e706919.js → p-a1390144.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-40202dad.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: 'e6e94006b6a608e301373fdb7a4ca02665b2d844' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h$1("p", { key: 'cbb4869b15c8ffd2dbc77aba5e3a529908e969b5' }, 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: 'c6fb5b3851606811f0c1cab66ce83f00c3073cd7' }, h$1("style", { key: '7451643bd2809dd41742977dc0c8ffaf2d29017c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f68f672b0a6f03a01577a5120e8f3e74385a0373', id: componentWrapperId }, formContent)));
+        return (h$1(Host, { key: 'fd5818bd7f6d1a109c8a1bc143de3935a5902114' }, h$1("style", { key: '446ef5be1dd88a9bb91ae71fe705b474dbcd2288' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '625544f3b8e3e77d8ddaccbb7e22efbd6c891753', 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: '65f19ff4be56ba56c32b8620dece6485f90439e2' }, h$1("style", { key: 'f62b3c946c6a7c69b9890afcc1ac7301c75af349' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b614dc8e91eed4693617300fa4aa072796465918', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h$1(Host, { key: '67da450081ddff74293e645ee1148df0771950d6' }, h$1("style", { key: 'de8606675be524476fc1b3bd17a4ad8f1c3627e3' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ab35fda2e3ad07008e160e1067568a6be25a0d9a', 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: '89225ee1836608a0274bbf05d86b8673345b34b1' }, h$1("style", { key: 'e19f9784414d547d630c24a46a2e40e6d4c1dec6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '621a69e22881473c900fa8874e9b06a47a4e7a18', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '6318405dd07e72597071f86e79985b475eaf3a58' }, props)))));
+        return (h$1(Host, { key: '5438ddcec87fb29cbeebf6c3c89a36dd390d01df' }, h$1("style", { key: '2208c31d86b07df9fe670bb56a36fea1958666e1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f9306e316ff5f4777c5d67a2b7b7e796eb2ab8da', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '6a21c41e4ed9502969b560edbd99b8b51fe0a05d' }, 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: '90da4bea524d6ae49bd7590b099d7af5bce8c4bc', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'f625f8a469c687a328dec11def5481b47dfdc6b2', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'fce31054830c273aceb9fe0a186daed290319d07', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '18b89c2a7b927b07a03a6aa374cc6dc9d22d5c2c', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '454dd58c7c1f2a51dcf3891198aa9108d3240347', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '5787a5461b543828af41373b963fc2c3c984d848', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'b07c59930150c75afdec2a64f0b5e6de3ea6a755', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'a544b6683b6fd8566562d83eb49867e100fb63a3', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'f2c42b4781e63bd9524dc997e334eb6a0dd057ae', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '8f4a6acedd2d639e380e6c2b3e2c8d4daa39d153', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '4f0d94c6e0533016678ccdd03fedc08b9eee3b9b', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '5f53783c980524d1ca2ceda5b95bcd3892c8723d', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h$1("div", { key: '3b44a114e62bcfa99acb7fd583ebee257c75477d', class: "sk-spinner-v9-bounce1" }),
-                    h$1("div", { key: '1ac2ee154b6db501a95dcb6b9bd84d9eabea213a', class: "sk-spinner-v9-bounce2" }),
+                    h$1("div", { key: '00feb2f62ab0c835013e613c9114975c2642b255', class: "sk-spinner-v9-bounce1" }),
+                    h$1("div", { key: 'eaa614048641b07574d384cf0f53cd5e56484d31', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h$1("div", { key: 'd0be49dd982f4f40197f23c758526bfc9b769991', class: "sk-spinner-v10-cube1" }),
-                    h$1("div", { key: '177788b950edddfb35643e46d871137532aeeb9d', class: "sk-spinner-v10-cube2" }),
+                    h$1("div", { key: '3910d5fb7260723e185de4ff753e5cdc84f0caed', class: "sk-spinner-v10-cube1" }),
+                    h$1("div", { key: '8d7a85f42328f9feb68d3838f0e9346c60d5346b', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h$1("div", { key: '19e8c36f13d2c0eeb6a8ad24515a24a2e1cecfde', class: "sk-spinner-v12-dot1" }),
-                    h$1("div", { key: 'b8ac14d003d7f601437e223c72dfd59ff9954367', class: "sk-spinner-v12-dot2" }),
+                    h$1("div", { key: 'e0376d5b10b25166d8e8c9ff038ffe959e8d8775', class: "sk-spinner-v12-dot1" }),
+                    h$1("div", { key: '4379287cd8b28ff132b7f255bba4ad1a71c02285', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h$1("div", { key: '0b4a4e591c6ca25e85170fb004f324822f050135', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h$1("div", { key: '668a13a54d0e383977bed6f32e95e3f1dd78285f', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h$1("div", { key: 'd2792cde124ce31a812d9b8c169b83de6e078dc2', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h$1("div", { key: '3fc0b2ba9eebddfc0c1be20cd3e958fdfb86d123', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h$1("div", { key: '3269b799012c027a320bff8256aa846223c3c213', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h$1("div", { key: '9d932019c87435a325307b9c3ca11441a3f8d2c2', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h$1("div", { key: 'e29e2d7a8f7092f03893c4654577a6636bca5ddc', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h$1("div", { key: '9ec5c8fc4a18283180a5e98c63b796e2c06bd00c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h$1("div", { key: 'b7976b9cdbbdb933316448e6c5cd72c4d9492026', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h$1("div", { key: '2060950cecc045eb2e293296a78f886a31edae1a', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h$1("div", { key: 'cd55b1b2af19de5ecd3150f4d652d519175213c4', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h$1("div", { key: '59288f629f621c60deb6091e5b7ba44e63ce9e02', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h$1("div", { key: 'db038dcf1814bab326d95657d9b17f41a68a5802', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h$1("div", { key: '49fdca041058e7077bcd331ab83b74234a211a2f', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h$1("div", { key: '335dff183e8a9f332dfed18237541f11a646359a', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h$1("div", { key: 'bb1c8162a07425aea157cd7b0013ba609a7c1250', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h$1("div", { key: '0de1e98c0524c1d6adc32b5bece645b9c8696df2', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h$1("div", { key: 'f527eec947a83b3184c14e14f6eda0038d942e5c', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h$1("div", { key: '43f703d9d094ba069b5bb02e92c9e74711828df1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '82f2d547b8de3da9acd78f6ec69c6b5a67261e93', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'a5e3f0d7d0ae729c4066fb0a64096b3021ed1c45', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '9e657fea86ab17b86ff5cc637597ca0501fea0a3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '0f11f4fa9e91ad5265672903255fc07dfb08b07a', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '4dcec3ed2bc03228dfeca88976241e83d0210881', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'a20a89d5a2d0d47bba54c9bb0c932e9e39c43c88', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '8061fd589444079388c88eff984b7d4c0e210fb6', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '27e9567b83cfd945abfa32f847dd80f7f71cf475', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '49d6b3a4f7bdbf78e99933a24fff7afc9126db63', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'd870a887d28416a702279fbb2b84a73ef133d9c9', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '0e193a5bfc7a08c3cd8d82da2e36c0f319215125', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'babf2d01f5ad444d16b19ff537b9e840d008babc', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'a42b35fe11a6f27e9153e93214ef1da88f0dcf14', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'e675c37dc3a7af74a0e6fa78e87abfb50cc6f4eb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '4ef23493de5fc5ab8fb7049c44e7c0cf5438e8ce', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'a6ab521c9577ab998388acf69742c5412ef2b3e2', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'cf7fc69a13808e60de0fc1922e781e005cf4dc83', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'cefbf120dfb699081d89706687f5e5a65481f34e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '62b6c549a94ca98e03c485b5bbd6c73debf9f110', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'ac9f8006e0ee93a0f9b909ee11d7f7baf578b258', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'c4188bb88ac3fc2195db71e382d993c90609c240', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '0a865548e8206df605f6533ff44df3661ade53e8', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'c402f4f6fc6bac627af15c8a52a10ddc343fc0dd', 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: '047cf91e1b91090b19b9e07e8d3ed5c9e93c9b01', style: elStyle }, h$1("style", { key: 'c28e4baa877428442fc12ef9908ed9e3ee606e9e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '85c8bbcacfd075b9c3a4a16074a95df1a7773f23', id: componentWrapperId, style: elStyle }, h$1("div", { key: '12e7ab8754db6191ec050c32ec228df99bb2c33e', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '7a05138502bf991b2e72e8013712f51174bd1b50', id: wrapperClass, style: elStyle }, h$1("div", { key: '3bccdb4bb8beefd999fbdfbb86440e0999575819', class: spinnerClass }, spinnerEl))))));
+        return (h$1(Host, { key: '648d8980632f4148884b9c834ee79c3f61e05f70', style: elStyle }, h$1("style", { key: 'b43d181b52662008864deeb450f182f3fb659f38' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a565315d267b220f78e4cca3d04755843c7d2616', id: componentWrapperId, style: elStyle }, h$1("div", { key: '84fad5e7d9ceab51914e3171a55588f9a47e772d', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '8e1d668d5f569718b84f7d5c59e6dfd00697f4de', id: wrapperClass, style: elStyle }, h$1("div", { key: '43fa4acf15d674bdbe8a81b08fb13b538f05032b', 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: 'd01ef2cfb73b3e72cb3d56ecede10cb7a2b66368' }, h$1("style", { key: '940e67e41bcaeb69205055ee5af1b56e3b015d1b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a3342415e91667c9e9f0677c2f5b79616a814f69', id: componentWrapperId }, h$1(FRating, Object.assign({ key: 'b9147b13dd6157a875c84042329874b72c3a9b0e' }, props)))));
+        return (h$1(Host, { key: 'c991a64dbe20d1c2fb5e522c85b748612d227b81' }, h$1("style", { key: '5634ea17f5acff126e439d3620b368b89d214192' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f77e616bcd6bf725627e3601c05e538f4e54ad55', id: componentWrapperId }, h$1(FRating, Object.assign({ key: 'd9fc27fc8b34f1306c2e5faa1ebbbbc30a765f58' }, 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: '6d16fbbce2878c135c67a4b56dbf69099904d529' }, h$1("style", { key: 'd60887a62fa3ef9f320d97d67458561cff1f7210' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '26cb5f5983fde587f5badcbfdc2b4355326ac484', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '31de915d7832b8109087d632cf06e94c104e7c63' }, props)))));
+        return (h$1(Host, { key: '9c0ae8608168974a0d4ac3b8529c8402444a6260' }, h$1("style", { key: '153d19f7cbc5c506c8f9c58f953f9d87716dae90' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '25393ff8d9c04c32facc6c1ef8ee94a7f606ffc5', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '84fbf74e65cecd27e04f9ce55ad81d0fc4801029' }, 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: 'd3dd048c9d3557174d5feb3b6ba6203ea5ecafe7' }, h$1("style", { key: '8178c806d90f4852441e8b18743bfd0f6836d6ef' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd349af3c953aa70469c19f3868e5e850374996a0', id: componentWrapperId, ref: (el) => {
+        return (h$1(Host, { key: '27109500af7261fbde00d3718a6d0cdd18665225' }, h$1("style", { key: 'e8866385ecceac1b0c2275cb625b0026feecbc11' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'ea29594021b85812cc4f532c82c35bf385986a6c', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet$4(this, _KupImageList_el, el, "f");
-            } }, h$1("div", { key: '5501f3c1eb46fa4e856248c1e876de729a68195a', class: "navigation-bar" }, hasNavigation ? (h$1("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h$1("div", { key: '4b296849b4d1e3481cbf59a798c5f793a1e262b4', 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: 'e3a0c1acb410e52590a0309b9d1863ab75d2a6b5', class: "mdc-text-field__label-container" }, h$1("label", { key: 'a182435d28cf9ae405f61fda93794c5d81a5ed3e', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: '5df777d415c2ae7eeb95f22ce229614948b9a4c7', 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: '183302047392171c95c8d8ecdd0ce8344ba17490', class: "mdc-text-field__label-container" }, h$1("label", { key: 'c5b7bb7d6470525048d6d282ac846e0efc519096', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: '0e404e7364ffcbfd5a5ed1d0298d31140480774b', 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: 'e82c20508f86798008b2e961f2cef347ea19908f' }, h$1("style", { key: 'f9549e18810a5d38d300c167142d41e783d9e80d' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '09d2ae3e36a7e871aba975ccbb745472cb63652f', id: componentWrapperId }, h$1("div", { key: 'c2b798c7bf6cababc587990b710515060bb2e2a8', class: {
+        return (h$1(Host, { key: 'c3b65082afeec6a161d36c52cd69e0757a39e4ea' }, h$1("style", { key: '4ee53ee199e2fe3a0a9fd8dbc58ec7f5a93fe6a1' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '4da5e057ca1f46f0dfa82d94b7e4b8051c52582b', id: componentWrapperId }, h$1("div", { key: '107356b4cd1ee998ae68718e668fb3371006feed', 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: 'a79897d0ea5885a55a71f04ce39bbd4791e1462d', 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: '856a74817a14d88844efb2b9ad765e8d7223d547', class: "file-upload__buttons" }, h$1(FButton, { key: '1eb230b6313b6fb9e65f178b9e4edd0592e87e20', 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: 'df73268c675f6bf4ce81cd44c80a01305adf2f97' }, h$1(FButton, { key: '821b641f32a70972892b624d8ac55a9e38faaa14', 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: 'f8f969b3eb16bd86dcd4826b3c3f46f8f8551b8f', 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: '2b760c793e980290ffb0847f46d0d5fb0abfac73', class: "file-upload__error" }, h$1("span", { key: '4c1a2cd135f330cf0dbda3f4da6dca78a5a298d4', class: "mdc-error-message" }, this.fupError))), h$1("div", { key: 'a034a8a57062eba3445e29168f740b867d5085a7', 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: 'cda18a34e433799f62f0026f4b38af748d39d2d7', class: "file-upload__spinner-container" }, h$1("kup-spinner", { key: 'cb010ba98b016941a087af4b250be33f675ac3fa', 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: '3602bbc58cd05500ebe7c8e69f803efae7482747', 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: '723f9be4c21a5419c478eea549cd183857939e58', class: "file-upload__buttons" }, h$1(FButton, { key: 'dfda137608012bd18615ba61ec8393eb179016cf', 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: '46ecc0ffb37554aa271573ba35ee3bd84aa0debc' }, h$1(FButton, { key: '567cd1872b3c3e39d63abe2eaf3704f70e021bd0', 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: 'e421e023ca2154a3a2212b05eb9dd80ac0ec525e', 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: '92fc414f1adae74f53baad9a5cbc662d71dab809', class: "file-upload__error" }, h$1("span", { key: '8b3d9e8a5990788c4992b126703a841c76625527', class: "mdc-error-message" }, this.fupError))), h$1("div", { key: '07b3c3671055fdfca115c2fc10a66b9ed38ca24c', 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: 'd564cacdf28c4eb7c62a435fdb681e6c94506203', class: "file-upload__spinner-container" }, h$1("kup-spinner", { key: '720c6b309d8c19acb12d9554e9373d713aabc81d', 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: '84daf971586f1c4a1d73f6b4e8f258f373a9b877' }, h$1("style", { key: '90d06938c34fc0f1cd52392126b636400fb23395' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2a4ed6d94d1babca92216fda375e3a8338333413', id: componentWrapperId }, h$1("div", { key: 'e2a2ddc1601e2842f037158fc7154813273ff01a', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: '7c9b87c3d425d84a6823bb8344d9fa3dc4536be2' }, 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: '3dc2a9e3a2583dedd270ff9207fd2bfc8f3507b2' }, h$1("style", { key: 'dd0618137d00333ac79232e6840b05b9b9d0b00e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a139ca30aed3c3c7414d9e51d2511e55e5cc8e45', id: componentWrapperId }, h$1("div", { key: 'ff18bb9287afd02dc08eed438bbbf0c0b682e143', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: '436791589e771e2e7f0b3f6eb5cff448d5e03618' }, 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: '0cb07d75610526f3c7648b51bdac8aeb512a070b', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h$1("style", { key: '03404fcbde03d05af4c2fda44ddd5256bd48dfbc' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a2ef7a2f32922e74d4df173b71a839af7c921cea', 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: '4fbb7451e36edac50d2f3d4d994cf055c3ec1ee4', class: "content" }, h$1("slot", { key: '102800cdf42a5734f7358ae97fada09d70d83bb6', name: "content" })))));
+        return (h$1(Host, { key: 'bf78a83238e4c10d617a59d65e6cc763562fe65b', "fade-in": true, style: style, "data-anchor": ((_a = this.anchor) === null || _a === void 0 ? void 0 : _a.toString()) || 'none' }, h$1("style", { key: 'ef2a40faab3d5511b3a9e0bcfd2c3baf3b6d3d61' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '4a482bbdedf8773d83345f92550bcdaa160cb7c1', 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: 'ed0f7ff460826123db6c2a5f630df1618b5addcf', class: "content" }, h$1("slot", { key: '189e714ad36ac331f25f228e7b67d09d20e6de44', 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: '827b64b4e81a6238bd45388c3f5234a29685ce74' }, h$1("style", { key: '4bb32836db6bd0e39579f52abbd5b29cef9d2bf6' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f8549d32cf3813544c56ad90f7b6e619dd131a53', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: 'b561786c364f4f27b5edba3746202a8a6d5301b3' }, 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: '136e15a45145ed9160a7da70ec0444ff417ec0c7', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("kup-card", { key: '5dd13a969e65cd4a6b4ebc9ea96019904ab7ffd6', 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: '8d42c002e3741126e58a4e8d3702bb6eeb870df2' }, h$1("style", { key: '7905665100ccede71c9e36e4cc5dc2f9f5c677ea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '8e4a1211b0fe1f8463c91b91e8ab66150e544874', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: 'cdc8022fd3b3c47612cfaf0209ef33cdbd08871b' }, 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: 'd05fb6804c31c5db12cc6589ceaae71b68e35837', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("kup-card", { key: '533bd99da72d7560c581599f2ebd226742f139df', 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: 'f756c110837ac07883be514318b398066cdc3840', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '60bb274da01b04591b72c739b4a16c43700e0dce', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '87753d8d2c1fa789318e95c2eeadcc7ea0bab9fb', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '80d4595656ae06acf2195ab5315f236aafa5663d', 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: 'f97dd630bea3bd273b870b0db7bcd6da75b7bda6' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: 'f847cccbead5361d9ef4bebf1c34a70f6f36a955' }, 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: '0662d9ee62e82826c4ac0f3b177a65e5be681b09', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '2c2a444728fb55d1cf75fc1cf9355a190b5adc6d' }, h$1("tr-sticky", { key: '76635d27d299a0fbcaf2b4d8ba23dfe2ced0a57f' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '04a4a924938e6008882c7dd1a8f99a6139ce5968', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '49c0fcd58e5b0082fa8205ddf5860e17a6c6516d' }, h$1("tr-sticky", { key: 'f9d3165f00d280e191c86a533199f4c4685c68cb' }, 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: '668806149ffdece2873c90423fc8230f1774d18d', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '72ae58a294e5192217b637a3eb0b1315d373bc8a', "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: 'b4f670a84ca9e6c048145c18b66c95c0c8d94bf2' }, __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: '10ad3ac25486699a1b2f4a72ef9a55df6923c09d', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'af5425d020f6aace2de2097b1640352af4c23474', class: "group-wrapper" }, groupChips), h$1("div", { key: 'c3719eb37a42275d12a14cdd9f17d4aa089a644b', 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: '37ed4d42df8103d59d19005e0f7207c7e7526804' }, __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: '29db046b13b96964b8b43a8b6f4113eb1e0e1c0f', id: componentWrapperId, class: wrapClass }, this.totalsMatrixView && (h$1(FButton, { key: 'd725a5ce1ba3ecf1eeb83f12e2de3cf6604a6410', 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: '46d990c156967b88c48fcc1a9ce755579f8673f1', class: "group-wrapper" }, groupChips), h$1("div", { key: '002ead03b81681dc31cb89ab9557ef39046ccaf5', 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: 'e01912dae8c3547a51c34f1215a81139b81c0efc', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '920f60c70879a781b30441b941d668832a51d467', 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: '4e3b3890fc29bc744b945cb12aff638259bf070a', 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: '3a40eff753f509cd5ec03decc7f46590b5ca8052', 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: '13e409dd5151019d4241f5c715fac71f45f8b2d9', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: 'ff5dcbcee8b42d4c039366060f415218056e500c', 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: '9dbaa5b996c7be9610cfc86f4fec1fe8f51bc088', 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: '22d42de35519707f2e83a26119b8e5e0e1208510', 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: '33ec409789766dea9659e28f214d0ec90898d64c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '50d184585969f3626e86612213421f3fcc2f1212' }, header)), h$1("tbody", { key: '9eaadffb972a9332c77ba8c0f382d84b4b20e9fd' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '4bb48f31c8131a2405cae319110fea34ecfaffd8', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '0e6b53b19db2aba153b2f2cdcddaaa282d29b7d2' }, header)), h$1("tbody", { key: '1cc002d343e93c3964632ddd24cc76fa1797b48a' }, 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: '8bb8eace416a6799a32f5d5222759ead3525ed7d', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'bf9817caafcbd303719c862f4f84111ef6da27c1' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '1052268f4d6e8227b3fdc6c6a25ea2004f21d197', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'df2cf6672cfe3c9360476df936cedff6449861b6' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: '9c90b7b64c819536c358f83e7b6b9d6869afc6aa', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '442f4f51a69ed33f000ff90bbde9d5be17b968bd' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b345836554fade42c288f715f020e566409e41e0', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '68cebc484ee2caaa0be83fcf3d52a99d94047ff9' }, 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: '53494c2aafc0f501a66f44206e331f8f49ec9a91', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h$1("button", { key: '64996130511ebe2b29da7c33947747feecbdf1a2', 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: 'd091aa33b406c09bad8b13a782807875f509eaed', style: style }, h$1("style", { key: 'dc9c6643843dfabb1301b78d8c9fb2f788fe415f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '663a675c44dd8af1d729e267782c07d13b9ae039', id: componentWrapperId }, widget)));
+        return (h$1(Host, { key: '481d41157376a386d2a2aacce1937ceb43b2c578', style: style }, h$1("style", { key: 'de7c5de27ba8487c6bbb7516b614c63f32796778' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '5f48be435a21f5618cc1df384d7d74108f0fb235', 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: '092919df319761de61a7e6535f0dd18976463c6c', "onKup-autocomplete-itemclick": (e) => {
+        return (h$1(Host, { key: 'a8a0f7b6a2c1f6b0b54e2703508ae9955969038c', "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: '3cc916a8db665b151f59f4224d5f6f168268f842' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '57500014b7c3f0fe98add9eb950fa88615e6eec0', 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: '92f0d3996bddacc0be40eab0298c4716de3783c1', name: "field" }))));
+            } }, h$1("style", { key: 'ae39d4cd1e1b869f37b82dd25a6eae17a9f4d389' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'dcd69afb67a3f4e55a4a906a0416670ba793c29d', 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: '0ce91afa00f72b58e4c5096384957cdc312da138', 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: 'e9ae5aebfd2af1118ae192ec128bd53c8ff5d98f' }, h$1("style", { key: 'a456c51564d6f1d8c33ec57b6fa976a7aa5d163a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'acf560b2746b2a3583a24e63eddbb3bf6782329e', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: '99e4d2511e118b5482f29348b036ded7de772ba6' }, props)))));
+        return (h$1(Host, { key: 'b13123a95a739b1b66b17213416b3be2bb957555' }, h$1("style", { key: '70d4f52da169ede2ba4867675d0d180457352c90' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2a3c7bced3f7792637329b1b7492926ce89e4d01', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: '1b7966ac780744016aabef991a7b4af20aaf5ba1' }, 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: '2e33423f2642435785fddd9367b95b5b36b3d427', style: hostStyle }, h$1("style", { key: '9b8e61b4515b6bf6d4f469b14e87e6743f785384' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '08d5b7f3fdd65e332e202dbc5eba22e04712e121', id: componentWrapperId }, h$1("div", { key: '95efb3149003ba19ca3db795fb7457deef78ccc2', class: classObj }, buttons))));
+        return (h$1(Host, { key: '29f208ac7d19d484377451c57fb08947acdec6b1', style: hostStyle }, h$1("style", { key: '92168e3d04597b51e4a237b5bcdf2a2ff2ebf570' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '281dad0f29fb6f95ccd9a135666fad62b2d77999', id: componentWrapperId }, h$1("div", { key: 'b0b8d53b27f2b44b05b918a365569b72d2474c6b', 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: '631e9d6e04fff403011f8255cd12315bb93a55b0' }, this.imageData));
+            imageEl = h$1(FImage, Object.assign({ key: 'e6507be50334058832877c6914131606e2b6a93e' }, this.imageData));
         }
-        return (h$1(Host, { key: 'deb3044ae43143737c21cd5641946f5205364a94' }, h$1("style", { key: '5c6b24c2b38257a8d3565fe7cd35d8214de0361c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1c2faa7d553f4f5f689c71ffc9c1f2632aa79ffc', id: componentWrapperId, class: this.type, onClick: () => this.onKupClick() }, this.text, imageEl)));
+        return (h$1(Host, { key: '7f749206f548fabf6fbdcaf3074c2301c03d84e4' }, h$1("style", { key: '9567843d41df931d7a0ae9547c4c152203dda999' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '922710165738b425920ef64b9a35eed5116f0420', 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: 'ba27aa4bc6759aec2f01a404117c115e7aa7849f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'b4b0bd1e49208182acf4681b8c3764883e41d3c8' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '2b227672c21f3fedc690cdeb36cd5fb129928567', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '4e62a1c01fc2691d74b3bc257ffb4c63f93acb04' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'fa5c15b68526f7417b380130f67b5b752510b2ee', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '1d019473982517ce24989f51971e39b1226c3d83' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'edfa6238ef11bafb0e3a4fa07aafa94e1d4c7c26', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '5510f6766e3a9a0013f2c9ebe46b1a08a22f6793' }, 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-f9afe0c9.js → p-a1ae4c21.js}

@@ -1,21 +1,21 @@
 import { p as proxyCustomElement, H, h as h$1 } from './p-ef8cbd35.js';
-import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-cde4d6c3.js';
+import { c as calculateDisplayedDateRange, a as convertProjectToTasks, b as getPhaseById, m as mergeTaskIntoProjects, e as getProjectById, f as mergeTaskIntoPhases, h as columnWidthForTimeUnit, d as defineCustomElement$5 } from './p-3a56a01b.js';
 import { K as KUP_PLANNER_MAIN_GANTT_ID, f as KUP_PLANNER_SECONDARY_GANTT_ID } from './p-a0eeacbd.js';
 import { a as KupDates } from './p-9d9181cf.js';
-import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-aa882232.js';
+import { g as ganttDateTimeFormatters, d as defineCustomElement$b } from './p-32c28a10.js';
 import { h } from './p-3aae989f.js';
-import { d as defineCustomElement$e } from './p-9a502c5d.js';
+import { d as defineCustomElement$e } from './p-9471f708.js';
 import { d as defineCustomElement$d } from './p-a52b0e92.js';
-import { d as defineCustomElement$c } from './p-2670bfd5.js';
-import { d as defineCustomElement$a } from './p-9a617844.js';
-import { d as defineCustomElement$9 } from './p-bdecbc93.js';
-import { d as defineCustomElement$8 } from './p-dc1ce1b4.js';
-import { d as defineCustomElement$7 } from './p-bbb25c58.js';
-import { d as defineCustomElement$6 } from './p-9d13f3da.js';
-import { d as defineCustomElement$4 } from './p-5b1056e4.js';
-import { d as defineCustomElement$3 } from './p-23d0f0c7.js';
-import { d as defineCustomElement$2 } from './p-767fcf91.js';
-import { d as defineCustomElement$1 } from './p-cbc6b3d5.js';
+import { d as defineCustomElement$c } from './p-1bb114b8.js';
+import { d as defineCustomElement$a } from './p-43275b92.js';
+import { d as defineCustomElement$9 } from './p-86464a43.js';
+import { d as defineCustomElement$8 } from './p-395ac5ac.js';
+import { d as defineCustomElement$7 } from './p-ca202cfa.js';
+import { d as defineCustomElement$6 } from './p-7a243c51.js';
+import { d as defineCustomElement$4 } from './p-c9135ac0.js';
+import { d as defineCustomElement$3 } from './p-f4797086.js';
+import { d as defineCustomElement$2 } from './p-28f6440c.js';
+import { d as defineCustomElement$1 } from './p-0b4e99fd.js';
 
 const CustomTooltipHOC = () => {
     const CustomTooltip = () => h("div", null);
@@ -240,13 +240,13 @@ const KupPlannerRenderer = /*@__PURE__*/ proxyCustomElement(class KupPlannerRend
     }
     render() {
         var _a, _b, _c;
-        return (h$1("div", { key: 'c1cc0fe4d44331b5b75fb35b0afbd913caf7f622', class: "planner-render" }, h$1("kup-switcher", { key: '3c125419b5912ff9c9b9c24adba71dda785fa01d', timeUnitChange: (timeUnit) => {
+        return (h$1("div", { key: '5de523c8fde95703f5c3799144a0244a85359c4b', class: "planner-render" }, h$1("kup-switcher", { key: 'd68e17265c995856790eee5f5a22defb4ca2ac4e', timeUnitChange: (timeUnit) => {
                 var _a, _b;
                 (_b = (_a = this.props).onSetViewMode) === null || _b === void 0 ? void 0 : _b.call(_a, timeUnit);
                 this.timeUnit = timeUnit;
                 this.viewDate = undefined;
                 this.scrollX = -1;
-            } }), this.props && (h$1("div", { key: 'cf92a3212f97ec496aa30ff6b7eec91e831e4b14', style: {
+            } }), this.props && (h$1("div", { key: '8754e5f34d2724aecfeae1752ed67cfa4ba2e827', style: {
                 display: 'flex',
                 flexDirection: 'column',
             } }, h$1("kup-gantt", Object.assign({ ref: (el) => (this.mainGantt = el), ganttId: KUP_PLANNER_MAIN_GANTT_ID, key: KUP_PLANNER_MAIN_GANTT_ID, filter: this.props.mainGantt.filter, hideLabel: this.props.mainGantt.hideLabel, showSecondaryDates: this.mainGanttDoubleView, hideDependencies: this.props.mainGantt.hideDependencies, ganttHeight: this.props.mainGantt.ganttHeight, displayedStartDate: this.displayedDates.displayedStartDate, displayedEndDate: this.displayedDates.displayedEndDate, viewDate: this.viewDate, tasks: this.tasks, columnWidth: columnWidthForTimeUnit(this.timeUnit), viewMode: this.timeUnit }, this.props.mainGantt.stylingOptions, { TaskListHeader: this.props.mainGantt.taskListHeaderProject, TaskListTable: this.props.mainGantt.taskListTableProject, TooltipContent: (_a = this.props.mainGantt.tooltipContent) !== null && _a !== void 0 ? _a : CustomTooltipHOC(), barClick: (task) => {

package/dist/components/{p-5b1056e4.js → p-c9135ac0.js}

@@ -13,22 +13,22 @@ const KupTaskListHeader = /*@__PURE__*/ proxyCustomElement(class KupTaskListHead
         this.rowWidth = undefined;
     }
     render() {
-        return (h("div", { key: '4efef768654d5ee326236b20138a45aac4428125', class: "ganttTable", style: {
+        return (h("div", { key: '293191d3067a68bc17b57880677a4faca34ee7b1', class: "ganttTable", style: {
                 fontFamily: this.fontFamily,
                 fontSize: this.fontSize,
-            } }, h("div", { key: '37faca5980c085750eb731dee64e3e3ed4a2897f', class: "ganttTable_Header", style: {
+            } }, h("div", { key: 'e95afea053674ea5bddd77f53caae5ec0e520a1e', class: "ganttTable_Header", style: {
                 height: `${this.headerHeight - 2}px`,
-            } }, h("div", { key: '19d84c87983e55eb0af2c5a1a0e6cb173616bea5', class: "ganttTable_HeaderItem", style: {
+            } }, h("div", { key: 'f3803e5e576f6f4bc546d9e44e2ddc626f6223de', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0Name"), h("div", { key: '1e5526e24c54a2b1a648df22eec6e40a5a0ec0be', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0Name"), h("div", { key: 'cb678b5973523373bc77eda9daab276dcfeebec5', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.2}px`,
-            } }), h("div", { key: 'e5a506727de0d36230317b9920840ef5ac26fa9f', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '7c8085cdb3652ed6568c3eec0602308ab46f6220', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
-            } }, "\u00A0From"), h("div", { key: '3346d2674ee3c6d75fe524b70e26166d68850cd4', class: "ganttTable_HeaderSeparator", style: {
+            } }, "\u00A0From"), h("div", { key: '6dad7a8de061e5fa002c2dd2fc532ffaf05fe446', class: "ganttTable_HeaderSeparator", style: {
                 height: `${this.headerHeight * 0.5}px`,
                 marginTop: `${this.headerHeight * 0.25}px`,
-            } }), h("div", { key: '607b1f90fe2b97b614165e97c05926b2149f8e7c', class: "ganttTable_HeaderItem", style: {
+            } }), h("div", { key: '320418a8acb51dc66b8178d24067f13cfbd4ad0c', class: "ganttTable_HeaderItem", style: {
                 minWidth: this.rowWidth,
             } }, "\u00A0To"))));
     }