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

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, 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, R as RADAdapter, 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, 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 KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates.js';
 
 /**
@@ -4882,6 +4882,7 @@ const dom$g = document.documentElement;
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
 const FCell = (props, children) => {
+    var _a;
     const cell = props.cell;
     const column = props.column;
     const row = props.row;
@@ -4901,6 +4902,9 @@ const FCell = (props, children) => {
         isEditable = column.isEditable;
     }
     isEditable = isEditable && props.editable;
+    if (cell.options) {
+        cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
+    }
     const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
     const cellType = dom$g.ketchup.data.cell.getType(cell, shape);
     const subcomponentProps = Object.assign({}, cell.data);
@@ -4995,6 +4999,25 @@ const FCell = (props, children) => {
                 ? children
                 : [props.indents, infoEl, icon, content])));
 };
+const mapData = (cell, col) => {
+    if (!cell) {
+        return null;
+    }
+    const options = cell.options;
+    const fieldLabel = col.title;
+    const currentValue = cell.value;
+    const cellType = dom$g.ketchup.data.cell.getType(cell, cell.shape);
+    const dataAdapterMap = new Map([
+        [FCellTypes.RADIO, MainRADAdapter.bind(undefined)],
+    ]);
+    const adapter = dataAdapterMap.get(cellType);
+    return adapter
+        ? adapter(options, fieldLabel, currentValue, cell, col.name)
+        : null;
+};
+const MainRADAdapter = (options, _fieldLabel, currentValue) => {
+    return RADAdapter(currentValue, options);
+};
 function setCellSize(cellType, subcomponentProps, cell, props) {
     var _a;
     switch (cellType) {
@@ -5163,6 +5186,8 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             return (h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.TIME:
             return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+        case FCellTypes.OBJECT:
+            return (h(FTextField, Object.assign({ icon: 'table' }, cell.data, { disabled: false, onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
         case FCellTypes.NUMBER:
             classObj[FCellClasses.C_RIGHT_ALIGNED] = true;
         case FCellTypes.LINK:
@@ -5302,6 +5327,8 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
             return h(FRadio, Object.assign({}, subcomponentProps));
         case FCellTypes.RATING:
             return h(FRating, Object.assign({}, subcomponentProps, { disabled: true }));
+        case FCellTypes.OBJECT:
+            return (h(FTextField, Object.assign({ icon: 'table' }, subcomponentProps, { disabled: true })));
     }
 }
 function setDefaults(cellType, cell) {
@@ -15869,7 +15896,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: 'f87fdf8f8638f7f75dd5bc5f3cc67acddf30972e' }, h("style", { key: '6d393b2ab39ec255e7aeea9074e527fce3b043a2' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b7c5706e2894f218bcb27f5fb63be94ce9a4094c', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        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()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -17397,7 +17424,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends HTMLE
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: '5447820fb19f5a680dfcff7b3c99161260eb1231' }, h("style", { key: '8ae94eb7a3e6b898f1411e964c82500ca504318a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '92d0b8bd82c537ef4cfa0a59bdd904d93732fbe9', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '0659ccebffac77791cee6eb8c044c9cdce708c84' }, props)))));
+        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)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17655,59 +17682,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: '319748b1e89ed9ca97753b731739501c831eedc7', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'e5a6989bd7271d98ba67804d9ebb6795d21fc83b', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'f68f6b9329f5cae26f86822ef042ca0d4d6655ff', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '8cae8a10801ebe54b7ee7073c11cfa386b238315', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '3f99a040afaf04bf5604c7e8d330283741061aab', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'a30ea5864ac810e89087fe818e3b747d92548dfe', class: "sk-spinner-v7-dot" }),
+                    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" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: 'a67e65cdcb6a4f116b780aafce5ee9237851b5ec', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: 'df40c7cd01fcb634e90116e538fd69d25ff0904f', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: 'f706be82bd62d2b3b5295ff435c10078d920b328', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'c6d99483d7c51dcc301781a19458761c5679d2cb', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: '272293caeb06ad0249ca81e13aa2e499da470c4e', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'a3dab461bf324d6efe7b5e93c44f84fc9ae42b8e', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '83489650fe6cf8c6a8cf59f2f9d9beed78326ae0', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: 'cf89faa86f77cefb54034ea1efbda98c05e8da2e', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: 'e5f099e08b40f8761110dcb75b9581b881b675cd', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: '4662ce0cbf915710cc1ccec88258e9d7a53d1259', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: 'b8a211c8229ddce60ab781fb29d1903189c4006b', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: 'f47a979d09056bb764d02bd1a8a35a6a8496a73e', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '06e2b69e4e6c4ad6bd6ef2badc65e6439fdf5338', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: 'ed5f65bc6f2b01e1336f718a64a996dd18b9662f', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: '1607009ed6abfb69f65ea45b9e226c607e4bbdd4', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '57246423f90b72901b7757b3ec977bb8e6d2eb79', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'edc1a08550d6a6b03aa16f43b5eedf172985482a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: 'b16472b5f045b46b6afdc73a0017df3f1e1cd9c8', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: '4500286f354714f3f4b7a47e0b1c7d4745657f33', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '7db58743d8d1467f0b7ca80d909b9d4d3e3faf45', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '35d8cf63ae232587895655b57cb129d090e4bff3', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    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" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: 'dd141c7e4f1fdb4fc6fa3d7089f8536444624035', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c4d7de60dc0060c8b00d8b65a86665f25356bc4f', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: 'bae95b0d673831db4e29c7a8d0e35b51d9624beb', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '2c86c4bc9d624fb72adec1f81dd8a7c8eb060eb6', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '9d02363fc2017e91e7adacf8d2f962fd0c997e9a', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: 'a81b258e7c0a60af6a849a01aef4d09121eb6098', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '902a328174764556fece93001fca0dc298f49128', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '894373a35174127ddd30be87ea9b7d6b8f33bb66', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: 'ec0e4c7d9b4a60cf119e22e7078d9bb2368c7256', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: '338890e7439a1e79564a22cd66966d6a43380459', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: '150ced721abd08e0a7fc936fedf407f36324770b', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: 'b9a29bd00dbcbc7f6d9eff5f470c50863c8eebce', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    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" }),
                 ];
             }
         }
@@ -17726,7 +17753,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends HTM
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'adbcca1c8880afe2caa33ec08393ba7affbbcb18', style: elStyle }, h("style", { key: 'cf79ff4fa4d59088ecbccd4ada6d74c5e350c3a8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '620dc3a0ef88b1bef1ba51f3a7d33669838ec387', id: componentWrapperId, style: elStyle }, h("div", { key: '10335d681f979b5af2deb56efc65dab3bdeb042a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'd756e0a0921f5cefc3a0e151c41ff6a94cea9763', id: wrapperClass, style: elStyle }, h("div", { key: '8c8d1a2e8ef8630eb7156741d806217544bd114f', class: spinnerClass }, spinnerEl))))));
+        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))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17980,7 +18007,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends HTMLE
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: '2adee9cf902e449ee58dc7b35533cea176c0ab0e' }, h("style", { key: '197c45321da783719490d8080219b983c3c57a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3f6177fdfafa5177bab3b746da259851b1e21f18', id: componentWrapperId }, h(FRating, Object.assign({ key: '10eda3b2e76468b06f0fb002d534c9007054117a' }, props)))));
+        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)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18239,7 +18266,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h(Host, { key: 'e3c06e76ae0949ef35813b14a4d4b43784319808' }, h("style", { key: '6e289ac4babad7764256a5e8ba29b3b4d5634a99' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '42c5b25815ccfafd9cb8ea6767eeb60c14a1d6d4', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '313fb6a64d5408fad824feea27ffc400022b6fc1' }, props)))));
+        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)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -20413,7 +20440,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: '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' })))));
+        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' })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -20961,7 +20988,7 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        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()))));
+        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()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -21572,7 +21599,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends HTMLEleme
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -21583,7 +21610,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends HTMLEleme
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -26141,7 +26168,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: '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
+        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
                 ? 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)));
     }
@@ -26617,7 +26644,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -26627,7 +26654,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
+        return (h(Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, h("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -26990,13 +27017,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: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "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: '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" }))));
+            } }, 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" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -27334,7 +27361,7 @@ const KupCheckbox = /*@__PURE__*/ proxyCustomElement(class KupCheckbox extends H
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        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)))));
+        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)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);