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

package/dist/components/{p-e63b1087.js → p-e407f2ce.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-c5f8d41f.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-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';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/esm/{f-cell-f5c25500.js → f-cell-8ed6963a.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { ap as editableTypes, aq as kupTypes, R as FCellClasses, ac as FCellTypes, d as KupThemeColorValues, an as CHIAdapter, al as RADAdapter, ak as CMBandACPAdapter, ar as KupTagNames, F as FCellShapes, ah as getCellValueForDisplay, a as KupComponentSizing, as as fullWidthFieldsComps, I as ItemsDisplayMode, at as autoCenterComps, au as adaptContentToDisplayMode, av as FCellEvents, aw as isForceUppercase, ax as isForceLowercase, e as KupDebugCategory } from './kup-manager-2b2b7c68.js';
+import { ap as editableTypes, aq as kupTypes, R as FCellClasses, ac as FCellTypes, d as KupThemeColorValues, an as CHIAdapter, al as RADAdapter, ak as CMBandACPAdapter, ar as KupTagNames, F as FCellShapes, ah as getCellValueForDisplay, a as KupComponentSizing, as as fullWidthFieldsComps, I as ItemsDisplayMode, at as autoCenterComps, au as adaptContentToDisplayMode, av as FCellEvents, aw as isForceUppercase, ax as isForceLowercase, e as KupDebugCategory } from './kup-manager-a3f8ee8f.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FChipType, d as FChip } from './f-chip-35dfafdb.js';
+import { F as FChipType, d as FChip } from './f-chip-72bcea75.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { F as FObjectField } from './f-object-field-fa368c87.js';
-import { F as FTextField } from './f-text-field-dcf09b57.js';
+import { F as FObjectField } from './f-object-field-1827746c.js';
+import { F as FTextField } from './f-text-field-591dc383.js';
 
 var FRadioType;
 (function (FRadioType) {

package/dist/esm/{f-chip-35dfafdb.js → f-chip-72bcea75.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { I as ItemsDisplayMode, b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-2b2b7c68.js';
+import { I as ItemsDisplayMode, b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-a3f8ee8f.js';
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value } = item;

package/dist/esm/{f-object-field-fa368c87.js → f-object-field-1827746c.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-2b2b7c68.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-a3f8ee8f.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-dcf09b57.js';
+import { F as FTextField } from './f-text-field-591dc383.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-d7e6b742.js → f-paginator-utils-e785d34e.js}

@@ -1,5 +1,5 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, ay as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-2b2b7c68.js';
+import { I as ItemsDisplayMode, ay as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-a3f8ee8f.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-dcf09b57.js → f-text-field-591dc383.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-9b0f4a0d.js';
-import { b as KupThemeIconValues } from './kup-manager-2b2b7c68.js';
+import { b as KupThemeIconValues } from './kup-manager-a3f8ee8f.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-2b2b7c68.js';
+import { K as KupManager } from './kup-manager-a3f8ee8f.js';
 import './kup-dates-da19044e.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 KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-2b2b7c68.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-a3f8ee8f.js';
 import { F as FImage } from './f-image-a2ecd7c3.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, e as KupDebugCategory, ah as getCellValueForDisplay } from './kup-manager-2b2b7c68.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory, ah as getCellValueForDisplay } from './kup-manager-a3f8ee8f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { s as sortRows } from './kup-data-table-helper-537035b9.js';
+import { s as sortRows } from './kup-data-table-helper-0fbe9df1.js';
 import './kup-dates-da19044e.js';
 
 var KupActivityTimelineProps;

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, g as getAssetPath, F as Fragment } from './index-9b0f4a0d.js';
-import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupLanguageSearch, u as KupCardFamily, v as KupCardProps, w as getColumnByName, x as formatToNumber, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, D as Filters, E as getValueForDisplay, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, M as KupPerfTuningPriority, T as TotalLabel, N as TotalMode, O as getRegExpFromString, Q as isNegativeNumber, R as FCellClasses, U as kupDynamicPositionAttribute, V as KupPointerEventTypes, W as kupDraggableColumnAttr, X as kupDragActiveAttr, Y as KupDragEffect, Z as kupDraggableCellAttr, _ as KupDropEventTypes, $ as DataTableAreasEnum, a0 as TypesToDuplicate, a1 as FixedCellsClasses, a2 as FixedCellsCSSVarsBase, a3 as KupLanguageFontsize, a4 as KupLanguageDensity, a5 as KupLanguageGrid, a6 as KupDataTableProps, a7 as SortMode, a8 as iconColumn, a9 as keyColumn, aa as fieldColumn, ab as KupLanguageUpload, ac as FCellTypes, ad as KupListRole, ae as KupListProps, af as addColumnValueFromRow, ag as KupGlobalFilterMode } from './kup-manager-2b2b7c68.js';
-import { F as FTextField } from './f-text-field-dcf09b57.js';
+import { k as kupManagerInstance, I as ItemsDisplayMode, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupLanguageSearch, u as KupCardFamily, v as KupCardProps, w as getColumnByName, x as formatToNumber, y as KupObjects, z as identify, G as GroupLabelDisplayMode, S as SelectionMode, A as KupLanguageGrouping, B as KupLanguageCheckbox, C as getValueForDisplay2, D as Filters, E as getValueForDisplay, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, M as KupPerfTuningPriority, T as TotalLabel, N as TotalMode, O as getRegExpFromString, Q as isNegativeNumber, R as FCellClasses, U as kupDynamicPositionAttribute, V as KupPointerEventTypes, W as kupDraggableColumnAttr, X as kupDragActiveAttr, Y as KupDragEffect, Z as kupDraggableCellAttr, _ as KupDropEventTypes, $ as DataTableAreasEnum, a0 as TypesToDuplicate, a1 as FixedCellsClasses, a2 as FixedCellsCSSVarsBase, a3 as KupLanguageFontsize, a4 as KupLanguageDensity, a5 as KupLanguageGrid, a6 as KupDataTableProps, a7 as SortMode, a8 as iconColumn, a9 as keyColumn, aa as fieldColumn, ab as KupLanguageUpload, ac as FCellTypes, ad as KupListRole, ae as KupListProps, af as addColumnValueFromRow, ag as KupGlobalFilterMode } from './kup-manager-a3f8ee8f.js';
+import { F as FTextField } from './f-text-field-591dc383.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-35dfafdb.js';
+import { g as getIdOfItemByDisplayMode, c as consistencyCheck, F as FChipType, a as FChipSize, b as FChipStyling, d as FChip } from './f-chip-72bcea75.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-f5c25500.js';
+import { F as FCell, a as FRadio, b as FRating, c as FSwitchSizing, d as FSwitch } from './f-cell-8ed6963a.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-da19044e.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-537035b9.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-d7e6b742.js';
-import './f-object-field-fa368c87.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-0fbe9df1.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-e785d34e.js';
+import './f-object-field-1827746c.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -10030,7 +10030,7 @@ const KupDataTable = class {
         __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: 'de082525b89e7bf2258b52d1b28cb8c68d391218', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'a36fcdad8f0b9bc34c854c054fbbc6d3fdb527ee', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'a76c8f8dc5e982eecf3ae52ddb9bf77f2d158d99', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '85a1dd62b28d6afc884be966f34e9ad1ff07c652', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10095,7 +10095,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: 'd2a33e3081f5c52f54130a032611d1e164b25b79' }, props));
+                groupChips = h(FChip, Object.assign({ key: '99e046951573012871c2433c226adac9382a242a' }, props));
             }
         }
         const tableClass = {
@@ -10127,7 +10127,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'c471d213a0eb0142f820a0732eaacdd613e9aaf0', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'd44f7844edeb5da5647380a7eaf1d41f14fbdad4' }, h("tr-sticky", { key: '20ed5cf9a79c19b810bb8de984c3598994fbbf9f' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'f725e89f9ef954ce6cd3e1a22b48c588e11686f9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'fa19d88756fb6cafdec2b4a0d30b99979af83a75' }, h("tr-sticky", { key: '85ce999c755781ecb7607acf7167af47536fe22f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10173,7 +10173,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '16fc8681250d1d293f8810c84fb559f3d0e4b68f', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: 'e715de7058b4e8c5b7fb3b862aac4227422ca395', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10188,11 +10188,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '96ad8527789ebd0173c0eccae9fa636ac95f07f9' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '1a3114c532d3e0d2ddfefe059073c927dfbb8edd', id: componentWrapperId, class: wrapClass }, h("div", { key: 'd37980ac5a2992080864d3c61a603799d62de9a7', class: "group-wrapper" }, groupChips), h("div", { key: '19c31186994d924c1b8d1a700115998d54f14786', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '71a61054181a746af3f28a60296ba1f04925995c' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '8a7b033dc9ea75b9bcb7d39c92d4885ced443163', id: componentWrapperId, class: wrapClass }, h("div", { key: 'a419cdb4ae7e9b1fc7436e9d0372d9e682b8a4ec', class: "group-wrapper" }, groupChips), h("div", { key: 'c805cebdb7665820df23858b5b6acc693e7b2c78', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: 'caf6227e13ae762aaab38deab074b9cc20861859', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: 'ed492fc2018c2eab0e952b903fb0361a0a85dce3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10242,9 +10242,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '00de192c9cb39d596a2978d19e41eaf261600bbe', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'a41b2a8949a57110e41329a0b7233f9df313e2c4', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: 'e773c8b8b1b85ea362a7e243a812f3a695493c0a', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5a7f1c9e35c63a427b7d21d62acd118ba04da492', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10253,7 +10253,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '180b46002f72c36cf379dcd0a0c4ffe32f4a57cb', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h("table", { key: '21dddbf797c42ed600eb596ccd8264f47ecc7857', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$7(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10261,7 +10261,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '150b33655c50c6e0c6de72698656b62130245bb4', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '727c91ce37add0066f257f7c905efd461629f858' }, header)), h("tbody", { key: '5568d44e9484d7eca947d78af99926260f70fd38' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: 'faf92dab25bd3034245054cee9403f44777c6355', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '134be2f43bec27500c1290252b03a1d37970ad24' }, header)), h("tbody", { key: '4ced5608c517ee9deca486f493007f005bf3579b' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }
@@ -12696,6 +12696,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$7(this, _KupDataTable_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+            }
             const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$7(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$7(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
@@ -20033,6 +20037,10 @@ const KupTree = class {
                     if (treeNodeData.style) {
                         cell.style = treeNodeData.style;
                     }
+                    if (!cell.isEditable) {
+                        cell.cssClass =
+                            __classPrivateFieldGet(this, _KupTree_kupManager, "f").data.cell.getObjectRelatedStyleClasses(cell.obj, cell.cssClass);
+                    }
                     const cellProps = {
                         cell: cell,
                         column: column,
@@ -20412,19 +20420,19 @@ const KupTree = class {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h("div", { key: 'f00b8f50aa2aff10b8c4ae25e4264b480245847d', id: "global-filter" }, h("kup-text-field", { key: 'b5c5fe6c7d7839163c11f58eab3bf813fbfc71be', fullWidth: true, label: __classPrivateFieldGet(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h("div", { key: 'ff1020f304bbfee1d6433c8882b18272d4dda7be', id: "global-filter" }, h("kup-text-field", { key: '4dd811801af1f4cf8ece9a0a1ef3331c923378d3', fullWidth: true, label: __classPrivateFieldGet(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(Host, { key: '513142ed6325c2ca3e32f4b3d3dbf5c3d84837a4', "onKup-cell-click": (e) => {
+        return (h(Host, { key: 'f8ba7ff18d58a324731a3d0a45c8d8251b5440d2', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h("style", { key: '070582216d6d6e15938b799f4f4bbfa5c0a3c8d0' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0c6c1f88800eb911b692a746c151442cfe428f18', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: '74c0bad8634b3ccd6b44f2ee85327757a09b4edc', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h("table", { key: '0db350df95cc415cb830c33668b43312bcf33b81', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h("style", { key: 'd40a8b4436b49da39873ba2117515653d6aeadc1' }, __classPrivateFieldGet(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '7a053d7b35ce514c3ba002ea0069da7c99b20bfe', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h("div", { key: 'e5506ba273ae1323a57db34a282ff3141aa0435e', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h("table", { key: '0d50f091ff50a3ae3f3de83b2ebb447c49ea5149', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '8f034ca68570f5b1fabc4b86789cb04c8641800d', class: {
+            } }, h("thead", { key: '0016feac66903ec0c9ac686c56faa66b5a9c2a72', class: {
                 'header--is-visible': visibleHeader,
-            } }, h("tr", { key: '3d57f3d67d28945a789f49293ca108b1da1f4769' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: '0592c4926006bddb75c61bf41494c621012207bb' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h("tr", { key: 'faa93cc2b52a2b58129d8a4a7865d1de396b9245' }, visibleHeader ? this.renderHeader() : null)), h("tbody", { key: 'ba126f0986e44b0237e0d124f012d49be1ead548' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));