@sme.up/ketchup 10.4.6 → 10.4.8

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as extractColumnsFromFormulaString, L as FILTER_ANALYZER, M as LoadMoreMode, P as PaginatorPos, N as ShowGrid, T as TotalLabel, O as TotalMode, Q as getRegExpFromString, R as isNegativeNumber, U as FCellClasses, V as kupDynamicPositionAttribute, W as KupPointerEventTypes, X as kupDraggableColumnAttr, Y as kupDragActiveAttr, Z as KupDragEffect, _ as kupDraggableCellAttr, $ as KupDropEventTypes, a0 as DataTableAreasEnum, a1 as TypesToDuplicate, a2 as FixedCellsClasses, a3 as FixedCellsCSSVarsBase, a4 as KupLanguageFontsize, a5 as KupLanguageDensity, a6 as KupLanguageGrid, a7 as KupDataTableProps, a8 as UseAsValue, a9 as SortMode, aa as iconColumn, ab as keyColumn, ac as fieldColumn, ad as KupLanguageUpload, ae as FCellTypes, af as KupListRole, ag as KupListProps, ah as addColumnValueFromRow, ai as KupGlobalFilterMode } from './kup-manager-232be463.js';
-import { F as FTextField } from './f-text-field-0f550594.js';
+import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupLanguageGeneric, c as getSizeOfInputElement, d as KupThemeIconValues, e as KupDynamicPositionPlacement, f as KupThemeColorValues, h as KupDebugCategory, F as FCellShapes, i as FCellPadding, j as fillString, l as KupCardBuiltInClockElements, m as KupCardCSSClasses, n as KupLanguageTotals, o as KupLanguageColumn, p as KupDataNewColumnTypes, q as KupCardSubEvents, r as KupCardIds, t as KupLanguageRow, u as KupLanguageSearch, v as KupCardFamily, w as KupCardProps, x as getColumnByName, y as formatToNumber, z as KupObjects, A as identify, G as GroupLabelDisplayMode, S as SelectionMode, B as KupLanguageGrouping, C as KupLanguageCheckbox, D as getValueForDisplay2, E as Filters, H as getValueForDisplay, J as extractColumnsFromFormulaString, L as FILTER_ANALYZER, M as LoadMoreMode, P as PaginatorPos, N as ShowGrid, T as TotalLabel, O as TotalMode, Q as getRegExpFromString, R as isNegativeNumber, U as FCellClasses, V as kupDynamicPositionAttribute, W as KupPointerEventTypes, X as kupDraggableColumnAttr, Y as kupDragActiveAttr, Z as KupDragEffect, _ as kupDraggableCellAttr, $ as KupDropEventTypes, a0 as DataTableAreasEnum, a1 as TypesToDuplicate, a2 as FixedCellsClasses, a3 as FixedCellsCSSVarsBase, a4 as KupLanguageFontsize, a5 as KupLanguageDensity, a6 as KupLanguageGrid, a7 as KupDataTableProps, a8 as UseAsValue, a9 as SortMode, aa as iconColumn, ab as keyColumn, ac as fieldColumn, ad as KupLanguageUpload, ae as FCellTypes, af as KupListRole, ag as KupListProps, ah as addColumnValueFromRow, ai as KupGlobalFilterMode } from './kup-manager-75b947f4.js';
+import { F as FTextField } from './f-text-field-f2cd4df1.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-a2d07acb.js';
+import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-f9277fd9.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-d224dc3a.js';
+import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-9353dd77.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-bf500166.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-3f3bb266.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-8c3d7b88.js';
-import './f-object-field-bc0b6f80.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-4c4da1ec.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-29fcddb4.js';
+import './f-object-field-e797f627.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -8509,8 +8509,8 @@ class KupColumnMenu {
                             ? { name: description, title: description }
                             : undefined,
                         columns: [
-                            columnName,
                             parts[0],
+                            columnName,
                             ...extractColumnsFromFormulaString(value),
                         ],
                     })
@@ -9888,50 +9888,61 @@ const KupDataTable = class {
             ? 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$8(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$8(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$8(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;
-                    }
+            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);
                 }
-                if (group) {
-                    return !group.hasOwnProperty('visible') || group.visible;
-                }
-                return true; // Not in a group -> visible
+                // Column is not in any group: always visible
+                return true;
             });
         }
-        return resultVisibleColumns;
+        return filteredColumns;
     }
     getGroupByName(column) {
         if (!__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
@@ -9997,7 +10008,7 @@ const KupDataTable = class {
         // Action cell
         let actionsCell = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             extraCells++;
             const selectionStyleAndClass = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
             actionsCell = (h("td", { class: selectionStyleAndClass
@@ -10209,7 +10220,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$4(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'fae0fbf757a5bb8dada4a6c10f488028b02e5fd8', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a9b57fef6aee6b910a1e580edb44cba15bb1c0a1', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet$8(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10285,7 +10296,7 @@ const KupDataTable = class {
                         __classPrivateFieldGet$8(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 = {
@@ -10317,7 +10328,7 @@ const KupDataTable = class {
         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$4(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$4(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) {
@@ -10363,7 +10374,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$8(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '4f42575b90e6d671e91e2e07c59a78215ef5f0c4', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10382,11 +10393,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '0645a40464e0147ab5aca4aaf38a817d7d289030' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '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$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h("div", { key: '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$8(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$8(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$4(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h("div", { key: '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,
@@ -10436,9 +10447,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'c9e1e65438d07ce168299fc0cd2b83bf77c94cf3', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '046551965866a0128eb67895170156f666f69b9b', class: "droparea", ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: 'ea9660e9a616888f37feec74f4f5e2f736e0af6b', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10447,7 +10458,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '64529a2a31eb09dcfda1ee5b1cf70be5e30114cd', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '8b6fc9cae625399b94ce673d850e63559866ad3f', class: tableClass, ref: (el) => (__classPrivateFieldSet$4(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$8(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10455,7 +10466,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$4(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'de85db55dddeb79d7708fe5b4072b0fcbeabdbaa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$4(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$4(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), h("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12067,7 +12078,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let previousWidth = 0;
         const totalFixedColumns = this.fixedColumns +
             (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
+                __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)
                 ? 1
                 : 0) +
             (this.selection === SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
@@ -12361,7 +12372,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         colSpan += 1;
     }
     if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         colSpan += 1;
     }
     return colSpan;
@@ -12485,7 +12496,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Renders action column
     let actionsColumn = null;
     if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th", { class: selectionStyleAndClass
@@ -12553,7 +12564,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Empty cell for the actions
     let actionsColumn = null;
     if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th-sticky", { class: selectionStyleAndClass
@@ -12622,7 +12633,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             //const colSpan = this.multiSelection ? 2 : 1;
             const cells = [];
             if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+                __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
                 cells.push(h("td", null));
             }
             if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
@@ -12734,14 +12745,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         // If active, this can be either the first or second cell
         let rowActionsCell = null;
         if (__classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet$8(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             // Increments
             specialExtraCellsCount++;
             const actionsStyleAndClass = __classPrivateFieldGet$8(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
             const actionsOnRow = [];
             if (row.actions) ;
             else {
-                const rowActions = __classPrivateFieldGet$8(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$8(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$8(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
                     (rowActions.length === 1 && rowActions[0].icon)) {
                     rowActions.forEach((action) => {

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

@@ -1,18 +1,18 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a9 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, W as KupPointerEventTypes, Z as KupDragEffect, aH as kupDraggableAttr, $ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-232be463.js';
-import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-3f3bb266.js';
+import { k as kupManagerInstance, A as identify, g as getProps, s as setProps, a9 as SortMode, x as getColumnByName, b as KupLanguageGeneric, d as KupThemeIconValues, h as KupDebugCategory, W as KupPointerEventTypes, Z as KupDragEffect, aH as kupDraggableAttr, $ as KupDropEventTypes, u as KupLanguageSearch } from './kup-manager-75b947f4.js';
+import { f as filterRows, p as paginateRows, s as sortRows } from './kup-data-table-helper-4c4da1ec.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { d as FChip } from './f-chip-a2d07acb.js';
+import { d as FChip } from './f-chip-f9277fd9.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FCell } from './f-cell-d224dc3a.js';
-import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-8c3d7b88.js';
+import { F as FCell } from './f-cell-9353dd77.js';
+import { p as pageChange, r as rowsPerPageChange, F as FPaginator } from './f-paginator-utils-29fcddb4.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import './kup-dates-bf500166.js';
 import './f-button-3e022953.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-checkbox-9912e1a4.js';
-import './f-object-field-bc0b6f80.js';
-import './f-text-field-0f550594.js';
+import './f-object-field-e797f627.js';
+import './f-text-field-f2cd4df1.js';
 import './component-a35bc7f1.js';
 
 /**

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h as h$1, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, x as getColumnByName, h as KupDebugCategory } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3e022953.js';
-import { d as FChip, F as FChipType } from './f-chip-a2d07acb.js';
+import { d as FChip, F as FChipType } from './f-chip-f9277fd9.js';
 import { b as KupDatesLocales, K as KupDatesFormats } from './kup-dates-bf500166.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, aj as getCellValueForDisplay } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, v as KupCardFamily, aj as getCellValueForDisplay } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-bf500166.js';
 

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, i as FCellPadding, aB as KupCellElementsPosition, g as getProps, s as setProps, Z as KupDragEffect, aC as submitPositionAdapter, b as KupLanguageGeneric, aD as KupCellProps } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, i as FCellPadding, aB as KupCellElementsPosition, g as getProps, s as setProps, Z as KupDragEffect, aC as submitPositionAdapter, b as KupLanguageGeneric, aD as KupCellProps } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FButton } from './f-button-3e022953.js';
-import { F as FCell } from './f-cell-d224dc3a.js';
+import { F as FCell } from './f-cell-9353dd77.js';
 import './kup-dates-bf500166.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';
 import './f-checkbox-9912e1a4.js';
-import './f-chip-a2d07acb.js';
-import './f-object-field-bc0b6f80.js';
-import './f-text-field-0f550594.js';
+import './f-chip-f9277fd9.js';
+import './f-object-field-e797f627.js';
+import './f-text-field-f2cd4df1.js';
 
 const kupCellCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:var(--kup-label-01-font-size, 12px);line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-font-size, 14px);line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;height:fit-content;width:100%}#kup-component{height:fit-content;width:100%}";
 const KupCellStyle0 = kupCellCss;

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FTextField } from './f-text-field-0f550594.js';
+import { F as FTextField } from './f-text-field-f2cd4df1.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, aE as KupLanguageDashboard, b as KupLanguageGeneric, Z as KupDragEffect, h as KupDebugCategory } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, aE as KupLanguageDashboard, b as KupLanguageGeneric, Z as KupDragEffect, h as KupDebugCategory } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './f-button-declarations-6c8f8abe.js';
 import './f-image-40b4e64b.js';

package/dist/esm/{kup-data-table-helper-3f3bb266.js → kup-data-table-helper-4c4da1ec.js}

@@ -1,4 +1,4 @@
-import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, aj as getCellValueForDisplay, x as getColumnByName, z as KupObjects, ak as KupData, al as compareCell, O as TotalMode, Q as getRegExpFromString, F as FCellShapes, am as CMBandACPAdapter, an as RADAdapter, ao as CHKAdapter, ap as CHIAdapter, aq as SWTAdapter, a9 as SortMode } from './kup-manager-232be463.js';
+import { E as Filters, H as getValueForDisplay, D as getValueForDisplay2, aj as getCellValueForDisplay, x as getColumnByName, z as KupObjects, ak as KupData, al as compareCell, O as TotalMode, Q as getRegExpFromString, F as FCellShapes, am as CMBandACPAdapter, an as RADAdapter, ao as CHKAdapter, ap as CHIAdapter, aq as SWTAdapter, a9 as SortMode } from './kup-manager-75b947f4.js';
 import { K as KupDatesFormats } from './kup-dates-bf500166.js';
 
 /**
@@ -106,15 +106,8 @@ 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 = [];
         }
@@ -123,9 +116,11 @@ 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.
@@ -139,12 +134,16 @@ 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/esm/kup-drawer.entry.js

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement, g as getAssetPath } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, f as KupThemeColorValues, h as KupDebugCategory, x as getColumnByName, p as KupDataNewColumnTypes } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-bf500166.js';
 
@@ -84569,7 +84569,7 @@ var __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) ||
         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;
 const KupEchart = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -84689,7 +84689,7 @@ const KupEchart = class {
             '--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;
@@ -84826,7 +84826,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: [
@@ -84982,7 +84982,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
@@ -85126,8 +85126,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) => {
@@ -85365,6 +85366,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: {
@@ -85390,7 +85399,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;
@@ -85482,7 +85491,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>');
         }
     };
@@ -85657,7 +85666,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;
                 }
@@ -85691,7 +85700,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++;
                     }
                 }
@@ -85700,7 +85709,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) {
@@ -85902,7 +85911,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/esm/kup-editor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './kup-dates-bf500166.js';
 

package/dist/esm/kup-family-tree.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host
 import { F as FButton } from './f-button-3e022953.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, W as KupPointerEventTypes } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupLanguageGeneric, W as KupPointerEventTypes } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-bf500166.js';
 

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import './kup-dates-bf500166.js';