@sme.up/ketchup 10.3.12 → 10.3.13

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: '8bb8eace416a6799a32f5d5222759ead3525ed7d', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'bf9817caafcbd303719c862f4f84111ef6da27c1' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1052268f4d6e8227b3fdc6c6a25ea2004f21d197', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'df2cf6672cfe3c9360476df936cedff6449861b6' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: 'a8d9b8b16c3ecce6aeeb205372b81300f71b4b9c', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'e6c7c6f13217f920f35a783a312831f1e452b45a' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '5705e83431a6235230607d39aeab11bde7f9fe11', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '94fb9c2a7dc22fc0df7e47854028fccd181efc3f' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick(), onClearIconClick: () => this.onKupClearIconClick() }))), __classPrivateFieldGet(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-data-table/kup-data-table.js

@@ -331,6 +331,7 @@ export class KupDataTable {
         this.totals = undefined;
         this.transpose = false;
         this.visibleColumns = undefined;
+        this.pendingRowsToUpdate = [];
         this.updatableData = false;
         this.updateOnClick = false;
         this.onCellActionBuild = undefined;
@@ -384,6 +385,9 @@ export class KupDataTable {
                 this.visibleColumns = state.visibleColumns
                     ? [...state.visibleColumns]
                     : undefined;
+                this.pendingRowsToUpdate = state.pendingRowsToUpdate
+                    ? [...state.pendingRowsToUpdate]
+                    : undefined;
             }
         }
     }
@@ -433,9 +437,9 @@ export class KupDataTable {
             __classPrivateFieldSet(this, _KupDataTable_originalDataLoadedMaxId, ((_a = __classPrivateFieldGet(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _a === void 0 ? void 0 : _a.length) > 0
                 ? Math.max(...__classPrivateFieldGet(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) {
@@ -444,7 +448,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_modifiedRowsIds, "f").push(`${originalDataRowIndex}`);
                     }
                 }
-                this.state.pendingRowsToUpdate = [];
+                this.pendingRowsToUpdate = [];
             }
         }
         if (this.data['type'] === 'SmeupDataTable') {
@@ -1458,7 +1462,7 @@ export class KupDataTable {
         __classPrivateFieldSet(this, _KupDataTable_sizedColumns, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '992b95a9bc5a120dd934142a131b6f6f5b74b77f', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '6b1b0b0b62873b578954b694599726a3b17a3031', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '92333842c3cfa03ebb484e89e75695eab16c09d3', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '2bd41d42d522e26c43693b7ee756a06d588142ac', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1534,7 +1538,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '9a162a7803eb351e5614a9bd7482ef1c45942083' }, props));
+                groupChips = h(FChip, Object.assign({ key: '65058ab64daaad187c72e247ec7a6528f02e9af3' }, props));
             }
         }
         const tableClass = {
@@ -1566,7 +1570,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '86054eb4ab8123b8176267c2426d059dc42e2a96', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'b5409c81cfd6cbd96780abfe579ef976f713738b' }, h("tr-sticky", { key: '5dfc144b389ea7b8c32e32342ae401a7edf6d218' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '0e9610742c6d91b32ce250be7198d9df55d5d0da', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'aa311d77e5de778b0c051160fc0e172f19089a98' }, h("tr-sticky", { key: 'a067a3229649de746b6e706b22e078cf33f176fd' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1612,7 +1616,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: 'a3ac1fd32279a4e8522370cf95cbb4c5b99a758a', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'a8f188d46c68df160bb12b43390209c3bf768b01', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1631,11 +1635,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '16cabfec118d0c4d1c821452293808c062b71467' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: 'e1d9c89998c53f676fef0bc3823c7c71ddf6af59', id: componentWrapperId, class: wrapClass }, h("div", { key: 'b75d083c7fd17aa22aef5e83ef62d9cd9d4d7f2f', class: "group-wrapper" }, groupChips), h("div", { key: '4fc8f34e1eb02050c22a4eab5246bc83b946ee44', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: 'b537e612b1735e45a5a4619a022c9cc7b4b29aa1' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '986a01da19d58003b79f6f5e3d50fb4d96957990', id: componentWrapperId, class: wrapClass }, h("div", { key: '88b315cc655c30590bc03088b0f3c8bf866433d8', class: "group-wrapper" }, groupChips), h("div", { key: '5e79939b63c57dbd6388cecb795d7ff948143061', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: 'd809dcef661a1c3ea6999352bf72f529f898b3f7', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '8ebad644fcf1fe5a41700549b43887bbc38891f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1685,9 +1689,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '0b16f28bee2cb0c4994bb388932aacb09d4259cd', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '7021ca42160e7547868aa558b1cb9ce3f4c36045', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '2669c0b576295add74ca5d879fd7e9481e339a25', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: 'f15cbffcb2fd9f0d8d64aa797a2cffa6c84b284d', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1696,7 +1700,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '9f4d396671acb35a564e8927b296c30aeea5deac', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '42e9e6b07118eed0626d3785d3e94af8b8fc6658', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1704,7 +1708,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'eebd3d1d2385c12537471f9fdbbb251255d4eb3c', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'c963f671b9d703ab03e61a8895aa710a9b5fd5af' }, header)), h("tbody", { key: '70d69247c2000a2d3d4b1eb179d7da32a65679a6' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '96913379d612d817d8d0e9d67281ffb65aa2414e', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '26dacde658869804d8ef74dad5007d3b6b90de22' }, header)), h("tbody", { key: 'b718b7e72cefe7cf2f93f1d23daced56aafd34db' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -2990,6 +2994,28 @@ export class KupDataTable {
                     "text": "List of the visible columns"
                 }
             },
+            "pendingRowsToUpdate": {
+                "type": "unknown",
+                "mutable": true,
+                "complexType": {
+                    "original": "KupDataRow[]",
+                    "resolved": "KupDataRow[]",
+                    "references": {
+                        "KupDataRow": {
+                            "location": "import",
+                            "path": "../../managers/kup-data/kup-data-declarations",
+                            "id": "src/managers/kup-data/kup-data-declarations.ts::KupDataRow"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            },
             "updatableData": {
                 "type": "boolean",
                 "mutable": true,
@@ -4641,6 +4667,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.state.visibleColumns = [...this.visibleColumns];
         somethingChanged = true;
     }
+    if (!__classPrivateFieldGet(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);

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: '84daf971586f1c4a1d73f6b4e8f258f373a9b877' }, h("style", { key: '90d06938c34fc0f1cd52392126b636400fb23395' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '2a4ed6d94d1babca92216fda375e3a8338333413', id: componentWrapperId }, h("div", { key: 'e2a2ddc1601e2842f037158fc7154813273ff01a', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: '7c9b87c3d425d84a6823bb8344d9fa3dc4536be2' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h(Host, { key: '5846b8878d363d7e13f9f295f04d8d6f4ffdd2b5' }, h("style", { key: '3ccabb74c9fe510c131c336337ecc1758f33c363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '1d8afcbdfa0168ffa7f8c746da7bf764baacee87', id: componentWrapperId }, h("div", { key: '2a09f18ffd6436f88adada0ece1d414f919e48d7', class: "dropdown-button--wrapper" }, this.renderButtons()), h("kup-list", Object.assign({ key: 'b5f1100f251d0e4c79f616b8678f8ee7fe353b3f' }, this.data['kup-list'], { DescrMode: this.DescrMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {
@@ -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-echart/kup-echart-declarations.js

@@ -12,6 +12,7 @@ export var KupEchartProps;
     KupEchartProps["data"] = "The actual data of the chart.";
     KupEchartProps["legend"] = "Sets the position of the legend. Supported values: bottom, left, right, top. Keep in mind that legend types are tied to chart types, some combinations might not work.";
     KupEchartProps["map"] = "Choose which map you want to view, supported values: \"europe\", \"africa\", \"asia\", \"oceania\", \"america\" and \"world\". It's possible to supply a custom JSON too.";
+    KupEchartProps["multipleYAxes"] = "Defines which data series must be associated with a secondary Y axis. Accepts a string with the column IDs separated by \"|\".";
     KupEchartProps["series"] = "The data series to be displayed. They must be of the same type.";
     KupEchartProps["showMarks"] = "Displays the numerical values.";
     KupEchartProps["sizeX"] = "The width of the chart, defaults to 100%. Accepts any valid CSS format (px, %, vw, etc.).";

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

@@ -142,7 +142,7 @@ export class KupEchart {
             '--kup_echart_height': this.sizeY ? this.sizeY : '100%',
             '--kup_echart_width': this.sizeX ? this.sizeX : '100%',
         };
-        return (h(Host, { key: '6695df3d157839e237b73df89f56dd438240739a', style: style }, h("style", { key: 'f645db394d2d0fc02d027e7958eaf9266be71a1d' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '8cc220551d3cee74babf45104cfa3409b2107ec1', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
+        return (h(Host, { key: '03ce4b61e7a72876cf1dde8f868781efee0e11de', style: style }, h("style", { key: '697d7ba9b801854e01d801e804729ed5628eaa45' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6620e06614a900f71f92047fd1752902df2a23b0', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -1886,9 +1886,13 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 type = KupEchartTypes.LINE;
             }
             __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_addSeries).call(this, type, series, values, key, color[i]);
-            if (this.multipleYAxes) {
-                series[i].yAxisIndex =
-                    +multipleYAxes[i];
+            // Assign yAxisIndex for multiple Y-axes configuration
+            // Since multipleYAxes now contains valid series names in order,
+            // we assign axis indices sequentially (0, 1, 2, ...) to the series
+            // that should use separate axes. This prevents ECharts from trying
+            // to parse series names as numbers, which would result in NaN.
+            if (this.multipleYAxes && i < multipleYAxes.length) {
+                series[i].yAxisIndex = i;
             }
             i++;
         }
@@ -1911,9 +1915,11 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
     */
     const renamedSeries = series.map((s) => (Object.assign(Object.assign({}, s), { name: this.data.columns.find((col) => col.name === s.name).title })));
     const yAxis = (multipleYAxes === null || multipleYAxes === void 0 ? void 0 : multipleYAxes.length) === renamedSeries.length
-        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
+        ? Array.from({ length: renamedSeries.length }, (_el, i) => (Object.assign(Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
                 formatter: axisLabelFormatter,
-            }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis)))
+            }, min: this.axisYMin, max: this.axisYMax, offset: Math.floor(i / 2) * 60 }), this.yAxis), { splitLine: i === 0
+                ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this).splitLine
+                : { show: false } })))
         : Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? x : undefined, type: isHorizontal ? 'category' : 'value', axisLabel: {
                 formatter: axisLabelFormatter,
             }, min: this.axisYMin, max: this.axisYMax }), this.yAxis);
@@ -2034,4 +2040,52 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             }
         }
     }
+    /**
+     * Validates and corrects the multipleYAxes prop to prevent ECharts runtime errors.
+     *
+     * The multipleYAxes prop is expected to contain series names separated by '|',
+     * indicating which series should be plotted on separate Y-axes. However, if the
+     * specified series names don't exist in the actual data, ECharts will throw an
+     * "axisModel is undefined" error because it tries to assign yAxisIndex values
+     * that don't correspond to existing axes.
+     *
+     * This validation:
+     * 1. Checks if all series names in multipleYAxes exist in this.series
+     * 2. If valid, keeps the original configuration
+     * 3. If invalid, falls back to using the first n series where n = number of
+     *    requested axes, ensuring we have valid series for axis creation
+     * 4. If there aren't enough series, disables multiple axes entirely
+     *
+     * This prevents crashes when backend configurations contain outdated or
+     * incorrect series references, while maintaining backward compatibility.
+     */
+    // Validates multipleYAxes against series
+    if (this.multipleYAxes && this.series && this.series.length) {
+        const axes = this.multipleYAxes.replace(/Y/g, '').split('|');
+        const validAxes = axes.filter((axis) => this.series.includes(axis));
+        if (validAxes.length === axes.length) {
+            // All axes are valid, keep as is
+        }
+        else {
+            // Not all axes are valid, fallback to first n series where n = number of axes
+            const numAxes = axes.length;
+            if (numAxes <= this.series.length) {
+                this.multipleYAxes = this.series
+                    .slice(0, numAxes)
+                    .join('|');
+                __classPrivateFieldGet(this, _KupEchart_kupManager, "f").debug.logMessage(this, 'multipleYAxes fallback to first ' +
+                    numAxes +
+                    ' series. (' +
+                    this.multipleYAxes +
+                    ')', KupDebugCategory.WARNING);
+            }
+            else {
+                // Not enough series, disable multiple axes
+                this.multipleYAxes = null;
+                __classPrivateFieldGet(this, _KupEchart_kupManager, "f").debug.logMessage(this, 'multipleYAxes disabled - not enough series for ' +
+                    numAxes +
+                    ' axes.', KupDebugCategory.WARNING);
+            }
+        }
+    }
 };

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: 'e60dd7ff1d84c76cf3585fe64462d65292653a91', "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: '840b51a34a7615321f242b5c1d559f08c694981d', "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: 'dbb0432225e8900ba162bb71a2821356ce1be75b' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'd5030dca46ae4f6ef242e5c63a15324bc6f92107', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '34508cc1adf4d6caf643a7f2fa957935b060bb13' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f5fdf62f3b52db618ae1e35eef493680e30c9f32', 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: '09fded73227e0f9b5ffa9549149e7eb3816d34f1' }, h("style", { key: '6f85384ff71cf7d0a4cc97b235e8c9af4b66c387' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0d3e0c0b4c5b82e0b866c8abf34e6d246964b08b', 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: '808d81ff3cd420116d373db3c72165f3adcee3c3', class: listScrollClass }, h("ul", { key: '7282afc7d6db3fa6efa0fb1a0f4ebd830be1c427', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '757450e74bae58c40e296f4011362d2333d0680b' }, h("style", { key: '3697fb5fa28732444342062abd6b5b9303412698' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'f224ec658b674c923703f7dd14938e2008b2438d', 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: '44e8be7c70ca297b386dae221aadc2e718bd2111', class: listScrollClass }, h("ul", { key: '33423113f951ff631f711d2d032ec1c48a2e65db', 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 != '') {