@sme.up/ketchup 11.0.0-SNAPSHOT-20251125104152 → 11.0.0-SNAPSHOT-20251201090245

package/dist/collection/components/kup-autocomplete/kup-autocomplete.js

@@ -52,8 +52,8 @@ export class KupAutocomplete {
         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 = '';
@@ -364,12 +364,12 @@ export class KupAutocomplete {
             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: 'dcc8e382f19069cd48e43aa08f4e14b67062392e', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'd8bae528abd4782c8b0ea4748dbca49271fd7b62' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9f5b65b698e1f921e099c8fcdb48c84850d74fb4', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: 'f75283c2a94891bd01e05db4e3c3312d47e2e24f' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: '54bb3dc2f7dce2b5aec0bb8d5a7f59d8cbdf6b2f', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: 'f441e0889173a7152678b0e09b4ab236d3262888' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1893a3b4ad4de47c75e26ad254af00edd3db7c72', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '899f36ef4b5361cd6a525517632bf3d226ab0ce6' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChangeSubmit(e.target.value, this.kupChange), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -508,7 +508,7 @@ export class KupAutocomplete {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -531,11 +531,11 @@ export class KupAutocomplete {
                         }],
                     "text": "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\"."
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.DESCRIPTION"
             },
-            "listDisplayMode": {
+            "ListDescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -555,7 +555,7 @@ export class KupAutocomplete {
                     "tags": [],
                     "text": "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\"."
                 },
-                "attribute": "list-display-mode",
+                "attribute": "list-descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.CODE_AND_DESC"
             },
@@ -1398,10 +1398,10 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
     return __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible == true;
 }, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (idIn && idInDecode) {
-        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
+        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.DescrMode, ' - ');
     }
     else {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.DescrMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -1416,5 +1416,5 @@ _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(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(this, _KupAutocomplete_listEl, el, "f")) })));
 };

package/dist/collection/components/kup-chip/kup-chip-declarations.js

@@ -8,7 +8,7 @@ export 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.";

package/dist/collection/components/kup-chip/kup-chip.js

@@ -28,7 +28,7 @@ export class KupChip {
         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;
@@ -157,7 +157,7 @@ export class KupChip {
                 ? true
                 : false,
             data: this.data,
-            displayMode: this.displayMode,
+            DescrMode: this.DescrMode,
             info: this.rootElement.classList.contains('kup-info')
                 ? true
                 : false,
@@ -196,7 +196,7 @@ export class KupChip {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '1e67357a3f83234b89a40725dd65fae889e4d9cd', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: 'ed3df8fecfa17c1ccee209f0126cad11b4adc80f', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
@@ -206,7 +206,7 @@ export class KupChip {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-submit": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: '1c4d02bd1ba581c8139e96590bf8e5a5fdfa5a28' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd32b03aa57835bbe43dfe85c7a73cc19957af47d', 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: 'ac759dfe793b88e165b4c57bb61e310ecb38d5e3', name: "field" }))));
+            } }, h("style", { key: '7558d2820924fd715da96ac12a6819d82ea3dfbb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '0e7851838135bda98cafc436eb7b701a52807902', 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: 'd2eed39441766df501ba43a1dcc8e63b0906b177', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -295,7 +295,7 @@ export class KupChip {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -318,7 +318,7 @@ export class KupChip {
                         }],
                     "text": "When enabled, the chip's text will display both the id and description."
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.DESCRIPTION"
             },

package/dist/collection/components/kup-combobox/kup-combobox-declarations.js

@@ -7,7 +7,8 @@ export 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.";

package/dist/collection/components/kup-combobox/kup-combobox.js

@@ -47,8 +47,8 @@ export class KupCombobox {
         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 = '';
@@ -330,12 +330,12 @@ export class KupCombobox {
             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: 'a08c4d0ccddbd2ef50803db89ad4e5d616460b07', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: '5af5ec19c2ca8f1d90b3f371aedb0fd4f4f1055f' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a779b4a6135cb7fb3fa462f28981ca084d6bdd3f', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'd46448958f7b6f489d3da9f4ea7c0c64c4d9a1bd' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: '1ed7f42887dca3f807c6b40a0a139fc4a6515cff', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: '9161af38b49a700e0d66e925dd2ac90849c815d1' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3ee5c3c502a15233b4fe9fa7fb148ba63e837bc1', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'a0f1c8e5c105204fc11ee7632e77289f21244634' }, 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(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -444,7 +444,7 @@ export class KupCombobox {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -464,11 +464,11 @@ export class KupCombobox {
                     "tags": [],
                     "text": "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\"."
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.DESCRIPTION"
             },
-            "listDisplayMode": {
+            "ListDescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -488,7 +488,7 @@ export class KupCombobox {
                     "tags": [],
                     "text": "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\"."
                 },
-                "attribute": "list-display-mode",
+                "attribute": "list-descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.CODE_AND_DESC"
             },
@@ -1224,10 +1224,10 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     return __classPrivateFieldGet(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(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupCombobox_listEl, "f"), this.selectMode, this.DescrMode);
         if (ret.exists && eventShouldSetValue) {
             this.value = ret.value;
             this.displayedValue = ret.displayedValue;
@@ -1242,5 +1242,5 @@ _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(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(this, _KupCombobox_listEl, el, "f")) })));
 };

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button-declarations.js

@@ -7,7 +7,7 @@ export 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.";

package/dist/collection/components/kup-dropdown-button/kup-dropdown-button.js

@@ -35,7 +35,7 @@ export class KupDropdownButton {
         this.customStyle = '';
         this.data = null;
         this.disabled = false;
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.dropdownOnly = false;
         this.icon = null;
         this.initialValue = '';
@@ -235,7 +235,7 @@ export class KupDropdownButton {
      * 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;
     }
     /*-------------------------------------------------*/
@@ -293,7 +293,7 @@ export class KupDropdownButton {
         return buttons;
     }
     render() {
-        return (h(Host, { key: '1708b482db59249332f006f708625e2627bb7637' }, h("style", { key: '64432e2f7c42b2be0e0102b7c9a5eb7c80104e00' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'b3ae4c58b473d2d864015f0e72e872de552f92df', id: componentWrapperId }, h("div", { key: '308558513e953a9d07bdd2957f9e4c79ab65d151', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'fd6deda80429efb229e18597c1c974d992647442' }, 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: '9ada6e879fff0eae9fedc2585cc43d6af40a0135' }, h("style", { key: 'cfc19ea1554f29f96b1a1c80a840b9b04c559127' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2d7460370d014b2f78bf92653b8534ded2147840', id: componentWrapperId }, h("div", { key: '2e4b1dfb52ee7945cad949b44a312a916c25b36e', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'eb5febfbf698a41ce2063079d96233f7706a6f72' }, 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) {
@@ -385,7 +385,7 @@ export class KupDropdownButton {
                 "reflect": false,
                 "defaultValue": "false"
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -408,7 +408,7 @@ export class KupDropdownButton {
                         }],
                     "text": "Sets how to show the selected item value. Suported values: \"CodeOnly\", \"DescOnly\", \"Both\" or \"CodeAndDesc\" and \"DescAndCode\"."
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.DESCRIPTION"
             },

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -272,7 +272,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: '503892c16fec53014088486f29c7ed97decc786f', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '6cfcf4c42a7c706e45bc001c1869ba098bc9894f', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK);
@@ -282,7 +282,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: 'e0592ae95071ad0d54f52fed60f8083f5f6ae4c3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e36cf63bb90cea6dc2ca0583c1f5fe6555284404', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '296c0fb093c16d143e6a7db6c351f5e01b8dfd58' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd3b416710a01c961421fc5de40c74d15e9cafcf4', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -1129,7 +1129,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
         for (const cellName of Object.keys(row.cells)) {
             const cell = row.cells[cellName];
             if (cell.shape === FCellShapes.AUTOCOMPLETE) {
-                cell.data['displayMode'] = 'CodeOnly';
+                cell.data['DescrMode'] = 'CodeOnly';
                 cell.data['selectMode'] = 'CodeOnly';
             }
         }
@@ -1806,7 +1806,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
             : (_d = (_c = cell.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d['kup-list'];
         if (kupListData) {
             kupListData.data = (filteredRows === null || filteredRows === void 0 ? void 0 : filteredRows.length)
-                ? (_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : []
+                ? ((_e = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cell.value)) !== null && _e !== void 0 ? _e : [])
                 : [];
             kupListData.options = (_f = options.columns) !== null && _f !== void 0 ? _f : [];
         }
@@ -1855,7 +1855,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
                 // Update the autocomplete list data
                 const kupListData = targetCell.data.data['kup-list'];
                 kupListData.data = filteredRows.length
-                    ? (_f = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cellValue)) !== null && _f !== void 0 ? _f : []
+                    ? ((_f = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, visibleColumnsOptions, cellValue)) !== null && _f !== void 0 ? _f : [])
                     : [];
                 kupListData.options = (_g = options.columns) !== null && _g !== void 0 ? _g : [];
                 // Update the component data and refresh

package/dist/collection/components/kup-list/kup-list-helper.js

@@ -21,7 +21,7 @@ export function getIdOfItemByDisplayMode(item, mode, separator) {
             return id;
     }
 }
-export function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
+export function consistencyCheck(idIn, listData, listEl, selectMode, DescrMode, e) {
     const validList = !!(listEl && listData && listData['data']);
     let id = '';
     let displayedValue = '';
@@ -30,7 +30,7 @@ export function consistencyCheck(idIn, listData, listEl, selectMode, displayMode
         selected = e.detail.selected;
     }
     if (selected == null && idIn != null && validList) {
-        selected = getItemByDisplayMode(listData, idIn, displayMode, true);
+        selected = getItemByDisplayMode(listData, idIn, DescrMode, true);
         listEl.data = [...listData['data']];
     }
     if (selected == null && idIn == null && listData) {
@@ -48,7 +48,7 @@ export function consistencyCheck(idIn, listData, listEl, selectMode, displayMode
     }
     else {
         id = getIdOfItemByDisplayMode(selected, selectMode, ' - ');
-        displayedValue = getIdOfItemByDisplayMode(selected, id == '' ? ItemsDisplayMode.DESCRIPTION : displayMode, ' - ');
+        displayedValue = getIdOfItemByDisplayMode(selected, id == '' ? ItemsDisplayMode.DESCRIPTION : DescrMode, ' - ');
         trueValue = getIdOfItemByDisplayMode(selected, ItemsDisplayMode.CODE, ' - ');
     }
     const listNode = validList
@@ -106,12 +106,12 @@ export function getItemById(listData, id, setSelected) {
     }
     return null;
 }
-export function getItemByDisplayMode(listData, id, displayMode, setSelected) {
+export function getItemByDisplayMode(listData, id, DescrMode, setSelected) {
     if (listData && listData['data']) {
         let found = false;
         let item = null;
         for (let i = 0; i < listData['data'].length; i++) {
-            let displayedValue = getIdOfItemByDisplayMode(listData['data'][i], id == '' ? ItemsDisplayMode.DESCRIPTION : displayMode, ' - ');
+            let displayedValue = getIdOfItemByDisplayMode(listData['data'][i], id == '' ? ItemsDisplayMode.DESCRIPTION : DescrMode, ' - ');
             if (setSelected == true) {
                 listData['data'][i].selected = false;
             }

package/dist/collection/components/kup-list/kup-list.js

@@ -69,7 +69,7 @@ export class KupList {
         this.selected = [];
         this.customStyle = '';
         this.data = [];
-        this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.DescrMode = ItemsDisplayMode.DESCRIPTION;
         this.showFilter = false;
         this.filter = '';
         this.hideText = false;
@@ -313,7 +313,7 @@ export class KupList {
         }
         __classPrivateFieldSet(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: 'd0793cb58c9b793df3259c297673470028d39a40' }, h("style", { key: '1abd323a6dde41928bde88b8eb78836905a4079b' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd9eb12de67f3373107b0d9028255fdfc07c58351', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: 'a3c842b8e02b88fca13c4f30b37d255fb0a7d737', class: listScrollClass }, h("ul", { key: '2a4f63316fd97c46f0107f390f451042d086169b', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: 'a4b6bf1943ab53189462f26f647447c38f71a729' }, h("style", { key: '4012e941151dbd5284bbec995d1a18fb8426e231' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6e97c785b76618459094fd0b06e057c3b0e87725', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: 'f50081927ed8a73e0fd0754b41f685c1dee08f46', class: listScrollClass }, h("ul", { key: '4057faf4dfe7af3806163a7002eea6f8f8d1b925', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -383,7 +383,7 @@ export class KupList {
                 },
                 "defaultValue": "[]"
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -406,7 +406,7 @@ export class KupList {
                         }],
                     "text": "Selects how the items must display their label and how they can be filtered for."
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.DESCRIPTION"
             },
@@ -990,7 +990,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         imageTag = __classPrivateFieldGet(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 != '') {

package/dist/collection/components/kup-tree/kup-tree.js

@@ -94,7 +94,7 @@ export class KupTree {
         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) {
@@ -194,18 +194,10 @@ export class KupTree {
      * 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();
     }
@@ -213,18 +205,10 @@ export class KupTree {
      * 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();
     }
@@ -1021,7 +1005,7 @@ export class KupTree {
         }
         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;
@@ -1372,19 +1356,19 @@ export class KupTree {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (h("div", { key: 'd958c1236000b1b745311395a6f2351e02d2444d', id: "global-filter" }, h("kup-text-field", { key: 'aecd73782132f63a67c76f6b909fef6f929bf903', 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: 'b0ec1086e2b4dfed4d01eed6344f2b9723e50a78', id: "global-filter" }, h("kup-text-field", { key: 'b9ac273ade69fee415828e88bde88abea9bd7911', 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: '282cca9e2c9070c131f0e7352b0758c25e35f3c0', "onKup-cell-click": (e) => {
+        return (h(Host, { key: '8e36db0583c51ef4721d14649453d592024c9e0d', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h("style", { key: '50bf9b1b2a99d9ca9bb86ed8b125df1b6225120e' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '9f7de0530f95764576e11a9e034d0499a824ef8d', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: 'f6175d1ad8783ced133968c54d62691865f3462b', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: '219cbe21c9a79e9f66eb1e775495899902adf4ea', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h("style", { key: '01a452ebdd782e0111d148f3fac132b7ef8704ce' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '365ff6370028fcbe2a28489cf8df8f0502f471b1', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '8310f20be32b01d93a1615ccd01d5bbab8eaa783', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: '4678d2fc2ff097f5866f1171faa1b9bfec9c9304', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '036ba719dcfadd5187421ef3a83f0b8ae2e26b13', class: {
+            } }, h("thead", { key: '83d22c2cc27c41e63cd2325a9da0576257b21bd0', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: '6bb65a9a088ef101e900435b268ad00f8fca344b' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '2b8615420e1c476e4ad7666d1e0bbfa729ea45c1' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: 'cbeedfa19b0d218639bac9b1518cd04590512870' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '062aa1d90d53d0dc2fd453e1b60d4c81b5a3e30f' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -2002,7 +1986,7 @@ export class KupTree {
                     "text": "Defines the current totals options."
                 }
             },
-            "displayMode": {
+            "DescrMode": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -2022,7 +2006,7 @@ export class KupTree {
                     "tags": [],
                     "text": ""
                 },
-                "attribute": "display-mode",
+                "attribute": "descr-mode",
                 "reflect": false,
                 "defaultValue": "ItemsDisplayMode.CODE_AND_DESC"
             }

package/dist/collection/f-components/f-cell/f-cell.js

@@ -446,7 +446,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onKup-combobox-itemclick": (e) => cellEvent(e, props, cellType, FCellEvents.ITEMCLICK) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value, initialValueDecode: cell.decode, ListDescrMode: cell.data.ListDescrMode }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onKup-combobox-itemclick": (e) => cellEvent(e, props, cellType, FCellEvents.ITEMCLICK) })));
         case FCellTypes.DATE:
             return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-datepicker-textfieldsubmit": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.EDITOR:
@@ -471,10 +471,10 @@ function setEditableCell(cellType, classObj, cell, column, props) {
         case FCellTypes.FILE_UPLOAD:
             return (h("kup-file-upload", Object.assign({ "onKup-file-upload-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }, cell.data)));
         case FCellTypes.MULTI_AUTOCOMPLETE: {
-            return (h("kup-chip", Object.assign({ displayMode: (_a = cell.data.displayMode) !== null && _a !== void 0 ? _a : ItemsDisplayMode.DESCRIPTION }, cell.data, { label: (_c = (_b = cell.slotData) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-autocomplete", { class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false, listDisplayMode: cell.data.listDisplayMode })));
+            return (h("kup-chip", Object.assign({ DescrMode: (_a = cell.data.DescrMode) !== null && _a !== void 0 ? _a : ItemsDisplayMode.DESCRIPTION }, cell.data, { label: (_c = (_b = cell.slotData) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : '', type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-autocomplete", { class: "kup-full-width", slot: "field", DescrMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), data: (_d = cell.slotData) === null || _d === void 0 ? void 0 : _d.data, initialValue: (_e = cell.slotData) === null || _e === void 0 ? void 0 : _e.initialValue, showDropDownIcon: (_f = cell.slotData) === null || _f === void 0 ? void 0 : _f.showDropDownIcon, style: (_g = cell.slotData) === null || _g === void 0 ? void 0 : _g.style, disabled: (_h = cell.slotData) === null || _h === void 0 ? void 0 : _h.disabled, id: (_j = cell.slotData) === null || _j === void 0 ? void 0 : _j.id, error: cell.data.error, showMarker: (_k = cell.tooltip) !== null && _k !== void 0 ? _k : false, ListDescrMode: cell.data.ListDescrMode })));
         }
         case FCellTypes.MULTI_COMBOBOX:
-            return (h("kup-chip", Object.assign({ displayMode: (_l = cell.data.displayMode) !== null && _l !== void 0 ? _l : ItemsDisplayMode.DESCRIPTION }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false }))));
+            return (h("kup-chip", Object.assign({ DescrMode: (_l = cell.data.DescrMode) !== null && _l !== void 0 ? _l : ItemsDisplayMode.DESCRIPTION }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }), h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", DescrMode: ItemsDisplayMode.CODE_AND_DESC, sizing: KupComponentSizing.EXTRA_SMALL, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_m = cell.tooltip) !== null && _m !== void 0 ? _m : false, ListDescrMode: cell.data.ListDescrMode }))));
         case FCellTypes.RADIO:
             return (h(FRadio, Object.assign({}, cell.data, { disabled: false, onChange: (i, e) => {
                     const radioData = cell.data.data;
@@ -625,7 +625,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
             return (h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), activeNode: activeNode })));
         default:
-            return (h("div", { class: "f-cell__text" }, cell.data.displayMode
+            return (h("div", { class: "f-cell__text" }, cell.data.DescrMode
                 ? adaptContentToDisplayMode(cell, content, '-')
                 : content));
     }

package/dist/collection/f-components/f-chip/f-chip.js

@@ -16,8 +16,8 @@ export const FChip = (props) => {
     if (!props.type) {
         props.type = FChipType.STANDARD;
     }
-    if (!props.displayMode) {
-        props.displayMode = ItemsDisplayMode.DESCRIPTION;
+    if (!props.DescrMode) {
+        props.DescrMode = ItemsDisplayMode.DESCRIPTION;
     }
     const isChoice = props.type.toLowerCase() === FChipType.CHOICE;
     const isFilter = props.type.toLowerCase() === FChipType.FILTER;
@@ -98,7 +98,7 @@ function createChipList(props, isChoice, isFilter, isInput) {
             if (isFilter) {
                 iconEl.push(h("span", { class: "chip__checkmark" }, h("svg", { class: "chip__checkmark-svg", viewBox: "-2 -3 30 30" }, h("path", { class: "chip__checkmark-path", fill: "none", stroke: "black", d: "M1.73,12.91 8.1,19.28 22.79,4.59" }))));
             }
-            let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
+            let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.DescrMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
                     : null, onContextMenu: props.onContextMenu && props.onContextMenu[i]