@sme.up/ketchup 10.3.12 → 10.3.13

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager$2 = require('./kup-manager-af4de85d.js');
-const fTextField = require('./f-text-field-2f9c646d.js');
+const kupManager$2 = require('./kup-manager-b6d2bca8.js');
+const fTextField = require('./f-text-field-8c918e34.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const fChip = require('./f-chip-1f1a9829.js');
+const fChip = require('./f-chip-36ba0f62.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-7457eb26.js');
 const fButton = require('./f-button-c084046d.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-5e876dc1.js');
+const fCell = require('./f-cell-f47a6278.js');
 const kupDates = require('./kup-dates-6feda954.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-e59d6bda.js');
-const kupDataTableHelper = require('./kup-data-table-helper-292af776.js');
-const fPaginatorUtils = require('./f-paginator-utils-0b88eb98.js');
-require('./f-object-field-7264b902.js');
+const kupDataTableHelper = require('./kup-data-table-helper-3041bf1b.js');
+const fPaginatorUtils = require('./f-paginator-utils-adc8b67a.js');
+require('./f-object-field-4d4002b0.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -29,7 +29,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.";
@@ -95,8 +96,8 @@ const KupAutocomplete = class {
         this.customStyle = '';
         this.data = undefined;
         this.disabled = false;
-        this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
-        this.listDisplayMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
+        this.ListDescrMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -407,12 +408,12 @@ const KupAutocomplete = class {
             legacyLook: this.legacyLook,
             size: this.size
                 ? this.size
-                : kupManager$2.getSizeOfInputElement(this.data, this.displayMode, this.size),
+                : kupManager$2.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 (index.h(index.Host, { key: 'ba27aa4bc6759aec2f01a404117c115e7aa7849f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: 'b4b0bd1e49208182acf4681b8c3764883e41d3c8' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '2b227672c21f3fedc690cdeb36cd5fb129928567', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '4e62a1c01fc2691d74b3bc257ffb4c63f93acb04' }, props, { icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: 'cc4e4d81007ca2f11f7595644c11cab4a6a5864f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '3f3d8d9d78c135d0f151df869e187d21082416ff' }, __classPrivateFieldGet$b(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fccfbc9bff012a969aaeaea0a9a2af2edae96a18', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$b(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: 'b0a7901f2f1fc5e357e3ded6f959a8b1aae91fe4' }, props, { icon: this.showDropDownIcon
                 ? kupManager$2.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"));
@@ -483,10 +484,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 = fChip.getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
+        this.displayedValue = fChip.getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = fChip.consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$b(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = fChip.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;
@@ -501,7 +502,7 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
         return ret;
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
-    return (index.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 (index.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;
 
@@ -6948,7 +6949,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.";
@@ -6986,7 +6987,7 @@ const KupChip = class {
         this.customStyle = '';
         this.data = [];
         this.disabled = false;
-        this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
         this.enableInput = false;
         this.label = null;
         this.sizing = fChip.FChipSize.SMALL;
@@ -7115,7 +7116,7 @@ const KupChip = class {
                 ? true
                 : false,
             data: this.data,
-            displayMode: this.displayMode,
+            DescrMode: this.DescrMode,
             info: this.rootElement.classList.contains('kup-info')
                 ? true
                 : false,
@@ -7154,7 +7155,7 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (index.h(index.Host, { key: '092919df319761de61a7e6535f0dd18976463c6c', "onKup-autocomplete-itemclick": (e) => {
+        return (index.h(index.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);
@@ -7164,7 +7165,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);
-            } }, index.h("style", { key: '3cc916a8db665b151f59f4224d5f6f168268f842' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '57500014b7c3f0fe98add9eb950fa88615e6eec0', id: GenericVariables.componentWrapperId }, this.label ? (index.h("div", { class: "mdc-text-field__label-container" }, index.h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: '92f0d3996bddacc0be40eab0298c4716de3783c1', name: "field" }))));
+            } }, index.h("style", { key: 'e45290027a9c6ed3652b96db83e264cc7ee7c8c4' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '2e0888a912b64d7830bce10caf44d805b19555f9', id: GenericVariables.componentWrapperId }, this.label ? (index.h("div", { class: "mdc-text-field__label-container" }, index.h("label", { class: "mdc-label" }, this.label))) : null, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: 'f53be206943edb135cc93d08c45e333c241353bf', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -7500,7 +7501,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.";
@@ -7561,8 +7563,8 @@ const KupCombobox = class {
         this.customStyle = '';
         this.data = undefined;
         this.disabled = false;
-        this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
-        this.listDisplayMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
+        this.ListDescrMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
         this.error = '';
         this.icon = null;
         this.initialValue = '';
@@ -7844,12 +7846,12 @@ const KupCombobox = class {
             legacyLook: this.legacyLook,
             size: this.size
                 ? this.size
-                : kupManager$2.getSizeOfInputElement(this.data, this.displayMode, this.size),
+                : kupManager$2.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 (index.h(index.Host, { key: '8bb8eace416a6799a32f5d5222759ead3525ed7d', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'bf9817caafcbd303719c862f4f84111ef6da27c1' }, __classPrivateFieldGet$9(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '1052268f4d6e8227b3fdc6c6a25ea2004f21d197', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: 'df2cf6672cfe3c9360476df936cedff6449861b6' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: 'a8d9b8b16c3ecce6aeeb205372b81300f71b4b9c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'e6c7c6f13217f920f35a783a312831f1e452b45a' }, __classPrivateFieldGet$9(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5705e83431a6235230607d39aeab11bde7f9fe11', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '94fb9c2a7dc22fc0df7e47854028fccd181efc3f' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? kupManager$2.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)));
     }
@@ -7906,10 +7908,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 = fChip.getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
+        this.displayedValue = fChip.getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = fChip.consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$9(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = fChip.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;
@@ -7924,7 +7926,7 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
-    return (index.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 (index.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;
 
@@ -9002,6 +9004,7 @@ const KupDataTable = class {
         this.totals = undefined;
         this.transpose = false;
         this.visibleColumns = undefined;
+        this.pendingRowsToUpdate = [];
         this.updatableData = false;
         this.updateOnClick = false;
         this.onCellActionBuild = undefined;
@@ -9055,6 +9058,9 @@ const KupDataTable = class {
                 this.visibleColumns = state.visibleColumns
                     ? [...state.visibleColumns]
                     : undefined;
+                this.pendingRowsToUpdate = state.pendingRowsToUpdate
+                    ? [...state.pendingRowsToUpdate]
+                    : undefined;
             }
         }
     }
@@ -9104,9 +9110,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) {
@@ -9115,7 +9121,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
                     }
                 }
-                this.state.pendingRowsToUpdate = [];
+                this.pendingRowsToUpdate = [];
             }
         }
         if (this.data['type'] === 'SmeupDataTable') {
@@ -10127,7 +10133,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 = (index.h("tr", { key: '992b95a9bc5a120dd934142a131b6f6f5b74b77f', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '6b1b0b0b62873b578954b694599726a3b17a3031', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: '92333842c3cfa03ebb484e89e75695eab16c09d3', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '2bd41d42d522e26c43693b7ee756a06d588142ac', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10203,7 +10209,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '9a162a7803eb351e5614a9bd7482ef1c45942083' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '65058ab64daaad187c72e247ec7a6528f02e9af3' }, props));
             }
         }
         const tableClass = {
@@ -10235,7 +10241,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: '86054eb4ab8123b8176267c2426d059dc42e2a96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'b5409c81cfd6cbd96780abfe579ef976f713738b' }, index.h("tr-sticky", { key: '5dfc144b389ea7b8c32e32342ae401a7edf6d218' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '0e9610742c6d91b32ce250be7198d9df55d5d0da', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'aa311d77e5de778b0c051160fc0e172f19089a98' }, index.h("tr-sticky", { key: 'a067a3229649de746b6e706b22e078cf33f176fd' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10281,7 +10287,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 = (index.h(index.Host, { key: 'a3ac1fd32279a4e8522370cf95cbb4c5b99a758a', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: 'a8f188d46c68df160bb12b43390209c3bf768b01', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10300,11 +10306,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.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), index.h("div", { key: 'e1d9c89998c53f676fef0bc3823c7c71ddf6af59', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'b75d083c7fd17aa22aef5e83ef62d9cd9d4d7f2f', class: "group-wrapper" }, groupChips), index.h("div", { key: '4fc8f34e1eb02050c22a4eab5246bc83b946ee44', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, index.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), index.h("div", { key: '986a01da19d58003b79f6f5e3d50fb4d96957990', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '88b315cc655c30590bc03088b0f3c8bf866433d8', class: "group-wrapper" }, groupChips), index.h("div", { key: '5e79939b63c57dbd6388cecb795d7ff948143061', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$2.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.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 && (index.h("div", { key: 'd809dcef661a1c3ea6999352bf72f529f898b3f7', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (index.h("div", { key: '8ebad644fcf1fe5a41700549b43887bbc38891f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10354,9 +10360,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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: kupManager$2.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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), index.h("div", { key: '2669c0b576295add74ca5d879fd7e9481e339a25', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: 'f15cbffcb2fd9f0d8d64aa797a2cffa6c84b284d', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10365,7 +10371,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$2.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.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, index.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");
@@ -10373,7 +10379,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();
-            } }, index.h("thead", { key: 'eebd3d1d2385c12537471f9fdbbb251255d4eb3c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'c963f671b9d703ab03e61a8895aa710a9b5fd5af' }, header)), index.h("tbody", { key: '70d69247c2000a2d3d4b1eb179d7da32a65679a6' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: '96913379d612d817d8d0e9d67281ffb65aa2414e', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '26dacde658869804d8ef74dad5007d3b6b90de22' }, header)), index.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;
     }
@@ -10554,6 +10560,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);
@@ -13873,7 +13883,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.";
@@ -13919,7 +13929,7 @@ const KupDropdownButton = class {
         this.customStyle = '';
         this.data = null;
         this.disabled = false;
-        this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
         this.dropdownOnly = false;
         this.icon = null;
         this.initialValue = '';
@@ -14119,7 +14129,7 @@ const KupDropdownButton = class {
      * Checks the consistency of the list.
      */
     consistencyCheck(e, idIn) {
-        const ret = fChip.consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.displayMode, e);
+        const ret = fChip.consistencyCheck(idIn, this.data['kup-list'], this.listEl, this.selectMode, this.DescrMode, e);
         this.value = ret.value;
     }
     /*-------------------------------------------------*/
@@ -14177,7 +14187,7 @@ const KupDropdownButton = class {
         return buttons;
     }
     render() {
-        return (index.h(index.Host, { key: '84daf971586f1c4a1d73f6b4e8f258f373a9b877' }, index.h("style", { key: '90d06938c34fc0f1cd52392126b636400fb23395' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '2a4ed6d94d1babca92216fda375e3a8338333413', id: GenericVariables.componentWrapperId }, index.h("div", { key: 'e2a2ddc1601e2842f037158fc7154813273ff01a', class: "dropdown-button--wrapper" }, this.renderButtons()), index.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 (index.h(index.Host, { key: '5846b8878d363d7e13f9f295f04d8d6f4ffdd2b5' }, index.h("style", { key: '3ccabb74c9fe510c131c336337ecc1758f33c363' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '1d8afcbdfa0168ffa7f8c746da7bf764baacee87', id: GenericVariables.componentWrapperId }, index.h("div", { key: '2a09f18ffd6436f88adada0ece1d414f919e48d7', class: "dropdown-button--wrapper" }, this.renderButtons()), index.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) {
@@ -16850,7 +16860,7 @@ const KupList = class {
         this.selected = [];
         this.customStyle = '';
         this.data = [];
-        this.displayMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.DESCRIPTION;
         this.showFilter = false;
         this.filter = '';
         this.hideText = false;
@@ -17094,7 +17104,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index$1 = 0;
-        return (index.h(index.Host, { key: '09fded73227e0f9b5ffa9549149e7eb3816d34f1' }, index.h("style", { key: '6f85384ff71cf7d0a4cc97b235e8c9af4b66c387' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '0d3e0c0b4c5b82e0b866c8abf34e6d246964b08b', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: '808d81ff3cd420116d373db3c72165f3adcee3c3', class: listScrollClass }, index.h("ul", { key: '7282afc7d6db3fa6efa0fb1a0f4ebd830be1c427', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (index.h(index.Host, { key: '757450e74bae58c40e296f4011362d2333d0680b' }, index.h("style", { key: '3697fb5fa28732444342062abd6b5b9303412698' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'f224ec658b674c923703f7dd14938e2008b2438d', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: '44e8be7c70ca297b386dae221aadc2e718bd2111', class: listScrollClass }, index.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$1++)))))));
     }
@@ -17165,7 +17175,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 = [
-        fChip.getIdOfItemByDisplayMode(item, item.id == '' ? kupManager$2.ItemsDisplayMode.DESCRIPTION : this.displayMode, ' - '),
+        fChip.getIdOfItemByDisplayMode(item, item.id == '' ? kupManager$2.ItemsDisplayMode.DESCRIPTION : this.DescrMode, ' - '),
     ];
     let secTextTag = [];
     if (this.twoLine && item.secondaryText && item.secondaryText != '') {
@@ -19738,7 +19748,7 @@ const KupTree = class {
         this.store = undefined;
         this.useDynamicExpansion = false;
         this.totals = undefined;
-        this.displayMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
+        this.DescrMode = kupManager$2.ItemsDisplayMode.CODE_AND_DESC;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -19838,18 +19848,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();
     }
@@ -19857,18 +19859,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();
     }
@@ -20665,7 +20659,7 @@ const KupTree = class {
         }
         let treeNodeCell = null;
         let nodeValue;
-        switch (this.displayMode) {
+        switch (this.DescrMode) {
             case kupManager$2.ItemsDisplayMode.CODE:
                 nodeValue = (_b = (_a = treeNodeData.obj) === null || _a === void 0 ? void 0 : _a.k) !== null && _b !== void 0 ? _b : '';
                 break;
@@ -21014,19 +21008,19 @@ const KupTree = class {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (index.h("div", { key: 'ff3aa6ba1325daa3350ef8d5fa2b1bab576c635c', id: "global-filter" }, index.h("kup-text-field", { key: 'c4b13cb34d90a8d98167aa7009ec8e3881597c9e', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, icon: kupManager$2.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (index.h("div", { key: 'c3216ffc4b4d234ed27f40af9b51118f9bd15b2e', id: "global-filter" }, index.h("kup-text-field", { key: '550ddff3bfe19e49ad87bf39ad7e08d0a95c3f00', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(kupManager$2.KupLanguageSearch.SEARCH), sizing: kupManager$2.KupComponentSizing.EXTRA_SMALL, icon: kupManager$2.KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (index.h(index.Host, { key: '843f7e3a33acbcaaf48ce08e897b389910bc6133', "onKup-cell-click": (e) => {
+        return (index.h(index.Host, { key: '10c96e24bd7add54c0c73d8e4454c927686f976f', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, index.h("style", { key: '75e0b25f82f0476a5bd6e9a9f9a2965804e810b4' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5e2305731a49a7d60f9559d6487c26616814267f', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: '6c350dfddb22eef135cb902a9cf3ebd6fac7019f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, index.h("table", { key: 'ffa46d78a1ee0af0108018d5be431b04b91e1a76', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, index.h("style", { key: '1d23689472015c74ca5cfdf4986f6ae648b13574' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '5669c1c730bd8aee8f3aa4a3b85c1047bbaf9b4e', id: GenericVariables.componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, index.h("div", { key: '8cd543582a5dc7cd5921821dc8fafb92e8c03158', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, index.h("table", { key: '04aa22ee657e40d66a4b31bc80c4880ed6a47937', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, index.h("thead", { key: '685784125bfefe63734221f06917726f67a78e05', class: {
+            } }, index.h("thead", { key: '386cb4932bc4767e06bbb80db5293f1b109989ae', class: {
                 'header--is-visible': visibleHeader,
-            } }, index.h("tr", { key: '062fe4fe9300b4973c461dd081895beec2ed4128' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: '3a59d9d833bc75ec0bfc8674ae7023842e1a1801' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, index.h("tr", { key: '95e04564f43e13b80257c92b22e0f6a99c77ef8e' }, visibleHeader ? this.renderHeader() : null)), index.h("tbody", { key: '6df3396f1d9a0044600d1f22927518990dd05c98' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -21057,7 +21051,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/cjs/kup-box.cjs.entry.js

@@ -3,20 +3,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-af4de85d.js');
-const kupDataTableHelper = require('./kup-data-table-helper-292af776.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
+const kupDataTableHelper = require('./kup-data-table-helper-3041bf1b.js');
 const fImage = require('./f-image-7457eb26.js');
-const fChip = require('./f-chip-1f1a9829.js');
+const fChip = require('./f-chip-36ba0f62.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-5e876dc1.js');
-const fPaginatorUtils = require('./f-paginator-utils-0b88eb98.js');
+const fCell = require('./f-cell-f47a6278.js');
+const fPaginatorUtils = require('./f-paginator-utils-adc8b67a.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-6feda954.js');
 require('./f-button-c084046d.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-checkbox-e59d6bda.js');
-require('./f-object-field-7264b902.js');
-require('./f-text-field-2f9c646d.js');
+require('./f-object-field-4d4002b0.js');
+require('./f-text-field-8c918e34.js');
 require('./component-a6dd6c14.js');
 
 /**

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$4 = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-const fChip = require('./f-chip-1f1a9829.js');
+const fChip = require('./f-chip-36ba0f62.js');
 const kupDates = require('./kup-dates-6feda954.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-6feda954.js');
 

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c084046d.js');
-const fCell = require('./f-cell-5e876dc1.js');
+const fCell = require('./f-cell-f47a6278.js');
 require('./kup-dates-6feda954.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');
 require('./f-checkbox-e59d6bda.js');
-require('./f-chip-1f1a9829.js');
-require('./f-object-field-7264b902.js');
-require('./f-text-field-2f9c646d.js');
+require('./f-chip-36ba0f62.js');
+require('./f-object-field-4d4002b0.js');
+require('./f-text-field-8c918e34.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/cjs/kup-dashboard.cjs.entry.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-c7d441d8.js');
 const fButton = require('./f-button-c084046d.js');
 const fCheckbox = require('./f-checkbox-e59d6bda.js');
-const fTextField = require('./f-text-field-2f9c646d.js');
+const fTextField = require('./f-text-field-8c918e34.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-7457eb26.js');

package/dist/cjs/{kup-data-table-helper-292af776.js → kup-data-table-helper-3041bf1b.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const kupDates = require('./kup-dates-6feda954.js');
 
 /**

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c7d441d8.js');
-const kupManager = require('./kup-manager-af4de85d.js');
+const kupManager = require('./kup-manager-b6d2bca8.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-6feda954.js');