@sme.up/ketchup 10.4.6 → 10.4.8

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -1192,50 +1192,61 @@ export class KupDataTable {
             ? this.data.columns
             : [{ title: '', name: '' }];
     }
+    /**
+     * Retrieves the list of visible columns based on configuration and grouping state.
+     *
+     * This method handles multiple visibility scenarios:
+     * 1. Explicit visibility list (via visibleColumns property)
+     * 2. Column-level visibility flags
+     * 3. CodVer (code/version) column filtering
+     * 4. Group-based visibility when grouping is enabled
+     *
+     * @param {Object} options - Configuration options
+     * @param {boolean} options.includeCodVer - If true, includes CodVer columns in the result (default: false)
+     * @returns {Array<KupDataColumn>} Array of visible columns, ordered and filtered according to configuration
+     */
     getVisibleColumns({ includeCodVer = false } = {}) {
-        if (includeCodVer) {
-            return this.getColumns().filter((col) => {
-                if (this.visibleColumns) {
-                    return this.visibleColumns.includes(col.name);
-                }
-                else {
-                    return !('visible' in col) || col.visible;
-                }
-            });
-        }
-        // Starting columns filter
-        let resultVisibleColumns = this.getColumns().filter((col) => {
-            const isNotCodVer = !__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col);
+        const allColumns = this.getColumns();
+        // Step 1: Filter columns based on visibility rules and CodVer inclusion
+        let filteredColumns = allColumns.filter((column) => {
+            // CodVer columns are system columns used for versioning/coding
+            const isCodVer = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.isCodVer(column);
+            // Determine if column should be included based on CodVer flag
+            const codVerCheck = includeCodVer ? true : !isCodVer;
             if (this.visibleColumns) {
-                // if visible columns is specified, include only those columns
-                return isNotCodVer && this.visibleColumns.includes(col.name);
+                // Explicit visibility list takes precedence: include only specified columns
+                return codVerCheck && this.visibleColumns.includes(column.name);
             }
             else {
-                return isNotCodVer && (!('visible' in col) || col.visible);
+                // No explicit list: use column's visibility flag (undefined or true = visible)
+                return (codVerCheck && (!('visible' in column) || column.visible));
             }
         });
-        // order based on `visibleColumns`
+        // Step 2: Sort columns according to the order specified in visibleColumns property
+        // This ordering is ALWAYS applied when visibleColumns is defined, regardless of includeCodVer
         if (this.visibleColumns) {
-            resultVisibleColumns = resultVisibleColumns.sort((a, b) => this.visibleColumns.indexOf(a.name) -
-                this.visibleColumns.indexOf(b.name));
+            filteredColumns = filteredColumns.sort((columnA, columnB) => {
+                const indexA = this.visibleColumns.indexOf(columnA.name);
+                const indexB = this.visibleColumns.indexOf(columnB.name);
+                return indexA - indexB;
+            });
         }
-        // Check grouping e filter based on group visibility
+        // Step 3: Apply group-based visibility filtering (only when grouping is active)
         if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
-            return resultVisibleColumns.filter((column) => {
-                let group = null;
-                for (let currentGroup of this.groups) {
-                    if (currentGroup.column === column.name) {
-                        group = currentGroup;
-                        break;
-                    }
-                }
-                if (group) {
-                    return !group.hasOwnProperty('visible') || group.visible;
-                }
-                return true; // Not in a group -> visible
+            return filteredColumns.filter((column) => {
+                // Find the group that contains this column
+                const associatedGroup = this.groups.find((group) => group.column === column.name);
+                if (associatedGroup) {
+                    // Column is in a group: respect the group's visibility flag
+                    // If group doesn't have 'visible' property, default to visible
+                    return (!associatedGroup.hasOwnProperty('visible') ||
+                        associatedGroup.visible);
+                }
+                // Column is not in any group: always visible
+                return true;
             });
         }
-        return resultVisibleColumns;
+        return filteredColumns;
     }
     getGroupByName(column) {
         if (!__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
@@ -1301,7 +1312,7 @@ export class KupDataTable {
         // Action cell
         let actionsCell = null;
         if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             extraCells++;
             const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
             actionsCell = (h("td", { class: selectionStyleAndClass
@@ -1515,7 +1526,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: 'fae0fbf757a5bb8dada4a6c10f488028b02e5fd8', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a9b57fef6aee6b910a1e580edb44cba15bb1c0a1', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1591,7 +1602,7 @@ export class KupDataTable {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h(FChip, Object.assign({ key: '4127c93f669496c78048414a3fdb81e42bb937c9' }, props));
+                groupChips = h(FChip, Object.assign({ key: '0afbe37c45826c571290d584a50d6f247ed2c24e' }, props));
             }
         }
         const tableClass = {
@@ -1623,7 +1634,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '440386f41420a89650eb6eb339e177c9ba8c2953', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd39077e934a334d195ec3f5915491415f0ee1685' }, h("tr-sticky", { key: 'fd3a5c31503aed1ab1bb1ada44bee5da858ccf79' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'e62c7b8a4f14798fa748e89c1ebb1e53e4d2d1b4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'b00940904b9dd3f163dfc0a7420ec9ebe321ea16' }, h("tr-sticky", { key: '45e8a9f3b89fded211707b6e894d62c4781b98bb' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1669,7 +1680,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: '4f42575b90e6d671e91e2e07c59a78215ef5f0c4', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1688,11 +1699,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '0645a40464e0147ab5aca4aaf38a817d7d289030' }, __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: 'cb616360bcec4ba39aca44a93a39b95b9909c394', id: componentWrapperId, class: wrapClass }, h("div", { key: '20773b7172801769e11b443e305c42844f52ba0f', class: "group-wrapper" }, groupChips), h("div", { key: '860898241d7a10f45f7430594a368e91115ba784', 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: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __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: 'fcb5ef491b41dc38fa88749dce546e331c089001', id: componentWrapperId, class: wrapClass }, h("div", { key: 'ac8383cbe45ef36ab0b0424c6c5c5514bbccafb5', class: "group-wrapper" }, groupChips), h("div", { key: 'a1ef43847a9d3e1c768973a53b34b9b5dcf2c7ac', 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: '6072e859a231fbfd727cd1a55f908e25dc33a129', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h("div", { key: '8bb555067a504811cf282719e654f9e3a5a344f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1742,9 +1753,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: 'c9e1e65438d07ce168299fc0cd2b83bf77c94cf3', 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: '046551965866a0128eb67895170156f666f69b9b', 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: 'ea9660e9a616888f37feec74f4f5e2f736e0af6b', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', 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);
@@ -1753,7 +1764,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '64529a2a31eb09dcfda1ee5b1cf70be5e30114cd', 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: '8b6fc9cae625399b94ce673d850e63559866ad3f', 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");
@@ -1761,7 +1772,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: 'de85db55dddeb79d7708fe5b4072b0fcbeabdbaa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '6476d8257a3058b80a1fb5561122d4c4371406d9' }, header)), h("tbody", { key: '9482c27af9beca0f4c233b90c8ce7a5bac264b84' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '8826b5ce9e48db78fb3c2dc9929c70e7fca7a862', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), h("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -6151,7 +6162,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let previousWidth = 0;
         const totalFixedColumns = this.fixedColumns +
             (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
+                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)
                 ? 1
                 : 0) +
             (this.selection === SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
@@ -6447,7 +6458,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         colSpan += 1;
     }
     if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         colSpan += 1;
     }
     return colSpan;
@@ -6571,7 +6582,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Renders action column
     let actionsColumn = null;
     if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th", { class: selectionStyleAndClass
@@ -6639,7 +6650,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Empty cell for the actions
     let actionsColumn = null;
     if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th-sticky", { class: selectionStyleAndClass
@@ -6709,7 +6720,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             //const colSpan = this.multiSelection ? 2 : 1;
             const cells = [];
             if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
                 cells.push(h("td", null));
             }
             if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
@@ -6821,7 +6832,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         // If active, this can be either the first or second cell
         let rowActionsCell = null;
         if (__classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             // Increments
             specialExtraCellsCount++;
             const actionsStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
@@ -6831,7 +6842,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 rowActionsCount += row.actions.length;
             }
             else {
-                const rowActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : []);
+                const rowActions = __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : [], this.visibleColumns);
                 if (__classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
                     (rowActions.length === 1 && rowActions[0].icon)) {
                     rowActions.forEach((action) => {

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

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_buildResponsiveAxisLabel, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
+var _KupEchart_instances, _KupEchart_chartContainer, _KupEchart_chartEl, _KupEchart_gaussianDatasets, _KupEchart_kupManager, _KupEchart_mapObj, _KupEchart_resizeTimeout, _KupEchart_sortedDataset, _KupEchart_themeBorder, _KupEchart_themeBackground, _KupEchart_minColorHeatMap, _KupEchart_maxColorHeatMap, _KupEchart_themeFont, _KupEchart_themeText, _KupEchart_initChart, _KupEchart_createChart, _KupEchart_funnelChart, _KupEchart_radarChart, _KupEchart_bubbleChart, _KupEchart_sankeyChart, _KupEchart_candleChart, _KupEchart_calendarChart, _KupEchart_createX, _KupEchart_createY, _KupEchart_createYWithColumnTitle, _KupEchart_createYForPie, _KupEchart_setAxisColors, _KupEchart_setLegend, _KupEchart_setTitle, _KupEchart_setTooltip, _KupEchart_formatTooltipValue, _KupEchart_setVisualMap, _KupEchart_setMapOptions, _KupEchart_setPieOptions, _KupEchart_setGaussianOptions, _KupEchart_addSeries, _KupEchart_buildResponsiveAxisLabel, _KupEchart_setOptions, _KupEchart_setColors, _KupEchart_checks;
 import { forceUpdate, getAssetPath, Host, h, } from "@stencil/core";
 import * as echarts from "echarts";
 import { KupEchartLegendPlacement, KupEchartMaps, KupEchartProps, KupEchartTypes, } from "./kup-echart-declarations";
@@ -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: '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")) })));
+        return (h(Host, { key: '90763d03af943757a43395254643ac23b3316b91', style: style }, h("style", { key: '16da41fb5f188e0dd74fd2ef258e9398820c995a' }, __classPrivateFieldGet(this, _KupEchart_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'a5365416fc15bfd4d40549c15737c926b916d987', id: componentWrapperId, ref: (chartContainer) => (__classPrivateFieldSet(this, _KupEchart_chartContainer, chartContainer, "f")) })));
     }
     disconnectedCallback() {
         var _a;
@@ -853,7 +853,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                 const name = value.data.name;
                 const percentage = value.data
                     .value;
-                return `${name}: <strong>${cellsSum[name]}</strong> (${__classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.format(percentage)}%)`;
+                return `${name}: <strong>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, cellsSum[name])}</strong> (${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, percentage)}%)`;
             } }),
         legend: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setLegend).call(this, cellsSum),
         series: [
@@ -1009,7 +1009,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                     if (usingDefaultSize && index === 2)
                         return '';
                     const columnTitle = this.data.columns.find((col) => col.name === key).title;
-                    return `<li>${columnTitle}: ${rowData[index]}</li>`;
+                    return `<li>${columnTitle}: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, rowData[index])}</li>`;
                 })
                     .join('');
                 // Add label
@@ -1153,8 +1153,9 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (value) => {
                 const name = value.data || [];
                 const data = keys.map((e, i) => {
-                    var _a;
-                    return `<li>  ${e}: ${(_a = name[i]) !== null && _a !== void 0 ? _a : '-'} </li>`;
+                    return `<li>  ${e}: ${name[i] != null
+                        ? __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, name[i])
+                        : '-'} </li>`;
                 });
                 let showContent = '';
                 data.forEach((r) => {
@@ -1392,6 +1393,14 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             fontFamily: __classPrivateFieldGet(this, _KupEchart_themeFont, "f"),
         },
     };
+}, _KupEchart_formatTooltipValue = function _KupEchart_formatTooltipValue(value) {
+    if (value === null ||
+        value === undefined ||
+        // convert to number first; non‑numeric strings become NaN
+        isNaN(Number(value))) {
+        return value != null ? String(value) : '';
+    }
+    return __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.format(String(value));
 }, _KupEchart_setVisualMap = function _KupEchart_setVisualMap(max, min, colors, hasNumericValues) {
     const opts = {
         visualMap: {
@@ -1417,7 +1426,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             };
     if (colorRange) {
         opts.visualMap = Object.assign(Object.assign(Object.assign({}, opts.visualMap), colorRange), { calculable: true, formatter: (value) => {
-                return __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.format(value);
+                return __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, value);
             }, min: min, max: max, show: true });
     }
     return opts;
@@ -1509,7 +1518,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         }
         else {
             return ("<div style='min-width: 60px; text-align: center'>" +
-                __classPrivateFieldGet(this, _KupEchart_kupManager, "f").math.format(value) +
+                __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, value) +
                 '</div>');
         }
     };
@@ -1684,7 +1693,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             if (this.types[param.seriesIndex] == undefined ||
                 this.types[param.seriesIndex] == KupEchartTypes.GAUSSIAN) {
                 const value = param.value[0];
-                const x = `<div style="color: ${param.color};"><span style="margin-right: 5px;"><strong>x:</strong></span><span>${param.value[0]}</span></div>`;
+                const x = `<div style="color: ${param.color};"><span style="margin-right: 5px;"><strong>x:</strong></span><span>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, param.value[0])}</span></div>`;
                 if (!index) {
                     format += x;
                 }
@@ -1718,7 +1727,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
                             format += `<div style="display: flex; flex-direction: row;">`;
                         }
                         const style = `style="color: ${param.color}; margin-right: 5px"`;
-                        format += `<span ${style}><strong>${title}</strong>: ${cells[column].value}</span>`;
+                        format += `<span ${style}><strong>${title}</strong>: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, cells[column].value)}</span>`;
                         count++;
                     }
                 }
@@ -1727,7 +1736,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
             }
             else {
                 const style = `style="color: ${param.color}; margin-right: 5px"`;
-                format += `<div ${style}><strong>${param.name}</strong>: ${param.value}</div>`;
+                format += `<div ${style}><strong>${param.name}</strong>: ${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, param.value)}</div>`;
             }
         }
         if (format === wrapper) {
@@ -1929,7 +1938,7 @@ _KupEchart_chartContainer = new WeakMap(), _KupEchart_chartEl = new WeakMap(), _
         series: renamedSeries,
         title: __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTitle).call(this),
         tooltip: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setTooltip).call(this)), { trigger: 'item', formatter: (params) => {
-                return `<b>${params.name}</b><br/>${params.seriesName}: <b>${params.value}</b>`;
+                return `<b>${params.name}</b><br/>${params.seriesName}: <b>${__classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_formatTooltipValue).call(this, params.value)}</b>`;
             } }),
         xAxis: Object.assign(Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_setAxisColors).call(this)), { data: isHorizontal ? undefined : x, type: isHorizontal ? 'value' : 'category', axisLabel: Object.assign({ formatter: axisLabelFormatter }, __classPrivateFieldGet(this, _KupEchart_instances, "m", _KupEchart_buildResponsiveAxisLabel).call(this, x)) }), this.xAxis),
         yAxis,

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

@@ -6,7 +6,7 @@ export const LEFT_MULTIPLIER = 1.15; // Multiplier commanding the left attribute
 export const ADDITIONAL_WIDTH_WITH_ICON = 18; // Additional width added to account for the shape's icon (ACP,CAL,CMB)
 // Char sizes
 export const FONT_SIZE = 12; // Monospace font size of the INP
-export const FONT_SIZE_TO_WIDTH_RATIO = 1.6; // FontSize to SingleCharWidth ratio
+export const FONT_SIZE_TO_WIDTH_RATIO = 1.4; // FontSize to SingleCharWidth ratio
 export const CHAR_WIDTH = FONT_SIZE / FONT_SIZE_TO_WIDTH_RATIO; // Used for field width and left attribute
 export const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
     if (length == 0) {
@@ -16,7 +16,8 @@ export const getAbsoluteWidth = (length, graphicShapeHasIcon) => {
         return null;
     }
     if (length === 1) {
-        return 1.5 * CHAR_WIDTH;
+        return (1.5 * CHAR_WIDTH +
+            (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0));
     }
     return (length * CHAR_WIDTH +
         (graphicShapeHasIcon ? ADDITIONAL_WIDTH_WITH_ICON : 0) +

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: '188847543efd6501f54e34334d790981c80d6437', "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: '3cc39141d1ecd12ffb4775e41d5f655cc522e672', "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: '25aef88421cc55cb402fb428ac128b1ee5a423df' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '210fdcc650406ba3673bbfe8488c38ce2a961b46', id: componentWrapperId }, inputPanelContent)));
+            }, "onKup-file-upload-upload": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_upload).bind(this) }, h("style", { key: '8e06ec2438e3db35ff94bf7b19f190c0b4a2d9f6' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'b66e6cdd524d526f3428c9c77f4d079716eb1183', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -1169,7 +1169,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     const value = isFormattableType
         ? getCellValueForDisplay(column, cell)
         : cell.value;
-    return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { text: value })));
+    return (h("span", { class: classList.join(' '), id: column.name }, h(FLabel, { style: cell.style, text: value })));
 }, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
     if (!label) {
         return null;
@@ -1364,7 +1364,9 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     }
     const absoluteWidth = fieldCell.cell.shape === FCellShapes.LABEL
         ? getLabelAbsoluteWidth(length)
-        : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
+        : fieldCell.cell.shape === FCellShapes.CHECKBOX
+            ? 15
+            : getAbsoluteWidth(length, graphicShapeHasIcon(fieldCell.cell.shape));
     const absoluteHeight = getAbsoluteHeight(field.absoluteHeight);
     const absoluteTop = getAbsoluteTop(field.absoluteRow, absoluteTblPositioningData);
     const absoluteLeft = getAbsoluteLeft(field.absoluteColumn);

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

@@ -620,7 +620,7 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             subcomponentProps['disabled'] = true;
             return h(FSwitch, Object.assign({}, subcomponentProps));
         case FCellTypes.LABEL:
-            return h(FLabel, { text: cell.value, classes: "f-cell__text" });
+            return (h(FLabel, { style: cell.style, text: cell.value, classes: "f-cell__text" }));
         case FCellTypes.IMAGE_LIST:
             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 })));
@@ -658,7 +658,7 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
                 row: row,
                 column: column,
             };
-            return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps)));
+            return (h("kup-button-list", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { "onKup-buttonlist-click": (e) => cellEvent(e, props, cellType, FCellEvents.CLICK) })));
         case FCellTypes.CHART:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;

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

@@ -8,11 +8,11 @@ function getVNodes(parsedElements) {
         return e.closed ? (h("span", { style: style }, e.content)) : (h("span", null, `${(_b = e.tag) !== null && _b !== void 0 ? _b : ''}${e.content}`));
     });
 }
-export const FLabel = ({ text, classes }) => {
+export const FLabel = ({ style, text, classes, }) => {
     const parsedElements = getParsedElements(text);
     // To avoid creating unnecessary span in the text
     // when there are no tags to format the content
-    return (h("span", { class: classes }, parsedElements.find((p) => p.tag !== undefined)
+    return (h("span", { class: classes, style: style }, parsedElements.find((p) => p.tag !== undefined)
         ? getVNodes(parsedElements)
         : text));
 };

package/dist/collection/managers/kup-data/kup-data-column-helper.js

@@ -236,7 +236,7 @@ function newColumnFromMath(dataset, operation, columns, title) {
         prog++;
     }
     newName = newName + prog;
-    const newObj = firstColumn.obj;
+    const newObj = firstColumn === null || firstColumn === void 0 ? void 0 : firstColumn.obj;
     let newTitle = formula;
     for (let i = 0; i < columns.length; i++) {
         const column = columns[i];

package/dist/collection/managers/kup-data/kup-data.js

@@ -155,9 +155,12 @@ export class KupData {
              * @param {KupDataTableRow} row single row.
              * @returns { { id: string, column: KupDataColumn; cell: KupDataTableCell }[]} row codvers
              */
-            getRowCodVers: (columns, row) => {
+            getRowCodVers: (columns, row, visibleColumns) => {
                 return columns
-                    .filter((col) => this.column.isCodVer(col) && this.column.isVisible(col))
+                    .filter((col) => this.column.isCodVer(col) &&
+                    (visibleColumns && visibleColumns.length > 0
+                        ? visibleColumns.includes(col.name)
+                        : this.column.isVisible(col)))
                     .reduce((result, col) => {
                     var _a;
                     const cell = row.cells[col.name];
@@ -325,12 +328,14 @@ export class KupData {
             /**
              *  Check if almost one column has COD_VER
              * @param { KupDataColumn[] } columns single column.
-             * @returns { boolean } if COD_VER founded or not.
+             * @returns { boolean } result of cod_ver search.
              */
-            hasCodVer: (columns) => {
+            hasCodVer: (columns, visibleColumns) => {
                 return columns
                     ? columns.some((col) => this.column.isCodVer(col) &&
-                        this.column.isVisible(col))
+                        (visibleColumns && visibleColumns.length > 0
+                            ? visibleColumns === null || visibleColumns === void 0 ? void 0 : visibleColumns.includes(col.name)
+                            : this.column.isVisible(col)))
                     : false;
             },
         };
@@ -385,8 +390,8 @@ export class KupData {
              * @param { KupCommand[] } commands commands in component prop
              * @returns { KupDataRowAction[] } action that must be show on row
              */
-            buildRowActions: (row, columns, actions, commands) => {
-                const codVerActions = this.action.createActionsFromVoCodRow(row, columns, commands);
+            buildRowActions: (row, columns, actions, commands, visibleColumns) => {
+                const codVerActions = this.action.createActionsFromVoCodRow(row, columns, commands, visibleColumns);
                 const rowActionsWithCodVer = actions && actions.length
                     ? [...this.row.rowActionsAdapter(actions), ...codVerActions]
                     : [...codVerActions];
@@ -440,9 +445,9 @@ export class KupData {
              * @param {KupCommand[]} commands group of commands.
              * @returns { KupDataRowAction[]} Actions founded.
              */
-            createActionsFromVoCodRow: (row, columns, commands) => {
+            createActionsFromVoCodRow: (row, columns, commands, visibleColumns) => {
                 const actions = [];
-                const rowCodVers = this.cell.getRowCodVers(columns, row);
+                const rowCodVers = this.cell.getRowCodVers(columns, row, visibleColumns);
                 const commandMap = new Map();
                 const blankCommands = [];
                 commands.forEach((cmd, idx) => {
@@ -469,7 +474,7 @@ export class KupData {
                     }
                 });
                 // Handle VO;COD_VER command with blank K case if there is at least one VO;COD_VER column
-                if (this.column.hasCodVer(columns)) {
+                if (this.column.hasCodVer(columns, visibleColumns)) {
                     blankCommands.forEach(({ cmd, index }) => {
                         actions.push(Object.assign(Object.assign({}, this.action.createBlankRowAction(cmd, index)), { obj: { t: '', p: '', k: '' }, cell: { value: '', obj: { t: '', p: '', k: '' } }, column: {
                                 name: '',

package/dist/collection/utils/filters/filters-column-menu.js

@@ -105,15 +105,8 @@ export class FiltersColumnMenu extends Filters {
         if (filters == null) {
             return;
         }
-        let filter = filters[column];
-        if (filter == null) {
-            filter = {
-                textField: '',
-                textFieldTmp: '',
-                checkBoxes: [],
-            };
-            filters[column] = filter;
-        }
+        // Clone the column-specific filter object to ensure reference change
+        let filter = Object.assign({ textField: '', textFieldTmp: '', checkBoxes: [] }, filters[column]);
         if (filter.checkBoxes == null) {
             filter.checkBoxes = [];
         }
@@ -122,9 +115,11 @@ export class FiltersColumnMenu extends Filters {
         }
         else {
             if (!Filters.valuesArrayContainsValue(filter.checkBoxes, newFilterItem.value)) {
-                filter.checkBoxes[filter.checkBoxes.length] = newFilterItem;
+                // Clone the checkBoxes array to ensure reference change
+                filter.checkBoxes = [...filter.checkBoxes, newFilterItem];
             }
         }
+        filters[column] = filter; // Re-assign the new reference
     }
     /**
      * Triggers when a filter checkbox becomes unchecked.
@@ -138,12 +133,16 @@ export class FiltersColumnMenu extends Filters {
         if (!filters || remFilter == undefined || !filters[column]) {
             return;
         }
-        const filter = filters[column];
+        // Clone the column-specific filter object to ensure reference change
+        let filter = Object.assign({ textField: '', textFieldTmp: '', checkBoxes: [] }, filters[column]);
         filter.checkBoxes = (_a = filter.checkBoxes) !== null && _a !== void 0 ? _a : [];
         filter.checkBoxes = filter.checkBoxes.filter((item) => item.value !== remFilter);
         if (filter.checkBoxes.length === 0) {
             delete filters[column];
         }
+        else {
+            filters[column] = filter; // Re-assign the new reference
+        }
     }
     isColumnNumeric(column) {
         return this.isObjNumeric(column.obj);

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -533,8 +533,8 @@ export class KupColumnMenu {
                             ? { name: description, title: description }
                             : undefined,
                         columns: [
-                            columnName,
                             parts[0],
+                            columnName,
                             ...extractColumnsFromFormulaString(value),
                         ],
                     })

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
-import { K as KupManager } from './p-a42dc353.js';
+import { K as KupManager } from './p-64e94968.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {