@sme.up/ketchup 10.3.12 → 10.3.13

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, M as ShowGrid, T as TotalLabel, N as TotalMode, O as getRegExpFromString, Q as isNegativeNumber, R as FCellClasses, U as kupDynamicPositionAttribute, V as KupPointerEventTypes, W as kupDraggableColumnAttr, X as kupDragActiveAttr, Y as KupDragEffect, Z as kupDraggableCellAttr, _ as KupDropEventTypes, $ as DataTableAreasEnum, a0 as TypesToDuplicate, a1 as FixedCellsClasses, a2 as FixedCellsCSSVarsBase, a3 as KupLanguageFontsize, a4 as KupLanguageDensity, a5 as KupLanguageGrid, a6 as KupDataTableProps, a7 as UseAsValue, a8 as SortMode, a9 as iconColumn, aa as keyColumn, ab as fieldColumn, ac as KupLanguageUpload, ad as FCellTypes, ae as KupListRole, af as KupListProps, ag as addColumnValueFromRow, ah as KupGlobalFilterMode } from './kup-manager-53906723.js';
-import { F as FTextField } from './f-text-field-4ef83a74.js';
+import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, M as ShowGrid, T as TotalLabel, N as TotalMode, O as getRegExpFromString, Q as isNegativeNumber, R as FCellClasses, U as kupDynamicPositionAttribute, V as KupPointerEventTypes, W as kupDraggableColumnAttr, X as kupDragActiveAttr, Y as KupDragEffect, Z as kupDraggableCellAttr, _ as KupDropEventTypes, $ as DataTableAreasEnum, a0 as TypesToDuplicate, a1 as FixedCellsClasses, a2 as FixedCellsCSSVarsBase, a3 as KupLanguageFontsize, a4 as KupLanguageDensity, a5 as KupLanguageGrid, a6 as KupDataTableProps, a7 as UseAsValue, a8 as SortMode, a9 as iconColumn, aa as keyColumn, ab as fieldColumn, ac as KupLanguageUpload, ad as FCellTypes, ae as KupListRole, af as KupListProps, ag as addColumnValueFromRow, ah as KupGlobalFilterMode } from './kup-manager-1747a265.js';
+import { F as FTextField } from './f-text-field-97b4dae7.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-2b1b3544.js';
+import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-af9b0f73.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-96ea1421.js';
 import { F as FButton } from './f-button-6298565d.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-c0987685.js';
+import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-7bbb7ea5.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-964cc4dd.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-191ec2e7.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-3832776d.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-7f69eaa3.js';
-import './f-object-field-a234558f.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-7139e397.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-a617b644.js';
+import './f-object-field-a658454f.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -25,7 +25,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.";
@@ -91,8 +92,8 @@ const KupAutocomplete = class {
         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 = '';
@@ -403,12 +404,12 @@ const KupAutocomplete = class {
             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(Host, { key: 'ba27aa4bc6759aec2f01a404117c115e7aa7849f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'b4b0bd1e49208182acf4681b8c3764883e41d3c8' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '2b227672c21f3fedc690cdeb36cd5fb129928567', id: componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '4e62a1c01fc2691d74b3bc257ffb4c63f93acb04' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, h(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$b(this, _KupAutocomplete_inputTimeout, "f"));
@@ -479,10 +480,10 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
     return __classPrivateFieldGet$b(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$b(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$b(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -497,7 +498,7 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    return (h("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$6(this, _KupAutocomplete_listEl, el, "f")) })));
+    return (h("kup-list", Object.assign({ DescrMode: this.ListDescrMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$6(this, _KupAutocomplete_listEl, el, "f")) })));
 };
 KupAutocomplete.style = KupAutocompleteStyle0;
 
@@ -6944,7 +6945,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.";
@@ -6982,7 +6983,7 @@ const KupChip = class {
         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;
@@ -7111,7 +7112,7 @@ const KupChip = class {
                 ? true
                 : false,
             data: this.data,
-            displayMode: this.displayMode,
+            DescrMode: this.DescrMode,
             info: this.rootElement.classList.contains('kup-info')
                 ? true
                 : false,
@@ -7150,7 +7151,7 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '092919df319761de61a7e6535f0dd18976463c6c', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '0e155b2e4de83688c8d110f34b79ba655d8d9751', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
@@ -7160,7 +7161,7 @@ const KupChip = class {
                 __classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-submit": (e) => {
                 __classPrivateFieldGet$a(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: '3cc916a8db665b151f59f4224d5f6f168268f842' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '57500014b7c3f0fe98add9eb950fa88615e6eec0', id: componentWrapperId }, this.label ? (h("div", { class: "mdc-text-field__label-container" }, h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '92f0d3996bddacc0be40eab0298c4716de3783c1', name: "field" }))));
+            } }, h("style", { key: 'e45290027a9c6ed3652b96db83e264cc7ee7c8c4' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2e0888a912b64d7830bce10caf44d805b19555f9', id: componentWrapperId }, this.label ? (h("div", { class: "mdc-text-field__label-container" }, h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'f53be206943edb135cc93d08c45e333c241353bf', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7496,7 +7497,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.";
@@ -7557,8 +7559,8 @@ const KupCombobox = class {
         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 = '';
@@ -7840,12 +7842,12 @@ const KupCombobox = class {
             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(Host, { key: '8bb8eace416a6799a32f5d5222759ead3525ed7d', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'bf9817caafcbd303719c862f4f84111ef6da27c1' }, __classPrivateFieldGet$9(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1052268f4d6e8227b3fdc6c6a25ea2004f21d197', id: componentWrapperId, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, h(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(Host, { key: 'a8d9b8b16c3ecce6aeeb205372b81300f71b4b9c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'e6c7c6f13217f920f35a783a312831f1e452b45a' }, __classPrivateFieldGet$9(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5705e83431a6235230607d39aeab11bde7f9fe11', id: componentWrapperId, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, h(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$9(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -7902,10 +7904,10 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     return __classPrivateFieldGet$9(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$9(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$9(this, _KupCombobox_listEl, "f"), this.selectMode, this.DescrMode);
         if (ret.exists && eventShouldSetValue) {
             this.value = ret.value;
             this.displayedValue = ret.displayedValue;
@@ -7920,7 +7922,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (h("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$5(this, _KupCombobox_listEl, el, "f")) })));
+    return (h("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$5(this, _KupCombobox_listEl, el, "f")) })));
 };
 KupCombobox.style = KupComboboxStyle0;
 
@@ -8998,6 +9000,7 @@ const KupDataTable = class {
         this.totals = undefined;
         this.transpose = false;
         this.visibleColumns = undefined;
+        this.pendingRowsToUpdate = [];
         this.updatableData = false;
         this.updateOnClick = false;
         this.onCellActionBuild = undefined;
@@ -9051,6 +9054,9 @@ const KupDataTable = class {
                 this.visibleColumns = state.visibleColumns
                     ? [...state.visibleColumns]
                     : undefined;
+                this.pendingRowsToUpdate = state.pendingRowsToUpdate
+                    ? [...state.pendingRowsToUpdate]
+                    : undefined;
             }
         }
     }
@@ -9100,9 +9106,9 @@ const KupDataTable = class {
             __classPrivateFieldSet$4(this, _KupDataTable_originalDataLoadedMaxId, ((_a = __classPrivateFieldGet$8(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _a === void 0 ? void 0 : _a.length) > 0
                 ? Math.max(...__classPrivateFieldGet$8(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) {
@@ -9111,7 +9117,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
                     }
                 }
-                this.state.pendingRowsToUpdate = [];
+                this.pendingRowsToUpdate = [];
             }
         }
         if (this.data['type'] === 'SmeupDataTable') {
@@ -10123,7 +10129,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$4(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '992b95a9bc5a120dd934142a131b6f6f5b74b77f', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '6b1b0b0b62873b578954b694599726a3b17a3031', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '92333842c3cfa03ebb484e89e75695eab16c09d3', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '2bd41d42d522e26c43693b7ee756a06d588142ac', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10199,7 +10205,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '9a162a7803eb351e5614a9bd7482ef1c45942083' }, props));
+                groupChips = h(FChip, Object.assign({ key: '65058ab64daaad187c72e247ec7a6528f02e9af3' }, props));
             }
         }
         const tableClass = {
@@ -10231,7 +10237,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '86054eb4ab8123b8176267c2426d059dc42e2a96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'b5409c81cfd6cbd96780abfe579ef976f713738b' }, h("tr-sticky", { key: '5dfc144b389ea7b8c32e32342ae401a7edf6d218' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '0e9610742c6d91b32ce250be7198d9df55d5d0da', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'aa311d77e5de778b0c051160fc0e172f19089a98' }, h("tr-sticky", { key: 'a067a3229649de746b6e706b22e078cf33f176fd' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10277,7 +10283,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$8(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: 'a3ac1fd32279a4e8522370cf95cbb4c5b99a758a', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'a8f188d46c68df160bb12b43390209c3bf768b01', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10296,11 +10302,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '16cabfec118d0c4d1c821452293808c062b71467' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'e1d9c89998c53f676fef0bc3823c7c71ddf6af59', id: componentWrapperId, class: wrapClass }, h("div", { key: 'b75d083c7fd17aa22aef5e83ef62d9cd9d4d7f2f', class: "group-wrapper" }, groupChips), h("div", { key: '4fc8f34e1eb02050c22a4eab5246bc83b946ee44', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'b537e612b1735e45a5a4619a022c9cc7b4b29aa1' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '986a01da19d58003b79f6f5e3d50fb4d96957990', id: componentWrapperId, class: wrapClass }, h("div", { key: '88b315cc655c30590bc03088b0f3c8bf866433d8', class: "group-wrapper" }, groupChips), h("div", { key: '5e79939b63c57dbd6388cecb795d7ff948143061', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$8(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$4(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: 'd809dcef661a1c3ea6999352bf72f529f898b3f7', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '8ebad644fcf1fe5a41700549b43887bbc38891f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10350,9 +10356,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '0b16f28bee2cb0c4994bb388932aacb09d4259cd', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '7021ca42160e7547868aa558b1cb9ce3f4c36045', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '2669c0b576295add74ca5d879fd7e9481e339a25', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'f15cbffcb2fd9f0d8d64aa797a2cffa6c84b284d', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10361,7 +10367,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '9f4d396671acb35a564e8927b296c30aeea5deac', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '42e9e6b07118eed0626d3785d3e94af8b8fc6658', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10369,7 +10375,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'eebd3d1d2385c12537471f9fdbbb251255d4eb3c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'c963f671b9d703ab03e61a8895aa710a9b5fd5af' }, header)), h("tbody", { key: '70d69247c2000a2d3d4b1eb179d7da32a65679a6' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '96913379d612d817d8d0e9d67281ffb65aa2414e', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '26dacde658869804d8ef74dad5007d3b6b90de22' }, header)), h("tbody", { key: 'b718b7e72cefe7cf2f93f1d23daced56aafd34db' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -10550,6 +10556,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.state.visibleColumns = [...this.visibleColumns];
         somethingChanged = true;
     }
+    if (!__classPrivateFieldGet$8(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);
@@ -13869,7 +13879,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.";
@@ -13915,7 +13925,7 @@ const KupDropdownButton = class {
         this.customStyle = '';
         this.data = null;
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.dropdownOnly = false;
         this.icon = null;
         this.initialValue = '';
@@ -14115,7 +14125,7 @@ const KupDropdownButton = class {
      * 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;
     }
     /*-------------------------------------------------*/
@@ -14173,7 +14183,7 @@ const KupDropdownButton = class {
         return buttons;
     }
     render() {
-        return (h(Host, { key: '84daf971586f1c4a1d73f6b4e8f258f373a9b877' }, h("style", { key: '90d06938c34fc0f1cd52392126b636400fb23395' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2a4ed6d94d1babca92216fda375e3a8338333413', id: componentWrapperId }, h("div", { key: 'e2a2ddc1601e2842f037158fc7154813273ff01a', class: "dropdown-button--wrapper" }, this.renderButtons()), h("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(Host, { key: '5846b8878d363d7e13f9f295f04d8d6f4ffdd2b5' }, h("style", { key: '3ccabb74c9fe510c131c336337ecc1758f33c363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1d8afcbdfa0168ffa7f8c746da7bf764baacee87', id: componentWrapperId }, h("div", { key: '2a09f18ffd6436f88adada0ece1d414f919e48d7', class: "dropdown-button--wrapper" }, this.renderButtons()), h("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) {
@@ -16846,7 +16856,7 @@ const KupList = class {
         this.selected = [];
         this.customStyle = '';
         this.data = [];
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.showFilter = false;
         this.filter = '';
         this.hideText = false;
@@ -17090,7 +17100,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: '09fded73227e0f9b5ffa9549149e7eb3816d34f1' }, h("style", { key: '6f85384ff71cf7d0a4cc97b235e8c9af4b66c387' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0d3e0c0b4c5b82e0b866c8abf34e6d246964b08b', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '808d81ff3cd420116d373db3c72165f3adcee3c3', class: listScrollClass }, h("ul", { key: '7282afc7d6db3fa6efa0fb1a0f4ebd830be1c427', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '757450e74bae58c40e296f4011362d2333d0680b' }, h("style", { key: '3697fb5fa28732444342062abd6b5b9303412698' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f224ec658b674c923703f7dd14938e2008b2438d', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '44e8be7c70ca297b386dae221aadc2e718bd2111', class: listScrollClass }, h("ul", { key: '33423113f951ff631f711d2d032ec1c48a2e65db', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -17161,7 +17171,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         imageTag = __classPrivateFieldGet$4(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 != '') {
@@ -19734,7 +19744,7 @@ const KupTree = class {
         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) {
@@ -19834,18 +19844,10 @@ const KupTree = class {
      * 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();
     }
@@ -19853,18 +19855,10 @@ const KupTree = class {
      * 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();
     }
@@ -20661,7 +20655,7 @@ const KupTree = class {
         }
         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;
@@ -21010,19 +21004,19 @@ const KupTree = class {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (h("div", { key: 'ff3aa6ba1325daa3350ef8d5fa2b1bab576c635c', id: "global-filter" }, h("kup-text-field", { key: 'c4b13cb34d90a8d98167aa7009ec8e3881597c9e', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: 'c3216ffc4b4d234ed27f40af9b51118f9bd15b2e', id: "global-filter" }, h("kup-text-field", { key: '550ddff3bfe19e49ad87bf39ad7e08d0a95c3f00', fullWidth: true, label: __classPrivateFieldGet(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(Host, { key: '843f7e3a33acbcaaf48ce08e897b389910bc6133', "onKup-cell-click": (e) => {
+        return (h(Host, { key: '10c96e24bd7add54c0c73d8e4454c927686f976f', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h("style", { key: '75e0b25f82f0476a5bd6e9a9f9a2965804e810b4' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5e2305731a49a7d60f9559d6487c26616814267f', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '6c350dfddb22eef135cb902a9cf3ebd6fac7019f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: 'ffa46d78a1ee0af0108018d5be431b04b91e1a76', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h("style", { key: '1d23689472015c74ca5cfdf4986f6ae648b13574' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5669c1c730bd8aee8f3aa4a3b85c1047bbaf9b4e', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '8cd543582a5dc7cd5921821dc8fafb92e8c03158', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: '04aa22ee657e40d66a4b31bc80c4880ed6a47937', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '685784125bfefe63734221f06917726f67a78e05', class: {
+            } }, h("thead", { key: '386cb4932bc4767e06bbb80db5293f1b109989ae', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: '062fe4fe9300b4973c461dd081895beec2ed4128' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '3a59d9d833bc75ec0bfc8674ae7023842e1a1801' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: '95e04564f43e13b80257c92b22e0f6a99c77ef8e' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '6df3396f1d9a0044600d1f22927518990dd05c98' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -21053,7 +21047,8 @@ const KupTree = class {
 _KupTree_kupManager = new WeakMap(), _KupTree_instances = new WeakSet(), _KupTree_checkUpdateState = function _KupTree_checkUpdateState() {
     let somethingChanged = false;
     if (!__classPrivateFieldGet(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(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a8 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aG as kupDraggableAttr, _ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-53906723.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-3832776d.js';
+import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a8 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, V as KupPointerEventTypes, Y as KupDragEffect, aG as kupDraggableAttr, _ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-1747a265.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-7139e397.js';
 import { F as FImage } from './f-image-96ea1421.js';
-import { d as FChip } from './f-chip-2b1b3544.js';
+import { d as FChip } from './f-chip-af9b0f73.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-c0987685.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-7f69eaa3.js';
+import { F as FCell } from './f-cell-7bbb7ea5.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-a617b644.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-964cc4dd.js';
 import './f-button-6298565d.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-191ec2e7.js';
-import './f-object-field-a234558f.js';
-import './f-text-field-4ef83a74.js';
+import './f-object-field-a658454f.js';
+import './f-text-field-97b4dae7.js';
 import './component-a35bc7f1.js';
 
 /**

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-53906723.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-1747a265.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-6298565d.js';
-import { d as FChip, F as FChipType } from './f-chip-2b1b3544.js';
+import { d as FChip, F as FChipType } from './f-chip-af9b0f73.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-964cc4dd.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, ai as getCellValueForDisplay } from './kup-manager-53906723.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, ai as getCellValueForDisplay } from './kup-manager-1747a265.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-964cc4dd.js';
 

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-53906723.js';
+import { k as kupManagerInstance, i as FCellPadding, aA as KupCellElementsPosition, g as getProps, s as setProps, Y as KupDragEffect, aB as submitPositionAdapter, b as KupLanguageGeneric, aC as KupCellProps } from './kup-manager-1747a265.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-6298565d.js';
-import { F as FCell } from './f-cell-c0987685.js';
+import { F as FCell } from './f-cell-7bbb7ea5.js';
 import './kup-dates-964cc4dd.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';
 import './f-checkbox-191ec2e7.js';
-import './f-chip-2b1b3544.js';
-import './f-object-field-a234558f.js';
-import './f-text-field-4ef83a74.js';
+import './f-chip-af9b0f73.js';
+import './f-object-field-a658454f.js';
+import './f-text-field-97b4dae7.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-6298565d.js';
 import { F as FCheckbox } from './f-checkbox-191ec2e7.js';
-import { F as FTextField } from './f-text-field-4ef83a74.js';
+import { F as FTextField } from './f-text-field-97b4dae7.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-53906723.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aD as KupLanguageDashboard, b as KupLanguageGeneric, Y as KupDragEffect, h as KupDebugCategory } from './kup-manager-1747a265.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-96ea1421.js';

package/dist/esm/{kup-data-table-helper-3832776d.js → kup-data-table-helper-7139e397.js}

@@ -1,4 +1,4 @@
-import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-53906723.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, ai as getCellValueForDisplay, x as getColumnByName, z as KupObjects, aj as KupData, ak as compareCell, N as TotalMode, O as getRegExpFromString, F as FCellShapes, al as CMBandACPAdapter, am as RADAdapter, an as CHKAdapter, ao as CHIAdapter, ap as SWTAdapter, a8 as SortMode } from './kup-manager-1747a265.js';
 import { K as KupDatesFormats } from './kup-dates-964cc4dd.js';
 
 /**

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

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