@sme.up/ketchup 11.0.0-SNAPSHOT-20250304084455 → 11.0.0-SNAPSHOT-20250304101532

package/dist/esm/kup-autocomplete_29.entry.js

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupLanguageSearch, u as KupCardFamily, v as KupCardProps, w as getColumnByName, x as formatToNumber, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, D as Filters, E as getValueForDisplay, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as KupLanguageUpload, aa as FCellTypes, ab as KupListRole, ac as KupListProps, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-2cf94be2.js';
-import { F as FTextField } from './f-text-field-caef463f.js';
+import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupLanguageSearch, u as KupCardFamily, v as KupCardProps, w as getColumnByName, x as formatToNumber, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, D as Filters, E as getValueForDisplay, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as KupLanguageUpload, aa as FCellTypes, ab as KupListRole, ac as KupListProps, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-12a6fbac.js';
+import { F as FTextField } from './f-text-field-90415eb0.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
+import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-03456661.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 import { F as FButton } from './f-button-365673bb.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-bb40a68f.js';
+import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-4a9e9143.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-da19044e.js';
-import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-e1c5f820.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-0cb9e65d.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-d3a189e5.js';
-import './f-object-field-679ee903.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-f31401da.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-08092423.js';
+import './f-object-field-6f62d1eb.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -36,137 +36,6 @@ var KupAutocompleteProps;
     KupAutocompleteProps["showMarker"] = "When true shows a small marker on the component";
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));
 
-function getIdOfItemByDisplayMode(item, mode, separator) {
-    const { id, value } = item;
-    if (id == null && value) {
-        return value;
-    }
-    if (id && value == null) {
-        return id;
-    }
-    switch (mode) {
-        case ItemsDisplayMode.CODE:
-            return id;
-        case ItemsDisplayMode.DESCRIPTION:
-            return value;
-        case ItemsDisplayMode.CODE_AND_DESC:
-        case ItemsDisplayMode.CODE_AND_DESC_ALIAS:
-            return id && value ? id + separator + value : id || value;
-        case ItemsDisplayMode.DESC_AND_CODE:
-            return value && id ? value + separator + id : value || id;
-        default:
-            return id;
-    }
-}
-function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
-    const validList = !!(listEl && listData && listData['data']);
-    let id = '';
-    let displayedValue = '';
-    let selected = null;
-    if (e != null) {
-        selected = e.detail.selected;
-    }
-    if (selected == null && idIn != null && validList) {
-        selected = getItemByDisplayMode(listData, idIn, displayMode, true);
-        listEl.data = [...listData['data']];
-    }
-    if (selected == null && idIn == null && listData) {
-        selected = getFirstItemSelected(listData);
-    }
-    let trueValue = null;
-    if (selected == null) {
-        selected = {
-            id: idIn == null ? '' : idIn,
-            value: idIn == null ? '' : idIn,
-        };
-        id = selected.id;
-        displayedValue = selected.id;
-        trueValue = selected.id;
-    }
-    else {
-        id = getIdOfItemByDisplayMode(selected, selectMode, ' - ');
-        displayedValue = getIdOfItemByDisplayMode(selected, id == '' ? ItemsDisplayMode.DESCRIPTION : displayMode, ' - ');
-        trueValue = getIdOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
-    }
-    const listNode = validList
-        ? listData['data'].find((x) => x.id === trueValue)
-        : null;
-    let exists = listNode ? true : false;
-    return {
-        value: id,
-        displayedValue: displayedValue,
-        node: listNode,
-        exists: exists,
-    };
-}
-function getFirstItemSelected(listData) {
-    if (listData['data']) {
-        for (let i = 0; i < listData['data'].length; i++) {
-            if (listData['data'][i].selected) {
-                return listData['data'][i];
-            }
-        }
-    }
-    return null;
-}
-function getItemById(listData, id, setSelected) {
-    if (listData && listData['data']) {
-        let found = false;
-        let item = null;
-        for (let i = 0; i < listData['data'].length; i++) {
-            if (setSelected == true) {
-                listData['data'][i].selected = false;
-            }
-            if (!found &&
-                listData['data'][i].id.toString().toLowerCase() ==
-                    id.toString().toLowerCase()) {
-                item = listData['data'][i];
-                item.selected = true;
-                found = true;
-            }
-        }
-        if (found == true) {
-            return item;
-        }
-        for (let i = 0; i < listData['data'].length; i++) {
-            if (listData['data'][i].value.toString().toLowerCase() ==
-                id.toString().toLowerCase()) {
-                item = listData['data'][i];
-                item.selected = true;
-                found = true;
-                break;
-            }
-        }
-        if (found == true) {
-            return item;
-        }
-    }
-    return null;
-}
-function getItemByDisplayMode(listData, id, displayMode, setSelected) {
-    if (listData && listData['data']) {
-        let found = false;
-        let item = null;
-        for (let i = 0; i < listData['data'].length; i++) {
-            let displayedValue = getIdOfItemByDisplayMode(listData['data'][i], id == '' ? ItemsDisplayMode.DESCRIPTION : displayMode, ' - ');
-            if (setSelected == true) {
-                listData['data'][i].selected = false;
-            }
-            if (!found &&
-                displayedValue.toString().toLowerCase() ==
-                    id.toString().toLowerCase()) {
-                item = listData['data'][i];
-                item.selected = true;
-                found = true;
-            }
-        }
-        if (found == true) {
-            return item;
-        }
-    }
-    return getItemById(listData, id, setSelected);
-}
-
 const kupAutocompleteCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;width:max-content}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-50-rgb)}";
 const KupAutocompleteStyle0 = kupAutocompleteCss;
 
@@ -219,6 +88,7 @@ const KupAutocomplete = class {
         this.data = undefined;
         this.disabled = false;
         this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.listDisplayMode = ItemsDisplayMode.DESCRIPTION;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -506,7 +376,7 @@ const KupAutocomplete = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'b9dcafc9778173a331b9ed121c265da27fc83807', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'b363b4026b94d14c0fd48612af5a94ac180bbe71' }, __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '71af474a92617f8862ead85bd69796539afc4ddf', id: componentWrapperId, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '1d7486308b4a09a3a4eb39e9baf4d8fceb2e4a65' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: '7577f0a619a0487b8f00dc33ad5ceff3cbea32a3', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'ce567026914bb259e6da13a041c5e0923e044c38' }, __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '53ff86d1f1000d7aa3a807f5fb456cb823c30bb5', id: componentWrapperId, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '558f0f16a28d3e106687b59a431371ea495bae61' }, 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.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet$a(this, _KupAutocomplete_inputTimeout, "f"));
@@ -585,11 +455,7 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    var _a;
-    const displayModeForList = ((_a = this.data['kup-list'].options) === null || _a === void 0 ? void 0 : _a.length) === 1
-        ? ItemsDisplayMode.CODE
-        : ItemsDisplayMode.CODE_AND_DESC;
-    return (h("kup-list", Object.assign({ displayMode: displayModeForList }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$5(this, _KupAutocomplete_listEl, el, "f")) })));
+    return (h("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$5(this, _KupAutocomplete_listEl, el, "f")) })));
 }, _KupAutocomplete_calcSize = function _KupAutocomplete_calcSize() {
     var _a, _b;
     // Explicitly setting size from sub-components props, if present
@@ -7076,6 +6942,7 @@ const KupChip = class {
         this.customStyle = '';
         this.data = [];
         this.enableInput = false;
+        this.disabled = false;
         this.type = FChipType.STANDARD;
         this.sizing = FChipSize.SMALL;
         this.styling = FChipStyling.RAISED;
@@ -7228,6 +7095,7 @@ const KupChip = class {
             warning: this.rootElement.classList.contains('kup-warning')
                 ? true
                 : false,
+            disabled: this.disabled,
         };
         for (let j = 0; this.data && j < this.data.length; j++) {
             props.onBlur.push((chip) => this.onKupBlur(chip));
@@ -7242,13 +7110,13 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '9cd0c033b3ac04d391d02c92f87225a61a2a70e8', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '533a5f181eeb49228d98620d317fa994f5a8f9d6', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: 'df4a044277cdde23fd186e139dc3901c142dff71' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd895cd93ae064232c9fe6d8faba1fbf09a1b99a5', id: componentWrapperId }, this.label ? (h("div", { class: "mdc-text-field__label-container" }, h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '0994bd4975bfd0dd12efde12f7cc7e63e180a61c', name: "field" }))));
+            } }, h("style", { key: 'ec7e8e382857042e9c3860f57406f29a762f15b1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '157ff6221c5470dfd8abd8d2e512f0577bb863e4', id: componentWrapperId }, this.label ? (h("div", { class: "mdc-text-field__label-container" }, h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '885d6b61a1540805d593d9c1a7e8cf6dfc7b903a', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7646,6 +7514,7 @@ const KupCombobox = class {
         this.data = undefined;
         this.disabled = false;
         this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.listDisplayMode = ItemsDisplayMode.DESCRIPTION;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -7907,7 +7776,7 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'a2da35eaa1b7925b502aca7158c39bf0fcab1710', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'c5ad52389a102e2642dc99338b7d5ae4d015544b' }, __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '8049da077963399045499e87b37faf49bb559394', id: componentWrapperId, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '8f9816850ec658cfe634cecc8ebbf45eb42fad77' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: '7a79e1f9225b8e7c6333e23cf661e866b561be5b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h("style", { key: '1c6ccb9f133f50b27fac94d7372d97b6be9d7087' }, __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5f89a091c92a2483ae68883a022ace37e815bf99', id: componentWrapperId, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'ac79467e90eeb6d3b0f6dae5277e2364e7143ca6' }, 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() }))), __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -7982,7 +7851,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (h("kup-list", Object.assign({ displayMode: ItemsDisplayMode.CODE_AND_DESC }, this.data['kup-list'], { "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$4(this, _KupCombobox_listEl, el, "f")) })));
+    return (h("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$4(this, _KupCombobox_listEl, el, "f")) })));
 };
 KupCombobox.style = KupComboboxStyle0;
 
@@ -9009,6 +8878,10 @@ const KupDataTable = class {
                     ? [...state.visibleColumns]
                     : undefined;
             }
+            else {
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Persisting initial stateId ' + this.stateId);
+                this.store.persistState(this.stateId, this.state);
+            }
         }
     }
     persistState() {
@@ -10110,7 +9983,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '44aa2662a98a9af4ea08d8ebf142ee069aa8c651', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '0761eba2a9e617c3e70e795dffd45b97037703ee', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '3b935ea885faeb04c873641dd44e687fef08291c', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '3d2443a3b942c6c7c448aee0b08d294e24a6583c', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10175,7 +10048,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: 'f2c04641aab53ecea3cfe594ea8610daa3b4f392' }, props));
+                groupChips = h(FChip, Object.assign({ key: '7cf9bb157232dd49ff9c5353f8e8818eeb657747' }, props));
             }
         }
         const tableClass = {
@@ -10207,7 +10080,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '44763f547ec797aaac6402d04890cbb6bf6e7bfc', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '89cc6e76dc6eb7ef48df8c1c866a4fa864cb6715' }, h("tr-sticky", { key: '77569ed751574a2e7e3fcbccf907187ab801a7e3' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '4ebee58565a99ad333fe8829b6a00be452fc4b54', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'b1cab09c983671c10a20eed31266354544aa92b4' }, h("tr-sticky", { key: '648d8c10c2ca787f64c0bdf7d6626abc61af8832' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10253,7 +10126,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '5cac5e800667c1bca3e0e5cfe16f3bc89762b8ae', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'f0de1bf91adc23c60038a86ffcd3154cfe12132c', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10268,11 +10141,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'b93dc3a5e19a4d99ddab29c3fd6c40e26ccaa8e5' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '11c25be09e7bedd447053e81344de60aaa35e4fe', id: componentWrapperId, class: wrapClass }, h("div", { key: '6f2f0c7241daa8d717d251a8c210d381de05bad3', class: "group-wrapper" }, groupChips), h("div", { key: '959bb6fa3cea1933f10231a897c78e9dc38631bf', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '80427b3ea45b719aba58ff2fb1cbadde142c1e7b' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'e17aa2dcd81b7603123deb98d2f243d814af0882', id: componentWrapperId, class: wrapClass }, h("div", { key: 'ee5d899eb4a8cb9dee042b3641314fb4d51269d0', class: "group-wrapper" }, groupChips), h("div", { key: '95034f19273c4e2d6b2c565510ec11889e094b64', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: 'f69d2d5a4065d6cd598a08ee87d6d795c539ef75', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: '2cbf20566978467ea2c8f31d9d8083cc25caf5ef', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10322,9 +10195,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '0f11d6809cca096c210251096f703af2f83b5e29', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'fb1bc234b14babe7132fdccb58b360732c182ddf', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '214287c7959fff5e1a28f6f2ac0813891f2b3859', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'f782b61c42838bf1594caede4fee06a457cd44c1', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10333,7 +10206,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: 'cfe4951c91c36910578fa3afe393d068045f04e1', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '82d1056d837505f9ce3e3d59f3554fafa53446c0', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10341,7 +10214,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'd643e84bf3bc52eed581c812b55a132c93be848f', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'dd572d85cd18aec9c5c1b5a4c03372f7df532256' }, header)), h("tbody", { key: 'e1176e57cc39af52f69209f50653f68165bb8d1e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '4c65298c63c67ff1c14ea6e1d10fe6ca06c9833c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'bf2b2b0eef4e56a8d2254881eb884324f16ce9ef' }, header)), h("tbody", { key: '31f0156008ef84ec3d3d73f86f41d63a614878a8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }

package/dist/esm/kup-box.entry.js

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, z as identify, g as getProps, s as setProps, a5 as SortMode, w as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, U as KupPointerEventTypes, X as KupDragEffect, aD as kupDraggableAttr, Z as KupDropEventTypes, t as KupLanguageSearch } from './kup-manager-2cf94be2.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-0cb9e65d.js';
+import { k as kupManagerInstance, z as identify, g as getProps, s as setProps, a5 as SortMode, w as getColumnByName, h as KupLanguageGeneric, b as KupThemeIconValues, e as KupDebugCategory, U as KupPointerEventTypes, X as KupDragEffect, aD as kupDraggableAttr, Z as KupDropEventTypes, t as KupLanguageSearch } from './kup-manager-12a6fbac.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-f31401da.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { c as FChip } from './f-chip-e1c5f820.js';
+import { d as FChip } from './f-chip-03456661.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-bb40a68f.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-d3a189e5.js';
+import { F as FCell } from './f-cell-4a9e9143.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-08092423.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-da19044e.js';
 import './f-button-365673bb.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-object-field-679ee903.js';
-import './f-text-field-caef463f.js';
+import './f-object-field-6f62d1eb.js';
+import './f-text-field-90415eb0.js';
 import './component-a35bc7f1.js';
 
 /**

package/dist/esm/kup-calendar.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, g as getAssetPath, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, w as getColumnByName, e as KupDebugCategory } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, w as getColumnByName, e as KupDebugCategory } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-365673bb.js';
-import { c as FChip, F as FChipType } from './f-chip-e1c5f820.js';
+import { d as FChip, F as FChipType } from './f-chip-03456661.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';

package/dist/esm/kup-card-list.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupCardFamily, af as getCellValueForDisplay } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupCardFamily, af as getCellValueForDisplay } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-cell.entry.js

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, f as FCellPadding, ax as KupCellElementsPosition, g as getProps, s as setProps, X as KupDragEffect, ay as submitPositionAdapter, h as KupLanguageGeneric, az as KupCellProps } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, f as FCellPadding, ax as KupCellElementsPosition, g as getProps, s as setProps, X as KupDragEffect, ay as submitPositionAdapter, h as KupLanguageGeneric, az as KupCellProps } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-365673bb.js';
-import { F as FCell } from './f-cell-bb40a68f.js';
+import { F as FCell } from './f-cell-4a9e9143.js';
 import './kup-dates-da19044e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-e1c5f820.js';
-import './f-object-field-679ee903.js';
-import './f-text-field-caef463f.js';
+import './f-chip-03456661.js';
+import './f-object-field-6f62d1eb.js';
+import './f-text-field-90415eb0.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

package/dist/esm/kup-dashboard.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-365673bb.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FTextField } from './f-text-field-caef463f.js';
+import { F as FTextField } from './f-text-field-90415eb0.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aA as KupLanguageDashboard, h as KupLanguageGeneric, X as KupDragEffect, e as KupDebugCategory } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aA as KupLanguageDashboard, h as KupLanguageGeneric, X as KupDragEffect, e as KupDebugCategory } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';

package/dist/esm/{kup-data-table-helper-0cb9e65d.js → kup-data-table-helper-f31401da.js}

@@ -1,4 +1,4 @@
-import { D as Filters, E as getValueForDisplay, C as getValueForDisplay2, af as getCellValueForDisplay, w as getColumnByName, y as KupObjects, ag as KupData, ah as compareCell, M as TotalMode, N as getRegExpFromString, F as FCellShapes, ai as CMBandACPAdapter, aj as RADAdapter, ak as CHKAdapter, al as CHIAdapter, am as SWTAdapter, a5 as SortMode } from './kup-manager-2cf94be2.js';
+import { D as Filters, E as getValueForDisplay, C as getValueForDisplay2, af as getCellValueForDisplay, w as getColumnByName, y as KupObjects, ag as KupData, ah as compareCell, M as TotalMode, N as getRegExpFromString, F as FCellShapes, ai as CMBandACPAdapter, aj as RADAdapter, ak as CHKAdapter, al as CHIAdapter, am as SWTAdapter, a5 as SortMode } from './kup-manager-12a6fbac.js';
 import { K as KupDatesFormats } from './kup-dates-da19044e.js';
 
 /**

package/dist/esm/kup-drawer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-echart.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, d as KupThemeColorValues, e as KupDebugCategory, w as getColumnByName, o as KupDataNewColumnTypes } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, d as KupThemeColorValues, e as KupDebugCategory, w as getColumnByName, o as KupDataNewColumnTypes } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-editor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-da19044e.js';
 

package/dist/esm/kup-family-tree.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { F as FButton } from './f-button-365673bb.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, U as KupPointerEventTypes } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, U as KupPointerEventTypes } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-grid.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-htm.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';
 

package/dist/esm/kup-iframe.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory } from './kup-manager-12a6fbac.js';
 import './kup-dates-da19044e.js';
 
 /**

package/dist/esm/kup-image-list.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, U as KupPointerEventTypes, f as FCellPadding } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupLanguageGeneric, U as KupPointerEventTypes, f as FCellPadding } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 import { F as FButton } from './f-button-365673bb.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell } from './f-cell-bb40a68f.js';
+import { F as FCell } from './f-cell-4a9e9143.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import './kup-dates-da19044e.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-e1c5f820.js';
-import './f-object-field-679ee903.js';
-import './f-text-field-caef463f.js';
+import './f-chip-03456661.js';
+import './f-object-field-6f62d1eb.js';
+import './f-text-field-90415eb0.js';
 
 /**
  * Props of the kup-image-list component.

package/dist/esm/kup-input-panel.entry.js

@@ -1,16 +1,16 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-365673bb.js';
-import { F as FCell, f as FLabel } from './f-cell-bb40a68f.js';
-import { F as FCellShapes, k as kupManagerInstance, aa as FCellTypes, g as getProps, s as setProps, h as KupLanguageGeneric, af as getCellValueForDisplay, al as CHIAdapter, ai as CMBandACPAdapter, ak as CHKAdapter, aj as RADAdapter, am as SWTAdapter, e as KupDebugCategory, U as KupPointerEventTypes } from './kup-manager-2cf94be2.js';
+import { F as FCell, f as FLabel } from './f-cell-4a9e9143.js';
+import { F as FCellShapes, k as kupManagerInstance, aa as FCellTypes, g as getProps, s as setProps, h as KupLanguageGeneric, af as getCellValueForDisplay, al as CHIAdapter, ai as CMBandACPAdapter, ak as CHKAdapter, aj as RADAdapter, am as SWTAdapter, e as KupDebugCategory, U as KupPointerEventTypes } from './kup-manager-12a6fbac.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { F as FTypography, a as FTypographyType } from './f-typography-8c914ec6.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-a2ecd7c3.js';
 import './f-checkbox-5cdd1cad.js';
-import './f-chip-e1c5f820.js';
-import './f-object-field-679ee903.js';
-import './f-text-field-caef463f.js';
+import './f-chip-03456661.js';
+import './f-object-field-6f62d1eb.js';
+import './f-text-field-90415eb0.js';
 import './kup-dates-da19044e.js';
 import './component-a35bc7f1.js';
 
@@ -376,7 +376,7 @@ const KupInputPanel = class {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '2fee1b7c818fe4bfb103eeb0674636f0c5548ed8', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: 'b41fb917004957fe55dea1a6a7d9d757a5573dd9', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
@@ -384,7 +384,7 @@ const KupInputPanel = class {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '73fd65c473ceaa9955b378b9aad50d599c173948' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ef5131b18f4fc7fe878be041eab1e48bd6432dd8', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: '5164d3f4000e148690e88a7b31a98e4d0068a93e' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '57a7da363f3d548807e8c3b656ea6834ffb9a145', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -502,8 +502,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         cell,
         column,
         row,
-        component: this,
         editable: true,
+        component: this,
         renderKup: true,
         setSizes: true,
     };
@@ -885,9 +885,6 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-    if (!cell.isEditable) {
-        return null;
-    }
     if (cellType === FCellTypes.CHIP) {
         return {
             trailingIcon: true,

package/dist/esm/kup-lazy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-2cf94be2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-12a6fbac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-da19044e.js';