@sme.up/ketchup 11.0.0-SNAPSHOT-20241023072631 → 11.0.0-SNAPSHOT-20241023092659

package/dist/components/kup-autocomplete2.js

@@ -1,5 +1,5 @@
 import { h, getAssetPath, Fragment, proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, forceUpdate, Host } from '@stencil/core/internal/client';
-import { c as KupThemeIconValues, d as KupLanguageGeneric, e as editableTypes, f as kupTypes, b as KupThemeColorValues, F as FCellTypes, R as RADAdapter, h as KupTagNames, i as FCellShapes, j as fullWidthFieldsComps, l as FCellClasses, m as autoCenterComps, n as getCellValueForDisplay, o as FCellEvents, p as KupDebugCategory, q as FCellPadding, k as kupManagerInstance, r as fillString, t as KupCardBuiltInClockElements, u as KupCardCSSClasses, v as KupLanguageTotals, w as KupLanguageColumn, x as KupDataNewColumnTypes, y as KupCardSubEvents, z as KupCardIds, A as KupLanguageRow, B as getColumnByName, C as KupObjects, D as formatToNumber, E as Filters, G as FilterInterval, H as getValueForDisplay, I as getValueForDisplay2, J as KupData, L as compareCell, T as TotalMode, M as CMBandACPAdapter, N as CHKAdapter, O as CHIAdapter, S as SWTAdapter, P as SortMode, Q as GroupLabelDisplayMode, U as SelectionMode, V as KupDynamicPositionPlacement, W as KupLanguageGrouping, X as KupLanguageCheckbox, Y as KupLanguageSearch, Z as KupLanguagePage, a as KupComponentSizing, _ as addColumnValueFromRow, $ as KupGlobalFilterMode, g as getProps, s as setProps, a0 as TotalLabel, a1 as KupPointerEventTypes, a2 as kupDynamicPositionAttribute, a3 as KupCardFamily, a4 as identify, a5 as LoadMoreMode, a6 as PaginatorPos, a7 as ShowGrid, a8 as kupDraggableColumnAttr, a9 as kupDragActiveAttr, aa as KupDragEffect, ab as kupDraggableCellAttr, ac as KupDropEventTypes, ad as FixedCellsClasses, ae as FixedCellsCSSVarsBase, af as KupLanguageFontsize, ag as KupLanguageDensity, ah as KupLanguageGrid, ai as KupDataTableProps, aj as DataTableAreasEnum, ak as iconColumn, al as keyColumn, am as fieldColumn, an as KupCardProps } from './kup-manager.js';
+import { c as KupThemeIconValues, d as KupLanguageGeneric, e as editableTypes, f as kupTypes, b as KupThemeColorValues, F as FCellTypes, R as RADAdapter, C as CMBandACPAdapter, h as KupTagNames, i as FCellShapes, j as fullWidthFieldsComps, l as FCellClasses, m as autoCenterComps, n as getCellValueForDisplay, o as FCellEvents, p as KupDebugCategory, q as FCellPadding, k as kupManagerInstance, r as fillString, t as KupCardBuiltInClockElements, u as KupCardCSSClasses, v as KupLanguageTotals, w as KupLanguageColumn, x as KupDataNewColumnTypes, y as KupCardSubEvents, z as KupCardIds, A as KupLanguageRow, B as getColumnByName, D as KupObjects, E as formatToNumber, G as Filters, H as FilterInterval, I as getValueForDisplay, J as getValueForDisplay2, L as KupData, M as compareCell, T as TotalMode, N as CHKAdapter, O as CHIAdapter, S as SWTAdapter, P as SortMode, Q as GroupLabelDisplayMode, U as SelectionMode, V as KupDynamicPositionPlacement, W as KupLanguageGrouping, X as KupLanguageCheckbox, Y as KupLanguageSearch, Z as KupLanguagePage, a as KupComponentSizing, _ as addColumnValueFromRow, $ as KupGlobalFilterMode, g as getProps, s as setProps, a0 as TotalLabel, a1 as KupPointerEventTypes, a2 as kupDynamicPositionAttribute, a3 as KupCardFamily, a4 as identify, a5 as LoadMoreMode, a6 as PaginatorPos, a7 as ShowGrid, a8 as kupDraggableColumnAttr, a9 as kupDragActiveAttr, aa as KupDragEffect, ab as kupDraggableCellAttr, ac as KupDropEventTypes, ad as FixedCellsClasses, ae as FixedCellsCSSVarsBase, af as KupLanguageFontsize, ag as KupLanguageDensity, ah as KupLanguageGrid, ai as KupDataTableProps, aj as DataTableAreasEnum, ak as iconColumn, al as keyColumn, am as fieldColumn, an as KupCardProps } from './kup-manager.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates.js';
 
 /**
@@ -5009,6 +5009,7 @@ const mapData = (cell, col) => {
     const cellType = dom$g.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.RADIO, MainRADAdapter.bind(undefined)],
+        [FCellTypes.AUTOCOMPLETE, MainCMBandACPAdapter.bind(undefined)],
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter
@@ -5018,6 +5019,68 @@ const mapData = (cell, col) => {
 const MainRADAdapter = (options, _fieldLabel, currentValue) => {
     return RADAdapter(currentValue, options);
 };
+const MainCMBandACPAdapter = (rawOptions, fieldLabel, currentValue) => {
+    const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
+    configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(rawOptions, currentValue);
+    return configCMandACP;
+};
+const optionsTreeComboAdapter = (options, currentValue) => {
+    const adapter = optionsAdapterMap.get(options.type);
+    if (adapter) {
+        return adapter(options, currentValue);
+    }
+    else {
+        return options.map((option) => ({
+            value: option.label,
+            id: option.id,
+            selected: currentValue === option.id,
+        }));
+    }
+};
+const treeOptionsNodeAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.content.codice,
+            value: child.content.testo,
+            selected: currentValue === child.content.codice,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? treeOptionsNodeAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const dataTreeOptionsChildrenAdapter = (options, currentValue) => {
+    return options.children.map((child) => {
+        var _a;
+        return ({
+            id: child.obj.k,
+            value: child.value,
+            selected: currentValue === child.obj.k,
+            children: ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)
+                ? dataTreeOptionsChildrenAdapter(child, currentValue)
+                : [],
+        });
+    });
+};
+const tableOptionsAdapter = (options, currentValue) => {
+    return options.rows.map((row) => {
+        var _a;
+        const cells = row.fields || row.cells;
+        const [id, value] = Object.keys(cells);
+        return {
+            id: cells[id].value,
+            value: ((_a = cells[value]) === null || _a === void 0 ? void 0 : _a.value) || cells[id].value,
+            selected: currentValue === cells[id].value,
+        };
+    });
+};
+const optionsAdapterMap = new Map([
+    ['SmeupTreeNode', treeOptionsNodeAdapter.bind(undefined)],
+    ['SmeupDataTree', dataTreeOptionsChildrenAdapter.bind(undefined)],
+    ['SmeupTable', tableOptionsAdapter.bind(undefined)],
+    ['SmeupDataTable', tableOptionsAdapter.bind(undefined)],
+]);
 function setCellSize(cellType, subcomponentProps, cell, props) {
     var _a;
     switch (cellType) {
@@ -15896,7 +15959,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '70c7972f060076e31a99ca1612f9cdfbc375168c' }, h("style", { key: '4d71d7149ed02fc4661b5c79ea0f8c33144043fb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '034363fd3d95a6e285950eb16b2087c6fe07272e', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: '6260c0d9c13cfd62da421d7d2c5881fd6ec49464' }, h("style", { key: 'dfd997d65b24643d36a05939a4cea72296602686' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '473ab1cb2b8786bdff3e182b4c03dc371d2c5d72', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -17424,7 +17487,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends HTMLE
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'faaffe5ea3f9eddbe4d444363d0693473b1bda48' }, h("style", { key: '0a59333017e858ce8504ec3a222d5996e63e1a49' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'c6bad561573ece8513000de9988f30b00471b6e5', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '61a88d5b87204b57fe1e39d2d1692010044cbbf7' }, props)))));
+        return (h(Host, { key: '2a283dcfc9336fc1bd68b0f24c5798e237031a46' }, h("style", { key: 'ea3af2a94e3759b00cbf0c94f8f47fdcb1d8a6fa' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7065790828b8ff7a8071064f8b01e699c4ef4de6', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '04610ede1c5e85765ed3d2075c708fdcc069e559' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17682,59 +17745,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: 'a99e44566253e408f1333ed06dc463bcbe7bedf3', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'db43db1b820b76e54225ef66a8c1db5393cc945a', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd2835cbfed703ddb692617b4bfef410e6f2c4587', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'c927a17352c1bdc82165f0e1ec7a0a43246ffea1', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'ae079b0bb82f9372ed472fb405a9e6112187707f', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '91311153beee00638d163d4e875d48f5b2e3e6d5', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '03f69268dbc94cd5590dfcc956a087fc0cb533cb', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '2a56a6a1a2f88ce8ddf5bf6e30b4f469e8f42c0e', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '650c4788e7ab9b3af52d32bce052f2ef760d3b32', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '86fa8756fa1ef148e9ffadd5afddc6a5498e3767', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '5905d2ad1382f066091a569e153b8fdfcc8ca1ea', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'e760968ddbddc15d3260baa12a4a50e11547a088', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'f706be82bd62d2b3b5295ff435c10078d920b328', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'c6d99483d7c51dcc301781a19458761c5679d2cb', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '512883f2c7600fc2eb6b647746391f49007bac47', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: '072fdd1032d6593cc85bcc811b6dff097cf4aca8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '83489650fe6cf8c6a8cf59f2f9d9beed78326ae0', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'cf89faa86f77cefb54034ea1efbda98c05e8da2e', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '7760e02bfee996f55a1d335f8c130e39201df952', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '657b89e925ce3b1c204a71f8eb36f45f777e8f79', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: 'b8a211c8229ddce60ab781fb29d1903189c4006b', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'f47a979d09056bb764d02bd1a8a35a6a8496a73e', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '884edb1ed597f7ca757e0f3f9729a5eb5e181aab', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '0d39ce7d8dc84c4fa511625afa079f67c42d5152', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '0d067630f107d1f16b6c8d3948cb87afdca74ac0', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'b1baa16dd98e6eae72b8c9b6eb7d2e0984b36395', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '960f8e437c0639c8ebbade1004bde66b5ddcc135', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '0b34220002680bc0008c26fd5c0ce0a25e76873e', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'b8172f983946e8c4d3785e63ed5be4b88ba4a995', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: '392c061a0a55d58e0729cf59be56b2f817749fcf', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '5df76c393eba908bddd9fa8e040edaedca46ca3b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: 'fb35482330dae2e76b4d90b3b8ec6f1f223c6a08', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '79ee056d0fe9da3ef9591dc6def08dc533e10def', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '604b70999a746e757a979f64cf846d1c7f09ef74', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '3be99d3b8f3cb434c3420799f894d179137cbc23', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: '2ad6f88294d3ec4b340791bf2160ff692e1de686', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '7a17328e0876ac401a87f945501dad767899ceb8', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: '50b1b5398019c4d0ad32d4c91df4ed226e7d5504', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: 'fe98b117256e2dbdd19a0db3d99a602be64917e6', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: 'bd4d5345e1733484bf24d2711e3b9d8f71bb9176', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: '83bbe8b61040c03b0b428e5594f00e610fbfaec1', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '70b5eb524f0abf0f1970ce60ddfa821bb55dd199', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'a15f30e039088378050384e62add5fd8571c3c81', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: '694a9c3eb3b106801d88bfe5af043f4e86d43d63', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'eda5650695c418e38f6df8b42932df5af7eb9cad', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '098a6a6ff60b5bfb86fa3ec2489d2bee6c8978e3', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e91b94dbf60558b278754fd0600f2f1bf2e8d879', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a73c4ec55c74b8931209cd4bfd9b2513149b505c', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e1620327ce5b5b85c692279d5f9246fa5143f5d9', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '58beca7137e443c3334bbeb902ffb80bd5f3ca84', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '162ab359eb7beb01728fb2460955308ec0157ec7', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '05cd68158beaf8a616533fb0afd1160d363c0b54', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a02ce9b4bbf0dbdf4d13899b7d6451259c2d37f6', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a420412e17f4b9e045c67064103bd4ec089c5cbc', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: '5e250f3030ef1731aae187fc91ff52c6fc6063e6', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e33a1aadc9ca44e086df176bea4d4d73968c74c4', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: 'd2b8a81da186f7bcdb3fafc70a269fe74c71d3cb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: '5083f7cbcde58aa23c056be2e7d9ca90133bf0c2', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: '0d07dbca7fd909387b4b6fdf96d0a3b58503da4b', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: '16aa7c003b4e5832c5f1d5100ba3eb94118873b7', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bece4a2a01f402b977bbd721f05519f990bf639c', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '338a151528e70598f7135a7c3eb9b11a8d4e247f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e023a8edb908682869d1f00dbd6e4b444f746039', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: '90f319c942cd6532dc8a8115197dda275d8a046b', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '2c3a5b98dc0fc7d6e8d42b102c793cd14711c6e4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '0b00adfa5e9b64d7fb6ac8926244b1139fe6bd07', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -17753,7 +17816,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'aed6c2e6bfeaa6b9fd1a5d1524ae076b480b8790', style: elStyle }, h("style", { key: '525a08ad565c9dbb5aff4b454b2fc831c2845ed2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '81945c8d8c9cf16480b7536de1f306b4b62582ae', id: componentWrapperId, style: elStyle }, h("div", { key: '16548329d5e68fdf4f60712341885e934f1de10a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '056a41679fc5de2f827408dbbb5c38ccdc8d1330', id: wrapperClass, style: elStyle }, h("div", { key: '7fc61bd8a7e374b46673623250edb2c6d296426d', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '0fa5b79a3f35a6c98cb230e422df6c70fa63d2b4', style: elStyle }, h("style", { key: '8df76bd7160566e02bd1402a298bf1a696ddb7d7' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '93501e0201a73d2262cff2cfd3959e8fb040ad22', id: componentWrapperId, style: elStyle }, h("div", { key: '5a781c28723f570879ec811eb4d609e21dcf146d', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'e8da0c72289b2e16edb88d059fba5f67bfdc53a8', id: wrapperClass, style: elStyle }, h("div", { key: 'cfc3d0f8ea6e626b2f641797205674fd869e82dc', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18007,7 +18070,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLE
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: '472f83b32ab41f695ab250c659d7bb3a0d3d5888' }, h("style", { key: 'a89bb9a89bf77d62d7393232bd007e464c47231d' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'e83a22910749396a2752eb1624f75e5b1b18d843', id: componentWrapperId }, h(FRating, Object.assign({ key: 'cd3a38a7472d277df642345e889d1f6916c43c75' }, props)))));
+        return (h(Host, { key: '19e163cf4af6870a39a4c76d0434a6ee1791d464' }, h("style", { key: '762429d33eabfd6266f2cb8778e6191efbbce002' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '48fed62d8fea255be84318e7c36012eea36493d5', id: componentWrapperId }, h(FRating, Object.assign({ key: '52b3a141cc5f6e71aefb4008233e30dba9476719' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18266,7 +18329,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h(Host, { key: '897a29c4dca3e4739ad68cc7907993b1a7809fb5' }, h("style", { key: '6c5da569d83b814ff978e4884db1858532b42d34' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3bf3161d02156be2ecd555ce77c6ed379596a387', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'c72d1174554dd59fd620020deabdba54582f61bc' }, props)))));
+        return (h(Host, { key: '2c70fb4cd49a7f141df8ae364f4e3f36788acf36' }, h("style", { key: '02dcd05dc9b99595282cb45264e44e97eaf09f0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'ab83e686ee6f4e8c1f39a14665b6907332950295', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: 'df1622e0bfe127faba5f80798fd3c9ca000bbb27' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -20440,7 +20503,7 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends HTMLE
             '--kup_dialog_height': this.sizeY ? this.sizeY : 'auto',
             '--kup_dialog_width': this.sizeX ? this.sizeX : 'auto',
         };
-        return (h(Host, { key: 'e9417de4359bdda45ce89bac977b06af22dd7ed1', "fade-in": true, style: style }, h("style", { key: 'c8872646ef560a08041f4073196e18ba3c3a8046' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e76bbe6f8ae05df0441b341af3d9eaa0c264aee3', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: '6308342a24d3b987b14e341267174b584885d204', class: "content" }, h("slot", { key: 'ba7c863e7f092b5aafbbbaaa067b0f0a7bba2412' })))));
+        return (h(Host, { key: '4f74b02d375c0ed0bdae000e98d34f62f6f52501', "fade-in": true, style: style }, h("style", { key: '42a84bac7c78d2810ea5247340fd80ba53e35b6a' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '037d928dd1d5931a5995cf2a838b7d6a4dacae30', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : null, h("div", { key: '007d7c592754925335bca87dbff8c104de64f424', class: "content" }, h("slot", { key: '830977e967e8e7c0be4c43151908220e9ab929dd' })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -20988,7 +21051,7 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '031101785e45244b758d67bc64fe35b4ca8d81e4' }, h("style", { key: '0321b1fb8efa28c746781bf7e0a22cbee8e5794f' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7206f34bd8ea947b66714fdd62cbb5f7a8598838', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h(Host, { key: 'e10406fb95cbc5a21623a51f5923a5cc40e97891' }, h("style", { key: '952b82ef56dc9af82091dc246faabfc01845bc35' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4434afab90e310e7d57b309fc5abcebdc3d4c7d5', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -21599,7 +21662,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends HTMLEleme
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -21610,7 +21673,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends HTMLEleme
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -26168,7 +26231,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(Host, { key: '522bd7c90d16513aaa9eb28ccda4de8b253c68cc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'caa2689a7e53b785b949e17ea5944d1dcf82af31' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '433a896159c9e37d6e0055f63190686cc5a0db70', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '5412e90b106813a4d2e295aa38aa4c5d05ba63ff' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: 'de007180b154c7ae618be30c4cc7be6f64a4322c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'de3eef86b2f543754b9ec52a28abebbb01182509' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '39bacb8762a7d4697f841b0620bca6a1cc3e2002', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '6ebe27626e839be8d249fafdfbe4d6ee6618fece' }, 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.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -26644,7 +26707,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -26654,7 +26717,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h(Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, h("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: componentWrapperId }, widget)));
+        return (h(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -27017,13 +27080,13 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends HTMLEleme
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "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);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: '4b6d0bf20da0a022d4e3b1bfb7f46077d0b9311e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fbcd955d025dc2a46af83e845ff5547437aa9517', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '7dc37ecbf9bf870abd6b095abc36b46d41abc98b', name: "field" }))));
+            } }, h("style", { key: 'a9c2bec738240a0e281a5b5901307c072794dd0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '9bdd7db8c5130175a4f4315203827ccfce8ae74c', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'b6669cc2db3989ce563a5b70f31a246756ebe816', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -27361,7 +27424,7 @@ const KupCheckbox = /*@__PURE__*/ proxyCustomElement(class KupCheckbox extends H
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '49e622bc2765eb035a4fc7fb3bb74a4d14139814' }, h("style", { key: '84449423404feca3fbd75a958ce27966ce9df264' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '344301e2e5177f969fe51753e10096af5cd266d3', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '698c12b5ee7e07487fd571610923e468ca962113' }, props)))));
+        return (h(Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, h("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: componentWrapperId }, h(FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);