@sme.up/ketchup 10.4.6 → 10.4.8

package/dist/components/{p-0df26926.js → p-8359b10a.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as UseAsValue, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-a42dc353.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as extractColumnsFromFormulaString, a2 as FILTER_ANALYZER, a3 as KupLanguagePage, a4 as addColumnValueFromRow, a5 as KupGlobalFilterMode, g as getProps, s as setProps, a6 as TotalLabel, a7 as isNegativeNumber, a8 as KupPointerEventTypes, a9 as kupDynamicPositionAttribute, aa as identify, ab as KupListProps, ac as KupCardFamily, ad as KupListRole, ae as KupLanguageUpload, af as LoadMoreMode, ag as PaginatorPos, ah as ShowGrid, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as UseAsValue, aw as iconColumn, ax as keyColumn, ay as fieldColumn, az as getSizeOfInputElement, aA as KupCardProps } from './p-64e94968.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-d7365aa4.js';
 
@@ -5282,11 +5282,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}`));
     });
 }
-const FLabel = ({ text, classes }) => {
+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));
 };
@@ -5899,7 +5899,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 })));
@@ -5938,7 +5938,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;
@@ -11170,15 +11170,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 = [];
         }
@@ -11187,9 +11180,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.
@@ -11203,12 +11198,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);
@@ -12899,8 +12898,8 @@ class KupColumnMenu {
                             ? { name: description, title: description }
                             : undefined,
                         columns: [
-                            columnName,
                             parts[0],
+                            columnName,
                             ...extractColumnsFromFormulaString(value),
                         ],
                     })
@@ -25706,50 +25705,61 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
             ? 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$3(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$3(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$3(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$3(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
@@ -25815,7 +25825,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         // Action cell
         let actionsCell = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             extraCells++;
             const selectionStyleAndClass = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
             actionsCell = (h$1("td", { class: selectionStyleAndClass
@@ -26027,7 +26037,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: 'fae0fbf757a5bb8dada4a6c10f488028b02e5fd8', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'a9b57fef6aee6b910a1e580edb44cba15bb1c0a1', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '5af3b5bbddd72dcda17ff381d61f932fb27c8032', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '9f1cc1d0808329c7d4f2895e382bfe905c05aa81', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -26103,7 +26113,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '4127c93f669496c78048414a3fdb81e42bb937c9' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '0afbe37c45826c571290d584a50d6f247ed2c24e' }, props));
             }
         }
         const tableClass = {
@@ -26135,7 +26145,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '440386f41420a89650eb6eb339e177c9ba8c2953', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'd39077e934a334d195ec3f5915491415f0ee1685' }, h$1("tr-sticky", { key: 'fd3a5c31503aed1ab1bb1ada44bee5da858ccf79' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: 'e62c7b8a4f14798fa748e89c1ebb1e53e4d2d1b4', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b00940904b9dd3f163dfc0a7420ec9ebe321ea16' }, h$1("tr-sticky", { key: '45e8a9f3b89fded211707b6e894d62c4781b98bb' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -26181,7 +26191,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '4f42575b90e6d671e91e2e07c59a78215ef5f0c4', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '849919cbff79e9140a7bb6e1068557c055fb4936', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -26200,11 +26210,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: '0645a40464e0147ab5aca4aaf38a817d7d289030' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'cb616360bcec4ba39aca44a93a39b95b9909c394', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '20773b7172801769e11b443e305c42844f52ba0f', class: "group-wrapper" }, groupChips), h$1("div", { key: '860898241d7a10f45f7430594a368e91115ba784', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '484caa276e09bf7840399c1bee9aa68f5a5cd1a6' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderOtherButtons).call(this), h$1("div", { key: 'fcb5ef491b41dc38fa88749dce546e331c089001', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'ac8383cbe45ef36ab0b0424c6c5c5514bbccafb5', class: "group-wrapper" }, groupChips), h$1("div", { key: 'a1ef43847a9d3e1c768973a53b34b9b5dcf2c7ac', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, paginatorTop && (h$1("div", { key: '6072e859a231fbfd727cd1a55f908e25dc33a129', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
+            } }))) : null, paginatorTop && (h$1("div", { key: '8bb555067a504811cf282719e654f9e3a5a344f9', class: "above-wrapper paginator-top" }, paginatorTop)), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -26254,9 +26264,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: 'c9e1e65438d07ce168299fc0cd2b83bf77c94cf3', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(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$1("div", { key: '046551965866a0128eb67895170156f666f69b9b', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: 'ea9660e9a616888f37feec74f4f5e2f736e0af6b', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '5e7dfb5a888a43f8518ec505f7f46416ccc39dfe', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -26265,7 +26275,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: '64529a2a31eb09dcfda1ee5b1cf70be5e30114cd', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '8b6fc9cae625399b94ce673d850e63559866ad3f', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -26273,7 +26283,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'de85db55dddeb79d7708fe5b4072b0fcbeabdbaa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '6476d8257a3058b80a1fb5561122d4c4371406d9' }, header)), h$1("tbody", { key: '9482c27af9beca0f4c233b90c8ce7a5bac264b84' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '8826b5ce9e48db78fb3c2dc9929c70e7fca7a862', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'ff0eeb4982e2955566c83d3eec4b0fcd1fcb5556' }, header)), h$1("tbody", { key: 'dc51f20082d292082ae946bdfbd79fe0c9b27022' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -28007,7 +28017,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let previousWidth = 0;
         const totalFixedColumns = this.fixedColumns +
             (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
+                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)
                 ? 1
                 : 0) +
             (this.selection === SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
@@ -28301,7 +28311,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         colSpan += 1;
     }
     if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         colSpan += 1;
     }
     return colSpan;
@@ -28425,7 +28435,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Renders action column
     let actionsColumn = null;
     if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h$1("th", { class: selectionStyleAndClass
@@ -28493,7 +28503,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // Empty cell for the actions
     let actionsColumn = null;
     if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
         specialExtraCellsCount++;
         const selectionStyleAndClass = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h$1("th-sticky", { class: selectionStyleAndClass
@@ -28562,7 +28572,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             //const colSpan = this.multiSelection ? 2 : 1;
             const cells = [];
             if (__classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+                __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
                 cells.push(h$1("td", null));
             }
             if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
@@ -28674,14 +28684,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$3(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns, this.visibleColumns)) {
             // Increments
             specialExtraCellsCount++;
             const actionsStyleAndClass = __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, rowCssIndex, specialExtraCellsCount - 1);
             const actionsOnRow = [];
             if (row.actions) ;
             else {
-                const rowActions = __classPrivateFieldGet$3(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$3(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$3(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
                     (rowActions.length === 1 && rowActions[0].icon)) {
                     rowActions.forEach((action) => {

package/dist/components/{p-d8819a35.js → p-bddae662.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-a42dc353.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-0df26926.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-64e94968.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u } from './p-8359b10a.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-a2bac767.js → p-fa3c07b8.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, aa as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a8 as KupPointerEventTypes, ak as KupDragEffect, aB as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-a42dc353.js';
-import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-0df26926.js';
+import { k as kupManagerInstance, aa as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a8 as KupPointerEventTypes, ak as KupDragEffect, aB as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-64e94968.js';
+import { I as filterRows, J as paginateRows, G as sortRows, L as pageChange, N as rowsPerPageChange, F as FImage, O as FCell, P as FChip, Q as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, E as defineCustomElement$u, R as FPaginator } from './p-8359b10a.js';
 
 /**
  * Props of the kup-box component.

package/dist/esm/{f-cell-d224dc3a.js → f-cell-9353dd77.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-232be463.js';
+import { ar as editableTypes, as as kupTypes, U as FCellClasses, ae as FCellTypes, f as KupThemeColorValues, ap as CHIAdapter, an as RADAdapter, am as CMBandACPAdapter, at as KupTagNames, F as FCellShapes, aj as getCellValueForDisplay, a as KupComponentSizing, au as fullWidthFieldsComps, I as ItemsDisplayMode, av as autoCenterComps, aw as adaptContentToDisplayMode, ax as FCellEvents, ay as isForceUppercase, az as isForceLowercase, h as KupDebugCategory } from './kup-manager-75b947f4.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { F as FCheckbox } from './f-checkbox-9912e1a4.js';
-import { F as FChipType, d as FChip } from './f-chip-a2d07acb.js';
+import { F as FChipType, d as FChip } from './f-chip-f9277fd9.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { F as FObjectField } from './f-object-field-bc0b6f80.js';
-import { F as FTextField } from './f-text-field-0f550594.js';
+import { F as FObjectField } from './f-object-field-e797f627.js';
+import { F as FTextField } from './f-text-field-f2cd4df1.js';
 
 var FRadioType;
 (function (FRadioType) {
@@ -385,11 +385,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}`));
     });
 }
-const FLabel = ({ text, classes }) => {
+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));
 };
@@ -1002,7 +1002,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 })));
@@ -1041,7 +1041,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/esm/{f-chip-a2d07acb.js → f-chip-f9277fd9.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-232be463.js';
+import { I as ItemsDisplayMode, d as KupThemeIconValues, b as KupLanguageGeneric } from './kup-manager-75b947f4.js';
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value } = item;

package/dist/esm/{f-object-field-bc0b6f80.js → f-object-field-e797f627.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-232be463.js';
+import { a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement } from './kup-manager-75b947f4.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-0f550594.js';
+import { F as FTextField } from './f-text-field-f2cd4df1.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-8c3d7b88.js → f-paginator-utils-29fcddb4.js}

@@ -1,5 +1,5 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-232be463.js';
+import { I as ItemsDisplayMode, aA as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, b as KupLanguageGeneric } from './kup-manager-75b947f4.js';
 import { F as FButton } from './f-button-3e022953.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-0f550594.js → f-text-field-f2cd4df1.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-9b0f4a0d.js';
-import { d as KupThemeIconValues } from './kup-manager-232be463.js';
+import { d as KupThemeIconValues } from './kup-manager-75b947f4.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-232be463.js';
+import { K as KupManager } from './kup-manager-75b947f4.js';
 import './kup-dates-bf500166.js';
 import './index-9b0f4a0d.js';
 

package/dist/esm/kup-accordion.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, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeIconValues, f as KupThemeColorValues, e as KupDynamicPositionPlacement } from './kup-manager-75b947f4.js';
 import { F as FImage } from './f-image-40b4e64b.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';

package/dist/esm/kup-activity-timeline.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, F as Fragment, H as Host, d as getElement } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-232be463.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, h as KupDebugCategory, aj as getCellValueForDisplay } from './kup-manager-75b947f4.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-40b4e64b.js';
-import { s as sortRows } from './kup-data-table-helper-3f3bb266.js';
+import { s as sortRows } from './kup-data-table-helper-4c4da1ec.js';
 import './kup-dates-bf500166.js';
 
 var KupActivityTimelineProps;