@sme.up/ketchup 10.3.4 → 10.3.6

package/dist/components/{p-9b35cce9.js → p-c061deb1.js}

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as 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 identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-af2d3d26.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, a1 as 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 identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as DataTableAreasEnum, an as TypesToDuplicate, ao as FixedCellsClasses, ap as FixedCellsCSSVarsBase, aq as KupLanguageFontsize, ar as KupLanguageDensity, as as KupLanguageGrid, at as KupDataTableProps, au as UseAsValue, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-df77b97b.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';
+import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-9d9181cf.js';
 
 /**
  * Stores result from supportsCssVariables to avoid redundant processing to
@@ -1261,7 +1261,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
 
-const dom$j = document.documentElement;
+const dom$k = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -1485,7 +1485,7 @@ function setContent(props) {
                         const inputElement = e.target;
                         const cursorPosition = (_a = inputElement.selectionStart) !== null && _a !== void 0 ? _a : 0;
                         // Ottieni il separatore decimale (in base alla configurazione)
-                        const decimalSeparator = dom$j.ketchup.math.decimalSeparator();
+                        const decimalSeparator = dom$k.ketchup.math.decimalSeparator();
                         // Verifica se il valore contiene già il separatore decimale
                         if (inputElement.value.includes(decimalSeparator)) {
                             // Se contiene già il separatore, non fare nulla e ritorna
@@ -1515,7 +1515,7 @@ function setContent(props) {
                     let beginVal = value.substring(0, component.selectionStart);
                     let endVal = value.substring(component.selectionEnd, component.selectionEnd + value.length - 1);
                     let val = beginVal + e.key + endVal;
-                    if (!dom$j.ketchup.math.matchNumericValueWithOptions(val, options)) {
+                    if (!dom$k.ketchup.math.matchNumericValueWithOptions(val, options)) {
                         e.preventDefault();
                         return;
                     }
@@ -1564,7 +1564,7 @@ const formatValue = function (value, options, inputIsLocalized) {
     if (formatedValue == '-') {
         return '';
     }
-    return dom$j.ketchup.math.format(formatedValue, dom$j.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
+    return dom$k.ketchup.math.format(formatedValue, dom$k.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
 };
 
 /**
@@ -4585,7 +4585,7 @@ var FChipSize;
     FChipSize["MEDIUM"] = "medium";
 })(FChipSize || (FChipSize = {}));
 
-const dom$i = document.documentElement;
+const dom$j = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -4639,9 +4639,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
                 hasChildren ? (h(FImage, { onClick: props.onExpansionClick &&
                         props.onExpansionClick[i]
                         ? props.onExpansionClick[i].bind(props.onExpansionClick[i], chip)
-                        : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "16px", sizeY: "16px", title: dom$i.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
+                        : null, resource: `${KupThemeIconValues.DROPDOWN}`, sizeX: "16px", sizeY: "16px", title: dom$j.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
                         '/' +
-                        dom$i.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
+                        dom$j.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
                         ' (CTRL + Click)', wrapperClass: "dropdown-icon" })) : indent ? (h(FImage, { resource: "blank", sizeX: "16px", sizeY: "16px", wrapperClass: "dropdown-icon" })) : null,
                 createChip(chip, isDisabled)));
             if (showChildren) {
@@ -5228,7 +5228,7 @@ const FLabel = ({ text, classes }) => {
     }
 };
 
-const dom$h = document.documentElement;
+const dom$i = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -5244,7 +5244,7 @@ const FCell = (props, children) => {
             : column.shape
                 ? column.shape
                 : null;
-    const hasObj = !dom$h.ketchup.objects.isEmptyKupObj(cell.obj);
+    const hasObj = !dom$i.ketchup.objects.isEmptyKupObj(cell.obj);
     let isEditable = false;
     if (cell.hasOwnProperty('isEditable')) {
         isEditable = cell.isEditable;
@@ -5255,7 +5255,7 @@ const FCell = (props, children) => {
     isEditable = isEditable && props.editable;
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
     const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
-    const cellType = dom$h.ketchup.data.cell.getType(cell, shape);
+    const cellType = dom$i.ketchup.data.cell.getType(cell, shape);
     const sizing = props.density === 'extra_dense' ? 'extra-small' : (_b = cell.data) === null || _b === void 0 ? void 0 : _b.sizing;
     const subcomponentProps = Object.assign(Object.assign(Object.assign(Object.assign({}, cell.data), ((cell === null || cell === void 0 ? void 0 : cell.icon) ? { resource: cell.icon } : {})), ((cell === null || cell === void 0 ? void 0 : cell.placeholderIcon)
         ? { placeholderResource: cell.placeholderIcon }
@@ -5277,7 +5277,7 @@ const FCell = (props, children) => {
         'monospace c-pre': (_c = cell.data) === null || _c === void 0 ? void 0 : _c.legacyLook,
     };
     let content = valueToDisplay;
-    if (!cell.data) {
+    if (!cell.data || Object.keys(cell.data).length === 0) {
         setDefaults(cellType, cell);
     }
     if (isEditable && editableTypes.includes(cellType)) {
@@ -5324,7 +5324,7 @@ const FCell = (props, children) => {
         }
     }
     let cellTitle = null;
-    if (dom$h.ketchup.debug.isDebug() && hasObj) {
+    if (dom$i.ketchup.debug.isDebug() && hasObj) {
         cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
     }
     else if (cell.title != null && cell.title.trim() != '') {
@@ -5350,6 +5350,21 @@ const FCell = (props, children) => {
         };
         infoEl = h(FImage, Object.assign({}, fProps));
     }
+    // For input panel G Cells: handle textfield instead of cell background/text colors
+    const isInputPanel = props.component.rootElement.tagName ===
+        KupTagNames.INPUT_PANEL;
+    if (isInputPanel && cell.style) {
+        if (cell.style.backgroundColor) {
+            const color = cell.style.backgroundColor;
+            cell.style.backgroundColor = '';
+            cell.style['--kup-textfield-background-color'] = color;
+        }
+        if (cell.style.color) {
+            const color = cell.style.color;
+            cell.style.color = '';
+            cell.style['--kup-textfield-color'] = color;
+        }
+    }
     return (h("div", { onKeyUp: (e) => cellEvent(e, props, cellType, FCellEvents.KEYUP), class: classObj, "kup-get-cell-props": () => {
             return props;
         }, ref: (el) => (cell.element = el), style: cell.style },
@@ -5390,7 +5405,7 @@ const mapData = (cell, column) => {
         ? cell.data.label
         : column.title;
     const currentValue = cell.value;
-    const cellType = dom$h.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom$i.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [FCellTypes.STRING, MainITXAdapter.bind(undefined)],
@@ -5792,9 +5807,10 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             return (h("a", { href: content, target: "_blank" }, cell.value));
         case FCellTypes.NUMBER:
             if (content && content != '') {
-                const cellValueNumber = dom$h.ketchup.math.numberifySafe(cell.value);
+                const cellValueNumber = dom$i.ketchup.math.numberifySafe(cell.value);
                 const cellValue = getCellValueForDisplay(column, cell);
-                if (cellValueNumber < 0) {
+                const hasCustomColor = Boolean(cell.style && cell.style['color']);
+                if (!hasCustomColor && cellValueNumber < 0) {
                     classObj[FCellClasses.TEXT_DANGER] = true;
                 }
                 if (isAutoCentered(props)) {
@@ -5862,10 +5878,10 @@ function setKupCell(cellType, classObj, subcomponentProps, cell, row, column, pr
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: true })));
         case FCellTypes.GAUGE:
-            return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$h.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
+            return (h("kup-gauge", Object.assign({ key: column.name + props.row.id, value: dom$i.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
         case FCellTypes.KNOB:
         case FCellTypes.PROGRESS_BAR:
-            return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { value: dom$h.ketchup.math.numberifySafe(cell.value) })));
+            return (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps, { value: dom$i.ketchup.math.numberifySafe(cell.value) })));
         case FCellTypes.RADIO:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
@@ -6099,8 +6115,11 @@ function cellEvent(e, props, cellType, cellEventName) {
                 }
                 break;
             case FCellTypes.IMAGE_LIST:
-                value = e.detail
-                    .details.cell.value;
+                const obj = e.detail
+                    .details.cell.obj;
+                const cellValue = e
+                    .detail.details.cell.value;
+                value = (obj === null || obj === void 0 ? void 0 : obj.k) ? obj.k : cellValue;
         }
         if (cell.obj) {
             cell.obj.k = value === null || value === void 0 ? void 0 : value.toString();
@@ -6131,7 +6150,7 @@ function cellEvent(e, props, cellType, cellEventName) {
                 comp.refresh();
             }
             catch (error) {
-                dom$h.ketchup.debug.logMessage(comp, error, KupDebugCategory.ERROR);
+                dom$i.ketchup.debug.logMessage(comp, error, KupDebugCategory.ERROR);
             }
         }
     }
@@ -6150,7 +6169,7 @@ function getValueFromEventTarget(e, cellType) {
         value = (_a = e.detail) === null || _a === void 0 ? void 0 : _a.value;
     }
     if (cellType === FCellTypes.NUMBER && isInputEvent) {
-        value = dom$h.ketchup.math.formattedStringToNumberString(value, '');
+        value = dom$i.ketchup.math.formattedStringToNumberString(value, '');
     }
     return value;
 }
@@ -6163,7 +6182,7 @@ function isFullWidth(props) {
     return fullWidthFieldsComps.includes((_a = props.component) === null || _a === void 0 ? void 0 : _a.rootElement.tagName);
 }
 
-const dom$g = document.documentElement;
+const dom$h = document.documentElement;
 /**
  * 1st box card layout, it can be used as a key-value grid list.
  * @param {KupCard} component - Card component.
@@ -6258,8 +6277,8 @@ function create4$4(component) {
     let value = null;
     for (let index = 0; index < cells.length; index++) {
         const cell = cells[index];
-        const isImage = dom$g.ketchup.objects.isImage(cell.obj) ||
-            dom$g.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$h.ketchup.objects.isImage(cell.obj) ||
+            dom$h.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -6316,8 +6335,8 @@ function create5$4(component) {
     for (let index = 0; index < cells.length; index++) {
         const cell = cells[index];
         const column = component.data.columns[index];
-        const isImage = dom$g.ketchup.objects.isImage(cell.obj) ||
-            dom$g.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$h.ketchup.objects.isImage(cell.obj) ||
+            dom$h.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!imageProps && isImage) {
             imageProps = {
@@ -6369,8 +6388,8 @@ function create6$4(component) {
     for (let index = 0; index < cells.length; index++) {
         const cell = cells[index];
         const column = component.data.columns[index];
-        const isImage = dom$g.ketchup.objects.isImage(cell.obj) ||
-            dom$g.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$h.ketchup.objects.isImage(cell.obj) ||
+            dom$h.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -6465,7 +6484,7 @@ var SourceEvent;
     SourceEvent["YEAR"] = "year";
 })(SourceEvent || (SourceEvent = {}));
 
-const dom$f = document.documentElement;
+const dom$g = document.documentElement;
 const kupManager$1 = kupManagerInstance();
 function prepareCalendar(component) {
     const el = component.rootElement;
@@ -6498,7 +6517,7 @@ function prepareCalendar(component) {
     }
     if (!el.kupData.value)
         setValue$2(component, new Date());
-    const months = dom$f.ketchup.dates.getMonthsAsString();
+    const months = dom$g.ketchup.dates.getMonthsAsString();
     const curYear = getYear(component);
     const curMonth = getMonth(component);
     const yearRange = getInitEndYear(curYear);
@@ -6642,7 +6661,7 @@ function createCalendar(component) {
     }
 }
 function createDaysCalendar(component) {
-    const days = dom$f.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
+    const days = dom$g.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
     const selectedDate = getValue$1(component);
     const selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
@@ -6729,7 +6748,7 @@ function createDaysCalendar(component) {
             h("tbody", null, tbody))));
 }
 function createMonthsCalendar(component) {
-    const months = dom$f.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
+    const months = dom$g.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
     let selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
     const selectedYear = getYear(component);
@@ -6880,7 +6899,7 @@ function refresh(component) {
 }
 function onCalendarMonthYearItemClick(component, value) {
     let d;
-    if (dom$f.ketchup.dates.isIsoDate(value)) {
+    if (dom$g.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -6902,7 +6921,7 @@ function onCalendarMonthYearItemClick(component, value) {
 }
 function onCalendarItemClick(component, value) {
     let d;
-    if (dom$f.ketchup.dates.isIsoDate(value)) {
+    if (dom$g.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -6918,7 +6937,7 @@ function setDateToday(component) {
     refresh(component);
 }
 
-const dom$e = document.documentElement;
+const dom$f = document.documentElement;
 function prepareClock(component) {
     const el = component.rootElement;
     el.kupData = {};
@@ -7033,7 +7052,7 @@ function onKupBlur(component) {
 function createClock(component) {
     let selectedTime;
     if (getValue(component)) {
-        selectedTime = dom$e.ketchup.dates
+        selectedTime = dom$f.ketchup.dates
             .toDayjs(getValue(component), isManageSeconds(component)
             ? KupDatesFormats.ISO_TIME
             : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS)
@@ -7237,7 +7256,7 @@ function setClockTime(e, component) {
     e.target.classList.add('selected');
 }
 
-const dom$d = document.documentElement;
+const dom$e = document.documentElement;
 const premadeFormulas = [
     KupLanguageTotals.AVERAGE,
     KupLanguageTotals.DIFFERENCE,
@@ -7252,7 +7271,7 @@ function prepareColumnDropMenu(component) {
         const column = options.data.columns[index];
         if (column.visible !== false &&
             column.obj &&
-            dom$d.ketchup.objects.isNumber(column.obj)) {
+            dom$e.ketchup.objects.isNumber(column.obj)) {
             chipData.push({
                 obj: column.obj,
                 value: column.name,
@@ -7268,7 +7287,7 @@ function prepareColumnDropMenu(component) {
     if (options.enableFormula) {
         combobox = prepareCombobox(options, numericalColumnsExist);
         if (numericalColumnsExist) {
-            button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$d.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
+            button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$e.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
             chipSet = (h("div", { class: "sub-chip" },
                 h("kup-chip", { data: chipData, "onKup-chip-click": (e) => typeColumn(e, component) })));
         }
@@ -7281,35 +7300,35 @@ function prepareList(options) {
         listData.push({
             icon: 'library_add',
             id: KupLanguageGeneric.MERGE,
-            value: dom$d.ketchup.language.translate(KupLanguageGeneric.MERGE),
+            value: dom$e.ketchup.language.translate(KupLanguageGeneric.MERGE),
         });
     }
     if (options.enableMove) {
         listData.push({
             icon: 'swap_horiz',
             id: KupLanguageGeneric.MOVE,
-            value: dom$d.ketchup.language.translate(KupLanguageGeneric.MOVE),
+            value: dom$e.ketchup.language.translate(KupLanguageGeneric.MOVE),
         });
     }
     return listData.length > 0 ? (h("kup-list", { data: listData, showIcons: true, "onkup-list-click": (e) => listClick(e, options) })) : null;
 }
 function prepareCombobox(options, numericalColumnsExist) {
     const comboListData = [];
-    const numeric = dom$d.ketchup.objects.isNumber(options.receivingColumn.obj) &&
-        dom$d.ketchup.objects.isNumber(options.starterColumn.obj);
+    const numeric = dom$e.ketchup.objects.isNumber(options.receivingColumn.obj) &&
+        dom$e.ketchup.objects.isNumber(options.starterColumn.obj);
     if (numeric) {
         comboListData.push({
             id: KupLanguageTotals.AVERAGE,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.AVERAGE),
+            value: dom$e.ketchup.language.translate(KupLanguageTotals.AVERAGE),
         }, {
             id: KupLanguageTotals.DIFFERENCE,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
+            value: dom$e.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
         }, {
             id: KupLanguageTotals.PRODUCT,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.PRODUCT),
+            value: dom$e.ketchup.language.translate(KupLanguageTotals.PRODUCT),
         }, {
             id: KupLanguageTotals.SUM,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.SUM),
+            value: dom$e.ketchup.language.translate(KupLanguageTotals.SUM),
         }, {
             id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
             value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
@@ -7321,7 +7340,7 @@ function prepareCombobox(options, numericalColumnsExist) {
     else {
         comboListData.push({
             id: KupLanguageColumn.NO_FORMULA,
-            value: dom$d.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
+            value: dom$e.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
         });
     }
     const comboData = {
@@ -7331,11 +7350,11 @@ function prepareCombobox(options, numericalColumnsExist) {
         },
         'kup-text-field': {
             helper: !numericalColumnsExist
-                ? dom$d.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
+                ? dom$e.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
                 : numeric
                     ? `i.e.: [${options.receivingColumn.name}] - [${options.starterColumn.name}] + 1`
-                    : dom$d.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
-            label: dom$d.ketchup.language.translate(KupLanguageTotals.FORMULA),
+                    : dom$e.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
+            label: dom$e.ketchup.language.translate(KupLanguageTotals.FORMULA),
             outlined: true,
         },
     };
@@ -7379,7 +7398,7 @@ async function applyFormula(component) {
             ? parts[1].trim()
             : valueString;
         if (premadeFormulas.includes(value)) {
-            const result = dom$d.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            const result = dom$e.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 columns: [
                     options.receivingColumn.name,
                     options.starterColumn.name,
@@ -7394,7 +7413,7 @@ async function applyFormula(component) {
             }
         }
         else {
-            const result = dom$d.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            const result = dom$e.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 newColumn: hasDescription
                     ? { name: description, title: description }
                     : undefined,
@@ -7412,7 +7431,7 @@ async function applyFormula(component) {
     }
 }
 
-const dom$c = document.documentElement;
+const dom$d = document.documentElement;
 function prepareMessageBox(component) {
     const options = component.data.options;
     const buttonsExist = !!(options.cancelCb || options.confirmCb);
@@ -7421,13 +7440,13 @@ function prepareMessageBox(component) {
         buttonsExist ? (h("div", { class: "button-wrapper" },
             options.cancelCb ? (h(FButton, { icon: "clear", label: options.cancelLabel
                     ? options.cancelLabel
-                    : dom$c.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
+                    : dom$d.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
             options.confirmCb ? (h(FButton, { icon: "check", label: options.confirmLabel
                     ? options.confirmLabel
-                    : dom$c.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
+                    : dom$d.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
 }
 
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 function prepareNumeric(component) {
     const el = component.rootElement;
     if (!el.kupData)
@@ -7449,7 +7468,7 @@ function prepareNumeric(component) {
                 el.kupData.value = obj.k;
             else
                 el.kupData.value = options.initialValue.toString();
-            el.kupData.localeValue = dom$b.ketchup.math.numbers.toLocaleString(el.kupData.value);
+            el.kupData.localeValue = dom$c.ketchup.math.numbers.toLocaleString(el.kupData.value);
         }
         options.resetStatus = false;
     }
@@ -7524,7 +7543,7 @@ function setSign(component) {
         return;
     strVal = '-' + strVal;
     el.kupData.value = strVal;
-    el.kupData.localeValue = dom$b.ketchup.math.numbers.toLocaleString(strVal);
+    el.kupData.localeValue = dom$c.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function setValue(component, value) {
@@ -7561,7 +7580,7 @@ function setValue(component, value) {
         return;
     strVal += value;
     el.kupData.value = strVal;
-    el.kupData.localeValue = dom$b.ketchup.math.numbers.toLocaleString(strVal);
+    el.kupData.localeValue = dom$c.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function clearValue(component) {
@@ -7571,14 +7590,14 @@ function clearValue(component) {
     component.refresh();
 }
 function getDecimalChar() {
-    return (0.1).toLocaleString(dom$b.ketchup.math.locale).substring(1, 2);
+    return (0.1).toLocaleString(dom$c.ketchup.math.locale).substring(1, 2);
 }
 function saveValue(component) {
     const el = component.rootElement;
     component.onKupClick(component.rootElement.id, el.kupData.value ? Number(el.kupData.value).toString() : '');
 }
 
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 let inputArea = null;
 let clearButton = null;
 let submitButton = null;
@@ -7644,8 +7663,8 @@ function prepareOpenAIInterface(component) {
                 fun = fun.replace(']#', '');
             }
             result.push(h("div", { class: "fun", title: "Execute FUN.", onClick: () => {
-                    if (dom$a.ketchup.openAI.onFunClick) {
-                        dom$a.ketchup.openAI.onFunClick(fun);
+                    if (dom$b.ketchup.openAI.onFunClick) {
+                        dom$b.ketchup.openAI.onFunClick(fun);
                     }
                 } }, fun));
             lastIndex = match.index + match[0].length;
@@ -8070,7 +8089,7 @@ const collapsibleLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$4
 });
 
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 /**
  * 1st dialog card layout, used to display information in string format.
  * @param {KupCard} component - Card component.
@@ -8164,8 +8183,8 @@ function create4$2(component) {
     return (h("div", { class: `dialog-layout-${component.layoutNumber} dialog-element` },
         textArray[0] ? dialogHeader(textArray[0]) : dialogHeader(''),
         datatableArray[0] && buttonArray[0] && buttonArray[1] ? (h("div", { class: "section-1" },
-            h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$9.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
-            h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$9.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
+            h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$a.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
+            h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$a.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
         datatableArray[0] ? (h("div", { class: "section-2" },
             h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
@@ -8290,7 +8309,7 @@ function create8$2(component) {
             const button = genericButtons[index];
             props.data['kup-list'].data.push(Object.assign(Object.assign({}, button), { value: button.title }));
         }
-        return (h("kup-dropdown-button", Object.assign({}, props, { id: "options", title: dom$9.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
+        return (h("kup-dropdown-button", Object.assign({}, props, { id: "options", title: dom$a.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
     };
     return (h("div", { class: `dialog-layout-${component.layoutNumber}` },
         h("div", { id: KupCardIds.DRAG_HANDLE, class: "drag-handle" }),
@@ -8324,7 +8343,7 @@ function create8$2(component) {
         genericButtons.length > 0 ? (h("div", { class: "section-3" },
             compList(genericButtons.slice(0, 5), 'button'),
             genericButtons.length > 5 ? createDropdown() : null,
-            treeArray[0] ? (h("kup-button", { title: dom$9.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
+            treeArray[0] ? (h("kup-button", { title: dom$a.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
 }
 /**
  * Invoked by 4th layout to switch to the previous record of the original data table.
@@ -8453,7 +8472,7 @@ const freeLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$2
 });
 
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 /**
  * 1st scalable card layout, column of 2 texts.
  * @param {KupCard} component - Card component.
@@ -8503,7 +8522,7 @@ function create2$1(component) {
                 h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined },
                     textArray[0] ? textArray[0] : '',
                     textArray[1]
-                        ? dom$8.ketchup.math.decimalSeparator()
+                        ? dom$9.ketchup.math.decimalSeparator()
                         : '')),
             textArray[1] ? (h("div", { class: "value-dec" },
                 h("div", { style: colorArray[1]
@@ -8564,7 +8583,7 @@ function create4$1(component) {
                             : undefined },
                         textArray[0] ? textArray[0] : '',
                         textArray[1]
-                            ? dom$8.ketchup.math.decimalSeparator()
+                            ? dom$9.ketchup.math.decimalSeparator()
                             : '')),
                 textArray[1] ? (h("div", { class: "value-dec" },
                     h("div", { style: colorArray[1]
@@ -8864,7 +8883,7 @@ const scalableLayouts = /*#__PURE__*/Object.freeze({
     create11: create11$1
 });
 
-const dom$7 = document.documentElement;
+const dom$8 = document.documentElement;
 const kupManager = kupManagerInstance();
 /**
  * 1st standard card layout, inspired by Material Design.
@@ -9485,7 +9504,7 @@ function create14(component) {
             textfieldsIds.push(textfield['id']);
         }
     }
-    const tooltipText = dom$7.ketchup.language.translate(KupLanguageSearch.TOOLTIP);
+    const tooltipText = dom$8.ketchup.language.translate(KupLanguageSearch.TOOLTIP);
     const filtersMaxLen = kupManager.perfTuning.data.filtersMaxLength;
     return (h("div", { class: `standard-layout-${component.layoutNumber} ` },
         objectArray[0] ? (h("div", { class: "section-1" },
@@ -9626,7 +9645,7 @@ function create15(component) {
             const button = genericButtons[index];
             props.data['kup-list'].data.push(Object.assign(Object.assign({}, button), { value: button.title }));
         }
-        return (h("kup-dropdown-button", Object.assign({}, props, { id: "options", title: dom$7.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
+        return (h("kup-dropdown-button", Object.assign({}, props, { id: "options", title: dom$8.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
     };
     return (h("div", { class: `standard-layout-${component.layoutNumber}` },
         h("div", { class: "section-1" },
@@ -9659,7 +9678,7 @@ function create15(component) {
         genericButtons.length > 0 ? (h("div", { class: "section-3" },
             compList(genericButtons.slice(0, 5), 'button'),
             genericButtons.length > 5 ? createDropdown() : null,
-            treeArray[0] ? (h("kup-button", { title: dom$7.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
+            treeArray[0] ? (h("kup-button", { title: dom$8.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
 }
 /**
  * 16th standard card layout, it can be used as the toolbar.
@@ -11196,11 +11215,11 @@ var KupTreeExpansionMode;
     KupTreeExpansionMode["NODE"] = "node";
 })(KupTreeExpansionMode || (KupTreeExpansionMode = {}));
 
-const dom$6 = document.documentElement;
-const kupObjects = dom$6.ketchup
-    ? dom$6.ketchup.objects
+const dom$7 = document.documentElement;
+const kupObjects = dom$7.ketchup
+    ? dom$7.ketchup.objects
     : new KupObjects();
-const kupData = dom$6.ketchup ? dom$6.ketchup.data : new KupData();
+const kupData = dom$7.ketchup ? dom$7.ketchup.data : new KupData();
 /**
  * Filtering algorithms related to data-table rows.
  * @module FiltersRows
@@ -11403,7 +11422,7 @@ class FiltersRows extends Filters {
     }
 }
 
-const dom$5 = document.documentElement;
+const dom$6 = document.documentElement;
 function sortRows(rows = [], sort = []) {
     if (!rows || rows.length === 0) {
         return [];
@@ -11636,7 +11655,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
     keys.forEach((key) => {
         const cell = addedRow.cells[key];
         if (cell) {
-            const _isNumber = dom$5.ketchup.objects.isNumber(cell.obj);
+            const _isNumber = dom$6.ketchup.objects.isNumber(cell.obj);
             const totalMode = totals[key];
             switch (totalMode) {
                 case TotalMode.COUNT:
@@ -11653,7 +11672,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 case TotalMode.DISTINCT:
                     let cellValue;
                     if (_isNumber) {
-                        cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                        cellValue = dom$6.ketchup.math.numberify(dom$6.ketchup.math.numberifySafe(cell.value));
                     }
                     else {
                         cellValue = cell.value;
@@ -11705,14 +11724,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 case TotalMode.SUM:
                 case TotalMode.AVERAGE:
                     if (_isNumber && cell.value) {
-                        const cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                        const cellValue = dom$6.ketchup.math.numberify(dom$6.ketchup.math.numberifySafe(cell.value));
                         const currentTotalValue = groupRow.group.totals[key] || 0;
                         groupRow.group.totals[key] =
                             cellValue + currentTotalValue;
                         // updating parents
                         let parent = groupRow.group.parent;
                         while (parent != null) {
-                            const currentParentSum = dom$5.ketchup.math.numberify(parent.group.totals[key] || 0);
+                            const currentParentSum = dom$6.ketchup.math.numberify(parent.group.totals[key] || 0);
                             parent.group.totals[key] =
                                 cellValue + currentParentSum;
                             parent = parent.group.parent;
@@ -11723,7 +11742,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 case TotalMode.MIN:
                     if (_isNumber && cell.value) {
                         const currentMinValue = groupRow.group.totals[key];
-                        const cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                        const cellValue = dom$6.ketchup.math.numberify(dom$6.ketchup.math.numberifySafe(cell.value));
                         if (currentMinValue) {
                             groupRow.group.totals[key] = Math.min(currentMinValue, cellValue);
                         }
@@ -11746,19 +11765,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                         }
                     }
                     else if (cell.value &&
-                        dom$5.ketchup.objects.isDate(cell.obj)) {
-                        if (dom$5.ketchup.dates.isValidFormattedStringDate(cell.value)) {
+                        dom$6.ketchup.objects.isDate(cell.obj)) {
+                        if (dom$6.ketchup.dates.isValidFormattedStringDate(cell.value)) {
                             const currentMinValue = groupRow.group.totals[key];
                             if (currentMinValue) {
                                 let moments = [];
                                 moments.push(cellValue);
-                                moments.push(dom$5.ketchup.dates.toDayjs(currentMinValue));
+                                moments.push(dom$6.ketchup.dates.toDayjs(currentMinValue));
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                                    dom$6.ketchup.dates.format(dom$6.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                             }
                             else {
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                    dom$6.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                             }
                             // updating parents
                             let parent = groupRow.group.parent;
@@ -11767,14 +11786,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                                 if (currentParentMin) {
                                     let moments = [];
                                     moments.push(cellValue);
-                                    moments.push(dom$5.ketchup.dates.toDayjs(currentParentMin));
+                                    moments.push(dom$6.ketchup.dates.toDayjs(currentParentMin));
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                                        dom$6.ketchup.dates.format(dom$6.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                                 }
                                 else {
                                     // first round
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                        dom$6.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                 }
                                 parent = parent.group.parent;
                             }
@@ -11785,7 +11804,7 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                 case TotalMode.MAX:
                     if (_isNumber && cell.value) {
                         const currentMaxValue = groupRow.group.totals[key];
-                        const cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                        const cellValue = dom$6.ketchup.math.numberify(dom$6.ketchup.math.numberifySafe(cell.value));
                         if (currentMaxValue) {
                             groupRow.group.totals[key] = Math.max(currentMaxValue, cellValue);
                         }
@@ -11808,19 +11827,19 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                         }
                     }
                     else if (cell.value &&
-                        dom$5.ketchup.objects.isDate(cell.obj)) {
-                        if (dom$5.ketchup.dates.isValidFormattedStringDate(cell.value)) {
+                        dom$6.ketchup.objects.isDate(cell.obj)) {
+                        if (dom$6.ketchup.dates.isValidFormattedStringDate(cell.value)) {
                             const currentMaxValue = groupRow.group.totals[key];
                             if (currentMaxValue) {
                                 let moments = [];
                                 moments.push(cellValue);
-                                moments.push(dom$5.ketchup.dates.toDayjs(currentMaxValue));
+                                moments.push(dom$6.ketchup.dates.toDayjs(currentMaxValue));
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                                    dom$6.ketchup.dates.format(dom$6.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                             }
                             else {
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                    dom$6.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                             }
                             // updating parents
                             let parent = groupRow.group.parent;
@@ -11829,14 +11848,14 @@ function updateGroupTotal(groupRow, totals, addedRow, distinctObj) {
                                 if (currentParentMax) {
                                     let moments = [];
                                     moments.push(cellValue);
-                                    moments.push(dom$5.ketchup.dates.toDayjs(currentParentMax));
+                                    moments.push(dom$6.ketchup.dates.toDayjs(currentParentMax));
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                                        dom$6.ketchup.dates.format(dom$6.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                                 }
                                 else {
                                     // first round
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                        dom$6.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                 }
                                 parent = parent.group.parent;
                             }
@@ -11929,7 +11948,7 @@ function adjustGroupAverageOrFormula(row, type, toAdjustKeys, totals) {
         }
         if (type == TotalMode.MATH) {
             let formula = totals[key].substring(TotalMode.MATH.length);
-            row.group.totals[key] = dom$5.ketchup.math.formulas.custom(formula, row.group.totals);
+            row.group.totals[key] = dom$6.ketchup.math.formulas.custom(formula, row.group.totals);
         }
     });
     return numberOfLeaf;
@@ -11959,8 +11978,8 @@ function normalizeRows(columns, rows) {
     }
 }
 function calcTotals(totals, columns, rows) {
-    if (dom$5.ketchup.objects.isEmptyJsObject(rows) ||
-        dom$5.ketchup.objects.isEmptyJsObject(totals)) {
+    if (dom$6.ketchup.objects.isEmptyJsObject(rows) ||
+        dom$6.ketchup.objects.isEmptyJsObject(totals)) {
         return {};
     }
     const footerRow = {};
@@ -11993,11 +12012,11 @@ function calcTotals(totals, columns, rows) {
     }
     // Calc SUM, AVERAGE, MIN, MAX and DISTINCT
     filteredTotalsColumns === null || filteredTotalsColumns === void 0 ? void 0 : filteredTotalsColumns.forEach(({ totalOperation, totalColumn, columnValues }) => {
-        if (dom$5.ketchup.objects.isNumber(totalColumn.obj)) {
+        if (dom$6.ketchup.objects.isNumber(totalColumn.obj)) {
             if (totalOperation === TotalMode.SUM) {
                 footerRow[totalColumn.name] = columnValues
                     .reduce((sum, value) => {
-                    sum += dom$5.ketchup.math.numberifySafe(value);
+                    sum += dom$6.ketchup.math.numberifySafe(value);
                     return sum;
                 }, 0)
                     .toString();
@@ -12005,33 +12024,33 @@ function calcTotals(totals, columns, rows) {
             }
             if (totalOperation === TotalMode.AVERAGE) {
                 footerRow[totalColumn.name] = (columnValues.reduce((sum, value) => {
-                    sum += dom$5.ketchup.math.numberifySafe(value);
+                    sum += dom$6.ketchup.math.numberifySafe(value);
                     return sum;
                 }, 0) / rows.length).toString();
                 return;
             }
             if (totalOperation === TotalMode.MIN) {
-                footerRow[totalColumn.name] = Math.min(...columnValues.map((value) => dom$5.ketchup.math.numberifySafe(value))).toString();
+                footerRow[totalColumn.name] = Math.min(...columnValues.map((value) => dom$6.ketchup.math.numberifySafe(value))).toString();
                 return;
             }
             if (totalOperation === TotalMode.MAX) {
-                footerRow[totalColumn.name] = Math.max(...columnValues.map((value) => dom$5.ketchup.math.numberifySafe(value))).toString();
+                footerRow[totalColumn.name] = Math.max(...columnValues.map((value) => dom$6.ketchup.math.numberifySafe(value))).toString();
                 return;
             }
         }
-        if (dom$5.ketchup.objects.isDate(totalColumn.obj)) {
+        if (dom$6.ketchup.objects.isDate(totalColumn.obj)) {
             const dates = columnValues
-                .filter((value) => dom$5.ketchup.dates.isIsoDate(value))
-                .map((value) => dom$5.ketchup.dates.toDate(value, KupDatesFormats.ISO_DATE));
+                .filter((value) => dom$6.ketchup.dates.isIsoDate(value))
+                .map((value) => dom$6.ketchup.dates.toDate(value, KupDatesFormats.ISO_DATE));
             if (!dates) {
                 return;
             }
             if (totalOperation === TotalMode.MIN) {
-                footerRow[totalColumn.name] = dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(dates), KupDatesFormats.ISO_DATE);
+                footerRow[totalColumn.name] = dom$6.ketchup.dates.format(dom$6.ketchup.dates.min(dates), KupDatesFormats.ISO_DATE);
                 return;
             }
             if (totalOperation === TotalMode.MAX) {
-                footerRow[totalColumn.name] = dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(dates), KupDatesFormats.ISO_DATE);
+                footerRow[totalColumn.name] = dom$6.ketchup.dates.format(dom$6.ketchup.dates.max(dates), KupDatesFormats.ISO_DATE);
                 return;
             }
         }
@@ -12042,7 +12061,7 @@ function calcTotals(totals, columns, rows) {
     // Calc MATH
     totalsEntriesWithFormula === null || totalsEntriesWithFormula === void 0 ? void 0 : totalsEntriesWithFormula.forEach(([columnName, totalOperation]) => {
         const formula = totalOperation === null || totalOperation === void 0 ? void 0 : totalOperation.replace(getRegExpFromString(TotalMode.MATH, 'g'), '');
-        footerRow[columnName] = dom$5.ketchup.math.formulas
+        footerRow[columnName] = dom$6.ketchup.math.formulas
             .custom(formula, getFooterRowOnlyNumbers(footerRow))
             .toString();
     });
@@ -12051,7 +12070,7 @@ function calcTotals(totals, columns, rows) {
 function getFooterRowOnlyNumbers(footerRow) {
     var _a;
     return Object.fromEntries((_a = Object.entries(footerRow)) === null || _a === void 0 ? void 0 : _a.reduce((footerRowOnlyNumbers, [columnName, totalResult]) => {
-        if (dom$5.ketchup.math.isNumber(totalResult)) {
+        if (dom$6.ketchup.math.isNumber(totalResult)) {
             footerRowOnlyNumbers.push([
                 columnName,
                 Number(totalResult),
@@ -12255,7 +12274,7 @@ class KupDataTableState {
     }
 }
 
-const dom$4 = document.documentElement;
+const dom$5 = document.documentElement;
 /**
  * Definition and events of the column menu card.
  * @module KupColumnMenu
@@ -12280,8 +12299,8 @@ class KupColumnMenu {
      */
     close(card) {
         card.menuVisible = false;
-        dom$4.ketchup.removeClickCallback(this.clickCb);
-        dom$4.ketchup.dynamicPosition.stop(card);
+        dom$5.ketchup.removeClickCallback(this.clickCb);
+        dom$5.ketchup.dynamicPosition.stop(card);
     }
     /**
      * Function called to reposition the column menu card to the appropriate selector.
@@ -12292,11 +12311,11 @@ class KupColumnMenu {
         if (root) {
             if (card) {
                 const wrapper = root.querySelector(wrapperSelector);
-                if (dom$4.ketchup.dynamicPosition.isRegistered(card)) {
-                    dom$4.ketchup.dynamicPosition.changeAnchor(card, wrapper);
+                if (dom$5.ketchup.dynamicPosition.isRegistered(card)) {
+                    dom$5.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }
                 else {
-                    dom$4.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
+                    dom$5.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
                 }
                 if (!this.clickCb) {
                     this.clickCb = {
@@ -12306,8 +12325,8 @@ class KupColumnMenu {
                         el: card,
                     };
                 }
-                dom$4.ketchup.addClickCallback(this.clickCb, true);
-                dom$4.ketchup.dynamicPosition.start(card);
+                dom$5.ketchup.addClickCallback(this.clickCb, true);
+                dom$5.ketchup.dynamicPosition.start(card);
                 card.menuVisible = true;
             }
         }
@@ -12358,8 +12377,8 @@ class KupColumnMenu {
                 icon: 'book',
                 id: KupColumnMenuIds.BUTTON_GROUP,
                 title: comp.getGroupByName(column.name) != null
-                    ? dom$4.ketchup.language.translate(KupLanguageGrouping.DISABLE)
-                    : dom$4.ketchup.language.translate(KupLanguageGrouping.ENABLE),
+                    ? dom$5.ketchup.language.translate(KupLanguageGrouping.DISABLE)
+                    : dom$5.ketchup.language.translate(KupLanguageGrouping.ENABLE),
             });
         }
         if (comp.removableColumns) {
@@ -12370,12 +12389,12 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-remove',
                 id: KupColumnMenuIds.BUTTON_REMOVE,
-                title: dom$4.ketchup.language.translate(KupLanguageColumn.HIDE),
+                title: dom$5.ketchup.language.translate(KupLanguageColumn.HIDE),
             });
         }
         if (comp.enableExtraColumns &&
-            (dom$4.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$4.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
+            (dom$5.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$5.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
             props.push({
                 className: 'printable',
                 'data-storage': {
@@ -12383,14 +12402,14 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-plus-after',
                 id: KupColumnMenuIds.BUTTON_ADD_COLUMNS,
-                title: dom$4.ketchup.language.translate(KupLanguageColumn.ADD),
+                title: dom$5.ketchup.language.translate(KupLanguageColumn.ADD),
             });
             props.push({
                 className: 'printable',
-                label: dom$4.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                label: dom$5.ketchup.language.translate(KupLanguageGeneric.APPLY),
                 id: KupColumnMenuIds.BUTTON_APPLY,
                 styling: FButtonStyling.OUTLINED,
-                title: dom$4.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                title: dom$5.ketchup.language.translate(KupLanguageGeneric.APPLY),
             });
         }
         return props;
@@ -12404,8 +12423,8 @@ class KupColumnMenu {
     prepCheckbox(comp, column) {
         const props = [];
         if (comp.showFilters &&
-            (dom$4.ketchup.objects.isStringObject(column.obj) ||
-                dom$4.ketchup.objects.isCheckbox(column.obj))) {
+            (dom$5.ketchup.objects.isStringObject(column.obj) ||
+                dom$5.ketchup.objects.isCheckbox(column.obj))) {
             const checkBoxesFilter = this.filtersColumnMenuInstance.getCheckBoxFilterValues(comp.filters, column.name);
             const columnValues = comp.getColumnValues(column);
             if (columnValues.length > 0) {
@@ -12417,17 +12436,17 @@ class KupColumnMenu {
                     },
                     id: KupColumnMenuIds.CHECKBOX_GLOBAL,
                     key: KupColumnMenuIds.CHECKBOX_GLOBAL + column.name,
-                    label: dom$4.ketchup.language.translate(KupLanguageCheckbox.ALL),
+                    label: dom$5.ketchup.language.translate(KupLanguageCheckbox.ALL),
                 });
             }
             for (let index = 0; index < columnValues.length; index++) {
                 let label = getValueForDisplay2(columnValues[index], column);
-                if (dom$4.ketchup.objects.isCheckbox(column.obj)) {
+                if (dom$5.ketchup.objects.isCheckbox(column.obj)) {
                     if (columnValues[index].value == '1') {
-                        label = dom$4.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
+                        label = dom$5.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
                     }
                     else {
-                        label = dom$4.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
+                        label = dom$5.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
                     }
                 }
                 props.push({
@@ -12466,7 +12485,7 @@ class KupColumnMenu {
                     }
                 }
                 catch (error) {
-                    dom$4.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
+                    dom$5.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
                 }
                 chipData.push({
                     icon: child.icon ? child.icon : null,
@@ -12494,7 +12513,7 @@ class KupColumnMenu {
         if (!FiltersColumnMenu.isTree(comp)) {
             if (objs &&
                 objs.length > 0 &&
-                !dom$4.ketchup.objects.isEmptyKupObj(objs[0])) {
+                !dom$5.ketchup.objects.isEmptyKupObj(objs[0])) {
                 props.push({
                     'data-storage': {
                         columnName: column.name,
@@ -12502,7 +12521,7 @@ class KupColumnMenu {
                     checked: column.isKey ? true : false,
                     key: KupColumnMenuIds.SWITCH_KEY + column.name,
                     id: KupColumnMenuIds.SWITCH_KEY,
-                    label: dom$4.ketchup.language.translate(KupLanguageRow.KEY),
+                    label: dom$5.ketchup.language.translate(KupLanguageRow.KEY),
                     leadingLabel: true,
                 });
             }
@@ -12515,7 +12534,7 @@ class KupColumnMenu {
                     key: KupColumnMenuIds.SWITCH_GROUP + column.name,
                     checked: isGroupActive ? true : false,
                     id: KupColumnMenuIds.SWITCH_GROUP,
-                    label: dom$4.ketchup.language.translate(KupLanguageGrouping.GROUPS),
+                    label: dom$5.ketchup.language.translate(KupLanguageGrouping.GROUPS),
                     leadingLabel: true,
                 });
             }
@@ -12533,16 +12552,16 @@ class KupColumnMenu {
         if (comp.showFilters) {
             data.push({
                 id: KupLanguageGeneric.FILTERS,
-                value: dom$4.ketchup.language.translate(KupLanguageGeneric.FILTERS),
+                value: dom$5.ketchup.language.translate(KupLanguageGeneric.FILTERS),
             });
         }
         if ((comp.enableExtraColumns &&
-            (dom$4.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$4.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
+            (dom$5.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$5.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
             comp.removableColumns) {
             data.push({
                 id: KupLanguageColumn.COLUMNS,
-                value: dom$4.ketchup.language.translate(KupLanguageColumn.COLUMNS),
+                value: dom$5.ketchup.language.translate(KupLanguageColumn.COLUMNS),
             });
         }
         if (!FiltersColumnMenu.isTree(comp)) {
@@ -12569,7 +12588,7 @@ class KupColumnMenu {
             if (this.filtersColumnMenuInstance.isColumnNumeric(column)) {
                 props = props.concat(this.prepNumericTextfield(comp, column));
             }
-            else if (dom$4.ketchup.objects.isStringObject(column.obj)) {
+            else if (dom$5.ketchup.objects.isStringObject(column.obj)) {
                 let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
                 filterInitialValue = getValueForDisplay(filterInitialValue, column.obj, column.decimals);
                 props.push({
@@ -12579,7 +12598,7 @@ class KupColumnMenu {
                     isClearable: true,
                     size: 30,
                     maxLength: 100,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.SEARCH),
+                    label: dom$5.ketchup.language.translate(KupLanguageSearch.SEARCH),
                     id: KupColumnMenuIds.TEXTFIELD_FILTER,
                     initialValue: filterInitialValue,
                     key: KupColumnMenuIds.TEXTFIELD_FILTER + column.name,
@@ -12588,7 +12607,7 @@ class KupColumnMenu {
             }
         }
         if (!FiltersColumnMenu.isTree(comp)) {
-            if (dom$4.ketchup.objects.isNumber(column.obj) &&
+            if (dom$5.ketchup.objects.isNumber(column.obj) &&
                 comp.enableColumnsFormula) {
                 props.push({
                     fullWidth: true,
@@ -12596,7 +12615,7 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_FORMULA,
                     key: KupColumnMenuIds.TEXTFIELD_FORMULA + column.name,
                     helper: `i.e.: Description;[${column.name}] * 2`,
-                    label: dom$4.ketchup.language.translate(KupLanguageTotals.FORMULA),
+                    label: dom$5.ketchup.language.translate(KupLanguageTotals.FORMULA),
                     trailingIcon: true,
                 });
             }
@@ -12614,7 +12633,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$4.ketchup.objects.isNumber(column.obj)) {
+        if (!dom$5.ketchup.objects.isNumber(column.obj)) {
             return props;
         }
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
@@ -12626,7 +12645,7 @@ class KupColumnMenu {
             isClearable: true,
             size: 30,
             maxLength: 100,
-            label: dom$4.ketchup.language.translate(KupLanguageSearch.SEARCH),
+            label: dom$5.ketchup.language.translate(KupLanguageSearch.SEARCH),
             id: KupColumnMenuIds.TEXTFIELD_FILTER,
             key: KupColumnMenuIds.TEXTFIELD_FILTER + column.name,
             initialValue: filterInitialValue,
@@ -12645,7 +12664,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$4.ketchup.objects.isTime(column.obj)) {
+        if (!dom$5.ketchup.objects.isTime(column.obj)) {
             return props;
         }
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
@@ -12661,13 +12680,13 @@ class KupColumnMenu {
                     isClearable: true,
                     size: 30,
                     maxLength: 100,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.SEARCH),
+                    label: dom$5.ketchup.language.translate(KupLanguageSearch.SEARCH),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_FILTER,
             key: KupColumnMenuIds.TEXTFIELD_FILTER + column.name,
             initialValue: filterInitialValue,
-            manageSeconds: dom$4.ketchup.objects.isTimeWithSeconds(column.obj),
+            manageSeconds: dom$5.ketchup.objects.isTimeWithSeconds(column.obj),
         });
         return props;
     }
@@ -12682,8 +12701,8 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$4.ketchup.objects.isDate(column.obj) &&
-            !dom$4.ketchup.objects.isTimestamp(column.obj)) {
+        if (!dom$5.ketchup.objects.isDate(column.obj) &&
+            !dom$5.ketchup.objects.isTimestamp(column.obj)) {
             return props;
         }
         let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
@@ -12699,7 +12718,7 @@ class KupColumnMenu {
                     isClearable: true,
                     size: 30,
                     maxLength: 100,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.SEARCH),
+                    label: dom$5.ketchup.language.translate(KupLanguageSearch.SEARCH),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_FILTER,
@@ -12931,7 +12950,7 @@ var FPaginatorMode;
     FPaginatorMode["FULL"] = "full";
 })(FPaginatorMode || (FPaginatorMode = {}));
 
-const dom$3 = document.documentElement;
+const dom$4 = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -12951,8 +12970,8 @@ const FPaginator = (props) => {
             displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
-            label: dom$3.ketchup.language.translate(KupLanguagePage.PAGE),
-            helper: dom$3.ketchup.language.translate(KupLanguagePage.TOTAL) +
+            label: dom$4.ketchup.language.translate(KupLanguagePage.PAGE),
+            helper: dom$4.ketchup.language.translate(KupLanguagePage.TOTAL) +
                 `: ${maxNumberOfPage}`,
             helperWhenFocused: true,
             inputType: 'number',
@@ -12967,10 +12986,10 @@ const FPaginator = (props) => {
             displayMode: ItemsDisplayMode.CODE,
         },
         'kup-text-field': {
-            label: dom$3.ketchup.language.translate(KupLanguageRow.ROWS) +
+            label: dom$4.ketchup.language.translate(KupLanguageRow.ROWS) +
                 ' / ' +
-                dom$3.ketchup.language.translate(KupLanguagePage.PAGE),
-            helper: dom$3.ketchup.language.translate(KupLanguageRow.TOTAL) +
+                dom$4.ketchup.language.translate(KupLanguagePage.PAGE),
+            helper: dom$4.ketchup.language.translate(KupLanguageRow.TOTAL) +
                 `: ${props.max}`,
             helperWhenFocused: true,
             inputType: 'number',
@@ -12980,7 +12999,7 @@ const FPaginator = (props) => {
         },
     };
     return (h("div", Object.assign({ class: `f-paginator ${props.mode ? props.mode : ''} ${props.wrapperClass ? props.wrapperClass : ''}` }, props.dataSet, { id: props.id, title: props.title }),
-        props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$3.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null,
+        props.onLoadMore ? (h(FButton, { icon: "plus", onClick: props.onLoadMore, label: dom$4.ketchup.language.translate(KupLanguageGeneric.LOAD_MORE), sizing: KupComponentSizing.SMALL, styling: FButtonStyling.FLAT, wrapperClass: "load-more-button kup-neutral" })) : null,
         h("kup-combobox", { class: "rows-selector", data: dataRowsSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.perPage.toString(), initialValueDecode: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
         h("kup-combobox", { class: "page-selector", data: dataPageSelector, displayMode: ItemsDisplayMode.CODE, initialValue: props.currentPage.toString(), initialValueDecode: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
         props.showMaxPages ? (h("div", { class: "max-page-wrapper" },
@@ -13032,9 +13051,9 @@ function isPrevPageDisabled(props) {
     return props.currentPage == 1;
 }
 
-const dom$2 = document.documentElement;
+const dom$3 = document.documentElement;
 function pageChange(pageNumber, max, perPage) {
-    if (dom$2.ketchup.math.isNumber(pageNumber)) {
+    if (dom$3.ketchup.math.isNumber(pageNumber)) {
         const numberOfPages = Math.ceil(max / perPage);
         let tmpNewPage = pageNumber;
         if (tmpNewPage > numberOfPages) {
@@ -13048,7 +13067,7 @@ function pageChange(pageNumber, max, perPage) {
     return null;
 }
 function rowsPerPageChange(rowsNumber, max) {
-    if (dom$2.ketchup.math.isNumber(rowsNumber)) {
+    if (dom$3.ketchup.math.isNumber(rowsNumber)) {
         let tmpRowsPerPage = rowsNumber;
         if (tmpRowsPerPage > max) {
             tmpRowsPerPage = max;
@@ -14484,6 +14503,7 @@ var __classPrivateFieldGet$b = (undefined && undefined.__classPrivateFieldGet) |
     return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 };
 var _KupTree_instances, _KupTree_checkUpdateState, _KupTree_kupManager;
+const dom$2 = document.documentElement;
 const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     constructor() {
         super();
@@ -15642,7 +15662,10 @@ 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 totalValue = this.footer[column.name] != null
-                ? getValueForDisplay(this.footer[column.name], column.obj, column.decimals)
+                ? getValueForDisplay(this.footer[column.name], dom$2.ketchup.objects.isNumber(column.obj) ||
+                    dom$2.ketchup.objects.isDate(column.obj)
+                    ? column.obj
+                    : { t: 'NR', p: '', k: '' }, column.decimals)
                 : '';
             const totalsClass = `totals-value ${isNegativeNumber(this.footer[column.name])
                 ? FCellClasses.TEXT_DANGER
@@ -15833,19 +15856,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         const visibleHeader = this.showHeader && this.showColumns;
         let filterField = null;
         if (this.globalFilter) {
-            filterField = (h$1("div", { key: '051bab089f41af1b171949bd73540cc93d281a92', id: "global-filter" }, h$1("kup-text-field", { key: '27e2315ed8f8eaa7913eb39e5eb88f5f57c0c923', fullWidth: true, label: __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: 'ff3aa6ba1325daa3350ef8d5fa2b1bab576c635c', id: "global-filter" }, h$1("kup-text-field", { key: 'c4b13cb34d90a8d98167aa7009ec8e3881597c9e', fullWidth: true, label: __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h$1(Host, { key: 'd8e4e78680aa76cff3552629972e4fe076bb44e8', "onKup-cell-click": (e) => {
+        return (h$1(Host, { key: '843f7e3a33acbcaaf48ce08e897b389910bc6133', "onKup-cell-click": (e) => {
                 this.kupTreeCellClick.emit(e.detail);
-            } }, h$1("style", { key: '2468b98ba30ba006b652bdec84a98497979db3c0' }, __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'bd2b724744d5d4f8c2c31bf46f2db8e870603d6d', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '8f402f5b8d931e028dd6bb1a6053e8c04acc6626', class: "wrapper", ref: (el) => (this.treeWrapperRef =
-                el) }, h$1("table", { key: 'fb40fb3d981b6e54bf8b927df8fa492c43a87f5f', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
+            } }, h$1("style", { key: '75e0b25f82f0476a5bd6e9a9f9a2965804e810b4' }, __classPrivateFieldGet$b(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '5e2305731a49a7d60f9559d6487c26616814267f', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '6c350dfddb22eef135cb902a9cf3ebd6fac7019f', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+                el) }, h$1("table", { key: 'ffa46d78a1ee0af0108018d5be431b04b91e1a76', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'a4a965dec7edf7a617447541bf3c94530bb20e01', class: {
+            } }, h$1("thead", { key: '685784125bfefe63734221f06917726f67a78e05', class: {
                 'header--is-visible': visibleHeader,
-            } }, h$1("tr", { key: 'be5af67bfc7937b9ba73e2847c3fed81c09a1c16' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: 'efb5eaa0e6642552a3d63837acec10a64debef15' }, treeNodes), (this.showFooter || this.hasTotals()) &&
+            } }, h$1("tr", { key: '062fe4fe9300b4973c461dd081895beec2ed4128' }, visibleHeader ? this.renderHeader() : null)), h$1("tbody", { key: '3a59d9d833bc75ec0bfc8674ae7023842e1a1801' }, treeNodes), (this.showFooter || this.hasTotals()) &&
             this.columns
             ? this.renderFooter()
             : null)))));
@@ -21059,9 +21082,6 @@ const KupImageList = /*@__PURE__*/ proxyCustomElement(class KupImageList extends
         }
         this.currentNode = __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").data.node.find(this.data, newData);
     }
-    watchActiveNode(newNode) {
-        this.activeSelectedNode = newNode !== null && newNode !== void 0 ? newNode : null;
-    }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
     /*-------------------------------------------------*/
@@ -21154,14 +21174,14 @@ const KupImageList = /*@__PURE__*/ proxyCustomElement(class KupImageList extends
         }
         const imlClass = 'image-list' +
             (this.showFullDescription ? ' full-description' : '');
-        return (h$1(Host, { key: 'ea207d793c3a9810a262f2f307451cc05c8f05c2' }, h$1("style", { key: '35dfe806784efd59f7e54ad3dd5808c3b441656b' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0fe6b33096bb41c05f7e4fc9adad1f6c7140e086', id: componentWrapperId, ref: (el) => {
+        return (h$1(Host, { key: 'e126ffca6f4a347874e940c20833b9a211d75139' }, h$1("style", { key: 'ecf74bc3247070d5f246cd334885a281e8f71ecc' }, __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '2d742444cbca6dab5060901ef99313817ec95893', id: componentWrapperId, ref: (el) => {
                 __classPrivateFieldSet$4(this, _KupImageList_el, el, "f");
-            } }, h$1("div", { key: '6b7576d25b6a19b7316b97d8745a3690d2a649bc', class: "navigation-bar" }, hasNavigation ? (h$1("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
+            } }, h$1("div", { key: '1bc44a87241d1488cfe012a2a83567a9d6391414', class: "navigation-bar" }, hasNavigation ? (h$1("div", { class: `navigation-bar__wrapper ${this.navigationBarToggled
                 ? 'navigation-bar__wrapper--active'
                 : ''}` }, h$1("div", { class: `navigation-bar__title`, onClick: () => {
                 this.navigationBarToggled =
                     !this.navigationBarToggled;
-            } }, h$1(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h$1("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h$1("div", { key: '74521e394aed3145d3a134bf2e5939ce9c8561cc', class: "mdc-text-field__label-container" }, h$1("label", { key: '247b7c52c6e3e590e15933e4a4fd2186b7bd9e64', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: 'f6c424c22bb28fe016184529d6023f42e2f8dc00', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet$6(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
+            } }, h$1(FImage, { fit: true, resource: this.currentNode.icon, placeholderResource: this.currentNode.placeholderIcon, sizeX: "1.25em", sizeY: "1.25em", wrapperClass: "navigation-bar__title__image" }), h$1("div", { class: "navigation-bar__title__label" }, this.currentNode.value)), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_backProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.BACK) })), h$1(FButton, Object.assign({}, __classPrivateFieldGet$6(this, _KupImageList_topProps, "f"), { label: __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").language.translate(KupLanguageGeneric.TOP) })))) : null), this.leadingLabel && (h$1("div", { key: 'a527e20f9633054995f013cd550aae7c9254b492', class: "mdc-text-field__label-container" }, h$1("label", { key: '8fd3989537d74e0363c822bee6dc3a12eca276d9', class: "mdc-label" }, this.leadingLabel))), h$1("div", { key: '55329659aec995c3da9718b553ce93efe04cc6e4', class: imlClass, style: combinedGridStyle }, ...__classPrivateFieldGet$6(this, _KupImageList_instances, "m", _KupImageList_createList).call(this)))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$6(this, _KupImageList_kupManager, "f").interact.unregister(__classPrivateFieldGet$6(this, _KupImageList_interactableTouch, "f"));
@@ -21170,8 +21190,7 @@ const KupImageList = /*@__PURE__*/ proxyCustomElement(class KupImageList extends
     }
     get rootElement() { return this; }
     static get watchers() { return {
-        "selectedNode": ["selectNode"],
-        "activeNode": ["watchActiveNode"]
+        "selectedNode": ["selectNode"]
     }; }
     static get style() { return KupImageListStyle0; }
 }, [1, "kup-image-list", {
@@ -21193,8 +21212,7 @@ const KupImageList = /*@__PURE__*/ proxyCustomElement(class KupImageList extends
         "refresh": [64],
         "setProps": [64]
     }, undefined, {
-        "selectedNode": ["selectNode"],
-        "activeNode": ["watchActiveNode"]
+        "selectedNode": ["selectNode"]
     }]);
 _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakMap(), _KupImageList_backProps = new WeakMap(), _KupImageList_topProps = new WeakMap(), _KupImageList_el = new WeakMap(), _KupImageList_hold = new WeakMap(), _KupImageList_interactableTouch = new WeakMap(), _KupImageList_instances = new WeakSet(), _KupImageList_checkUpdateState = function _KupImageList_checkUpdateState() {
     let somethingChanged = false;
@@ -21288,13 +21306,15 @@ _KupImageList_clickTimeout = new WeakMap(), _KupImageList_kupManager = new WeakM
                     clone[key] = e[key];
                 }
                 __classPrivateFieldGet$6(this, _KupImageList_clickTimeout, "f").push(setTimeout(() => {
-                    var _a;
+                    var _a, _b;
                     const details = __classPrivateFieldGet$6(this, _KupImageList_instances, "m", _KupImageList_clickHandler).call(this, clone);
                     const node = details.row;
                     if (((_a = node === null || node === void 0 ? void 0 : node.children) === null || _a === void 0 ? void 0 : _a.length) > 0) {
                         this.currentNode = node;
                     }
-                    this.activeSelectedNode = node;
+                    if (((_b = this.activeSelectedNode) === null || _b === void 0 ? void 0 : _b.value) !== (node === null || node === void 0 ? void 0 : node.value)) {
+                        this.activeSelectedNode = node;
+                    }
                     this.kupClick.emit({
                         comp: this,
                         id: this.rootElement.id,
@@ -25577,7 +25597,10 @@ 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 totalValue = __classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name] != null
-                ? getValueForDisplay(__classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
+                ? getValueForDisplay(__classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name], dom.ketchup.objects.isNumber(column.obj) ||
+                    dom.ketchup.objects.isDate(column.obj)
+                    ? column.obj
+                    : { t: 'NR', p: '', k: '' }, column.decimals)
                 : '';
             const totalsClass = `totals-value ${isNegativeNumber(__classPrivateFieldGet$3(this, _KupDataTable_footer, "f")[column.name])
                 ? FCellClasses.TEXT_DANGER
@@ -25657,7 +25680,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         __classPrivateFieldSet$2(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '5f062c5f8a654d0625ecf2c8bf3ad3e322fbc213', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '496919ae8b4a32c1346bc28bd9b900a451d89138', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '07ec46c9a424095e068b11ec69c3a174c367e71f', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '0815316e29d0de0c08707ab2884c154e9fcfd842', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -25733,7 +25756,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_handleChipsContextMenu).call(this, chipArg.id, e);
                     });
                 }
-                groupChips = h$1(FChip, Object.assign({ key: 'd15147bda3f84ac3725e063621918408efd39773' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: 'b9787d6ffd1c934371490794b42cdfdea1c01038' }, props));
             }
         }
         const tableClass = {
@@ -25765,7 +25788,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'f6b4b9722ffd82300f53133f7549c4aa97b73158', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'c52dfdfb26096da37daf7f089212b522f1ca1afc' }, h$1("tr-sticky", { key: '2959e9640bd5ca8a4c71d5dca5839be47d0d3fd3' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: 'b39ba6e2f3d690191289485213c40b332b1d26b5', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'b0a7cd9c667abc832d623bf50b59ca5805f27201' }, h$1("tr-sticky", { key: 'b6d8cba262f07d876f155e8e9aab2513b1ab87a1' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -25811,7 +25834,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: 'f1d21f0e667ea40d31ac750ba2fd2e03d61b2463', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: 'dae64eb7127e6224a3e70901fd95ab5e01184637', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -25826,11 +25849,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: '128354f78f311668e84a3fd0b2dc7adc58479f8e' }, __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: 'c680b4feaf43778da11b54eb2d0bb3e3be619541', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'dcae989bcbc73bbfa20e2a8e0b487495bc345807', class: "group-wrapper" }, groupChips), h$1("div", { key: 'f3bcd52b5dfccf4cc66e4d627cad87f76e4e786e', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: 'eb3cf7aad6a0000d4392fae00b54cd2e55c45b1e' }, __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: 'b5cf011078c5cb66c3ea0e35d56876321db2d741', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '3eee618cb47ea8dfffa99d579539a77399821d8b', class: "group-wrapper" }, groupChips), h$1("div", { key: '9cdd14af5170a3db5ae3ee9a9cba45b41443100a', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), sizing: KupComponentSizing.EXTRA_SMALL, value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: '72cee4628c0aa298fadde0e68dd1f3438e1de342', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '738986c7da7d958e11d20a888879fe88990c6661', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -25880,9 +25903,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: '398228e709c0dcc66b471aecf935084a60f34c2d', 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: 'bc2478aff69fa98876ff08b2f4fff283fead57ee', 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: 'c62c79041d2fc7e79930e3a342c3ac84382b9b90', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: 'e638d996e1824aa362f60000451fdeb522422593', 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);
@@ -25891,7 +25914,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: '352e26f5c47b6e14e130dd362fc869a21cf3cd9b', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '9170bbb26e1a0d1e9e18668df90edc9324271e15', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onKeyDown: (e) => __classPrivateFieldGet$3(this, _KupDataTable_onKupKeyDown, "f").call(this, e), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -25899,7 +25922,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: 'be7a772c243837b338b8adfb9953aadef589d74e', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'ed66d8483c9c394a39148ba7ce621f5cee234407' }, header)), h$1("tbody", { key: '38b0f196ac0762fdaccc90ba2e79b696566553f1' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: 'f5712e5ee848bd8500bb3ba4db462c67690a51bd', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'f31395dd72d13b0ae9746db64fa2505dad92c083' }, header)), h$1("tbody", { key: '084950706c42cb528f9e8eb1ab38f8bcd96e8417' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").perfMonitoring.measure('componentRender', 'kup-data-table');
         return compCreated;
     }