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

package/dist/components/{p-d7f8098a.js → p-6d8f94ab.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-0dc6d3d0.js';
+import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-1e6b3f9c.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-1581348d.js';
 
@@ -4592,6 +4592,9 @@ const FChip = (props) => {
     if (!props.type) {
         props.type = FChipType.STANDARD;
     }
+    if (!props.displayMode) {
+        props.displayMode = ItemsDisplayMode.DESCRIPTION;
+    }
     const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
     const isFilter = props.type.toLowerCase() === FChipType.FILTER;
     const isInput = props.type.toLowerCase() === FChipType.INPUT;
@@ -4624,6 +4627,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
             const indentStyle = {
                 ['--kup_chip_indent_offset']: indent.toString(),
             };
+            const isDisabled = props.disabled;
             chipGroup.push(h("div", { class: `chip-set__wrapper ${hasChildren && !showChildren
                     ? 'chip-set__wrapper--hidden-children'
                     : ''}` },
@@ -4635,7 +4639,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
                         '/' +
                         dom$h.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
                         ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "16px", sizeY: "16px", wrapperClass: "dropdown-icon" })) : null,
-                createChip(chip)));
+                createChip(chip, isDisabled)));
             if (showChildren) {
                 for (let index = 0; index < chip.children.length; index++) {
                     if (chip.children[index]) {
@@ -4644,10 +4648,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
                 }
             }
         }
-        function createChip(chip) {
-            var _a;
+        function createChip(chip, disabled) {
             const onlyIcon = !!(chip.icon && !chip.value);
-            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''}`;
+            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled && 'chip--disabled'}`;
             let iconEl = [];
             let iconClass = 'chip__icon chip__icon--leading';
             if (isFilter || isChoice) {
@@ -4676,21 +4679,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
                     h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" },
                         h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
             }
-            let chipText = '';
-            switch (props.displayMode) {
-                case ItemsDisplayMode.CODE:
-                    chipText = chip.id;
-                    break;
-                case ItemsDisplayMode.DESCRIPTION:
-                    chipText = chip.value;
-                    break;
-                case ItemsDisplayMode.CODE_AND_DESC:
-                    chipText = chip.id + ' - ' + chip.value;
-                    break;
-                default:
-                    chipText = (_a = chip.value) !== null && _a !== void 0 ? _a : chip.id;
-                    break;
-            }
+            let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
                     : null, role: "row", title: chip.title ? chip.title : '' },
@@ -5744,11 +5733,11 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             return h("kup-file-upload", Object.assign({}, cell.data));
         case FCellTypes.MULTI_AUTOCOMPLETE: {
             return (h("kup-chip", Object.assign({ displayMode: (_a = cell.data.displayMode) !== null && _a !== void 0 ? _a : ItemsDisplayMode.DESCRIPTION }, cell.data, { label: (_c = (_b = cell.slotData) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false })));
+                h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false })));
         }
         case FCellTypes.MULTI_COMBOBOX:
             return (h("kup-chip", Object.assign({ displayMode: (_l = cell.data.displayMode) !== null && _l !== void 0 ? _l : ItemsDisplayMode.DESCRIPTION }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false }))));
+                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false }))));
         case FCellTypes.RADIO:
             return (h(FRadio, Object.assign({}, cell.data, { disabled: false, onChange: (i, e) => {
                     const radioData = cell.data.data;
@@ -23752,6 +23741,10 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     ? [...state.visibleColumns]
                     : undefined;
             }
+            else {
+                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Persisting initial stateId ' + this.stateId);
+                this.store.persistState(this.stateId, this.state);
+            }
         }
     }
     persistState() {
@@ -24853,7 +24846,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '44aa2662a98a9af4ea08d8ebf142ee069aa8c651', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '0761eba2a9e617c3e70e795dffd45b97037703ee', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '3b935ea885faeb04c873641dd44e687fef08291c', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '3d2443a3b942c6c7c448aee0b08d294e24a6583c', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -24918,7 +24911,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: 'f2c04641aab53ecea3cfe594ea8610daa3b4f392' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '7cf9bb157232dd49ff9c5353f8e8818eeb657747' }, props));
             }
         }
         const tableClass = {
@@ -24950,7 +24943,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '44763f547ec797aaac6402d04890cbb6bf6e7bfc', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '89cc6e76dc6eb7ef48df8c1c866a4fa864cb6715' }, h$1("tr-sticky", { key: '77569ed751574a2e7e3fcbccf907187ab801a7e3' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '4ebee58565a99ad333fe8829b6a00be452fc4b54', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b1cab09c983671c10a20eed31266354544aa92b4' }, h$1("tr-sticky", { key: '648d8c10c2ca787f64c0bdf7d6626abc61af8832' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -24996,7 +24989,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '5cac5e800667c1bca3e0e5cfe16f3bc89762b8ae', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'f0de1bf91adc23c60038a86ffcd3154cfe12132c', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -25011,11 +25004,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: 'b93dc3a5e19a4d99ddab29c3fd6c40e26ccaa8e5' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '11c25be09e7bedd447053e81344de60aaa35e4fe', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '6f2f0c7241daa8d717d251a8c210d381de05bad3', class: "group-wrapper" }, groupChips), h$1("div", { key: '959bb6fa3cea1933f10231a897c78e9dc38631bf', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '80427b3ea45b719aba58ff2fb1cbadde142c1e7b' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: 'e17aa2dcd81b7603123deb98d2f243d814af0882', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'ee5d899eb4a8cb9dee042b3641314fb4d51269d0', class: "group-wrapper" }, groupChips), h$1("div", { key: '95034f19273c4e2d6b2c565510ec11889e094b64', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: 'f69d2d5a4065d6cd598a08ee87d6d795c539ef75', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '2cbf20566978467ea2c8f31d9d8083cc25caf5ef', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -25065,9 +25058,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '0f11d6809cca096c210251096f703af2f83b5e29', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'fb1bc234b14babe7132fdccb58b360732c182ddf', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: '214287c7959fff5e1a28f6f2ac0813891f2b3859', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: 'f782b61c42838bf1594caede4fee06a457cd44c1', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -25076,7 +25069,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: 'cfe4951c91c36910578fa3afe393d068045f04e1', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '82d1056d837505f9ce3e3d59f3554fafa53446c0', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -25084,7 +25077,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'd643e84bf3bc52eed581c812b55a132c93be848f', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'dd572d85cd18aec9c5c1b5a4c03372f7df532256' }, header)), h$1("tbody", { key: 'e1176e57cc39af52f69209f50653f68165bb8d1e' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '4c65298c63c67ff1c14ea6e1d10fe6ca06c9833c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'bf2b2b0eef4e56a8d2254881eb884324f16ce9ef' }, header)), h$1("tbody", { key: '31f0156008ef84ec3d3d73f86f41d63a614878a8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -28002,6 +27995,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.data = undefined;
         this.disabled = false;
         this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.listDisplayMode = ItemsDisplayMode.DESCRIPTION;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -28263,7 +28257,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'a2da35eaa1b7925b502aca7158c39bf0fcab1710', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'c5ad52389a102e2642dc99338b7d5ae4d015544b' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '8049da077963399045499e87b37faf49bb559394', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(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$1(Host, { key: '7a79e1f9225b8e7c6333e23cf661e866b561be5b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '1c6ccb9f133f50b27fac94d7372d97b6be9d7087' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '5f89a091c92a2483ae68883a022ace37e815bf99', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(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$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -28286,6 +28280,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         "data": [16],
         "disabled": [4],
         "displayMode": [1, "display-mode"],
+        "listDisplayMode": [1, "list-display-mode"],
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
@@ -28371,7 +28366,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (h$1("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$1(this, _KupCombobox_listEl, el, "f")) })));
+    return (h$1("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$1(this, _KupCombobox_listEl, el, "f")) })));
 };
 function defineCustomElement$9() {
     if (typeof customElements === "undefined") {
@@ -28972,6 +28967,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
         this.customStyle = '';
         this.data = [];
         this.enableInput = false;
+        this.disabled = false;
         this.type = FChipType.STANDARD;
         this.sizing = FChipSize.SMALL;
         this.styling = FChipStyling.RAISED;
@@ -29124,6 +29120,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
             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));
@@ -29138,13 +29135,13 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h$1(Host, { key: '9cd0c033b3ac04d391d02c92f87225a61a2a70e8', "onKup-autocomplete-itemclick": (e) => {
+        return (h$1(Host, { key: '533a5f181eeb49228d98620d317fa994f5a8f9d6', "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$1("style", { key: 'df4a044277cdde23fd186e139dc3901c142dff71' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd895cd93ae064232c9fe6d8faba1fbf09a1b99a5', id: componentWrapperId }, this.label ? (h$1("div", { class: "mdc-text-field__label-container" }, h$1("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: '0994bd4975bfd0dd12efde12f7cc7e63e180a61c', name: "field" }))));
+            } }, h$1("style", { key: 'ec7e8e382857042e9c3860f57406f29a762f15b1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '157ff6221c5470dfd8abd8d2e512f0577bb863e4', id: componentWrapperId }, this.label ? (h$1("div", { class: "mdc-text-field__label-container" }, h$1("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: '885d6b61a1540805d593d9c1a7e8cf6dfc7b903a', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -29158,6 +29155,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
         "customStyle": [1, "custom-style"],
         "data": [1040],
         "enableInput": [4, "enable-input"],
+        "disabled": [4],
         "type": [1],
         "sizing": [1],
         "styling": [1],
@@ -32090,6 +32088,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         this.data = undefined;
         this.disabled = false;
         this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.listDisplayMode = ItemsDisplayMode.DESCRIPTION;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -32377,7 +32376,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'b9dcafc9778173a331b9ed121c265da27fc83807', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'b363b4026b94d14c0fd48612af5a94ac180bbe71' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '71af474a92617f8862ead85bd69796539afc4ddf', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '1d7486308b4a09a3a4eb39e9baf4d8fceb2e4a65' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: '7577f0a619a0487b8f00dc33ad5ceff3cbea32a3', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'ce567026914bb259e6da13a041c5e0923e044c38' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '53ff86d1f1000d7aa3a807f5fb456cb823c30bb5', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(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(this, _KupAutocomplete_inputTimeout, "f"));
@@ -32404,6 +32403,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         "data": [1040],
         "disabled": [4],
         "displayMode": [1, "display-mode"],
+        "listDisplayMode": [1, "list-display-mode"],
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
@@ -32493,11 +32493,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$1("kup-list", Object.assign({ displayMode: displayModeForList }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
+    return (h$1("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
 }, _KupAutocomplete_calcSize = function _KupAutocomplete_calcSize() {
     var _a, _b;
     // Explicitly setting size from sub-components props, if present

package/dist/components/{p-742fd4a8.js → p-8ce40321.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-0dc6d3d0.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-d7f8098a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-1e6b3f9c.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-6d8f94ab.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-7a9e046d.js → p-a56976e4.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-0dc6d3d0.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-d7f8098a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-1e6b3f9c.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-6d8f94ab.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-c0bf6472.js → p-c48fc437.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-0dc6d3d0.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-d7f8098a.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-1e6b3f9c.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-6d8f94ab.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-7855d728.js → p-cddf3f40.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-0dc6d3d0.js';
-import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-d7f8098a.js';
+import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-1e6b3f9c.js';
+import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-6d8f94ab.js';
 
 /**
  * Props of the kup-box component.

package/dist/esm/{f-cell-bb40a68f.js → f-cell-4a9e9143.js}

@@ -1,11 +1,11 @@
 import { h, g as getAssetPath, F as Fragment } from './index-9b0f4a0d.js';
-import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, al as CHIAdapter, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-2cf94be2.js';
+import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, al as CHIAdapter, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-12a6fbac.js';
 import { F as FButton } from './f-button-365673bb.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FChipType, c as FChip } from './f-chip-e1c5f820.js';
+import { F as FChipType, d as FChip } from './f-chip-03456661.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { F as FObjectField } from './f-object-field-679ee903.js';
-import { F as FTextField } from './f-text-field-caef463f.js';
+import { F as FObjectField } from './f-object-field-6f62d1eb.js';
+import { F as FTextField } from './f-text-field-90415eb0.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -912,11 +912,11 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             return h("kup-file-upload", Object.assign({}, cell.data));
         case FCellTypes.MULTI_AUTOCOMPLETE: {
             return (h("kup-chip", Object.assign({ displayMode: (_a = cell.data.displayMode) !== null && _a !== void 0 ? _a : ItemsDisplayMode.DESCRIPTION }, cell.data, { label: (_c = (_b = cell.slotData) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false })));
+                h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false })));
         }
         case FCellTypes.MULTI_COMBOBOX:
             return (h("kup-chip", Object.assign({ displayMode: (_l = cell.data.displayMode) !== null && _l !== void 0 ? _l : ItemsDisplayMode.DESCRIPTION }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false }))));
+                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false }))));
         case FCellTypes.RADIO:
             return (h(FRadio, Object.assign({}, cell.data, { disabled: false, onChange: (i, e) => {
                     const radioData = cell.data.data;

package/dist/esm/{f-chip-e1c5f820.js → f-chip-03456661.js}

@@ -1,6 +1,137 @@
 import { h } from './index-9b0f4a0d.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric, I as ItemsDisplayMode } from './kup-manager-2cf94be2.js';
+import { I as ItemsDisplayMode, b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-12a6fbac.js';
+
+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);
+}
 
 /**
  * Types of the f-chip component.
@@ -51,6 +182,9 @@ const FChip = (props) => {
     if (!props.type) {
         props.type = FChipType.STANDARD;
     }
+    if (!props.displayMode) {
+        props.displayMode = ItemsDisplayMode.DESCRIPTION;
+    }
     const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
     const isFilter = props.type.toLowerCase() === FChipType.FILTER;
     const isInput = props.type.toLowerCase() === FChipType.INPUT;
@@ -83,6 +217,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
             const indentStyle = {
                 ['--kup_chip_indent_offset']: indent.toString(),
             };
+            const isDisabled = props.disabled;
             chipGroup.push(h("div", { class: `chip-set__wrapper ${hasChildren && !showChildren
                     ? 'chip-set__wrapper--hidden-children'
                     : ''}` },
@@ -94,7 +229,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
                         '/' +
                         dom.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
                         ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "16px", sizeY: "16px", wrapperClass: "dropdown-icon" })) : null,
-                createChip(chip)));
+                createChip(chip, isDisabled)));
             if (showChildren) {
                 for (let index = 0; index < chip.children.length; index++) {
                     if (chip.children[index]) {
@@ -103,10 +238,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
                 }
             }
         }
-        function createChip(chip) {
-            var _a;
+        function createChip(chip, disabled) {
             const onlyIcon = !!(chip.icon && !chip.value);
-            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''}`;
+            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled && 'chip--disabled'}`;
             let iconEl = [];
             let iconClass = 'chip__icon chip__icon--leading';
             if (isFilter || isChoice) {
@@ -135,21 +269,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
                     h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" },
                         h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
             }
-            let chipText = '';
-            switch (props.displayMode) {
-                case ItemsDisplayMode.CODE:
-                    chipText = chip.id;
-                    break;
-                case ItemsDisplayMode.DESCRIPTION:
-                    chipText = chip.value;
-                    break;
-                case ItemsDisplayMode.CODE_AND_DESC:
-                    chipText = chip.id + ' - ' + chip.value;
-                    break;
-                default:
-                    chipText = (_a = chip.value) !== null && _a !== void 0 ? _a : chip.id;
-                    break;
-            }
+            let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
                     : null, role: "row", title: chip.title ? chip.title : '' },
@@ -173,4 +293,4 @@ function createChipList(props, isChoice, isFilter, isInput) {
     return chipList;
 }
 
-export { FChipType as F, FChipSize as a, FChipStyling as b, FChip as c };
+export { FChipType as F, FChipSize as a, FChipStyling as b, consistencyCheck as c, FChip as d, getIdOfItemByDisplayMode as g };

package/dist/esm/{f-object-field-679ee903.js → f-object-field-6f62d1eb.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-2cf94be2.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-12a6fbac.js';
 import { F as FButton } from './f-button-365673bb.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-caef463f.js';
+import { F as FTextField } from './f-text-field-90415eb0.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {