@sme.up/ketchup 11.0.0-SNAPSHOT-20250403143822 → 11.0.0-SNAPSHOT-20250404140607

package/dist/components/{p-4224a404.js → p-2999dc34.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-7550d08c.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 } from './p-aabe1eb1.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 } from './p-45309b1a.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-aabe1eb1.js → p-45309b1a.js}

@@ -15359,7 +15359,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                     const cell = treeNodeData.cells[column.name]
                         ? treeNodeData.cells[column.name]
                         : null;
-                    cell.style = treeNodeData.style && null;
+                    if (treeNodeData.style) {
+                        cell.style = treeNodeData.style;
+                    }
                     const cellProps = {
                         cell: cell,
                         column: column,
@@ -15739,19 +15741,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h$1("div", { key: '12ceedfbaa17c37d7697bb4d4373986b60a6c574', id: "global-filter" }, h$1("kup-text-field", { key: 'e98e9aef5e79a9db31fba4b286d09221301992af', fullWidth: true, label: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: 'f00b8f50aa2aff10b8c4ae25e4264b480245847d', id: "global-filter" }, h$1("kup-text-field", { key: 'b5c5fe6c7d7839163c11f58eab3bf813fbfc71be', fullWidth: true, label: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h$1(Host, { key: '2d937c4c49a76f6473bb65d16bbbf0b6935638e2', "onKup-cell-click": (e) => {
+        return (h$1(Host, { key: '513142ed6325c2ca3e32f4b3d3dbf5c3d84837a4', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h$1("style", { key: 'ab8f2fa041cd5d60484c48b76ed82ef1a4664e55' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e19d64e81e895ff35b9008eede7033b846725a79', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: 'f4bdee39fc1ed290d3c3ddb11988c8a5e9181817', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h$1("table", { key: '5412509ace7e1f7783df27762f0099629dc37190', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h$1("style", { key: '070582216d6d6e15938b799f4f4bbfa5c0a3c8d0' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0c6c1f88800eb911b692a746c151442cfe428f18', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '74c0bad8634b3ccd6b44f2ee85327757a09b4edc', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: '0db350df95cc415cb830c33668b43312bcf33b81', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'a30f2c4e80b4d168174096f07b2cedfefad8ab31', class: {
+            } }, h$1("thead", { key: '8f034ca68570f5b1fabc4b86789cb04c8641800d', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: 'e32b3631d5af69c150da76ba9953c6ebf0186350' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: 'bf3e83ea91be689d86cfbe2a6464199f0995bf4f' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: '3d57f3d67d28945a789f49293ca108b1da1f4769' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '0592c4926006bddb75c61bf41494c621012207bb' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -24947,7 +24949,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: '54569bdc0da58260acc15040e613e003bea5bf54', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'ac23ba6af1290ab83c878821bcaf655cd8566d39', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: 'cd4187127cf65b288efaf4c234b322088209d298', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '68e675fc9efbb1c3f489a6d9a07d96a777058c7f', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -25012,7 +25014,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '5ebb3a8326434cc8dc0525ab4b60db42a9a7109e' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '768bad8d9ae37be620e7078d4abd6cfc55ec0f36' }, props));
             }
         }
         const tableClass = {
@@ -25044,7 +25046,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '3a99b52d3cb57b92c85bbe0e378b476723e185c9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'd125f593ef704a2098a9b97cac7647b92f1eea90' }, h$1("tr-sticky", { key: '451582201aeb9132392c80b624e50a5c328a2cbb' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: 'd7bde62232dc00e9dd8fe7a05aafeb2649c657f0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'e928ea1eeceb362eb5e199304292d6df23002710' }, h$1("tr-sticky", { key: '01efb92f5c7ee423efa840eece4afb121c39eaf4' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -25090,7 +25092,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: '6ab35578458936626319ac834e5afee4114cc733', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'd5469feca6b24b7d683afb9975abc84b98221a02', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -25105,11 +25107,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: '8cb18fc3dcbacf72476375479e1e8075312a557c' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '5e687befff140e7acd9d11920a4369d977bc794c', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '2df2f82f16e913deab0dd23a7e4f2f410a98abc9', class: "group-wrapper" }, groupChips), h$1("div", { key: '84628a8ebe091e362cbeb9bd01945c4f6e2622ac', 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: 'f58e58a176c2af487780aaecc380b8c4f572c53c' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: 'adf3df6cd627ca763cc450ac20756e56ab7f17cb', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '079d2e3dc9c581928d51b13632d3f3c63be853fe', class: "group-wrapper" }, groupChips), h$1("div", { key: 'e48dc1c5c7e49bb41ccaebbe06c35552844005ac', 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, h$1("div", { key: '4991299f2b9983c919f0271fbd064a0528ef36a4', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '0fbd1564bb7c671b2eb9c2d6950c23a5a3b39069', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -25159,9 +25161,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: 'b69fb8eb268f9815873904e4ad2d007fa504fff0', 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: '70ca497f42b9e269fa13613d58f99eb6208bea1f', 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: '4c70a7afd0d7a3938c0bb14b813e7e9da7069d40', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '13534e09caf2ee06e812065545bfc44782fd4153', 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);
@@ -25170,7 +25172,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: 'da2343b8fdc384029982938ed96366c07b766df9', 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: 'd73a1e4c58501d4d30320cc9b83b257a1029ef97', 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");
@@ -25178,7 +25180,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: 'c44bf2144ef06e626235b02b75a290f1984c24b0', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '96d5cd24974d6fadc64fcfd50f3e465e655cd228' }, header)), h$1("tbody", { key: 'f4974506c72892999663bbd7d0a8617daa7c8c92' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '633f626689f75336aeb36f9080ca7eeae43a1eee', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '798059e124bdf082b5c054a9b49b4608a685a060' }, header)), h$1("tbody", { key: 'ff0829e525ec826c02a1461117357bb858a818e0' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -27851,7 +27853,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
 }, _KupDataTable_handleColumnGroup = function _KupDataTable_handleColumnGroup(column2group) {
     // Get sorted column current position
-    this.getVisibleColumns();
     const columnX = this.getVisibleColumns().find((col) => col.name === column2group.name &&
         col.title === column2group.title);
     if (columnX) {

package/dist/components/{p-69a793d4.js → p-8c9539a4.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
 import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-7550d08c.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 } from './p-aabe1eb1.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 } from './p-45309b1a.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-ced07ad7.js → p-aaefb14a.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, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, ak as KupDragEffect, az as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-7550d08c.js';
-import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P 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, Q as FPaginator } from './p-aabe1eb1.js';
+import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P 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, Q as FPaginator } from './p-45309b1a.js';
 
 /**
  * Props of the kup-box component.
@@ -109,7 +109,6 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
          * Instance of the KupManager class.
          */
         this.kupManager = kupManagerInstance();
-        this.visibleColumns = [];
         this.rows = [];
         this.filteredRows = [];
         this.sectionRef = null;
@@ -159,6 +158,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         this.stateId = '';
         this.store = undefined;
         this.swipeDisabled = false;
+        this.visibleColumns = undefined;
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -204,7 +204,6 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     }
     onDataChanged() {
         identify(this.getRows());
-        this.initVisibleColumns();
         this.initRows();
         this.checkLayout();
     }
@@ -251,13 +250,24 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             ? this.data.columns
             : [{ title: '', name: '', size: undefined }];
     }
-    initVisibleColumns() {
-        this.visibleColumns = this.getColumns().filter((column) => {
-            if (column.hasOwnProperty('visible')) {
-                return column.visible;
+    getVisibleColumns() {
+        // Starting columns filter
+        let resultVisibleColumns = this.getColumns().filter((col) => {
+            const isNotCodVer = !this.kupManager.data.column.isCodVer(col);
+            if (this.visibleColumns) {
+                // if visible columns is specified, include only those columns
+                return isNotCodVer && this.visibleColumns.includes(col.name);
+            }
+            else {
+                return isNotCodVer && (!('visible' in col) || col.visible);
             }
-            return true;
         });
+        // order based on `visibleColumns`
+        if (this.visibleColumns) {
+            resultVisibleColumns = resultVisibleColumns.sort((a, b) => this.visibleColumns.indexOf(a.name) -
+                this.visibleColumns.indexOf(b.name));
+        }
+        return resultVisibleColumns;
     }
     getRows() {
         return this.data && this.data.rows ? this.data.rows : [];
@@ -266,7 +276,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         this.filteredRows = this.getRows();
         if (this.globalFilter && this.globalFilterValue) {
             // filtering rows
-            this.filteredRows = filterRows(this.filteredRows, null, this.globalFilterValue, this.visibleColumns);
+            this.filteredRows = filterRows(this.filteredRows, null, this.globalFilterValue, this.getColumns(), undefined, undefined, this.visibleColumns);
         }
         this.rows = this.sortRows(this.filteredRows);
         if (this.pagination) {
@@ -320,7 +330,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             sections: [],
         };
         // adding box objects to section
-        const visibleColumns = this.visibleColumns;
+        const visibleColumns = this.getVisibleColumns();
         let size = visibleColumns.length;
         let content = [];
         let cnt = 0;
@@ -336,7 +346,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         };
     }
     onSortChange(e) {
-        let column = getColumnByName(this.visibleColumns, e.detail.value);
+        let column = getColumnByName(this.getVisibleColumns(), e.detail.value);
         this.sortBy = column.name;
     }
     onGlobalFilterChange({ detail }) {
@@ -405,7 +415,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             else {
                 cell = boxObject['data-cell'];
                 row = boxObject['data-row'];
-                column = getColumnByName(this.visibleColumns, boxObject.dataset.column);
+                column = getColumnByName(this.getVisibleColumns(), boxObject.dataset.column);
             }
         }
         return {
@@ -580,8 +590,9 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             progressbar: [],
             text: [],
         };
-        for (let index = 0; index < this.data.columns.length; index++) {
-            const column = this.data.columns[index];
+        const visibleColumns = this.getVisibleColumns();
+        for (let index = 0; index < visibleColumns.length; index++) {
+            const column = visibleColumns[index];
             if (column.visible !== false) {
                 cardData.cell.push(row.cells[column.name]);
                 cardData.columns.push(column);
@@ -710,7 +721,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         return h("kup-card", Object.assign({ data: cardData }, this.cardData));
     }
     renderRow(row) {
-        const visibleColumns = [...this.visibleColumns];
+        const visibleColumns = [...this.getVisibleColumns()];
         let boxContent = null;
         // if layout in row, use that one
         let rowLayout = row.layout;
@@ -1064,7 +1075,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                     const cellEl = this.rootElement.shadowRoot.querySelector('.box-object:hover');
                     return {
                         cell: cellEl['data-cell'],
-                        column: getColumnByName(this.visibleColumns, cellEl.dataset.column),
+                        column: getColumnByName(this.getVisibleColumns(), cellEl.dataset.column),
                         id: this.rootElement.id,
                         multiple: this.multiSelection,
                         row: cellEl['data-row'],
@@ -1192,7 +1203,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         let sortPanel = null;
         if (this.sortEnabled) {
             // creating items
-            const visibleColumnsItems = this.visibleColumns.map((column) => {
+            const visibleColumnsItems = this.getVisibleColumns().map((column) => {
                 const item = {
                     value: column.title,
                     id: column.name,
@@ -1320,6 +1331,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         "stateId": [1, "state-id"],
         "store": [16],
         "swipeDisabled": [4, "swipe-disabled"],
+        "visibleColumns": [16],
         "collapsedSection": [32],
         "selectedRows": [32],
         "rowActionMenuOpened": [32],

package/dist/components/{p-92946504.js → p-f6b113f7.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, g as getProps, s as setProps } from './p-7550d08c.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 } from './p-aabe1eb1.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 } from './p-45309b1a.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};