@sme.up/ketchup 11.0.0-SNAPSHOT-20250407095941 → 11.0.0-SNAPSHOT-20250407111441

package/dist/components/kup-typography-list.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-7550d08c.js';
+import { k as kupManagerInstance, u as KupDebugCategory, g as getProps, s as setProps } from './p-73922583.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-c5f8d41f.js';
+import { c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-726f15fa.js';
 
 /**
  * Props of the kup-typography component.

package/dist/components/kup-typography.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-7550d08c.js';
+import { k as kupManagerInstance, e as KupDynamicPositionPlacement, g as getProps, s as setProps } from './p-73922583.js';
 import { a as FTypographyType, F as FTypography } from './p-ced0c3fc.js';
-import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-c5f8d41f.js';
+import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-726f15fa.js';
 
 /**
  * Props of the kup-typography component.

package/dist/components/{p-af1e8346.js → p-0860ea4c.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-c5f8d41f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-73922583.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-726f15fa.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-c5f8d41f.js → p-726f15fa.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 { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b 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 FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as KupPerfTuningPriority, 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 iconColumn, aw as keyColumn, ax as fieldColumn, ay as KupCardProps } from './p-7550d08c.js';
+import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b 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 FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as KupPerfTuningPriority, 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 iconColumn, aw as keyColumn, ax as fieldColumn, ay as KupCardProps } from './p-73922583.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-1581348d.js';
 
@@ -15362,6 +15362,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                     if (treeNodeData.style) {
                         cell.style = treeNodeData.style;
                     }
+                    if (!cell.isEditable) {
+                        cell.cssClass =
+                            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+                    }
                     const cellProps = {
                         cell: cell,
                         column: column,
@@ -15741,19 +15745,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            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) => {
+            filterField = (h$1("div", { key: 'ff1020f304bbfee1d6433c8882b18272d4dda7be', id: "global-filter" }, h$1("kup-text-field", { key: '4dd811801af1f4cf8ece9a0a1ef3331c923378d3', 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: '513142ed6325c2ca3e32f4b3d3dbf5c3d84837a4', "onKup-cell-click": (e) => {
+        return (h$1(Host, { key: 'f8ba7ff18d58a324731a3d0a45c8d8251b5440d2', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, 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) => {
+            } }, h$1("style", { key: 'd40a8b4436b49da39873ba2117515653d6aeadc1' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '7a053d7b35ce514c3ba002ea0069da7c99b20bfe', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: 'e5506ba273ae1323a57db34a282ff3141aa0435e', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: '0d50f091ff50a3ae3f3de83b2ebb447c49ea5149', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '8f034ca68570f5b1fabc4b86789cb04c8641800d', class: {
+            } }, h$1("thead", { key: '0016feac66903ec0c9ac686c56faa66b5a9c2a72', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: '3d57f3d67d28945a789f49293ca108b1da1f4769' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '0592c4926006bddb75c61bf41494c621012207bb' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: 'faa93cc2b52a2b58129d8a4a7865d1de396b9245' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: 'ba126f0986e44b0237e0d124f012d49be1ead548' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -24958,7 +24962,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: 'de082525b89e7bf2258b52d1b28cb8c68d391218', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: 'a36fcdad8f0b9bc34c854c054fbbc6d3fdb527ee', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: 'a76c8f8dc5e982eecf3ae52ddb9bf77f2d158d99', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '85a1dd62b28d6afc884be966f34e9ad1ff07c652', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -25023,7 +25027,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: 'd2a33e3081f5c52f54130a032611d1e164b25b79' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '99e046951573012871c2433c226adac9382a242a' }, props));
             }
         }
         const tableClass = {
@@ -25055,7 +25059,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'c471d213a0eb0142f820a0732eaacdd613e9aaf0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'd44f7844edeb5da5647380a7eaf1d41f14fbdad4' }, h$1("tr-sticky", { key: '20ed5cf9a79c19b810bb8de984c3598994fbbf9f' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: 'f725e89f9ef954ce6cd3e1a22b48c588e11686f9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'fa19d88756fb6cafdec2b4a0d30b99979af83a75' }, h$1("tr-sticky", { key: '85ce999c755781ecb7607acf7167af47536fe22f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -25101,7 +25105,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: '16fc8681250d1d293f8810c84fb559f3d0e4b68f', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'e715de7058b4e8c5b7fb3b862aac4227422ca395', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -25116,11 +25120,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: '96ad8527789ebd0173c0eccae9fa636ac95f07f9' }, __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: '1a3114c532d3e0d2ddfefe059073c927dfbb8edd', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'd37980ac5a2992080864d3c61a603799d62de9a7', class: "group-wrapper" }, groupChips), h$1("div", { key: '19c31186994d924c1b8d1a700115998d54f14786', 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: '71a61054181a746af3f28a60296ba1f04925995c' }, __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: '8a7b033dc9ea75b9bcb7d39c92d4885ced443163', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'a419cdb4ae7e9b1fc7436e9d0372d9e682b8a4ec', class: "group-wrapper" }, groupChips), h$1("div", { key: 'c805cebdb7665820df23858b5b6acc693e7b2c78', 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: 'caf6227e13ae762aaab38deab074b9cc20861859', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: 'ed492fc2018c2eab0e952b903fb0361a0a85dce3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -25170,9 +25174,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: '00de192c9cb39d596a2978d19e41eaf261600bbe', 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: 'a41b2a8949a57110e41329a0b7233f9df313e2c4', 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: 'e773c8b8b1b85ea362a7e243a812f3a695493c0a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '5a7f1c9e35c63a427b7d21d62acd118ba04da492', 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);
@@ -25181,7 +25185,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: '180b46002f72c36cf379dcd0a0c4ffe32f4a57cb', 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: '21dddbf797c42ed600eb596ccd8264f47ecc7857', 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");
@@ -25189,7 +25193,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: '150b33655c50c6e0c6de72698656b62130245bb4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '727c91ce37add0066f257f7c905efd461629f858' }, header)), h$1("tbody", { key: '5568d44e9484d7eca947d78af99926260f70fd38' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: 'faf92dab25bd3034245054cee9403f44777c6355', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '134be2f43bec27500c1290252b03a1d37970ad24' }, header)), h$1("tbody", { key: '4ced5608c517ee9deca486f493007f005bf3579b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -27744,6 +27748,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
                     ? 'extra-small'
                     : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
+            if (!cell.isEditable) {
+                cell.cssClass =
+                    __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+            }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
                     ? previousRow.cells[name].value
                     : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])

package/dist/components/{p-7550d08c.js → p-73922583.js}

@@ -9650,6 +9650,55 @@ class KupData {
             hasActionCell: (cell, commands) => {
                 return commands.some((command) => this.cell.isActionCell(command, cell));
             },
+            /**
+             * Gets css styles for cell, depending on cell's obj
+             * @param obj
+             * @param cssClass
+             * @returns
+             */
+            getObjectRelatedStyleClasses(obj, cssClass) {
+                const ParameterRelatedStylesMap = {
+                    TA: {
+                        'B£W': ['c-fitted', 'c-shaped', 'c-hor-padded'],
+                        'B§A': ['strong-text'],
+                    },
+                };
+                const CodeRelatedStylesMap = {
+                    TA: {
+                        'B£W': {
+                            '10': ['c-teal-bg'],
+                            '13': ['c-teal-bg'],
+                            '20': ['c-green-bg'],
+                            '70': ['c-orange-bg'],
+                            '80': ['c-grey-bg'],
+                            '90': ['c-purple-bg'],
+                        },
+                        'B§A': {
+                            '§': ['purple-text'],
+                            A: ['danger-text'],
+                            B: ['warning-text'],
+                            C: ['success-text'],
+                        },
+                    },
+                };
+                if (!obj)
+                    return '';
+                const { t, p, k } = obj;
+                const stylesSet = new Set();
+                if (cssClass) {
+                    cssClass
+                        .split(' ')
+                        .forEach((singleClass) => stylesSet.add(singleClass));
+                }
+                const parameterKey = Object.keys(ParameterRelatedStylesMap[t] || {}).find((param) => p.includes(param));
+                if (parameterKey) {
+                    ParameterRelatedStylesMap[t][parameterKey].forEach((style) => stylesSet.add(style));
+                    if (CodeRelatedStylesMap[t][parameterKey][k]) {
+                        CodeRelatedStylesMap[t][parameterKey][k].forEach((style) => stylesSet.add(style));
+                    }
+                }
+                return Array.from(stylesSet).join(' ');
+            },
         };
         this.column = {
             find(dataset, filters) {

package/dist/components/{p-7baa46f4.js → p-beb34679.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-c5f8d41f.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-73922583.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-726f15fa.js';
 
 /**
  * Props of the kup-box component.
@@ -84,7 +84,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 _KupBox_instances, _KupBox_checkUpdateState, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
+var _KupBox_instances, _KupBox_checkUpdateState, _KupBox_kupManager, _KupBox_intObserver, _KupBox_rowsRefs, _KupBox_navBarHeight, _KupBox_loadMoreEventCounter, _KupBox_loadMoreEventPreviousQuantity, _KupBox_didRenderObservers, _KupBox_setObserver, _KupBox_onLoadMoreClick;
 const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     constructor() {
         super();
@@ -108,7 +108,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         /**
          * Instance of the KupManager class.
          */
-        this.kupManager = kupManagerInstance();
+        _KupBox_kupManager.set(this, kupManagerInstance());
         this.rows = [];
         this.filteredRows = [];
         this.sectionRef = null;
@@ -165,7 +165,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             this.state.load = true;
             const state = this.store.getState(this.stateId);
             if (state != null) {
-                this.kupManager.debug.logMessage(this, 'Initialize with state for stateId ' +
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Initialize with state for stateId ' +
                     this.stateId +
                     ': ' +
                     state);
@@ -188,7 +188,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 return;
             }
             if (somethingChanged) {
-                this.kupManager.debug.logMessage(this, 'Persisting stateId ' + this.stateId);
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Persisting stateId ' + this.stateId);
                 this.store.persistState(this.stateId, this.state);
             }
         }
@@ -253,7 +253,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     getVisibleColumns() {
         // Starting columns filter
         let resultVisibleColumns = this.getColumns().filter((col) => {
-            const isNotCodVer = !this.kupManager.data.column.isCodVer(col);
+            const isNotCodVer = !__classPrivateFieldGet(this, _KupBox_kupManager, "f").data.column.isCodVer(col);
             if (this.visibleColumns) {
                 // if visible columns is specified, include only those columns
                 return isNotCodVer && this.visibleColumns.includes(col.name);
@@ -305,14 +305,14 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     }
     checkScrollOnHover() {
         if (this.boxContainer) {
-            if (!this.kupManager.scrollOnHover.isRegistered(this.boxContainer)) {
+            if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.isRegistered(this.boxContainer)) {
                 if (this.scrollOnHover) {
-                    this.kupManager.scrollOnHover.register(this.boxContainer);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.register(this.boxContainer);
                 }
             }
             else {
                 if (!this.scrollOnHover) {
-                    this.kupManager.scrollOnHover.unregister(this.boxContainer);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
                 }
             }
         }
@@ -427,7 +427,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         };
     }
     clickHandler(e) {
-        const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
+        const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
         if (details.row) {
             if (this.multiSelection) {
                 this.onSelectionCheckChange(details.row);
@@ -439,7 +439,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         return details;
     }
     contextMenuHandler(e) {
-        const details = this.getEventDetails(this.kupManager.getEventPath(e.target, this.rootElement), e);
+        const details = this.getEventDetails(__classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(e.target, this.rootElement), e);
         return details;
     }
     /**
@@ -871,10 +871,10 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 headerTitle = section.title;
             }
             else if (sectionExpanded) {
-                headerTitle = this.kupManager.language.translate(KupLanguageGeneric.COLLAPSE);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE);
             }
             else {
-                headerTitle = this.kupManager.language.translate(KupLanguageGeneric.EXPAND);
+                headerTitle = __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND);
             }
             sectionContainer = (h("div", { class: sectionClass, style: sectionStyle }, h("div", { class: contentClass }, sectionContent), h("div", { class: "header", role: "button", onClick: (e) => {
                     e.stopPropagation();
@@ -910,12 +910,16 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         }
         const cell = row.cells[boxObject.column];
         let title = undefined;
-        if (cell && !this.kupManager.objects.isEmptyKupObj(cell.obj)) {
+        if (cell && !__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.isEmptyKupObj(cell.obj)) {
             classObj['is-obj'] = true;
-            if (this.kupManager.debug.isDebug()) {
+            if (__classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.isDebug()) {
                 title =
                     cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
             }
+            if (!cell.isEditable) {
+                cell.cssClass =
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+            }
         }
         const cellProps = {
             cell: cell,
@@ -936,9 +940,9 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     kanbanMode() {
         // Testing whether there are columns to group by
         if (!this.kanban.columns || this.kanban.columns.length === 0) {
-            this.kupManager.debug.logMessage(this, 'No columns to group by detected.', KupDebugCategory.ERROR);
+            __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'No columns to group by detected.', KupDebugCategory.ERROR);
             return {
-                jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))),
+                jsx: (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { ref: (el) => this.rowsRefs.push(el) }), __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))),
                 style: { 'grid-template-columns': `repeat(1, 1fr)` },
             };
         }
@@ -959,7 +963,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                     key.push(this.rows[index].cells[this.kanban.columns[j]].value);
                 }
                 catch (error) {
-                    this.kupManager.debug.logMessage(this, error, KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, error, KupDebugCategory.WARNING);
                 }
             }
             const check = {
@@ -1064,8 +1068,8 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 });
             }
         };
-        this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
-        this.kupManager.interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.TAP, tapCb);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.on(this.boxContainer, KupPointerEventTypes.HOLD, holdCb);
     }
     didRenderInteractables() {
         if (this.dragEnabled) {
@@ -1084,7 +1088,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 };
                 if (row && !this.interactableDrag.includes(row)) {
                     this.interactableDrag.push(row);
-                    this.kupManager.interact.draggable(row, {
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.draggable(row, {
                         allowFrom: '.box-object',
                         cursorChecker() {
                             return null;
@@ -1099,10 +1103,10 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             const dataCb = () => {
                 const cell = this.rootElement.shadowRoot.querySelector('.box:hover');
                 if (!cell) {
-                    this.kupManager.debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", KupDebugCategory.WARNING);
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, "Couldn't find cell hovered to retrieve dropzone informations!", KupDebugCategory.WARNING);
                     return;
                 }
-                const path = this.kupManager.getEventPath(cell, this.rootElement);
+                const path = __classPrivateFieldGet(this, _KupBox_kupManager, "f").getEventPath(cell, this.rootElement);
                 const receivingDetails = this.getEventDetails(path);
                 return {
                     cell: receivingDetails.cell,
@@ -1113,7 +1117,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             };
             if (!this.interactableDrop.includes(this.sectionRef)) {
                 this.interactableDrop.push(this.sectionRef);
-                this.kupManager.interact.dropzone(this.sectionRef, {
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(this.sectionRef, {
                     accept: `[${kupDraggableAttr}]`,
                 }, {
                     dispatcher: this.rootElement,
@@ -1124,7 +1128,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
                 const row = this.rowsRefs[index];
                 if (row && !this.interactableDrop.includes(row)) {
                     this.interactableDrop.push(row);
-                    this.kupManager.interact.dropzone(row, {
+                    __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.dropzone(row, {
                         accept: `[${kupDraggableAttr}]`,
                     }, {
                         callback: dataCb,
@@ -1139,7 +1143,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        this.kupManager.debug.logLoad(this, false);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, false);
         if (this.rowsPerPage) {
             this.currentRowsPerPage = this.rowsPerPage;
         }
@@ -1148,8 +1152,8 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             this.currentRowsPerPage > this.data.rows.length) {
             this.currentRowsPerPage = this.data.rows.length;
         }
-        this.kupManager.language.register(this);
-        this.kupManager.theme.register(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.register(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.register(this);
         this.initWithPersistedState();
         this.onDataChanged();
         this.adjustPaginator();
@@ -1178,10 +1182,10 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         }
         this.didLoadInteractables();
         this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-        this.kupManager.debug.logLoad(this, true);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        this.kupManager.debug.logRender(this, false);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         const root = this.rootElement.shadowRoot;
@@ -1195,7 +1199,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         this.persistState();
         this.didRenderInteractables();
         __classPrivateFieldGet(this, _KupBox_instances, "m", _KupBox_didRenderObservers).call(this);
-        this.kupManager.debug.logRender(this, true);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         __classPrivateFieldSet(this, _KupBox_rowsRefs, [], "f");
@@ -1213,7 +1217,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
             });
             const items = [{ value: '', id: '' }, ...visibleColumnsItems];
             let textfieldData = {
-                label: this.kupManager.language.translate(KupLanguageGeneric.SORT_BY),
+                label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.SORT_BY),
                 trailingIcon: true,
             };
             let listData = {
@@ -1228,7 +1232,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         }
         let filterPanel = null;
         if (this.globalFilter) {
-            filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: this.kupManager.language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterPanel = (h("div", { id: "global-filter" }, h("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
@@ -1248,7 +1252,7 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         let boxContent = null;
         let containerStyle = {};
         if (this.rows.length === 0) {
-            boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA))));
+            boxContent = (h("div", { id: "empty-data-message", class: "box-wrapper" }, h("div", { class: "box", ref: (el) => this.rowsRefs.push(el) }, __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
             containerStyle = { 'grid-template-columns': `repeat(1, 1fr)` };
         }
         else if (isKanban) {
@@ -1270,17 +1274,17 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         }
         return (h(Host, { "onKup-cell-click": (e) => {
                 this.kupBoxCellClick.emit(e.detail);
-            } }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
+            } }, h("style", null, __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: 'box-component', ref: (el) => (this.sectionRef = el) }, sortPanel, filterPanel, paginator, h("div", { class: isKanban ? 'is-kanban' : '', id: 'box-container', style: containerStyle, onContextMenu: (e) => {
                 e.preventDefault();
             }, ref: (el) => (this.boxContainer =
                 el) }, boxContent)))));
     }
     disconnectedCallback() {
-        this.kupManager.interact.unregister(this.interactableDrag.concat(this.interactableDrop));
-        this.kupManager.language.unregister(this);
-        this.kupManager.theme.unregister(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").interact.unregister(this.interactableDrag.concat(this.interactableDrop));
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet(this, _KupBox_kupManager, "f").theme.unregister(this);
         if (this.scrollOnHover) {
-            this.kupManager.scrollOnHover.unregister(this.boxContainer);
+            __classPrivateFieldGet(this, _KupBox_kupManager, "f").scrollOnHover.unregister(this.boxContainer);
         }
         // When component is destroyed, then the listener is removed. @See clickFunction for more details
         document.removeEventListener('click', this.clickFunction.bind(this));
@@ -1352,21 +1356,21 @@ const KupBox = /*@__PURE__*/ proxyCustomElement(class KupBox extends H {
         "layout": ["onLayoutChanged"],
         "selectBox": ["onSelectBoxChanged"]
     }]);
-_KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
+_KupBox_kupManager = new WeakMap(), _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_navBarHeight = new WeakMap(), _KupBox_loadMoreEventCounter = new WeakMap(), _KupBox_loadMoreEventPreviousQuantity = new WeakMap(), _KupBox_instances = new WeakSet(), _KupBox_checkUpdateState = function _KupBox_checkUpdateState() {
     let somethingChanged = false;
-    if (!this.kupManager.objects.deepEqual(this.state.sortBy, this.sortBy)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.sortBy, this.sortBy)) {
         this.state.sortBy = this.sortBy;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
         this.state.globalFilterValue = this.globalFilterValue;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.pageSelected, this.currentPage)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
         this.state.pageSelected = this.currentPage;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
         this.state.rowsPerPage = this.currentRowsPerPage;
         somethingChanged = true;
     }
@@ -1374,15 +1378,15 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
         const prefix = currentIndex > 0 ? ';' : '';
         return accumulator + prefix + row.id;
     }, '');
-    if (!this.kupManager.objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.selectedRowsState, selectedRowsState)) {
         this.state.selectedRowsState = selectedRowsState;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
         this.state.loadMoreLimit = this.loadMoreLimit;
         somethingChanged = true;
     }
-    if (!this.kupManager.objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+    if (!__classPrivateFieldGet(this, _KupBox_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
         this.state.showLoadMore = this.showLoadMore;
         somethingChanged = true;
     }
@@ -1396,7 +1400,7 @@ _KupBox_intObserver = new WeakMap(), _KupBox_rowsRefs = new WeakMap(), _KupBox_n
     const callback = (entries) => {
         entries.forEach((entry) => {
             if (entry.isIntersecting) {
-                this.kupManager.debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
+                __classPrivateFieldGet(this, _KupBox_kupManager, "f").debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
                 const delta = this.data.rows.length - this.currentRowsPerPage;
                 if (delta < this.loadMoreStep) {
                     this.currentRowsPerPage += delta;

package/dist/components/{p-5cf6e379.js → p-d4cabd2b.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-c5f8d41f.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-73922583.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-726f15fa.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};