@sme.up/ketchup 10.3.12 → 10.3.13

package/dist/components/{p-668ff297.js → p-215fa5b3.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-0497ebe5.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-dcb752e1.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-60e697f5.js';
 
@@ -1333,7 +1333,9 @@ function setContent(props) {
                 webkitMask: svg,
             };
         }
-        iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
+        iconEl = (h("span", { style: iconStyle, onClick: props.onIconClick, onMouseDown: (e) => {
+                e.preventDefault();
+            }, class: `mdc-text-field__icon kup-icon action ${iconClass}` }));
     }
     if (props.quantityButtons) {
         const minusSvg = `url('${getAssetPath(`./assets/svg/minus.svg`)}') no-repeat center`;
@@ -4202,7 +4204,8 @@ var KupAutocompleteProps;
     KupAutocompleteProps["customStyle"] = "Custom style of the component.";
     KupAutocompleteProps["data"] = "Props of the sub-components.";
     KupAutocompleteProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
-    KupAutocompleteProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
+    KupAutocompleteProps["DescrMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
+    KupAutocompleteProps["ListDescrMode"] = "Sets how to show the list items of the component. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
     KupAutocompleteProps["initialValue"] = "Sets the initial value of the component.";
     KupAutocompleteProps["initialValueDecode"] = "Sets the initial value decode of the component";
     KupAutocompleteProps["inputDelay"] = "Input event emission delay in milliseconds.";
@@ -4238,7 +4241,7 @@ function getIdOfItemByDisplayMode(item, mode, separator) {
             return id;
     }
 }
-function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
+function consistencyCheck(idIn, listData, listEl, selectMode, DescrMode, e) {
     const validList = !!(listEl && listData && listData['data']);
     let id = '';
     let displayedValue = '';
@@ -4247,7 +4250,7 @@ function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
         selected = e.detail.selected;
     }
     if (selected == null && idIn != null && validList) {
-        selected = getItemByDisplayMode(listData, idIn, displayMode, true);
+        selected = getItemByDisplayMode(listData, idIn, DescrMode, true);
         listEl.data = [...listData['data']];
     }
     if (selected == null && idIn == null && listData) {
@@ -4265,7 +4268,7 @@ function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
     }
     else {
         id = getIdOfItemByDisplayMode(selected, selectMode, ' - ');
-        displayedValue = getIdOfItemByDisplayMode(selected, id == '' ? ItemsDisplayMode.DESCRIPTION : displayMode, ' - ');
+        displayedValue = getIdOfItemByDisplayMode(selected, id == '' ? ItemsDisplayMode.DESCRIPTION : DescrMode, ' - ');
         trueValue = getIdOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
     }
     const listNode = validList
@@ -4323,12 +4326,12 @@ function getItemById(listData, id, setSelected) {
     }
     return null;
 }
-function getItemByDisplayMode(listData, id, displayMode, setSelected) {
+function getItemByDisplayMode(listData, id, DescrMode, 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, ' - ');
+            let displayedValue = getIdOfItemByDisplayMode(listData['data'][i], id == '' ? ItemsDisplayMode.DESCRIPTION : DescrMode, ' - ');
             if (setSelected == true) {
                 listData['data'][i].selected = false;
             }
@@ -4653,8 +4656,8 @@ const FChip = (props) => {
     if (!props.type) {
         props.type = FChipType.STANDARD;
     }
-    if (!props.displayMode) {
-        props.displayMode = ItemsDisplayMode.DESCRIPTION;
+    if (!props.DescrMode) {
+        props.DescrMode = ItemsDisplayMode.DESCRIPTION;
     }
     const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
     const isFilter = props.type.toLowerCase() === FChipType.FILTER;
@@ -4741,7 +4744,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 = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
+            let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.DescrMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
                     : null, onContextMenu: props.onContextMenu && props.onContextMenu[i]
@@ -5716,7 +5719,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onKup-combobox-itemclick": (e) => cellEvent(e, props, cellType, FCellEvents.ITEMCLICK) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode, ListDescrMode: cell.data.ListDescrMode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onKup-combobox-itemclick": (e) => cellEvent(e, props, cellType, FCellEvents.ITEMCLICK) })));
         case FCellTypes.DATE:
             return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-datepicker-textfieldsubmit": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.EDITOR:
@@ -5741,12 +5744,12 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.FILE_UPLOAD:
             return (h("kup-file-upload", Object.assign({ "onKup-file-upload-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }, 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, 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, listDisplayMode: cell.data.listDisplayMode })));
+            return (h("kup-chip", Object.assign({ DescrMode: (_a = cell.data.DescrMode) !== 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", DescrMode: 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, ListDescrMode: cell.data.ListDescrMode })));
         }
         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, 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 }))));
+            return (h("kup-chip", Object.assign({ DescrMode: (_l = cell.data.DescrMode) !== 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", DescrMode: 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, ListDescrMode: cell.data.ListDescrMode }))));
         case FCellTypes.RADIO:
             return (h(FRadio, Object.assign({}, cell.data, { disabled: false, onChange: (i, e) => {
                     const radioData = cell.data.data;
@@ -5897,7 +5900,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
             return (h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), activeNode: activeNode })));
         default:
-            return (h("div", { class: "f-cell__text" }, cell.data.displayMode
+            return (h("div", { class: "f-cell__text" }, cell.data.DescrMode
                 ? adaptContentToDisplayMode(cell, content, '-')
                 : content));
     }
@@ -10992,7 +10995,7 @@ var KupChipProps;
     KupChipProps["data"] = "List of elements.";
     // displayId = "When enabled, the chip's text will display both the id and the value.",
     KupChipProps["disabled"] = "When true, the chip cannot be edited, nor removed.";
-    KupChipProps["displayMode"] = "When enabled, the chip will display both the id and description of the data.";
+    KupChipProps["DescrMode"] = "When enabled, the chip will display both the id and description of the data.";
     KupChipProps["enableInput"] = "When enabled, it's possible to add items to the chip's dataset through an input slot (kup-autocomplete, kup-combobox, kup-text-field).";
     KupChipProps["label"] = "When set, will be shown a label on the chips.";
     KupChipProps["sizing"] = "The size of the chip. Available sizes: small, medium.";
@@ -11022,7 +11025,8 @@ var KupComboboxProps;
     KupComboboxProps["customStyle"] = "Custom style of the component.";
     KupComboboxProps["data"] = "Props of the sub-components (date input text field).";
     KupComboboxProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
-    KupComboboxProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\".";
+    KupComboboxProps["DescrMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\".";
+    KupComboboxProps["ListDescrMode"] = "Sets how to show the list items of the component. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
     KupComboboxProps["initialValue"] = "Sets the initial value of the component";
     KupComboboxProps["initialValueDecode"] = "Sets the initial value decode of the component";
     KupComboboxProps["isClearable"] = "Enables a clear trailing icon.";
@@ -13079,7 +13083,7 @@ const FPaginator = (props) => {
     const dataPageSelector = {
         'kup-list': {
             data: pageItems,
-            displayMode: ItemsDisplayMode.CODE,
+            DescrMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$4.ketchup.language.translate(KupLanguagePage.PAGE),
@@ -13095,7 +13099,7 @@ const FPaginator = (props) => {
     const dataRowsSelector = {
         'kup-list': {
             data: rowsPerPageItems,
-            displayMode: ItemsDisplayMode.CODE,
+            DescrMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
             label: dom$4.ketchup.language.translate(KupLanguageRow.ROWS) +
@@ -13112,10 +13116,10 @@ const FPaginator = (props) => {
     };
     return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
         props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$4.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null,
-        h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
+        h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, DescrMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
         h("div", { class: "page-wrapper" },
             h("div", { class: "page-selector-wrapper" },
-                h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
+                h("kup-combobox", { class: "page-selector", data: dataPageSelector, DescrMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
                 props.showMaxPages ? (h("div", { class: "max-page-wrapper" },
                     h("label", { htmlFor: "page-selector" }, '/ ' + maxNumberOfPage))) : null),
             h("div", { class: "arrow-wrapper" },
@@ -13223,7 +13227,7 @@ var KupDropdownButtonProps;
     KupDropdownButtonProps["customStyle"] = "Custom style of the component.";
     KupDropdownButtonProps["data"] = "Props of the sub-components.";
     KupDropdownButtonProps["disabled"] = "Defaults at false. When set to true, the component is disabled.";
-    KupDropdownButtonProps["displayMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
+    KupDropdownButtonProps["DescrMode"] = "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\".";
     KupDropdownButtonProps["icon"] = "Defaults at null. When set, the button will show this icon.";
     KupDropdownButtonProps["initialValue"] = "Sets the initial value of the component.";
     KupDropdownButtonProps["label"] = "Defaults at null. When set, the button will show this text.";
@@ -14700,7 +14704,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         this.store = undefined;
         this.useDynamicExpansion = false;
         this.totals = undefined;
-        this.displayMode = ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = ItemsDisplayMode.CODE_AND_DESC;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -14800,18 +14804,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
      * Collapses all nodes.
      */
     async collapseAll() {
-        if (!this.useDynamicExpansion) {
-            for (let index = 0; index < this.data.length; index++) {
-                this.data[index].isExpanded = false;
-                this.handleChildren(this.data[index], false);
-            }
-        }
-        else {
-            this.kupTreeDynamicMassExpansion.emit({
-                comp: this,
-                id: this.rootElement.id,
-                expandAll: false,
-            });
+        /** now must do just collapse all, without check dynamic expansion management */
+        for (let index = 0; index < this.data.length; index++) {
+            this.data[index].isExpanded = false;
+            this.handleChildren(this.data[index], false);
         }
         this.refresh();
     }
@@ -14819,18 +14815,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
      * Expands all nodes.
      */
     async expandAll() {
-        if (!this.useDynamicExpansion) {
-            for (let index = 0; index < this.data.length; index++) {
-                this.data[index].isExpanded = true;
-                this.handleChildren(this.data[index], true);
-            }
-        }
-        else {
-            this.kupTreeDynamicMassExpansion.emit({
-                comp: this,
-                id: this.rootElement.id,
-                expandAll: true,
-            });
+        /** now must do just expand all, without check dynamic expansion management */
+        for (let index = 0; index < this.data.length; index++) {
+            this.data[index].isExpanded = true;
+            this.handleChildren(this.data[index], true);
         }
         this.refresh();
     }
@@ -15627,7 +15615,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         }
         let treeNodeCell = null;
         let nodeValue;
-        switch (this.displayMode) {
+        switch (this.DescrMode) {
             case ItemsDisplayMode.CODE:
                 nodeValue = (_b = (_a = treeNodeData.obj) === null || _a === void 0 ? void 0 : _a.k) !== null && _b !== void 0 ? _b : '';
                 break;
@@ -15976,19 +15964,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (h$1("div", { key: 'ff3aa6ba1325daa3350ef8d5fa2b1bab576c635c', id: "global-filter" }, h$1("kup-text-field", { key: 'c4b13cb34d90a8d98167aa7009ec8e3881597c9e', fullWidth: true, label: __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: 'c3216ffc4b4d234ed27f40af9b51118f9bd15b2e', id: "global-filter" }, h$1("kup-text-field", { key: '550ddff3bfe19e49ad87bf39ad7e08d0a95c3f00', fullWidth: true, label: __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h$1(Host, { key: '843f7e3a33acbcaaf48ce08e897b389910bc6133', "onKup-cell-click": (e) => {
+        return (h$1(Host, { key: '10c96e24bd7add54c0c73d8e4454c927686f976f', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h$1("style", { key: '75e0b25f82f0476a5bd6e9a9f9a2965804e810b4' }, __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '5e2305731a49a7d60f9559d6487c26616814267f', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '6c350dfddb22eef135cb902a9cf3ebd6fac7019f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h$1("table", { key: 'ffa46d78a1ee0af0108018d5be431b04b91e1a76', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h$1("style", { key: '1d23689472015c74ca5cfdf4986f6ae648b13574' }, __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '5669c1c730bd8aee8f3aa4a3b85c1047bbaf9b4e', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '8cd543582a5dc7cd5921821dc8fafb92e8c03158', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: '04aa22ee657e40d66a4b31bc80c4880ed6a47937', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '685784125bfefe63734221f06917726f67a78e05', class: {
+            } }, h$1("thead", { key: '386cb4932bc4767e06bbb80db5293f1b109989ae', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: '062fe4fe9300b4973c461dd081895beec2ed4128' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '3a59d9d833bc75ec0bfc8674ae7023842e1a1801' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: '95e04564f43e13b80257c92b22e0f6a99c77ef8e' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '6df3396f1d9a0044600d1f22927518990dd05c98' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -16045,7 +16033,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         "store": [16],
         "useDynamicExpansion": [4, "use-dynamic-expansion"],
         "totals": [1040],
-        "displayMode": [1, "display-mode"],
+        "DescrMode": [1, "descr-mode"],
         "treeColumnVisible": [32],
         "openedTotalMenu": [32],
         "columnMenuAnchor": [32],
@@ -16071,7 +16059,8 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
 _KupTree_kupManager = new WeakMap(), _KupTree_instances = new WeakSet(), _KupTree_checkUpdateState = function _KupTree_checkUpdateState() {
     let somethingChanged = false;
     if (!__classPrivateFieldGet$b(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
-        this.state.filters = Object.assign({}, this.filters);
+        /** need to be deep copied to feel changes in this.filters */
+        this.state.filters = JSON.parse(JSON.stringify(this.filters));
         somethingChanged = true;
     }
     if (!__classPrivateFieldGet$b(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
@@ -20472,7 +20461,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         this.selected = [];
         this.customStyle = '';
         this.data = [];
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.showFilter = false;
         this.filter = '';
         this.hideText = false;
@@ -20716,7 +20705,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
         __classPrivateFieldSet$5(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h$1(Host, { key: '09fded73227e0f9b5ffa9549149e7eb3816d34f1' }, h$1("style", { key: '6f85384ff71cf7d0a4cc97b235e8c9af4b66c387' }, __classPrivateFieldGet$7(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0d3e0c0b4c5b82e0b866c8abf34e6d246964b08b', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$7(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$7(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: '808d81ff3cd420116d373db3c72165f3adcee3c3', class: listScrollClass }, h$1("ul", { key: '7282afc7d6db3fa6efa0fb1a0f4ebd830be1c427', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h$1(Host, { key: '757450e74bae58c40e296f4011362d2333d0680b' }, h$1("style", { key: '3697fb5fa28732444342062abd6b5b9303412698' }, __classPrivateFieldGet$7(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f224ec658b674c923703f7dd14938e2008b2438d', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$7(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$7(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: '44e8be7c70ca297b386dae221aadc2e718bd2111', class: listScrollClass }, h$1("ul", { key: '33423113f951ff631f711d2d032ec1c48a2e65db', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$7(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$7(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -20728,7 +20717,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
 }, [1, "kup-list", {
         "customStyle": [1, "custom-style"],
         "data": [1040],
-        "displayMode": [1, "display-mode"],
+        "DescrMode": [1, "descr-mode"],
         "showFilter": [4, "show-filter"],
         "filter": [1025],
         "hideText": [4, "hide-text"],
@@ -20814,7 +20803,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         imageTag = __classPrivateFieldGet$7(this, _KupList_instances, "m", _KupList_getIconTag).call(this, item.icon, item.placeholderIcon);
     }
     let primaryTextTag = [
-        getIdOfItemByDisplayMode(item, item.id == '' ? ItemsDisplayMode.DESCRIPTION : this.displayMode, ' - '),
+        getIdOfItemByDisplayMode(item, item.id == '' ? ItemsDisplayMode.DESCRIPTION : this.DescrMode, ' - '),
     ];
     let secTextTag = [];
     if (this.twoLine && item.secondaryText && item.secondaryText != '') {
@@ -23013,7 +23002,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
         this.customStyle = '';
         this.data = null;
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.dropdownOnly = false;
         this.icon = null;
         this.initialValue = '';
@@ -23213,7 +23202,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
      * Checks the consistency of the list.
      */
     consistencyCheck(e, idIn) {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.DescrMode, e);
         this.value = ret.value;
     }
     /*-------------------------------------------------*/
@@ -23271,7 +23260,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
         return buttons;
     }
     render() {
-        return (h$1(Host, { key: '84daf971586f1c4a1d73f6b4e8f258f373a9b877' }, h$1("style", { key: '90d06938c34fc0f1cd52392126b636400fb23395' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2a4ed6d94d1babca92216fda375e3a8338333413', id: componentWrapperId }, h$1("div", { key: 'e2a2ddc1601e2842f037158fc7154813273ff01a', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: '7c9b87c3d425d84a6823bb8344d9fa3dc4536be2' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h$1(Host, { key: '5846b8878d363d7e13f9f295f04d8d6f4ffdd2b5' }, h$1("style", { key: '3ccabb74c9fe510c131c336337ecc1758f33c363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1d8afcbdfa0168ffa7f8c746da7bf764baacee87', id: componentWrapperId }, h$1("div", { key: '2a09f18ffd6436f88adada0ece1d414f919e48d7', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: 'b5f1100f251d0e4c79f616b8678f8ee7fe353b3f' }, this.data['kup-list'], { DescrMode: this.DescrMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {
@@ -23286,7 +23275,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
         "customStyle": [1, "custom-style"],
         "data": [16],
         "disabled": [4],
-        "displayMode": [1, "display-mode"],
+        "DescrMode": [1, "descr-mode"],
         "dropdownOnly": [4, "dropdown-only"],
         "icon": [1],
         "initialValue": [1, "initial-value"],
@@ -24831,6 +24820,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         this.totals = undefined;
         this.transpose = false;
         this.visibleColumns = undefined;
+        this.pendingRowsToUpdate = [];
         this.updatableData = false;
         this.updateOnClick = false;
         this.onCellActionBuild = undefined;
@@ -24884,6 +24874,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.visibleColumns = state.visibleColumns
                     ? [...state.visibleColumns]
                     : undefined;
+                this.pendingRowsToUpdate = state.pendingRowsToUpdate
+                    ? [...state.pendingRowsToUpdate]
+                    : undefined;
             }
         }
     }
@@ -24933,9 +24926,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             __classPrivateFieldSet$2(this, _KupDataTable_originalDataLoadedMaxId, ((_a = __classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _a === void 0 ? void 0 : _a.length) > 0
                 ? Math.max(...__classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f").rows.map((r) => parseInt(r.id)))
                 : -1, "f");
-            if (this.state.pendingRowsToUpdate &&
-                this.state.pendingRowsToUpdate.length > 0) {
-                for (const row of this.state.pendingRowsToUpdate) {
+            if (this.pendingRowsToUpdate &&
+                this.pendingRowsToUpdate.length > 0) {
+                for (const row of this.pendingRowsToUpdate) {
                     const originalDataRowIndex = this.data.rows.findIndex((dataRow) => dataRow.id === row.id // Row is SmeupDataRow and not Kup... using any for this type misalignment
                     );
                     if (originalDataRowIndex > -1) {
@@ -24944,7 +24937,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
                     }
                 }
-                this.state.pendingRowsToUpdate = [];
+                this.pendingRowsToUpdate = [];
             }
         }
         if (this.data['type'] === 'SmeupDataTable') {
@@ -25956,7 +25949,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '992b95a9bc5a120dd934142a131b6f6f5b74b77f', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '6b1b0b0b62873b578954b694599726a3b17a3031', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '92333842c3cfa03ebb484e89e75695eab16c09d3', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '2bd41d42d522e26c43693b7ee756a06d588142ac', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -26032,7 +26025,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '9a162a7803eb351e5614a9bd7482ef1c45942083' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '65058ab64daaad187c72e247ec7a6528f02e9af3' }, props));
             }
         }
         const tableClass = {
@@ -26064,7 +26057,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '86054eb4ab8123b8176267c2426d059dc42e2a96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b5409c81cfd6cbd96780abfe579ef976f713738b' }, h$1("tr-sticky", { key: '5dfc144b389ea7b8c32e32342ae401a7edf6d218' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '0e9610742c6d91b32ce250be7198d9df55d5d0da', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'aa311d77e5de778b0c051160fc0e172f19089a98' }, h$1("tr-sticky", { key: 'a067a3229649de746b6e706b22e078cf33f176fd' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -26110,7 +26103,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: 'a3ac1fd32279a4e8522370cf95cbb4c5b99a758a', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'a8f188d46c68df160bb12b43390209c3bf768b01', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -26129,11 +26122,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: '16cabfec118d0c4d1c821452293808c062b71467' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'e1d9c89998c53f676fef0bc3823c7c71ddf6af59', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'b75d083c7fd17aa22aef5e83ef62d9cd9d4d7f2f', class: "group-wrapper" }, groupChips), h$1("div", { key: '4fc8f34e1eb02050c22a4eab5246bc83b946ee44', 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: 'b537e612b1735e45a5a4619a022c9cc7b4b29aa1' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: '986a01da19d58003b79f6f5e3d50fb4d96957990', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '88b315cc655c30590bc03088b0f3c8bf866433d8', class: "group-wrapper" }, groupChips), h$1("div", { key: '5e79939b63c57dbd6388cecb795d7ff948143061', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h$1("div", { key: 'd809dcef661a1c3ea6999352bf72f529f898b3f7', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '8ebad644fcf1fe5a41700549b43887bbc38891f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -26183,9 +26176,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: '0b16f28bee2cb0c4994bb388932aacb09d4259cd', 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: '7021ca42160e7547868aa558b1cb9ce3f4c36045', 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: '2669c0b576295add74ca5d879fd7e9481e339a25', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: 'f15cbffcb2fd9f0d8d64aa797a2cffa6c84b284d', 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);
@@ -26194,7 +26187,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: '9f4d396671acb35a564e8927b296c30aeea5deac', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '42e9e6b07118eed0626d3785d3e94af8b8fc6658', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -26202,7 +26195,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: 'eebd3d1d2385c12537471f9fdbbb251255d4eb3c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'c963f671b9d703ab03e61a8895aa710a9b5fd5af' }, header)), h$1("tbody", { key: '70d69247c2000a2d3d4b1eb179d7da32a65679a6' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '96913379d612d817d8d0e9d67281ffb65aa2414e', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '26dacde658869804d8ef74dad5007d3b6b90de22' }, header)), h$1("tbody", { key: 'b718b7e72cefe7cf2f93f1d23daced56aafd34db' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -26313,6 +26306,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         "totals": [1040],
         "transpose": [1028],
         "visibleColumns": [1040],
+        "pendingRowsToUpdate": [1040],
         "updatableData": [1540, "updatable-data"],
         "updateOnClick": [4, "update-on-click"],
         "onCellActionBuild": [16],
@@ -26504,6 +26498,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.state.visibleColumns = [...this.visibleColumns];
         somethingChanged = true;
     }
+    if (!__classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.pendingRowsToUpdate, this.pendingRowsToUpdate)) {
+        this.state.pendingRowsToUpdate = [...this.pendingRowsToUpdate];
+        somethingChanged = true;
+    }
     return somethingChanged;
 }, _KupDataTable_insertNewColumnInVisibleColumnsList = function _KupDataTable_insertNewColumnInVisibleColumnsList(result, afterColumn) {
     this.visibleColumns = this.getVisibleColumns().map((col) => col.name);
@@ -29323,8 +29321,8 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.customStyle = '';
         this.data = undefined;
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
-        this.listDisplayMode = ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
+        this.ListDescrMode = ItemsDisplayMode.CODE_AND_DESC;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -29606,12 +29604,12 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
             legacyLook: this.legacyLook,
             size: this.size
                 ? this.size
-                : getSizeOfInputElement(this.data, this.displayMode, this.size),
+                : getSizeOfInputElement(this.data, this.DescrMode, this.size),
             title: (_a = this.displayedValue) !== null && _a !== void 0 ? _a : '',
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: '8bb8eace416a6799a32f5d5222759ead3525ed7d', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'bf9817caafcbd303719c862f4f84111ef6da27c1' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '1052268f4d6e8227b3fdc6c6a25ea2004f21d197', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'df2cf6672cfe3c9360476df936cedff6449861b6' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'a8d9b8b16c3ecce6aeeb205372b81300f71b4b9c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'e6c7c6f13217f920f35a783a312831f1e452b45a' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '5705e83431a6235230607d39aeab11bde7f9fe11', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '94fb9c2a7dc22fc0df7e47854028fccd181efc3f' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick(), onClearIconClick: () => this.onKupClearIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -29633,8 +29631,8 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         "customStyle": [1, "custom-style"],
         "data": [16],
         "disabled": [4],
-        "displayMode": [1, "display-mode"],
-        "listDisplayMode": [1, "list-display-mode"],
+        "DescrMode": [1, "descr-mode"],
+        "ListDescrMode": [1, "list-descr-mode"],
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
@@ -29705,10 +29703,10 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     return __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").menuVisible == true;
 }, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (idIn != null && idInDecode != null) {
-        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
+        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f"), this.selectMode, this.DescrMode);
         if (ret.exists && eventShouldSetValue) {
             this.value = ret.value;
             this.displayedValue = ret.displayedValue;
@@ -29723,7 +29721,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: 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")) })));
+    return (h$1("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, 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") {
@@ -30334,7 +30332,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
         this.customStyle = '';
         this.data = [];
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.enableInput = false;
         this.label = null;
         this.sizing = FChipSize.SMALL;
@@ -30463,7 +30461,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
                 ? true
                 : false,
             data: this.data,
-            displayMode: this.displayMode,
+            DescrMode: this.DescrMode,
             info: this.rootElement.classList.contains('kup-info')
                 ? true
                 : false,
@@ -30502,7 +30500,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h$1(Host, { key: '092919df319761de61a7e6535f0dd18976463c6c', "onKup-autocomplete-itemclick": (e) => {
+        return (h$1(Host, { key: '0e155b2e4de83688c8d110f34b79ba655d8d9751', "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);
@@ -30512,7 +30510,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-submit": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h$1("style", { key: '3cc916a8db665b151f59f4224d5f6f168268f842' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '57500014b7c3f0fe98add9eb950fa88615e6eec0', id: componentWrapperId }, this.label ? (h$1("div", { class: "mdc-text-field__label-container" }, h$1("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: '92f0d3996bddacc0be40eab0298c4716de3783c1', name: "field" }))));
+            } }, h$1("style", { key: 'e45290027a9c6ed3652b96db83e264cc7ee7c8c4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2e0888a912b64d7830bce10caf44d805b19555f9', 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: 'f53be206943edb135cc93d08c45e333c241353bf', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -30526,7 +30524,7 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
         "customStyle": [1, "custom-style"],
         "data": [1040],
         "disabled": [4],
-        "displayMode": [1, "display-mode"],
+        "DescrMode": [1, "descr-mode"],
         "enableInput": [4, "enable-input"],
         "label": [1],
         "sizing": [1],
@@ -33487,8 +33485,8 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         this.customStyle = '';
         this.data = undefined;
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
-        this.listDisplayMode = ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
+        this.ListDescrMode = ItemsDisplayMode.CODE_AND_DESC;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -33799,12 +33797,12 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
             legacyLook: this.legacyLook,
             size: this.size
                 ? this.size
-                : getSizeOfInputElement(this.data, this.displayMode, this.size),
+                : getSizeOfInputElement(this.data, this.DescrMode, this.size),
             title: (_a = this.displayedValue) !== null && _a !== void 0 ? _a : '',
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'ba27aa4bc6759aec2f01a404117c115e7aa7849f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'b4b0bd1e49208182acf4681b8c3764883e41d3c8' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '2b227672c21f3fedc690cdeb36cd5fb129928567', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '4e62a1c01fc2691d74b3bc257ffb4c63f93acb04' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'b0a7901f2f1fc5e357e3ded6f959a8b1aae91fe4' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChangeSubmit(e.target.value, this.kupChange), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -33830,8 +33828,8 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         "customStyle": [1, "custom-style"],
         "data": [1040],
         "disabled": [4],
-        "displayMode": [1, "display-mode"],
-        "listDisplayMode": [1, "list-display-mode"],
+        "DescrMode": [1, "descr-mode"],
+        "ListDescrMode": [1, "list-descr-mode"],
         "error": [1],
         "icon": [1],
         "initialValue": [1, "initial-value"],
@@ -33916,10 +33914,10 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
     return __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible == true;
 }, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (idIn && idInDecode) {
-        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
+        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -33934,7 +33932,7 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    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")) })));
+    return (h$1("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
 };
 function defineCustomElement() {
     if (typeof customElements === "undefined") {