@sme.up/ketchup 10.1.5 → 10.1.7

package/dist/components/{p-0c219ec5.js → p-5a76719a.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-2e5f2e07.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, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as KupLanguageSearch, J as getColumnByName, L as KupObjects, M as formatToNumber, N as Filters, O as getValueForDisplay, P as getValueForDisplay2, Q as KupData, S as compareCell, T as TotalMode, U as getRegExpFromString, V as CHKAdapter, W as CHIAdapter, 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 KupPointerEventTypes, a7 as kupDynamicPositionAttribute, a8 as KupListProps, a9 as KupCardFamily, aa as KupListRole, ab as identify, ac as LoadMoreMode, ad as PaginatorPos, ae as ShowGrid, af as kupDraggableColumnAttr, ag as kupDragActiveAttr, ah as KupDragEffect, ai as kupDraggableCellAttr, aj as KupDropEventTypes, ak as FixedCellsClasses, al as FixedCellsCSSVarsBase, am as KupLanguageFontsize, an as KupLanguageDensity, ao as KupLanguageGrid, ap as KupDataTableProps, aq as DataTableAreasEnum, ar as iconColumn, as as keyColumn, at as fieldColumn, au as KupCardProps } from './p-ab7c8404.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, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as KupLanguageSearch, J as getColumnByName, L as KupObjects, M as formatToNumber, N as Filters, O as getValueForDisplay, P as getValueForDisplay2, Q as KupData, S as compareCell, T as TotalMode, U as getRegExpFromString, V as CHKAdapter, W as CHIAdapter, 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 identify, ad as LoadMoreMode, ae as PaginatorPos, af as ShowGrid, ag as kupDraggableColumnAttr, ah as kupDragActiveAttr, ai as KupDragEffect, aj as kupDraggableCellAttr, ak as KupDropEventTypes, al as FixedCellsClasses, am as FixedCellsCSSVarsBase, an as KupLanguageFontsize, ao as KupLanguageDensity, ap as KupLanguageGrid, aq as KupDataTableProps, ar as DataTableAreasEnum, as as iconColumn, at as keyColumn, au as fieldColumn, av as KupCardProps } from './p-a2d1b249.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';
 
@@ -5083,7 +5083,7 @@ const FCell = (props, children) => {
     }
     else if (cell.data && kupTypes.includes(cellType)) {
         if (props.setSizes) {
-            setCellSizeKup(cellType, subcomponentProps, cell);
+            setCellSizeKup(cellType, subcomponentProps, cell, column);
         }
         if (!props.renderKup) {
             const lazyClass = 'cell-' + cellType + ' placeholder';
@@ -5170,7 +5170,9 @@ const handleMouseEnter = (e, props, cellType) => {
 };
 const handleMouseLeave = (event) => {
     const parent = event.currentTarget;
-    const iconContainer = parent.querySelector('kup-image');
+    // only remove the action icon we added on mouse enter, not the first
+    // kup-image in the cell (which might be the BAR/IMAGE itself)
+    const iconContainer = parent.querySelector('kup-image.f-cell__iconfunction');
     if (iconContainer) {
         iconContainer.remove();
     }
@@ -5355,12 +5357,15 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
             break;
     }
 }
-function setCellSizeKup(cellType, subcomponentProps, cell) {
+function setCellSizeKup(cellType, subcomponentProps, cell, column) {
     switch (cellType) {
         case FCellTypes.BAR:
             if (!subcomponentProps.sizeY) {
                 subcomponentProps.sizeY = '26px';
             }
+            if (!subcomponentProps.sizeX && column.size) {
+                subcomponentProps.sizeX = column.size;
+            }
             break;
         case FCellTypes.BUTTON:
             let height = '';
@@ -13940,7 +13945,7 @@ class FiltersTreeItems extends FiltersRows {
     }
 }
 
-const kupTreeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_tree_header_background_color:var(\n    --kup-tree-header-background-color,\n    var(--kup-layer-2)\n  );--kup_tree_body_background_color:var(\n    --kup-tree-body-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_body_background_color_hover:var(\n    --kup-tree-body-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_border_color:var(\n    --kup-tree-border-color,\n    var(--kup-border-subtle)\n  );--kup_tree_tr_outline_color:var(\n    --kup-tree-tr-outline-color,\n    var(--kup-border-interactive)\n  );--kup_tree_tr_background_color_hover:var(\n    --kup-tree-tr-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_tr_background_color_focus:var(\n    --kup-tree-tr-background-color-focus,\n    var(--kup-layer-1-selected)\n  );--kup_tree_text_color:var(--kup-tree-text-color, var(--kup-text-secondary));--kup_tree_header_text_color:var(\n    --kup-tree-header-text-color,\n    var(--kup-text-primary)\n  );--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(\n    --kup-tree-filter-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_text_hover_color:var(\n    --kup-tree-text-hover-color,\n    var(--kup-text-primary)\n  );--kup-icon-color:var(--kup-tree-icon-color, var(--kup-text-secondary));display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_text_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 1.8em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 1.8em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:100%}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group;background-color:var(--kup_tree_header_background_color)}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead.header--is-visible th span{color:var(--kup_tree_header_text_color);font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tbody{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tbody tr.kup-tree__node.kup-tree__node--first td .cell-content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree tfoot{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.2em;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em var(--kup-space-03)}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.8em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:16px;min-width:16px;width:16px}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_text_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_tr_background_color_hover);color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:var(--kup_tree_tr_background_color_focus)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup_tree_border_color);border-left:2px solid transparent;box-sizing:content-box}#global-filter{background:var(--kup_tree_filter_background_color);position:sticky;top:0;z-index:1}#global-filter kup-text-field .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_text_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}.grid-cell .f-cell .f-cell__content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}tfoot td{border-bottom:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup_tree_body_background_color_hover)}tfoot td:first-of-type{border:none;border-right:solid 1px var(--kup_tree_border_color)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_text_color)}.totals-value{font-weight:bold}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color)}:host([as-accordion]) .wrapper .kup-tree thead tr th span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_tr_background_color_hover)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;box-sizing:border-box;color:var(--kup_tree_text_color);cursor:pointer;display:flex;line-height:1.75em;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:var(--kup-space-03);min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:1px solid var(--kup_tree_border_color)}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(kup_tree_text_color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
+const kupTreeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_tree_header_background_color:var(\n    --kup-tree-header-background-color,\n    var(--kup-layer-2)\n  );--kup_tree_body_background_color:var(\n    --kup-tree-body-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_body_background_color_hover:var(\n    --kup-tree-body-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_border_color:var(\n    --kup-tree-border-color,\n    var(--kup-border-subtle)\n  );--kup_tree_tr_outline_color:var(\n    --kup-tree-tr-outline-color,\n    var(--kup-border-interactive)\n  );--kup_tree_tr_background_color_hover:var(\n    --kup-tree-tr-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_tr_background_color_focus:var(\n    --kup-tree-tr-background-color-focus,\n    var(--kup-layer-1-selected)\n  );--kup_tree_text_color:var(--kup-tree-text-color, var(--kup-text-secondary));--kup_tree_header_text_color:var(\n    --kup-tree-header-text-color,\n    var(--kup-text-primary)\n  );--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(\n    --kup-tree-filter-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_text_hover_color:var(\n    --kup-tree-text-hover-color,\n    var(--kup-text-primary)\n  );--kup-icon-color:var(--kup-tree-icon-color, var(--kup-text-secondary));display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_text_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 1.8em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 1.8em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:100%}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group;background-color:var(--kup_tree_header_background_color)}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead.header--is-visible th span{color:var(--kup_tree_header_text_color);font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tbody{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tbody tr.kup-tree__node.kup-tree__node--first td .cell-content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree tfoot{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.2em;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em var(--kup-space-03)}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.8em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:16px;min-width:16px;width:16px}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_text_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_tr_background_color_hover);color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:var(--kup_tree_tr_background_color_focus)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup_tree_border_color);border-left:2px solid transparent;box-sizing:content-box}#global-filter{background:var(--kup_tree_filter_background_color);position:sticky;top:0;z-index:1}#global-filter kup-text-field .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_text_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}.grid-cell .f-cell .f-cell__content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}tfoot td{border-bottom:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup_tree_body_background_color_hover)}tfoot td:first-of-type{border:none;border-right:solid 1px var(--kup_tree_border_color)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_text_color)}.totals-value{font-weight:bold}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color)}:host([as-accordion]) .wrapper .kup-tree thead tr th span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_tr_background_color_hover)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;box-sizing:border-box;color:var(--kup_tree_text_color);cursor:pointer;display:flex;line-height:1.75em;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:var(--kup-space-03);min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:1px solid var(--kup_tree_border_color)}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(kup_tree_text_color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
 const KupTreeStyle0 = kupTreeCss;
 
 var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -15106,10 +15111,11 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                 }
                 totalMenu = (h$1("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column) }));
             }
-            const value = this.footer[column.name] != null
+            const totalValue = this.footer[column.name] != null
                 ? getValueForDisplay(this.footer[column.name], column.obj, column.decimals)
                 : '';
-            return (h$1("td", { "data-column": column.name }, totalMenu, h$1("span", { class: "totals-value", title: translation[menuLabel] }, value)));
+            const totalsClass = `totals-value ${isNegativeNumber(totalValue) && FCellClasses.TEXT_DANGER}`;
+            return (h$1("td", { "data-column": column.name }, totalMenu, h$1("span", { class: totalsClass, title: translation[menuLabel] }, totalValue)));
         });
         return (h$1("tfoot", null, h$1("tr", null, nodesCell, footerCells)));
     }
@@ -15298,17 +15304,17 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h$1("div", { key: '5e0393124b57035eda73c632a85938ab0ae002f1', id: "global-filter" }, h$1("kup-text-field", { key: '0a3e925da3a45c26f9e0bb936616dd564f94ffa1', fullWidth: true, label: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: '361d65b62e64e0099db2fbae9f432ee062df4353', id: "global-filter" }, h$1("kup-text-field", { key: 'aa5e23bb6d7607a216e1f867372772cd611f33a7', fullWidth: true, label: __classPrivateFieldGet$9(this, _KupTree_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);
                 } })));
         }
-        return (h$1(Host, { key: '8c7486b86ac0645e9a73c3465d20e063576fc7c0' }, h$1("style", { key: 'daeb495384898e45d1a0eafa06a05b7eddd2d7a1' }, __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e394fff2782159bd3aa33cbc750ba4a42226bdc1', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '8e67cfe6a711cf8dcf4150f3533daf7f218b736f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h$1("table", { key: 'dd3e380965053a3ff94f86efd7bf7e7001b7ba7c', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+        return (h$1(Host, { key: '09a3e6412cabae9a904475f95772b1c26ee3a725' }, h$1("style", { key: '9dc3e1d2f4aa09a916e25706b63db9363f3359d1' }, __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'aa8ea0e3f82d9af307b4fedf52588966ca48215e', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '49272c2af21b38a471a7e3d9420fbaba9c396a53', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: '07c4c9a9b1e5673dcb2cd851f4669c75e6fe0e87', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: '6a25652d0403cdf50ffd485af2f1a9b5457e71fa', class: {
+            } }, h$1("thead", { key: 'e7b588611f54d8125dd0fb02db7bf2bbbf32176b', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: '391cd95863e6a3a568f2748d4a50f67d58832be0' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '141dd67b3f3acc6ed59db18bdeaadd9eb64242ca' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: '86a181ed538cd24b6d92d238f1270ce1275301d4' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '7c73e0f45b46e02eeb1d97ee865e84204f7308aa' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -22366,7 +22372,7 @@ function defineCustomElement$b() {
     } });
 }
 
-const kupDataTableCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-layer-1)\n  );--kup_datatable_th_background_color:var(\n    --kup-datatable-th-background-color,\n    var(--kup-layer-2)\n  );--kup_datatable_background_color_selected:var(\n    --kup-datatable-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_datatable_border:var(\n    --kup-datatable-border-color,\n    1px solid var(--kup-border-subtle)\n  );--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-gray-color-30)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );--kup_datatable_background_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_datatable_text_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_dense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-03)\n  );--kup_fcell_padding_medium:var(\n    --kup-fcell-padding-medium,\n    var(--kup-space-02) var(--kup-space-03)\n  );--kup_fcell_padding_wide:var(\n    --kup-fcell-padding-wide,\n    var(--kup-space-04) var(--kup-space-03)\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense .header-cell__content{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-medium .header-cell__content{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-medium tbody>tr.group>td{padding-top:0.5em;padding-bottom:0.5em}.density-wide .header-cell__content{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0.5em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-dense:0px;--kup-dense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:11px;padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
+const kupDataTableCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-layer-1)\n  );--kup_datatable_th_background_color:var(\n    --kup-datatable-th-background-color,\n    var(--kup-layer-2)\n  );--kup_datatable_background_color_selected:var(\n    --kup-datatable-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_datatable_border:var(\n    --kup-datatable-border-color,\n    1px solid var(--kup-border-subtle)\n  );--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-gray-color-30)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );--kup_datatable_background_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_datatable_text_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_dense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-03)\n  );--kup_fcell_padding_medium:var(\n    --kup-fcell-padding-medium,\n    var(--kup-space-02) var(--kup-space-03)\n  );--kup_fcell_padding_wide:var(\n    --kup-fcell-padding-wide,\n    var(--kup-space-04) var(--kup-space-03)\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense .header-cell__content{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-medium .header-cell__content{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-medium tbody>tr.group>td{padding-top:0.5em;padding-bottom:0.5em}.density-wide .header-cell__content{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0.5em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-dense:0px;--kup-dense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:11px;padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
 const KupDataTableStyle0 = kupDataTableCss;
 
 var __classPrivateFieldGet$3 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -23661,14 +23667,15 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 }
                 totalMenu = (h$1("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column), tabindex: 0 }));
             }
-            const value = __classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name] != null
+            const totalValue = __classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name] != null
                 ? getValueForDisplay(__classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
                 : '';
+            const totalsClass = `totals-value ${isNegativeNumber(totalValue) && FCellClasses.TEXT_DANGER}`;
             return (h$1("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
                     ? fixedCellStyle.fixedCellClasses
                     : '', style: fixedCellStyle
                     ? fixedCellStyle.fixedCellStyle
-                    : null }, totalMenu, h$1("span", { class: "totals-value", title: translation[menuLabel] }, value)));
+                    : null }, totalMenu, h$1("div", { class: totalsClass, title: translation[menuLabel] }, totalValue)));
         });
         const footer = (h$1("tfoot", null, h$1("tr", null, selectRowCell, actionsCell, footerCells)));
         return footer;
@@ -23725,7 +23732,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: 'ea30d657d452f653830e1e1f66b5008d4f2750a8', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '2a626690b99a48a3bd57e33a1a44b5777ce9fab5', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: 'b14ef2fe26a320aa0e3c49661bf3a8b32a728ec2', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '6af45f82d93734a83453ff1c3e73458988d7244c', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -23790,7 +23797,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: '9d0eb6f3b9839467a794e3c47f69c80c29ce7cb3' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '035acaec14d988bb03374fda58115bbd4e47a6a7' }, props));
             }
         }
         const tableClass = {
@@ -23822,7 +23829,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '6b2b15b4385868240dfd25952bdb73b4a741622e', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '3e04b58f8d4eaa1a74fa5c73b793e7530a4330a3' }, h$1("tr-sticky", { key: '9845f4d6ae194aa477c298cd968c94844dc96f43' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '1de9a4384f969dca0fbfb60f4972dd92a87da205', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '3ee1e95f0351784bc246af27b56ae9f4023bb8ea' }, h$1("tr-sticky", { key: '9e4bca1558ac190519965bf48af8ee18977281fe' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -23868,7 +23875,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: '81f74f20c67ec6257b42550b0d2db73331d96c07', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'b8c0fe1378c54c79049ffa96c7d55aa6094fbe35', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -23883,11 +23890,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: '8c92d3bc0a8e1326b5ddbc7bdaa3260d601f53c3' }, __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: '89e186b2a02d79de60a5fc7feffb0282ecd5a24d', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '8452e8191ab0b8e215c2b9b4901cb1be22217c26', class: "group-wrapper" }, groupChips), h$1("div", { key: 'e3da08d27329bf8a011511e9f71015db2b572749', 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), value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '1edc86f0a0238b075f69980361f4415191171ec8' }, __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: '5290e0794b658eff09189ad886e25c925408df23', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '6cd828092ba42a06446b1598591796742c1118c6', class: "group-wrapper" }, groupChips), h$1("div", { key: 'fa4b94a9a861790be5882b6720fa6f3d7229c27a', 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), 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: '753ac29c5b69f2dfddd67cb6da36d8cb26cef314', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: 'a8655ba302d57cfda62557382f34341f31f5eaa9', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -23937,9 +23944,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: '2d6a2b4c9b87c32a50d0f4d138295b73a37f96fc', 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: 'c2926d9d0ae15c163bc5df5c6b9051e412eab52c', 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: 'fb0a474697046649a11d2986dba9c80cca413561', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '19b1753d7a331b610031e720b45266ebcd91d9f4', 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);
@@ -23948,7 +23955,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: '0a507c2b3807f911389bda77eeb9bceee0da6fee', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '317f59523fe5c47e380adaf43516629833e084c8', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), 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");
@@ -23956,7 +23963,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: '9754f63d55e351c03547bbd07cb606a14b2bfd00', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'dc314b347496493f6900b6677d95a51153faf73c' }, header)), h$1("tbody", { key: 'a350636de75f0ab072c80f54558c150e228a9bff' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h$1("thead", { key: '715ccd4ab90e10718fe92a36b9670442d79c2680', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '5649f89c101d6e462abd414e066024642002d0a2' }, header)), h$1("tbody", { key: '378d13a2085b8d1337866cd5b90ae05204f52bdb' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;

package/dist/components/{p-8b050302.js → p-9a140a97.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, ab as identify, g as getProps, s as setProps, Y as SortMode, J as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a6 as KupPointerEventTypes, ah as KupDragEffect, av as kupDraggableAttr, aj as KupDropEventTypes, H as KupLanguageSearch } from './p-ab7c8404.js';
-import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-0c219ec5.js';
+import { k as kupManagerInstance, ac as identify, g as getProps, s as setProps, Y as SortMode, J as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, t as KupDebugCategory, a7 as KupPointerEventTypes, ai as KupDragEffect, aw as kupDraggableAttr, ak as KupDropEventTypes, H as KupLanguageSearch } from './p-a2d1b249.js';
+import { G as filterRows, H as paginateRows, D as sortRows, I as pageChange, J as rowsPerPageChange, F as FImage, L as FCell, N as FChip, O 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, P as FPaginator } from './p-5a76719a.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-ab7c8404.js → p-a2d1b249.js}

@@ -8157,6 +8157,9 @@ function localCompareAsInJava(t1, t2) {
     }
     return t1Length - t2Length;
 }
+function isNegativeNumber(value) {
+    return dom$a.ketchup.math.numberifySafe(value) < 0;
+}
 // -------------
 // ADAPTERS from SmeupDataTable to FCell data attribute
 // -------------
@@ -19690,4 +19693,4 @@ function kupManagerInstance() {
     return dom.ketchup;
 }
 
-export { KupLanguageGrouping as $, KupLanguageColumn as A, KupDataNewColumnTypes as B, CMBandACPAdapter as C, KupCardSubEvents as D, KupCardIds as E, FCellClasses as F, KupLanguageRow as G, KupLanguageSearch as H, ItemsDisplayMode as I, getColumnByName as J, KupManager as K, KupObjects as L, formatToNumber as M, Filters as N, getValueForDisplay as O, getValueForDisplay2 as P, KupData as Q, RADAdapter as R, compareCell as S, TotalMode as T, getRegExpFromString as U, CHKAdapter as V, CHIAdapter as W, SWTAdapter as X, SortMode as Y, GroupLabelDisplayMode as Z, SelectionMode as _, KupComponentSizing as a, KupLanguageCheckbox as a0, FILTER_ANALYZER as a1, KupLanguagePage as a2, addColumnValueFromRow as a3, KupGlobalFilterMode as a4, TotalLabel as a5, KupPointerEventTypes as a6, kupDynamicPositionAttribute as a7, KupListProps as a8, KupCardFamily as a9, kupDropEvent as aA, kupDraggableRowAttr as aB, KupListRole as aa, identify as ab, LoadMoreMode as ac, PaginatorPos as ad, ShowGrid as ae, kupDraggableColumnAttr as af, kupDragActiveAttr as ag, KupDragEffect as ah, kupDraggableCellAttr as ai, KupDropEventTypes as aj, FixedCellsClasses as ak, FixedCellsCSSVarsBase as al, KupLanguageFontsize as am, KupLanguageDensity as an, KupLanguageGrid as ao, KupDataTableProps as ap, DataTableAreasEnum as aq, iconColumn as ar, keyColumn as as, fieldColumn as at, KupCardProps as au, kupDraggableAttr as av, KupCellElementsPosition as aw, submitPositionAdapter as ax, KupCellProps as ay, KupLanguageDashboard as az, KupThemeColorValues as b, KupThemeIconValues as c, KupLanguageGeneric as d, KupDynamicPositionPlacement as e, editableTypes as f, getProps as g, kupTypes as h, FCellTypes as i, KupTagNames as j, kupManagerInstance as k, FCellShapes as l, getCellValueForDisplay as m, fullWidthFieldsComps as n, autoCenterComps as o, FCellEvents as p, isForceUppercase as q, isForceLowercase as r, setProps as s, KupDebugCategory as t, adaptContentToDisplayMode as u, FCellPadding as v, fillString as w, KupCardBuiltInClockElements as x, KupCardCSSClasses as y, KupLanguageTotals as z };
+export { KupLanguageGrouping as $, KupLanguageColumn as A, KupDataNewColumnTypes as B, CMBandACPAdapter as C, KupCardSubEvents as D, KupCardIds as E, FCellClasses as F, KupLanguageRow as G, KupLanguageSearch as H, ItemsDisplayMode as I, getColumnByName as J, KupManager as K, KupObjects as L, formatToNumber as M, Filters as N, getValueForDisplay as O, getValueForDisplay2 as P, KupData as Q, RADAdapter as R, compareCell as S, TotalMode as T, getRegExpFromString as U, CHKAdapter as V, CHIAdapter as W, SWTAdapter as X, SortMode as Y, GroupLabelDisplayMode as Z, SelectionMode as _, KupComponentSizing as a, KupLanguageCheckbox as a0, FILTER_ANALYZER as a1, KupLanguagePage as a2, addColumnValueFromRow as a3, KupGlobalFilterMode as a4, TotalLabel as a5, isNegativeNumber as a6, KupPointerEventTypes as a7, kupDynamicPositionAttribute as a8, KupListProps as a9, KupLanguageDashboard as aA, kupDropEvent as aB, kupDraggableRowAttr as aC, KupCardFamily as aa, KupListRole as ab, identify as ac, LoadMoreMode as ad, PaginatorPos as ae, ShowGrid as af, kupDraggableColumnAttr as ag, kupDragActiveAttr as ah, KupDragEffect as ai, kupDraggableCellAttr as aj, KupDropEventTypes as ak, FixedCellsClasses as al, FixedCellsCSSVarsBase as am, KupLanguageFontsize as an, KupLanguageDensity as ao, KupLanguageGrid as ap, KupDataTableProps as aq, DataTableAreasEnum as ar, iconColumn as as, keyColumn as at, fieldColumn as au, KupCardProps as av, kupDraggableAttr as aw, KupCellElementsPosition as ax, submitPositionAdapter as ay, KupCellProps as az, KupThemeColorValues as b, KupThemeIconValues as c, KupLanguageGeneric as d, KupDynamicPositionPlacement as e, editableTypes as f, getProps as g, kupTypes as h, FCellTypes as i, KupTagNames as j, kupManagerInstance as k, FCellShapes as l, getCellValueForDisplay as m, fullWidthFieldsComps as n, autoCenterComps as o, FCellEvents as p, isForceUppercase as q, isForceLowercase as r, setProps as s, KupDebugCategory as t, adaptContentToDisplayMode as u, FCellPadding as v, fillString as w, KupCardBuiltInClockElements as x, KupCardCSSClasses as y, KupLanguageTotals as z };

package/dist/components/{p-72305403.js → p-b1b167ff.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-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, J as getColumnByName, B as KupDataNewColumnTypes } from './p-ab7c8404.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 } from './p-0c219ec5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, t as KupDebugCategory, J as getColumnByName, B as KupDataNewColumnTypes } from './p-a2d1b249.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 } from './p-5a76719a.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-05429a55.js → p-e7d0f3dc.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-ab7c8404.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 } from './p-0c219ec5.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-a2d1b249.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 } from './p-5a76719a.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/esm/{f-cell-50d54fdf.js → f-cell-b404abab.js}

@@ -1,11 +1,11 @@
 import { h, g as getAssetPath, F as Fragment } from './index-c9246a86.js';
-import { ak as editableTypes, al as kupTypes, am as FCellClasses, a7 as FCellTypes, d as KupThemeColorValues, ag as RADAdapter, af as CMBandACPAdapter, an as KupTagNames, F as FCellShapes, ac as getCellValueForDisplay, a as KupComponentSizing, ao as fullWidthFieldsComps, I as ItemsDisplayMode, ap as autoCenterComps, aq as adaptContentToDisplayMode, ar as FCellEvents, as as isForceUppercase, at as isForceLowercase, e as KupDebugCategory } from './kup-manager-5fbf0037.js';
+import { am as editableTypes, an as kupTypes, Q as FCellClasses, a9 as FCellTypes, d as KupThemeColorValues, ai as RADAdapter, ah as CMBandACPAdapter, ao as KupTagNames, F as FCellShapes, ae as getCellValueForDisplay, a as KupComponentSizing, ap as fullWidthFieldsComps, I as ItemsDisplayMode, aq as autoCenterComps, ar as adaptContentToDisplayMode, as as FCellEvents, at as isForceUppercase, au as isForceLowercase, e as KupDebugCategory } from './kup-manager-12e22168.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FCheckbox } from './f-checkbox-3ba20ca4.js';
-import { F as FChipType, c as FChip } from './f-chip-c31b2c02.js';
+import { F as FChipType, c as FChip } from './f-chip-8616784b.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { F as FObjectField } from './f-object-field-80e6eb02.js';
-import { F as FTextField } from './f-text-field-6b05bfbc.js';
+import { F as FObjectField } from './f-object-field-40918207.js';
+import { F as FTextField } from './f-text-field-11399ccd.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -273,7 +273,7 @@ const FCell = (props, children) => {
     }
     else if (cell.data && kupTypes.includes(cellType)) {
         if (props.setSizes) {
-            setCellSizeKup(cellType, subcomponentProps, cell);
+            setCellSizeKup(cellType, subcomponentProps, cell, column);
         }
         if (!props.renderKup) {
             const lazyClass = 'cell-' + cellType + ' placeholder';
@@ -360,7 +360,9 @@ const handleMouseEnter = (e, props, cellType) => {
 };
 const handleMouseLeave = (event) => {
     const parent = event.currentTarget;
-    const iconContainer = parent.querySelector('kup-image');
+    // only remove the action icon we added on mouse enter, not the first
+    // kup-image in the cell (which might be the BAR/IMAGE itself)
+    const iconContainer = parent.querySelector('kup-image.f-cell__iconfunction');
     if (iconContainer) {
         iconContainer.remove();
     }
@@ -545,12 +547,15 @@ function setCellSize(cellType, subcomponentProps, cell, props) {
             break;
     }
 }
-function setCellSizeKup(cellType, subcomponentProps, cell) {
+function setCellSizeKup(cellType, subcomponentProps, cell, column) {
     switch (cellType) {
         case FCellTypes.BAR:
             if (!subcomponentProps.sizeY) {
                 subcomponentProps.sizeY = '26px';
             }
+            if (!subcomponentProps.sizeX && column.size) {
+                subcomponentProps.sizeX = column.size;
+            }
             break;
         case FCellTypes.BUTTON:
             let height = '';

package/dist/esm/{f-chip-c31b2c02.js → f-chip-8616784b.js}

@@ -1,6 +1,6 @@
 import { h } from './index-c9246a86.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-5fbf0037.js';
+import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-12e22168.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-object-field-80e6eb02.js → f-object-field-40918207.js}

@@ -1,8 +1,8 @@
 import { h } from './index-c9246a86.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-5fbf0037.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-12e22168.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-6b05bfbc.js';
+import { F as FTextField } from './f-text-field-11399ccd.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-a835dde6.js → f-paginator-utils-1d1355b6.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c9246a86.js';
-import { I as ItemsDisplayMode, au as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-5fbf0037.js';
+import { I as ItemsDisplayMode, av as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-12e22168.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-6b05bfbc.js → f-text-field-11399ccd.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-c9246a86.js';
-import { b as KupThemeIconValues } from './kup-manager-5fbf0037.js';
+import { b as KupThemeIconValues } from './kup-manager-12e22168.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-5fbf0037.js';
+import { K as KupManager } from './kup-manager-12e22168.js';
 import './kup-dates-da19044e.js';
 import './index-c9246a86.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-c9246a86.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-5fbf0037.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, d as KupThemeColorValues, b as KupThemeIconValues } from './kup-manager-12e22168.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { M as MDCRipple } from './component-879e99bf.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-c9246a86.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory, ac as getCellValueForDisplay } from './kup-manager-5fbf0037.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, e as KupDebugCategory, ae as getCellValueForDisplay } from './kup-manager-12e22168.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { s as sortRows } from './kup-data-table-helper-1b2c70b8.js';
+import { s as sortRows } from './kup-data-table-helper-7dd17e75.js';
 import './kup-dates-da19044e.js';
 
 var KupActivityTimelineProps;