@sme.up/ketchup 11.0.0-SNAPSHOT-20241206132732 → 11.0.0-SNAPSHOT-20241206152412

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

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-c1a3792b.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, L as LoadMoreMode, P as PaginatorPos, I as ShowGrid, T as TotalLabel, J as TotalMode, M as kupDynamicPositionAttribute, N as KupPointerEventTypes, O as kupDraggableColumnAttr, Q as kupDragActiveAttr, R as KupDragEffect, U as kupDraggableCellAttr, V as KupDropEventTypes, W as FixedCellsClasses, X as FixedCellsCSSVarsBase, Y as KupLanguageFontsize, Z as KupLanguageDensity, _ as KupLanguageGrid, $ as KupDataTableProps, a0 as DataTableAreasEnum, a1 as SortMode, a2 as iconColumn, a3 as keyColumn, a4 as fieldColumn, a5 as FCellTypes, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-127fb2fb.js';
-import { F as FTextField } from './f-text-field-6f591b7b.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FilterInterval, I as FCellTypes, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as kupDynamicPositionAttribute, O as KupPointerEventTypes, Q as kupDraggableColumnAttr, R as kupDragActiveAttr, U as KupDragEffect, V as kupDraggableCellAttr, W as KupDropEventTypes, X as FixedCellsClasses, Y as FixedCellsCSSVarsBase, Z as KupLanguageFontsize, _ as KupLanguageDensity, $ as KupLanguageGrid, a0 as KupDataTableProps, a1 as DataTableAreasEnum, a2 as SortMode, a3 as iconColumn, a4 as keyColumn, a5 as fieldColumn, a6 as addColumnValueFromRow, a7 as KupGlobalFilterMode } from './kup-manager-a6bd3ba5.js';
+import { F as FTextField } from './f-text-field-9d225f15.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
-import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-205e11d7.js';
+import { I as ItemsDisplayMode, F as FCell, K as KupListRole, a as KupListProps, b as FProgressBar, c as FRadio, d as FRating, e as FSwitchSizing, f as FSwitch } from './f-cell-473e7292.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-5009e205.js';
 import { F as FButton } from './f-button-91d64c91.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-4b58eae6.js';
-import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-b6ce9d23.js';
+import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-b4cab768.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-889de715.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-cbb97117.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-58d431d0.js';
-import './f-object-field-9aedb15c.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-9056d136.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-0cadfff8.js';
+import './f-object-field-ec48f9ef.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -1193,7 +1193,7 @@ const KupButtonList = class {
 };
 KupButtonList.style = KupButtonListStyle0;
 
-const dom$b = document.documentElement;
+const dom$c = document.documentElement;
 /**
  * 1st box card layout, it can be used as a key-value grid list.
  * @param {KupCard} component - Card component.
@@ -1288,8 +1288,8 @@ function create4$4(component) {
     let value = null;
     for (let index = 0; index < cells.length; index++) {
         const cell = cells[index];
-        const isImage = dom$b.ketchup.objects.isImage(cell.obj) ||
-            dom$b.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
+            dom$c.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -1346,8 +1346,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$b.ketchup.objects.isImage(cell.obj) ||
-            dom$b.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
+            dom$c.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!imageProps && isImage) {
             imageProps = {
@@ -1399,8 +1399,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$b.ketchup.objects.isImage(cell.obj) ||
-            dom$b.ketchup.objects.isIcon(cell.obj) ||
+        const isImage = dom$c.ketchup.objects.isImage(cell.obj) ||
+            dom$c.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -1495,7 +1495,7 @@ var SourceEvent;
     SourceEvent["YEAR"] = "year";
 })(SourceEvent || (SourceEvent = {}));
 
-const dom$a = document.documentElement;
+const dom$b = document.documentElement;
 const kupManager = kupManagerInstance();
 function prepareCalendar(component) {
     const el = component.rootElement;
@@ -1528,7 +1528,7 @@ function prepareCalendar(component) {
     }
     if (!el.kupData.value)
         setValue$2(component, new Date());
-    const months = dom$a.ketchup.dates.getMonthsAsString();
+    const months = dom$b.ketchup.dates.getMonthsAsString();
     const curYear = getYear(component);
     const curMonth = getMonth(component);
     const yearRange = getInitEndYear(curYear);
@@ -1672,7 +1672,7 @@ function createCalendar(component) {
     }
 }
 function createDaysCalendar(component) {
-    const days = dom$a.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
+    const days = dom$b.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
     const selectedDate = getValue$1(component);
     const selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
@@ -1759,7 +1759,7 @@ function createDaysCalendar(component) {
             h("tbody", null, tbody))));
 }
 function createMonthsCalendar(component) {
-    const months = dom$a.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
+    const months = dom$b.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
     let selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
     const selectedYear = getYear(component);
@@ -1910,7 +1910,7 @@ function refresh(component) {
 }
 function onCalendarMonthYearItemClick(component, value) {
     let d;
-    if (dom$a.ketchup.dates.isIsoDate(value)) {
+    if (dom$b.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -1932,7 +1932,7 @@ function onCalendarMonthYearItemClick(component, value) {
 }
 function onCalendarItemClick(component, value) {
     let d;
-    if (dom$a.ketchup.dates.isIsoDate(value)) {
+    if (dom$b.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -1948,7 +1948,7 @@ function setDateToday(component) {
     refresh(component);
 }
 
-const dom$9 = document.documentElement;
+const dom$a = document.documentElement;
 function prepareClock(component) {
     const el = component.rootElement;
     el.kupData = {};
@@ -2063,7 +2063,7 @@ function onKupBlur(component) {
 function createClock(component) {
     let selectedTime;
     if (getValue(component)) {
-        selectedTime = dom$9.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
+        selectedTime = dom$a.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
             ? KupDatesFormats.ISO_TIME
             : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
     }
@@ -2265,7 +2265,7 @@ function setClockTime(e, component) {
     e.target.classList.add('selected');
 }
 
-const dom$8 = document.documentElement;
+const dom$9 = document.documentElement;
 const premadeFormulas = [
     KupLanguageTotals.AVERAGE,
     KupLanguageTotals.DIFFERENCE,
@@ -2280,7 +2280,7 @@ function prepareColumnDropMenu(component) {
         const column = options.data.columns[index];
         if (column.visible !== false &&
             column.obj &&
-            dom$8.ketchup.objects.isNumber(column.obj)) {
+            dom$9.ketchup.objects.isNumber(column.obj)) {
             chipData.push({
                 obj: column.obj,
                 value: column.name,
@@ -2296,7 +2296,7 @@ function prepareColumnDropMenu(component) {
     if (options.enableFormula) {
         combobox = prepareCombobox(options, numericalColumnsExist);
         if (numericalColumnsExist) {
-            button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$8.ketchup.language.translate(KupLanguageTotals.CALCULATE), styling: FButtonStyling.OUTLINED }));
+            button = (h("kup-button", { "onKup-button-click": () => applyFormula(component), label: dom$9.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) })));
         }
@@ -2309,35 +2309,35 @@ function prepareList(options) {
         listData.push({
             icon: 'library_add',
             id: KupLanguageGeneric.MERGE,
-            value: dom$8.ketchup.language.translate(KupLanguageGeneric.MERGE),
+            value: dom$9.ketchup.language.translate(KupLanguageGeneric.MERGE),
         });
     }
     if (options.enableMove) {
         listData.push({
             icon: 'swap_horiz',
             id: KupLanguageGeneric.MOVE,
-            value: dom$8.ketchup.language.translate(KupLanguageGeneric.MOVE),
+            value: dom$9.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$8.ketchup.objects.isNumber(options.receivingColumn.obj) &&
-        dom$8.ketchup.objects.isNumber(options.starterColumn.obj);
+    const numeric = dom$9.ketchup.objects.isNumber(options.receivingColumn.obj) &&
+        dom$9.ketchup.objects.isNumber(options.starterColumn.obj);
     if (numeric) {
         comboListData.push({
             id: KupLanguageTotals.AVERAGE,
-            value: dom$8.ketchup.language.translate(KupLanguageTotals.AVERAGE),
+            value: dom$9.ketchup.language.translate(KupLanguageTotals.AVERAGE),
         }, {
             id: KupLanguageTotals.DIFFERENCE,
-            value: dom$8.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
+            value: dom$9.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
         }, {
             id: KupLanguageTotals.PRODUCT,
-            value: dom$8.ketchup.language.translate(KupLanguageTotals.PRODUCT),
+            value: dom$9.ketchup.language.translate(KupLanguageTotals.PRODUCT),
         }, {
             id: KupLanguageTotals.SUM,
-            value: dom$8.ketchup.language.translate(KupLanguageTotals.SUM),
+            value: dom$9.ketchup.language.translate(KupLanguageTotals.SUM),
         }, {
             id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
             value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
@@ -2349,7 +2349,7 @@ function prepareCombobox(options, numericalColumnsExist) {
     else {
         comboListData.push({
             id: KupLanguageColumn.NO_FORMULA,
-            value: dom$8.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
+            value: dom$9.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
         });
     }
     const comboData = {
@@ -2359,11 +2359,11 @@ function prepareCombobox(options, numericalColumnsExist) {
         },
         'kup-text-field': {
             helper: !numericalColumnsExist
-                ? dom$8.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
+                ? dom$9.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
                 : numeric
                     ? `i.e.: [${options.receivingColumn.name}] - [${options.starterColumn.name}] + 1`
-                    : dom$8.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
-            label: dom$8.ketchup.language.translate(KupLanguageTotals.FORMULA),
+                    : dom$9.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
+            label: dom$9.ketchup.language.translate(KupLanguageTotals.FORMULA),
             outlined: true,
         },
     };
@@ -2407,7 +2407,7 @@ async function applyFormula(component) {
             ? parts[1].trim()
             : valueString;
         if (premadeFormulas.includes(value)) {
-            dom$8.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            dom$9.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 columns: [
                     options.receivingColumn.name,
                     options.starterColumn.name,
@@ -2422,7 +2422,7 @@ async function applyFormula(component) {
             }
         }
         else {
-            const result = dom$8.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            const result = dom$9.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 newColumn: hasDescription
                     ? { name: description, title: description }
                     : undefined,
@@ -2440,18 +2440,18 @@ async function applyFormula(component) {
     }
 }
 
-const dom$7 = document.documentElement;
+const dom$8 = document.documentElement;
 function prepareMessageBox(component) {
     const options = component.data.options;
     const buttonsExist = !!(options.cancelCb || options.confirmCb);
     return (h("div", { class: "message-box" },
         options.text ? h("div", { class: "text" }, options.text) : null,
         buttonsExist ? (h("div", { class: "button-wrapper" },
-            options.cancelCb ? (h(FButton, { icon: "clear", label: dom$7.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
-            options.confirmCb ? (h(FButton, { icon: "check", label: dom$7.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
+            options.cancelCb ? (h(FButton, { icon: "clear", label: dom$8.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
+            options.confirmCb ? (h(FButton, { icon: "check", label: dom$8.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
 }
 
-const dom$6 = document.documentElement;
+const dom$7 = document.documentElement;
 function prepareNumeric(component) {
     const el = component.rootElement;
     if (!el.kupData)
@@ -2473,7 +2473,7 @@ function prepareNumeric(component) {
                 el.kupData.value = obj.k;
             else
                 el.kupData.value = options.initialValue.toString();
-            el.kupData.localeValue = dom$6.ketchup.math.numbers.toLocaleString(el.kupData.value);
+            el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(el.kupData.value);
         }
         options.resetStatus = false;
     }
@@ -2548,7 +2548,7 @@ function setSign(component) {
         return;
     strVal = '-' + strVal;
     el.kupData.value = strVal;
-    el.kupData.localeValue = dom$6.ketchup.math.numbers.toLocaleString(strVal);
+    el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function setValue(component, value) {
@@ -2585,7 +2585,7 @@ function setValue(component, value) {
         return;
     strVal += value;
     el.kupData.value = strVal;
-    el.kupData.localeValue = dom$6.ketchup.math.numbers.toLocaleString(strVal);
+    el.kupData.localeValue = dom$7.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function clearValue(component) {
@@ -2595,14 +2595,14 @@ function clearValue(component) {
     component.refresh();
 }
 function getDecimalChar() {
-    return (0.1).toLocaleString(dom$6.ketchup.math.locale).substring(1, 2);
+    return (0.1).toLocaleString(dom$7.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$5 = document.documentElement;
+const dom$6 = document.documentElement;
 let inputArea = null;
 let clearButton = null;
 let submitButton = null;
@@ -2668,8 +2668,8 @@ function prepareOpenAIInterface(component) {
                 fun = fun.replace(']#', '');
             }
             result.push(h("div", { class: "fun", title: "Execute FUN.", onClick: () => {
-                    if (dom$5.ketchup.openAI.onFunClick) {
-                        dom$5.ketchup.openAI.onFunClick(fun);
+                    if (dom$6.ketchup.openAI.onFunClick) {
+                        dom$6.ketchup.openAI.onFunClick(fun);
                     }
                 } }, fun));
             lastIndex = match.index + match[0].length;
@@ -3095,7 +3095,7 @@ const collapsibleLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$4
 });
 
-const dom$4 = document.documentElement;
+const dom$5 = document.documentElement;
 /**
  * 1st dialog card layout, used to display information in string format.
  * @param {KupCard} component - Card component.
@@ -3189,8 +3189,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$4.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
-            h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$4.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
+            h("kup-button", Object.assign({}, buttonArray[0], { id: KupCardIds.PREVIOUS_ROW, "onkup-button-click": () => prevButton(component), title: dom$5.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
+            h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$5.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
         datatableArray[0] ? (h("div", { class: "section-2" },
             h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
@@ -3375,7 +3375,7 @@ const freeLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$2
 });
 
-const dom$3 = document.documentElement;
+const dom$4 = document.documentElement;
 /**
  * 1st scalable card layout, column of 2 texts.
  * @param {KupCard} component - Card component.
@@ -3425,7 +3425,7 @@ function create2$1(component) {
                 h("div", { style: colorArray[1] ? { color: colorArray[1] } : undefined },
                     textArray[0] ? textArray[0] : '',
                     textArray[1]
-                        ? dom$3.ketchup.math.decimalSeparator()
+                        ? dom$4.ketchup.math.decimalSeparator()
                         : '')),
             textArray[1] ? (h("div", { class: "value-dec" },
                 h("div", { style: colorArray[1]
@@ -3486,7 +3486,7 @@ function create4$1(component) {
                             : undefined },
                         textArray[0] ? textArray[0] : '',
                         textArray[1]
-                            ? dom$3.ketchup.math.decimalSeparator()
+                            ? dom$4.ketchup.math.decimalSeparator()
                             : '')),
                 textArray[1] ? (h("div", { class: "value-dec" },
                     h("div", { style: colorArray[1]
@@ -3786,7 +3786,7 @@ const scalableLayouts = /*#__PURE__*/Object.freeze({
     create11: create11$1
 });
 
-const dom$2 = document.documentElement;
+const dom$3 = document.documentElement;
 /**
  * 1st standard card layout, inspired by Material Design.
  * @param {KupCard} component - Card component.
@@ -4539,7 +4539,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, { title: dom$2.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
+        return (h("kup-dropdown-button", Object.assign({}, props, { title: dom$3.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
     };
     return (h("div", { class: `standard-layout-${component.layoutNumber}` },
         h("div", { class: "section-1" },
@@ -4572,7 +4572,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$2.ketchup.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS), id: "view-selector", icon: "menu" })) : null)) : null));
+            treeArray[0] ? (h("kup-button", { title: dom$3.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.
@@ -7825,7 +7825,7 @@ class KupDataTableState {
     }
 }
 
-const dom$1 = document.documentElement;
+const dom$2 = document.documentElement;
 /**
  * Definition and events of the column menu card.
  * @module KupColumnMenu
@@ -7850,8 +7850,8 @@ class KupColumnMenu {
      */
     close(card) {
         card.menuVisible = false;
-        dom$1.ketchup.removeClickCallback(this.clickCb);
-        dom$1.ketchup.dynamicPosition.stop(card);
+        dom$2.ketchup.removeClickCallback(this.clickCb);
+        dom$2.ketchup.dynamicPosition.stop(card);
     }
     /**
      * Function called to reposition the column menu card to the appropriate column.
@@ -7863,11 +7863,11 @@ class KupColumnMenu {
             if (card) {
                 const column = card.dataset.column;
                 const wrapper = root.querySelector('th[data-column="' + column + '"]');
-                if (dom$1.ketchup.dynamicPosition.isRegistered(card)) {
-                    dom$1.ketchup.dynamicPosition.changeAnchor(card, wrapper);
+                if (dom$2.ketchup.dynamicPosition.isRegistered(card)) {
+                    dom$2.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }
                 else {
-                    dom$1.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
+                    dom$2.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
                 }
                 if (!this.clickCb) {
                     this.clickCb = {
@@ -7877,8 +7877,8 @@ class KupColumnMenu {
                         el: card,
                     };
                 }
-                dom$1.ketchup.addClickCallback(this.clickCb, true);
-                dom$1.ketchup.dynamicPosition.start(card);
+                dom$2.ketchup.addClickCallback(this.clickCb, true);
+                dom$2.ketchup.dynamicPosition.start(card);
                 card.menuVisible = true;
             }
         }
@@ -7928,8 +7928,8 @@ class KupColumnMenu {
                 icon: 'book',
                 id: KupColumnMenuIds.BUTTON_GROUP,
                 title: comp.getGroupByName(column.name) != null
-                    ? dom$1.ketchup.language.translate(KupLanguageGrouping.DISABLE)
-                    : dom$1.ketchup.language.translate(KupLanguageGrouping.ENABLE),
+                    ? dom$2.ketchup.language.translate(KupLanguageGrouping.DISABLE)
+                    : dom$2.ketchup.language.translate(KupLanguageGrouping.ENABLE),
             });
         }
         if (comp.removableColumns) {
@@ -7940,12 +7940,12 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-remove',
                 id: KupColumnMenuIds.BUTTON_REMOVE,
-                title: dom$1.ketchup.language.translate(KupLanguageColumn.HIDE),
+                title: dom$2.ketchup.language.translate(KupLanguageColumn.HIDE),
             });
         }
         if (comp.enableExtraColumns &&
-            (dom$1.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$1.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
+            (dom$2.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$2.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
             props.push({
                 className: 'printable',
                 'data-storage': {
@@ -7953,14 +7953,14 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-plus-after',
                 id: KupColumnMenuIds.BUTTON_ADD_COLUMNS,
-                title: dom$1.ketchup.language.translate(KupLanguageColumn.ADD),
+                title: dom$2.ketchup.language.translate(KupLanguageColumn.ADD),
             });
             props.push({
                 className: 'printable',
-                label: dom$1.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                label: dom$2.ketchup.language.translate(KupLanguageGeneric.APPLY),
                 id: KupColumnMenuIds.BUTTON_APPLY,
                 styling: FButtonStyling.OUTLINED,
-                title: dom$1.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                title: dom$2.ketchup.language.translate(KupLanguageGeneric.APPLY),
             });
         }
         return props;
@@ -7974,8 +7974,8 @@ class KupColumnMenu {
     prepCheckbox(comp, column) {
         const props = [];
         if (comp.showFilters &&
-            (dom$1.ketchup.objects.isStringObject(column.obj) ||
-                dom$1.ketchup.objects.isCheckbox(column.obj))) {
+            (dom$2.ketchup.objects.isStringObject(column.obj) ||
+                dom$2.ketchup.objects.isCheckbox(column.obj))) {
             const checkBoxesFilter = this.filtersColumnMenuInstance.getCheckBoxFilterValues(comp.filters, column.name);
             const columnValues = comp.getColumnValues(column);
             if (columnValues.length > 0) {
@@ -7987,17 +7987,17 @@ class KupColumnMenu {
                     },
                     id: KupColumnMenuIds.CHECKBOX_GLOBAL,
                     key: KupColumnMenuIds.CHECKBOX_GLOBAL + column.name,
-                    label: dom$1.ketchup.language.translate(KupLanguageCheckbox.ALL),
+                    label: dom$2.ketchup.language.translate(KupLanguageCheckbox.ALL),
                 });
             }
             for (let index = 0; index < columnValues.length; index++) {
                 let label = getValueForDisplay2(columnValues[index], column);
-                if (dom$1.ketchup.objects.isCheckbox(column.obj)) {
+                if (dom$2.ketchup.objects.isCheckbox(column.obj)) {
                     if (columnValues[index].value == '1') {
-                        label = dom$1.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
+                        label = dom$2.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
                     }
                     else {
-                        label = dom$1.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
+                        label = dom$2.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
                     }
                 }
                 props.push({
@@ -8036,7 +8036,7 @@ class KupColumnMenu {
                     }
                 }
                 catch (error) {
-                    dom$1.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
+                    dom$2.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
                 }
                 chipData.push({
                     icon: child.icon ? child.icon : null,
@@ -8064,7 +8064,7 @@ class KupColumnMenu {
         if (!FiltersColumnMenu.isTree(comp)) {
             if (objs &&
                 objs.length > 0 &&
-                !dom$1.ketchup.objects.isEmptyKupObj(objs[0])) {
+                !dom$2.ketchup.objects.isEmptyKupObj(objs[0])) {
                 props.push({
                     'data-storage': {
                         columnName: column.name,
@@ -8072,7 +8072,7 @@ class KupColumnMenu {
                     checked: column.isKey ? true : false,
                     key: KupColumnMenuIds.SWITCH_KEY + column.name,
                     id: KupColumnMenuIds.SWITCH_KEY,
-                    label: dom$1.ketchup.language.translate(KupLanguageRow.KEY),
+                    label: dom$2.ketchup.language.translate(KupLanguageRow.KEY),
                     leadingLabel: true,
                 });
             }
@@ -8085,7 +8085,7 @@ class KupColumnMenu {
                     key: KupColumnMenuIds.SWITCH_GROUP + column.name,
                     checked: isGroupActive ? true : false,
                     id: KupColumnMenuIds.SWITCH_GROUP,
-                    label: dom$1.ketchup.language.translate(KupLanguageGrouping.GROUPS),
+                    label: dom$2.ketchup.language.translate(KupLanguageGrouping.GROUPS),
                     leadingLabel: true,
                 });
             }
@@ -8103,16 +8103,16 @@ class KupColumnMenu {
         if (comp.showFilters) {
             data.push({
                 id: KupLanguageGeneric.FILTERS,
-                value: dom$1.ketchup.language.translate(KupLanguageGeneric.FILTERS),
+                value: dom$2.ketchup.language.translate(KupLanguageGeneric.FILTERS),
             });
         }
         if ((comp.enableExtraColumns &&
-            (dom$1.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$1.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
+            (dom$2.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$2.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
             comp.removableColumns) {
             data.push({
                 id: KupLanguageColumn.COLUMNS,
-                value: dom$1.ketchup.language.translate(KupLanguageColumn.COLUMNS),
+                value: dom$2.ketchup.language.translate(KupLanguageColumn.COLUMNS),
             });
         }
         if (!FiltersColumnMenu.isTree(comp)) {
@@ -8139,7 +8139,7 @@ class KupColumnMenu {
             if (this.filtersColumnMenuInstance.isColumnFiltrableByInterval(column)) {
                 props = props.concat(this.prepIntervalTextfield(comp, column));
             }
-            else if (dom$1.ketchup.objects.isStringObject(column.obj)) {
+            else if (dom$2.ketchup.objects.isStringObject(column.obj)) {
                 let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
                 filterInitialValue = getValueForDisplay(filterInitialValue, column.obj, column.decimals);
                 props.push({
@@ -8151,13 +8151,13 @@ class KupColumnMenu {
                     initialValue: filterInitialValue,
                     isClearable: true,
                     key: KupColumnMenuIds.TEXTFIELD_FILTER + column.name,
-                    label: dom$1.ketchup.language.translate(KupLanguageSearch.SEARCH),
+                    label: dom$2.ketchup.language.translate(KupLanguageSearch.SEARCH),
                     trailingIcon: true,
                 });
             }
         }
         if (!FiltersColumnMenu.isTree(comp)) {
-            if (dom$1.ketchup.objects.isNumber(column.obj) &&
+            if (dom$2.ketchup.objects.isNumber(column.obj) &&
                 comp.enableColumnsFormula) {
                 props.push({
                     fullWidth: true,
@@ -8165,7 +8165,7 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_FORMULA,
                     key: KupColumnMenuIds.TEXTFIELD_FORMULA + column.name,
                     helper: `i.e.: Description;[${column.name}] * 2`,
-                    label: dom$1.ketchup.language.translate(KupLanguageTotals.FORMULA),
+                    label: dom$2.ketchup.language.translate(KupLanguageTotals.FORMULA),
                     trailingIcon: true,
                 });
             }
@@ -8183,7 +8183,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$1.ketchup.objects.isNumber(column.obj)) {
+        if (!dom$2.ketchup.objects.isNumber(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -8201,7 +8201,7 @@ class KupColumnMenu {
             key: KupColumnMenuIds.TEXTFIELD_FROM + column.name,
             initialValue: initialValueFrom,
             isClearable: true,
-            label: dom$1.ketchup.language.translate(KupLanguageSearch.FROM),
+            label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
             trailingIcon: true,
         });
         props.push({
@@ -8216,7 +8216,7 @@ class KupColumnMenu {
             key: KupColumnMenuIds.TEXTFIELD_TO + column.name,
             initialValue: initialValueTo,
             isClearable: true,
-            label: dom$1.ketchup.language.translate(KupLanguageSearch.TO),
+            label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
             trailingIcon: true,
         });
         return props;
@@ -8232,7 +8232,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$1.ketchup.objects.isTime(column.obj)) {
+        if (!dom$2.ketchup.objects.isTime(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -8251,11 +8251,11 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_FROM,
                     key: KupColumnMenuIds.TEXTFIELD_FROM + column.name,
                     isClearable: true,
-                    label: dom$1.ketchup.language.translate(KupLanguageSearch.FROM),
+                    label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
                 },
             },
             initialValue: initialValueFrom,
-            manageSeconds: dom$1.ketchup.objects.isTimeWithSeconds(column.obj),
+            manageSeconds: dom$2.ketchup.objects.isTimeWithSeconds(column.obj),
         });
         props.push({
             'data-storage': {
@@ -8270,11 +8270,11 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_TO,
                     key: KupColumnMenuIds.TEXTFIELD_TO + column.name,
                     isClearable: true,
-                    label: dom$1.ketchup.language.translate(KupLanguageSearch.TO),
+                    label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
                 },
             },
             initialValue: initialValueTo,
-            manageSeconds: dom$1.ketchup.objects.isTimeWithSeconds(column.obj),
+            manageSeconds: dom$2.ketchup.objects.isTimeWithSeconds(column.obj),
         });
         return props;
     }
@@ -8289,8 +8289,8 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$1.ketchup.objects.isDate(column.obj) &&
-            !dom$1.ketchup.objects.isTimestamp(column.obj)) {
+        if (!dom$2.ketchup.objects.isDate(column.obj) &&
+            !dom$2.ketchup.objects.isTimestamp(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -8298,7 +8298,7 @@ class KupColumnMenu {
         let initialValueTo = interval[FilterInterval.TO];
         let suffixFrom = null;
         let suffixTo = null;
-        if (dom$1.ketchup.objects.isTimestamp(column.obj)) {
+        if (dom$2.ketchup.objects.isTimestamp(column.obj)) {
             suffixFrom = ' 00:00:00';
             suffixTo = ' 23:59:59';
             if (initialValueFrom && initialValueFrom.length >= 10) {
@@ -8328,7 +8328,7 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_FROM,
                     key: KupColumnMenuIds.TEXTFIELD_FROM + column.name,
                     isClearable: true,
-                    label: dom$1.ketchup.language.translate(KupLanguageSearch.FROM),
+                    label: dom$2.ketchup.language.translate(KupLanguageSearch.FROM),
                 },
             },
             initialValue: initialValueFrom,
@@ -8347,7 +8347,7 @@ class KupColumnMenu {
                     id: KupColumnMenuIds.TEXTFIELD_TO,
                     key: KupColumnMenuIds.TEXTFIELD_TO + column.name,
                     isClearable: true,
-                    label: dom$1.ketchup.language.translate(KupLanguageSearch.TO),
+                    label: dom$2.ketchup.language.translate(KupLanguageSearch.TO),
                 },
             },
             initialValue: initialValueTo,
@@ -8463,9 +8463,9 @@ class KupColumnMenu {
             case 'kup-timepicker-input':
             case 'kup-timepicker-itemclick':
                 switch (compID) {
-                    case KupColumnMenuIds.TEXTFIELD_FORMULA:
-                        break;
-                    default:
+                    case KupColumnMenuIds.TEXTFIELD_FILTER:
+                    case KupColumnMenuIds.TEXTFIELD_FROM:
+                    case KupColumnMenuIds.TEXTFIELD_TO:
                         window.clearTimeout(comp.columnFilterTimeout);
                         comp.columnFilterTimeout = window.setTimeout(() => {
                             var _a;
@@ -8615,7 +8615,8 @@ var __classPrivateFieldSet$3 = (undefined && undefined.__classPrivateFieldSet) |
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedRow, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
+var _KupDataTable_instances, _KupDataTable_initialized, _KupDataTable_rows, _KupDataTable_rowsLength, _KupDataTable_paginatedRows, _KupDataTable_paginatedRowsLength, _KupDataTable_footer, _KupDataTable_kupManager, _KupDataTable_renderedRows, _KupDataTable_loadMoreEventCounter, _KupDataTable_loadMoreEventPreviousQuantity, _KupDataTable_theadRef, _KupDataTable_tableRef, _KupDataTable_originalData, _KupDataTable_originalDataLoaded, _KupDataTable_originalDataLoadedMaxId, _KupDataTable_insertedRowIds, _KupDataTable_tableAreaRef, _KupDataTable_stickyTheadRef, _KupDataTable_lastPointerDetails, _KupDataTable_customizeTopButtonRef, _KupDataTable_customizeTopPanelRef, _KupDataTable_sizedColumns, _KupDataTable_intObserver, _KupDataTable_navBarHeight, _KupDataTable_theadIntersecting, _KupDataTable_tableIntersecting, _KupDataTable_isSafariBrowser, _KupDataTable_isRestoringState, _KupDataTable_globalFilterTimeout, _KupDataTable_totalMenuCoords, _KupDataTable_clickTimeout, _KupDataTable_thRefs, _KupDataTable_rowsRefs, _KupDataTable_oldWidth, _KupDataTable_hold, _KupDataTable_interactableDrag, _KupDataTable_interactableDrop, _KupDataTable_interactableResize, _KupDataTable_interactableTouch, _KupDataTable_dropareaRef, _KupDataTable_removeDropareaRef, _KupDataTable_groupsDropareaRef, _KupDataTable_clickCb, _KupDataTable_clickCbCustomPanel, _KupDataTable_clickCbDropCard, _KupDataTable_resizeTimeout, _KupDataTable_columnMenuInstance, _KupDataTable_filtersColumnMenuInstance, _KupDataTable_filtersRowsInstance, _KupDataTable_detailCard, _KupDataTable_insertCard, _KupDataTable_actionsCard, _KupDataTable_confirmDeleteCard, _KupDataTable_confirmDeleteDialog, _KupDataTable_columnMenuCard, _KupDataTable_columnDropCard, _KupDataTable_columnDropCardAnchor, _KupDataTable_dropDownActionCardAnchor, _KupDataTable_insertCount, _KupDataTable_lastFocusedRow, _KupDataTable_BUTTON_CANCEL_ID, _KupDataTable_BUTTON_SUBMIT_ID, _KupDataTable_FIELDS_FORM_ID, _KupDataTable_MESSAGE_ID, _KupDataTable_MESSAGE_WRAPPER_ID, _KupDataTable_INSERT_PREFIX, _KupDataTable_eventBlurNames, _KupDataTable_closeDropCard, _KupDataTable_createDropCard, _KupDataTable_calculateData, _KupDataTable_getRow, _KupDataTable__getRow, _KupDataTable_getTransposedData, _KupDataTable_setTransposedData, _KupDataTable_switchToTotalsMatrix, _KupDataTable_setObjForTotalsMatrix, _KupDataTable_stickyHeaderPosition, _KupDataTable_updateStickyHeaderSize, _KupDataTable_setObserver, _KupDataTable_didLoadInteractables, _KupDataTable_didRenderInteractables, _KupDataTable_didLoadObservers, _KupDataTable_didRenderObservers, _KupDataTable_didLoadEventHandling, _KupDataTable_scrollStickyHeader, _KupDataTable_checkScrollOnHover, _KupDataTable_customizePanelPosition, _KupDataTable_rowsPointLength, _KupDataTable_paginatedRowsPointLength, _KupDataTable__rowsLength, _KupDataTable_resetSelectedRows, _KupDataTable_getSizedColumns, _KupDataTable_rowDetail, _KupDataTable_dropDownActions, _KupDataTable_createDropDownActionsCard, _KupDataTable_clearSearchActionsCard, _KupDataTable_filterRowActionsCard, _KupDataTable_closeRowActionsCard, _KupDataTable_prepareDataForActionsCard, _KupDataTable_rowInsertForm, _KupDataTable_rowsDelete, _KupDataTable_getEventDetails, _KupDataTable_clickHandler, _KupDataTable_cellActionsMenuHandler, _KupDataTable_contextMenuHandler, _KupDataTable_dblClickHandler, _KupDataTable_initRows, _KupDataTable_filterRows, _KupDataTable_isGrouping, _KupDataTable_hasRowActions, _KupDataTable_removeGroup, _KupDataTable_hasTotals, _KupDataTable_tableHasAutoWidth, _KupDataTable_forceGroupExpansion, _KupDataTable_forceRowGroupExpansion, _KupDataTable_adjustPaginator, _KupDataTable_setCellEditability, _KupDataTable_composeFixedCellStyleAndClass, _KupDataTable_updateFixedRowsAndColumnsCssVariables, _KupDataTable_onColumnSort, _KupDataTable_onRemoveFilter, _KupDataTable_getFilterValueForTooltip, _KupDataTable_onGlobalFilterChange, _KupDataTable_handlePageChange, _KupDataTable_handleRowsPerPageChange, _KupDataTable_onRowClick, _KupDataTable_selectColumn, _KupDataTable_deselectColumn, _KupDataTable_onRowActionExpanderClick, _KupDataTable_handleRowSelect, _KupDataTable_onRowExpand, _KupDataTable_onSelectAll, _KupDataTable_openTotalMenu, _KupDataTable_closeTotalMenu, _KupDataTable_isOpenedTotalMenuForColumn, _KupDataTable_groupRows, _KupDataTable_onLoadMoreClick, _KupDataTable_adjustGroupState, _KupDataTable_adjustGroupStateFromRow, _KupDataTable_sortRows, _KupDataTable_getSortIcon, _KupDataTable_getSortDecode, _KupDataTable_calculateColspan, _KupDataTable_isGroupExpanded, _KupDataTable_handleColumnSort, _KupDataTable_moveSortedColumns, _KupDataTable_handleUpdateClick, _KupDataTable_checkOnBlurProp, _KupDataTable_checkOnBlurEvent, _KupDataTable_checkOnBlurByCellType, _KupDataTable_applyLineBreaks, _KupDataTable_composeHeaderCellClassAndStyle, _KupDataTable_renderHeader, _KupDataTable_renderStickyHeader, _KupDataTable_totalMenuPosition, _KupDataTable_onTotalMenuOpen, _KupDataTable_renderRow, _KupDataTable_onCustomSettingsClick, _KupDataTable_openCustomSettings, _KupDataTable_closeCustomSettings, _KupDataTable_renderPaginator, _KupDataTable_columnRemoveArea, _KupDataTable_columnGroupArea, _KupDataTable_hideShowColumnDropArea, _KupDataTable_handleColumnGroup, _KupDataTable_transcodeItem, _KupDataTable_createListData, _KupDataTable_FONTSIZE_CODES, _KupDataTable_FONTSIZE_DECODES, _KupDataTable_FONTSIZE_ICONS, _KupDataTable_getFontSizeCodeFromDecode, _KupDataTable_renderFontSizePanel, _KupDataTable_DENSITY_DECODES, _KupDataTable_DENSITY_ICONS, _KupDataTable_getDensityCodeFromDecode, _KupDataTable_renderDensityPanel, _KupDataTable_GRID_CODES, _KupDataTable_GRID_DECODES, _KupDataTable_GRID_ICONS, _KupDataTable_getGridCodeFromDecode, _KupDataTable_renderTransposeSwitch, _KupDataTable_renderTotalsMatrix, _KupDataTable_renderGridPanel, _KupDataTable_renderCommandButton, _KupDataTable_renderCommandDropDownButton, _KupDataTable_renderUpdateButtons;
+const dom$1 = document.documentElement;
 const KupDataTable = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
@@ -8638,6 +8639,7 @@ const KupDataTable = class {
         this.kupRowActionItemClick = createEvent(this, "kup-datatable-rowaction-item-click", 6);
         this.kupCellActionIconClick = createEvent(this, "kup-datatable-cell-action-icon-click", 6);
         this.kupUpdate = createEvent(this, "kup-datatable-update", 6);
+        this.kupCellCheck = createEvent(this, "kup-datatable-check", 6);
         _KupDataTable_instances.add(this);
         this.state = new KupDataTableState();
         _KupDataTable_initialized.set(this, false);
@@ -8731,6 +8733,15 @@ const KupDataTable = class {
         _KupDataTable_MESSAGE_ID.set(this, 'message');
         _KupDataTable_MESSAGE_WRAPPER_ID.set(this, 'messageWrapper');
         _KupDataTable_INSERT_PREFIX.set(this, 'insert_');
+        _KupDataTable_eventBlurNames.set(this, new Map([
+            [FCellShapes.AUTOCOMPLETE, 'kup-autocomplete-blur'],
+            [FCellShapes.CHIP, 'kup-textfield-blur'],
+            [FCellShapes.COMBOBOX, 'kup-combobox-blur'],
+            [FCellShapes.DATE, 'kup-datepicker-blur'],
+            [FCellShapes.MULTI_AUTOCOMPLETE, 'kup-autocomplete-blur'],
+            [FCellShapes.MULTI_COMBOBOX, 'kup-combobox-blur'],
+            [FCellShapes.TIME, 'kup-timepicker-blur'],
+        ]));
         _KupDataTable_stickyHeaderPosition.set(this, () => {
             if (__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f")) {
                 if (__classPrivateFieldGet$6(this, _KupDataTable_tableIntersecting, "f")) {
@@ -8756,6 +8767,55 @@ const KupDataTable = class {
                 command: command,
             });
         });
+        _KupDataTable_checkOnBlurProp.set(this, (cell, rowId, colName) => {
+            cell.data = Object.assign(Object.assign({}, cell.data), { onBlur: () => {
+                    var _a, _b;
+                    if (((_b = (_a = __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == rowId)) === null || _a === void 0 ? void 0 : _a.cells[colName]) === null || _b === void 0 ? void 0 : _b.value) !== cell.value) {
+                        this.kupCellCheck.emit({
+                            comp: this,
+                            id: this.rootElement.id,
+                            originalData: __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"),
+                            updatedData: getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                            cell: cell,
+                        });
+                    }
+                } });
+        });
+        _KupDataTable_checkOnBlurEvent.set(this, (cell, rowId, colName) => {
+            const evName = __classPrivateFieldGet$6(this, _KupDataTable_eventBlurNames, "f").get(cell.shape);
+            if (!evName) {
+                return;
+            }
+            const handler = async () => {
+                var _a, _b;
+                if (((_b = (_a = __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == rowId)) === null || _a === void 0 ? void 0 : _a.cells[colName]) === null || _b === void 0 ? void 0 : _b.value) !== cell.value) {
+                    this.kupCellCheck.emit({
+                        comp: this,
+                        id: this.rootElement.id,
+                        originalData: __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"),
+                        updatedData: getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                        cell: cell,
+                    });
+                }
+            };
+            this.rootElement.addEventListener(evName, handler);
+        });
+        _KupDataTable_checkOnBlurByCellType.set(this, (fCellType) => {
+            const cbByCellType = new Map([
+                [FCellTypes.AUTOCOMPLETE, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.CHIP, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.DATE, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.MULTI_AUTOCOMPLETE, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.MULTI_COMBOBOX, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.TIME, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.COMBOBOX, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
+                [FCellTypes.STRING, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
+                [FCellTypes.RADIO, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
+                [FCellTypes.NUMBER, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
+                [FCellTypes.OBJECT, __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
+            ]);
+            return cbByCellType.get(fCellType);
+        });
         _KupDataTable_FONTSIZE_CODES.set(this, ['small', 'medium', 'big']);
         _KupDataTable_FONTSIZE_DECODES.set(this, ['Small', 'Medium', 'Big']);
         _KupDataTable_FONTSIZE_ICONS.set(this, [
@@ -9854,7 +9914,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '253a51ca752511bfeef890200ac5f669c030c94f', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '28a4c53ef77b7a248ac18d6c545b9bab57120f2e', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: '09aa6756b5c3509f82307619d6fc43b7e83f1c64', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: 'acdf483dba1b2397481705232fbe57e6fad5f1f7', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -9919,7 +9979,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '428218a4eba1787a32128905296368d57db1042b' }, props));
+                groupChips = h(FChip, Object.assign({ key: '824e134a150c63881c552cd7e738b0844520e752' }, props));
             }
         }
         const tableClass = {
@@ -9951,7 +10011,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'd91674b639d899d74c187f5e0039086be22b10e7', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '8e618a2e98bfe342bf16aad6cbd2e043d9b21dc1' }, h("tr-sticky", { key: 'a01e5e35c10e4ddedb0a835c43f6b27221ef8654' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: 'da840d700a3e2d3bf27d1ab4ff56b66bed3a9198', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '2478bd0f8f219d739cc435a71896c5dc4bed8634' }, h("tr-sticky", { key: 'd4fa0fcf96dcd4b39c5762e8c4c3bf0893d633a2' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -9977,11 +10037,11 @@ const KupDataTable = class {
                 }
             }
         };
-        const compCreated = (h(Host, { key: '7d3fbdb5e3dfffd3111868e019a142f93a6b5e90', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: '9b2abe5d2c67709c824ad1681b5306da370f35cf' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '4fdb5a72b4dbbdc5f1c548d1b8fbb94eb762548c', id: componentWrapperId, class: wrapClass }, h("div", { key: 'f11f20f58f9ab2e917c2132a60fb25d5bc492579', class: "group-wrapper" }, groupChips), h("div", { key: 'fe625943b87317006ef42755663c49138bab28c7', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h(Host, { key: '254631d417d784bd2b73b171b0b9f09bd3d05747', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h("style", { key: '1cba7f548eae6e76dbdbad6141abba7d3b1cda03' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '08921ebe20fbfe5358c8fb294b7d2cf14d6770aa', id: componentWrapperId, class: wrapClass }, h("div", { key: '85dc4716ed17dc0efe476602af5c0a3cc93150ff', class: "group-wrapper" }, groupChips), h("div", { key: '4a20478cf2bdbabffe87f6e7e9e39b77b9166ae7', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: '657db397df843042a5e96e3016c5cad9271c5f9f', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: 'a67851fa369250dbc66ddf35667daba81becdbf3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10031,9 +10091,9 @@ const KupDataTable = class {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '5c5c66214b6ca52254ab32fa64f91ebecf04f43b', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'f408ac91fd5f0ef47694239b33cafeba9866bab6', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '9580f803e9979cb69fd7ae611e052e58c5d2b136', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '5baf667020b5106fce2ab4112beff4c0f90779c4', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10042,7 +10102,7 @@ const KupDataTable = class {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '0b68b42de127859a85df449aded3b04ea6b7b424', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '43d15c44f026050f3b23190cff4f4a06878b59bf', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -10050,7 +10110,7 @@ const KupDataTable = class {
                 __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: '317a57af091958cb1acc068561a0959390c800ce', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '2827c3e166d1ff3263f98d4899c093ad970a19e7' }, header)), h("tbody", { key: '07ef16c11c784a8bb9ad30020680ec0f9abf4f8f' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h("thead", { key: '7e2ffa54c706843ccc96134c3fb92466c8424a6d', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '83c47ca445f4f5a0868881acfa04b549e39d54d2' }, header)), h("tbody", { key: '44aacb27d1271e2848bf71040e31a8ac679b846b' }, rows), this.showFooter || __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -10093,7 +10153,7 @@ const KupDataTable = class {
         "transpose": ["recalculateData"]
     }; }
 };
-_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
+_KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _KupDataTable_rowsLength = new WeakMap(), _KupDataTable_paginatedRows = new WeakMap(), _KupDataTable_paginatedRowsLength = new WeakMap(), _KupDataTable_footer = new WeakMap(), _KupDataTable_kupManager = new WeakMap(), _KupDataTable_renderedRows = new WeakMap(), _KupDataTable_loadMoreEventCounter = new WeakMap(), _KupDataTable_loadMoreEventPreviousQuantity = new WeakMap(), _KupDataTable_theadRef = new WeakMap(), _KupDataTable_tableRef = new WeakMap(), _KupDataTable_originalData = new WeakMap(), _KupDataTable_originalDataLoaded = new WeakMap(), _KupDataTable_originalDataLoadedMaxId = new WeakMap(), _KupDataTable_insertedRowIds = new WeakMap(), _KupDataTable_tableAreaRef = new WeakMap(), _KupDataTable_stickyTheadRef = new WeakMap(), _KupDataTable_lastPointerDetails = new WeakMap(), _KupDataTable_customizeTopButtonRef = new WeakMap(), _KupDataTable_customizeTopPanelRef = new WeakMap(), _KupDataTable_sizedColumns = new WeakMap(), _KupDataTable_intObserver = new WeakMap(), _KupDataTable_navBarHeight = new WeakMap(), _KupDataTable_theadIntersecting = new WeakMap(), _KupDataTable_tableIntersecting = new WeakMap(), _KupDataTable_isSafariBrowser = new WeakMap(), _KupDataTable_isRestoringState = new WeakMap(), _KupDataTable_globalFilterTimeout = new WeakMap(), _KupDataTable_totalMenuCoords = new WeakMap(), _KupDataTable_clickTimeout = new WeakMap(), _KupDataTable_thRefs = new WeakMap(), _KupDataTable_rowsRefs = new WeakMap(), _KupDataTable_oldWidth = new WeakMap(), _KupDataTable_hold = new WeakMap(), _KupDataTable_interactableDrag = new WeakMap(), _KupDataTable_interactableDrop = new WeakMap(), _KupDataTable_interactableResize = new WeakMap(), _KupDataTable_interactableTouch = new WeakMap(), _KupDataTable_dropareaRef = new WeakMap(), _KupDataTable_removeDropareaRef = new WeakMap(), _KupDataTable_groupsDropareaRef = new WeakMap(), _KupDataTable_clickCb = new WeakMap(), _KupDataTable_clickCbCustomPanel = new WeakMap(), _KupDataTable_clickCbDropCard = new WeakMap(), _KupDataTable_resizeTimeout = new WeakMap(), _KupDataTable_columnMenuInstance = new WeakMap(), _KupDataTable_filtersColumnMenuInstance = new WeakMap(), _KupDataTable_filtersRowsInstance = new WeakMap(), _KupDataTable_detailCard = new WeakMap(), _KupDataTable_insertCard = new WeakMap(), _KupDataTable_actionsCard = new WeakMap(), _KupDataTable_confirmDeleteCard = new WeakMap(), _KupDataTable_confirmDeleteDialog = new WeakMap(), _KupDataTable_columnMenuCard = new WeakMap(), _KupDataTable_columnDropCard = new WeakMap(), _KupDataTable_columnDropCardAnchor = new WeakMap(), _KupDataTable_dropDownActionCardAnchor = new WeakMap(), _KupDataTable_insertCount = new WeakMap(), _KupDataTable_lastFocusedRow = new WeakMap(), _KupDataTable_BUTTON_CANCEL_ID = new WeakMap(), _KupDataTable_BUTTON_SUBMIT_ID = new WeakMap(), _KupDataTable_FIELDS_FORM_ID = new WeakMap(), _KupDataTable_MESSAGE_ID = new WeakMap(), _KupDataTable_MESSAGE_WRAPPER_ID = new WeakMap(), _KupDataTable_INSERT_PREFIX = new WeakMap(), _KupDataTable_eventBlurNames = new WeakMap(), _KupDataTable_stickyHeaderPosition = new WeakMap(), _KupDataTable_handleUpdateClick = new WeakMap(), _KupDataTable_checkOnBlurProp = new WeakMap(), _KupDataTable_checkOnBlurEvent = new WeakMap(), _KupDataTable_checkOnBlurByCellType = new WeakMap(), _KupDataTable_FONTSIZE_CODES = new WeakMap(), _KupDataTable_FONTSIZE_DECODES = new WeakMap(), _KupDataTable_FONTSIZE_ICONS = new WeakMap(), _KupDataTable_DENSITY_DECODES = new WeakMap(), _KupDataTable_DENSITY_ICONS = new WeakMap(), _KupDataTable_GRID_CODES = new WeakMap(), _KupDataTable_GRID_DECODES = new WeakMap(), _KupDataTable_GRID_ICONS = new WeakMap(), _KupDataTable_instances = new WeakSet(), _KupDataTable_closeDropCard = function _KupDataTable_closeDropCard() {
     __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"));
     __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").remove();
@@ -12157,7 +12217,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a;
+            var _a, _b;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -12188,6 +12248,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                         },
                     }
                     : null });
+            const cellType = dom$1.ketchup.data.cell.getType(cell, cell.shape);
+            if (this.updatableData &&
+                cell.isEditable &&
+                ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) &&
+                __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)) {
+                __classPrivateFieldGet$6(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)(cell, row.id, currentColumn.name);
+            }
             const jsxCell = h(FCell, Object.assign({}, fcell));
             // Classes which will be set onto the single data-table cell;
             let cellClass = null;