@sme.up/ketchup 11.0.0-SNAPSHOT-20241217083229 → 11.0.0-SNAPSHOT-20241217103457

package/dist/components/{p-4bab013a.js → p-5ee0b3dc.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-2e5f2e07.js';
-import { c as KupThemeIconValues, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, b as KupThemeColorValues, i as FCellTypes, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as fullWidthFieldsComps, n as autoCenterComps, o as getCellValueForDisplay, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as FCellPadding, v as fillString, w as KupCardBuiltInClockElements, x as KupCardCSSClasses, y as KupLanguageTotals, z as KupLanguageColumn, A as KupDataNewColumnTypes, B as KupCardSubEvents, D as KupCardIds, E as KupLanguageRow, G as getColumnByName, H as KupObjects, I as formatToNumber, J as Filters, L as FilterInterval, M as getValueForDisplay, N as getValueForDisplay2, O as KupData, P as compareCell, T as TotalMode, Q as CHKAdapter, S as CHIAdapter, U as SWTAdapter, V as SortMode, W as GroupLabelDisplayMode, X as SelectionMode, Y as KupLanguageGrouping, Z as KupLanguageCheckbox, _ as KupLanguageSearch, $ as KupLanguagePage, a0 as addColumnValueFromRow, a1 as KupGlobalFilterMode, g as getProps, s as setProps, a2 as TotalLabel, a3 as KupPointerEventTypes, a4 as kupDynamicPositionAttribute, a5 as KupCardFamily, a6 as identify, a7 as LoadMoreMode, a8 as PaginatorPos, a9 as ShowGrid, aa as kupDraggableColumnAttr, ab as kupDragActiveAttr, ac as KupDragEffect, ad as kupDraggableCellAttr, ae as KupDropEventTypes, af as FixedCellsClasses, ag as FixedCellsCSSVarsBase, ah as KupLanguageFontsize, ai as KupLanguageDensity, aj as KupLanguageGrid, ak as KupDataTableProps, al as DataTableAreasEnum, am as iconColumn, an as keyColumn, ao as fieldColumn, ap as KupCardProps } from './p-d80bbcb0.js';
+import { c as KupThemeIconValues, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, b as KupThemeColorValues, i as FCellTypes, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as fullWidthFieldsComps, n as autoCenterComps, o as getCellValueForDisplay, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as FCellPadding, v as fillString, w as KupCardBuiltInClockElements, x as KupCardCSSClasses, y as KupLanguageTotals, z as KupLanguageColumn, A as KupDataNewColumnTypes, B as KupCardSubEvents, D as KupCardIds, E as KupLanguageRow, G as getColumnByName, H as KupObjects, I as formatToNumber, J as Filters, L as FilterInterval, M as getValueForDisplay, N as getValueForDisplay2, O as KupData, P as compareCell, T as TotalMode, Q as CHKAdapter, S as CHIAdapter, U as SWTAdapter, V as SortMode, W as GroupLabelDisplayMode, X as SelectionMode, Y as KupLanguageGrouping, Z as KupLanguageCheckbox, _ as KupLanguageSearch, $ as KupLanguagePage, a0 as addColumnValueFromRow, a1 as KupGlobalFilterMode, g as getProps, s as setProps, a2 as TotalLabel, a3 as KupPointerEventTypes, a4 as kupDynamicPositionAttribute, a5 as KupCardFamily, a6 as identify, a7 as LoadMoreMode, a8 as PaginatorPos, a9 as ShowGrid, aa as kupDraggableColumnAttr, ab as kupDragActiveAttr, ac as KupDragEffect, ad as kupDraggableCellAttr, ae as KupDropEventTypes, af as FixedCellsClasses, ag as FixedCellsCSSVarsBase, ah as KupLanguageFontsize, ai as KupLanguageDensity, aj as KupLanguageGrid, ak as KupDataTableProps, al as DataTableAreasEnum, am as iconColumn, an as keyColumn, ao as fieldColumn, ap as KupCardProps } from './p-8138bfb7.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';
 
@@ -1252,7 +1252,7 @@ function createBar(data) {
  */
 const componentWrapperId = 'kup-component';
 
-const dom$j = document.documentElement;
+const dom$i = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -1346,6 +1346,7 @@ function setContent(props) {
         'mdc-text-field': true,
         'mdc-text-field--disabled': props.disabled,
         'mdc-text-field--read-only': props.readOnly,
+        'mdc-text-field--read-only-is-select': props.isSelect,
         'mdc-text-field--filled': !props.fullWidth && !isOutlined,
         'mdc-text-field--no-label': !props.label,
         'mdc-text-field--fullwidth': props.fullWidth,
@@ -1385,7 +1386,7 @@ function setContent(props) {
         h("div", { class: classObj },
             !props.trailingIcon ? iconEl : undefined,
             props.textArea ? (h("span", { class: "mdc-text-field__resizer" },
-                h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, maxlength: props.maxLength, value: value, autoComplete: (_c = props.autocomplete) !== null && _c !== void 0 ? _c : 'off', onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, placeholder: props.placeholder, maxlength: props.maxLength, size: props.size, value: value, autoComplete: (_d = props.autocomplete) !== null && _d !== void 0 ? _d : 'off', onBlur: (e) => {
+                h("textarea", { class: "mdc-text-field__input", disabled: props.disabled, maxlength: props.maxLength, value: value, autoComplete: (_c = props.autocomplete) !== null && _c !== void 0 ? _c : 'off', onBlur: props.onBlur, onClick: props.onClick, onChange: props.onChange, onFocus: props.onFocus, onInput: props.onInput, onKeyDown: props.onKeyDown }))) : (h("input", { inputmode: props.inputMode ? props.inputMode : undefined, type: inputType, step: props.step, min: props.min, max: props.max, name: props.name, class: "mdc-text-field__input", disabled: props.disabled, placeholder: props.placeholder, maxlength: props.maxLength, size: props.size, value: value, readOnly: props.isSelect, autoComplete: (_d = props.autocomplete) !== null && _d !== void 0 ? _d : 'off', onBlur: (e) => {
                     var _a;
                     if (persManageForNumberFormat) {
                         const options = {
@@ -1470,7 +1471,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$i.ketchup.math.matchNumericValueWithOptions(val, options)) {
                         e.preventDefault();
                         return;
                     }
@@ -1505,7 +1506,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$i.ketchup.math.format(formatedValue, dom$i.ketchup.math.createFormatPattern(options.group, options.decimal), inputIsLocalized);
 };
 
 /**
@@ -4544,7 +4545,7 @@ var FChipSize;
     FChipSize["MEDIUM"] = "medium";
 })(FChipSize || (FChipSize = {}));
 
-const dom$i = document.documentElement;
+const dom$h = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -4594,9 +4595,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$h.ketchup.language.translate(KupLanguageGeneric.EXPAND) +
                         '/' +
-                        dom$i.ketchup.language.translate(KupLanguageGeneric.COLLAPSE) +
+                        dom$h.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)));
             if (showChildren) {
@@ -4985,7 +4986,7 @@ const handlers = {
     },
 };
 
-const dom$h = document.documentElement;
+const dom$g = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -5001,7 +5002,7 @@ const FCell = (props, children) => {
             : column.shape
                 ? column.shape
                 : null;
-    const hasObj = !dom$h.ketchup.objects.isEmptyKupObj(cell.obj);
+    const hasObj = !dom$g.ketchup.objects.isEmptyKupObj(cell.obj);
     let isEditable = false;
     if (cell.hasOwnProperty('isEditable')) {
         isEditable = cell.isEditable;
@@ -5014,7 +5015,7 @@ const FCell = (props, children) => {
         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$g.ketchup.data.cell.getType(cell, shape);
     const subcomponentProps = Object.assign({}, cell.data);
     let cssClasses = cell.cssClass
         ? cell.cssClass
@@ -5074,7 +5075,7 @@ const FCell = (props, children) => {
         icon = h(FImage, Object.assign({}, fProps));
     }
     let cellTitle = null;
-    if (dom$h.ketchup.debug.isDebug() && hasObj) {
+    if (dom$g.ketchup.debug.isDebug() && hasObj) {
         cellTitle = cell.obj.t + '; ' + cell.obj.p + '; ' + cell.obj.k + ';';
     }
     else if (cell.title != null && cell.title.trim() != '') {
@@ -5116,7 +5117,7 @@ const mapData = (cell, column) => {
     const options = cell.options;
     const fieldLabel = column.title;
     const currentValue = cell.value;
-    const cellType = dom$h.ketchup.data.cell.getType(cell, cell.shape);
+    const cellType = dom$g.ketchup.data.cell.getType(cell, cell.shape);
     const dataAdapterMap = new Map([
         [FCellTypes.BUTTON_LIST, MainBTNAdapter.bind(undefined)],
         [FCellTypes.STRING, MainITXAdapter.bind(undefined)],
@@ -5344,7 +5345,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
     var _a, _b, _c, _d;
     switch (cellType) {
         case FCellTypes.AUTOCOMPLETE:
-            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+            return (h("kup-autocomplete", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-autocomplete-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.CHECKBOX:
             if (isAutoCentered(props)) {
                 classObj[FCellClasses.C_CENTERED] = true;
@@ -5352,26 +5353,26 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             if (cell.shape === FCellShapes.INPUT_CHECKBOX) {
                 return (h("input", { checked: cell.value === 'on' || cell.value === '1'
                         ? true
-                        : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox" }));
+                        : false, class: "input-checkbox", onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), type: "checkbox", onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) }));
             }
             else {
-                return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+                return (h(FCheckbox, Object.assign({}, cell.data, { onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
             }
         case FCellTypes.CHIP:
             return (h("kup-chip", Object.assign({}, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData, { error: cell.data.error }))));
+                h("kup-text-field", Object.assign({ fullWidth: true, slot: "field" }, cell.slotData, { error: cell.data.error, "onKup-textfield-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) }))));
         case FCellTypes.COLOR_PICKER:
             return (h("kup-color-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', disabled: false, "onkup-colorpicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.COMBOBOX:
-            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+            return (h("kup-combobox", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-combobox-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.DATE:
-            return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+            return (h("kup-date-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-datepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-datepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-datepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.MULTI_AUTOCOMPLETE:
             return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-autocomplete", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), showDropDownIcon: false }, cell.slotData, { error: cell.data.error, showMarker: (_a = cell.tooltip) !== null && _a !== void 0 ? _a : false }))));
+                h("kup-autocomplete", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), showDropDownIcon: false }, cell.slotData, { error: cell.data.error, showMarker: (_a = cell.tooltip) !== null && _a !== void 0 ? _a : false }))));
         case FCellTypes.MULTI_COMBOBOX:
             return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
-                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_b = cell.tooltip) !== null && _b !== void 0 ? _b : false }))));
+                h("kup-combobox", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, selectMode: ItemsDisplayMode.DESCRIPTION_AND_CODE, "onKup-combobox-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-combobox-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-combobox-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) }, cell.slotData, { error: cell.data.error, showMarker: (_b = cell.tooltip) !== null && _b !== void 0 ? _b : false }))));
         case FCellTypes.RADIO:
             return (h(FRadio, Object.assign({}, cell.data, { disabled: false, onChange: (i, e) => {
                     const radioData = cell.data.data;
@@ -5385,13 +5386,13 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                         }
                     }
                     cellEvent(e, props, cellType, FCellEvents.UPDATE);
-                } })));
+                }, onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.RATING:
             return (h("kup-rating", Object.assign({ key: column.name + props.row.id }, cell.data, { disabled: false, "onkup-rating-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
         case FCellTypes.SWITCH:
-            return (h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) })));
+            return (h(FSwitch, Object.assign({}, cell.data, { disabled: false, onChange: (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.TIME:
-            return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT) })));
+            return (h("kup-time-picker", Object.assign({ key: column.name + props.row.id, initialValue: cell.value }, cell.data, { class: isFullWidth(props) ? 'kup-full-width' : '', "onkup-timepicker-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), "onkup-timepicker-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onKup-timepicker-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
         case FCellTypes.OBJECT:
             return (h(FObjectField, { cell: cell, inputValue: cell.value }));
         case FCellTypes.NUMBER:
@@ -5408,7 +5409,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             };
             const type = cellType === FCellTypes.NUMBER ? 'number' : null;
             const value = cellType === FCellTypes.NUMBER && cell.value
-                ? dom$h.ketchup.math.numberifySafe(cell.value).toString()
+                ? dom$g.ketchup.math.numberifySafe(cell.value).toString()
                 : cell.value;
             if (cell.shape === FCellShapes.INPUT_FIELD) {
                 return (h("input", { class: 'input-field', onChange: onChange, onInput: onInput, type: type, value: value, maxLength: (_d = (_c = column.cellData) === null || _c === void 0 ? void 0 : _c.maxLength) !== null && _d !== void 0 ? _d : -1 }));
@@ -5423,7 +5424,7 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                             ? cell.icon
                             : column.icon
                                 ? column.icon
-                                : null, decimals: props.column.decimals, integers: props.column.integers, value: value, onChange: onChange, onInput: onInput, onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK) })));
+                                : null, decimals: props.column.decimals, integers: props.column.integers, value: value, onChange: onChange, onInput: onInput, onIconClick: (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
             }
     }
 }
@@ -5468,7 +5469,7 @@ 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$g.ketchup.math.numberifySafe(cell.value);
                 const cellValue = getCellValueForDisplay(column, cell);
                 if (cellValueNumber < 0) {
                     classObj[FCellClasses.TEXT_DANGER] = true;
@@ -5530,7 +5531,7 @@ 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$g.ketchup.math.numberifySafe(cell.value), "width-component": "280px" }, subcomponentProps)));
         case FCellTypes.KNOB:
         case FCellTypes.PROGRESS_BAR:
             return subcomponentProps.customStyle ? (h("kup-progress-bar", Object.assign({ key: column.name + props.row.id }, subcomponentProps))) : (h(FProgressBar, Object.assign({}, subcomponentProps)));
@@ -5789,7 +5790,7 @@ function cellEvent(e, props, cellType, cellEventName) {
                 comp.refresh();
             }
             catch (error) {
-                dom$h.ketchup.debug.logMessage(comp, error, KupDebugCategory.ERROR);
+                dom$g.ketchup.debug.logMessage(comp, error, KupDebugCategory.ERROR);
             }
         }
     }
@@ -5807,7 +5808,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$g.ketchup.math.formattedStringToNumberString(value, '');
     }
     return value;
 }
@@ -5820,7 +5821,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$f = document.documentElement;
 /**
  * 1st box card layout, it can be used as a key-value grid list.
  * @param {KupCard} component - Card component.
@@ -5915,8 +5916,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$f.ketchup.objects.isImage(cell.obj) ||
+            dom$f.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -5973,8 +5974,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$f.ketchup.objects.isImage(cell.obj) ||
+            dom$f.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!imageProps && isImage) {
             imageProps = {
@@ -6026,8 +6027,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$f.ketchup.objects.isImage(cell.obj) ||
+            dom$f.ketchup.objects.isIcon(cell.obj) ||
             ((_a = cell.shape) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === FCellShapes.IMAGE;
         if (!image && isImage) {
             image = index;
@@ -6122,7 +6123,7 @@ var SourceEvent;
     SourceEvent["YEAR"] = "year";
 })(SourceEvent || (SourceEvent = {}));
 
-const dom$f = document.documentElement;
+const dom$e = document.documentElement;
 const kupManager = kupManagerInstance();
 function prepareCalendar(component) {
     const el = component.rootElement;
@@ -6155,7 +6156,7 @@ function prepareCalendar(component) {
     }
     if (!el.kupData.value)
         setValue$2(component, new Date());
-    const months = dom$f.ketchup.dates.getMonthsAsString();
+    const months = dom$e.ketchup.dates.getMonthsAsString();
     const curYear = getYear(component);
     const curMonth = getMonth(component);
     const yearRange = getInitEndYear(curYear);
@@ -6299,7 +6300,7 @@ function createCalendar(component) {
     }
 }
 function createDaysCalendar(component) {
-    const days = dom$f.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
+    const days = dom$e.ketchup.dates.getDaysOfWeekAsString(getFirstDayIndex(component));
     const selectedDate = getValue$1(component);
     const selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
@@ -6386,7 +6387,7 @@ function createDaysCalendar(component) {
             h("tbody", null, tbody))));
 }
 function createMonthsCalendar(component) {
-    const months = dom$f.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
+    const months = dom$e.ketchup.dates.getMonthsAsString(KupDateTimeFormatOptionsMonth.SHORT);
     let selectedDay = getDay(component);
     const selectedMonth = getMonth(component);
     const selectedYear = getYear(component);
@@ -6537,7 +6538,7 @@ function refresh(component) {
 }
 function onCalendarMonthYearItemClick(component, value) {
     let d;
-    if (dom$f.ketchup.dates.isIsoDate(value)) {
+    if (dom$e.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -6559,7 +6560,7 @@ function onCalendarMonthYearItemClick(component, value) {
 }
 function onCalendarItemClick(component, value) {
     let d;
-    if (dom$f.ketchup.dates.isIsoDate(value)) {
+    if (dom$e.ketchup.dates.isIsoDate(value)) {
         d = new Date(value);
     }
     else {
@@ -6575,7 +6576,7 @@ function setDateToday(component) {
     refresh(component);
 }
 
-const dom$e = document.documentElement;
+const dom$d = document.documentElement;
 function prepareClock(component) {
     const el = component.rootElement;
     el.kupData = {};
@@ -6690,7 +6691,7 @@ function onKupBlur(component) {
 function createClock(component) {
     let selectedTime;
     if (getValue(component)) {
-        selectedTime = dom$e.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
+        selectedTime = dom$d.ketchup.dates.toDate(getValue(component), isManageSeconds(component)
             ? KupDatesFormats.ISO_TIME
             : KupDatesFormats.ISO_TIME_WITHOUT_SECONDS);
     }
@@ -6892,7 +6893,7 @@ function setClockTime(e, component) {
     e.target.classList.add('selected');
 }
 
-const dom$d = document.documentElement;
+const dom$c = document.documentElement;
 const premadeFormulas = [
     KupLanguageTotals.AVERAGE,
     KupLanguageTotals.DIFFERENCE,
@@ -6907,7 +6908,7 @@ function prepareColumnDropMenu(component) {
         const column = options.data.columns[index];
         if (column.visible !== false &&
             column.obj &&
-            dom$d.ketchup.objects.isNumber(column.obj)) {
+            dom$c.ketchup.objects.isNumber(column.obj)) {
             chipData.push({
                 obj: column.obj,
                 value: column.name,
@@ -6923,7 +6924,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$c.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) })));
         }
@@ -6936,35 +6937,35 @@ function prepareList(options) {
         listData.push({
             icon: 'library_add',
             id: KupLanguageGeneric.MERGE,
-            value: dom$d.ketchup.language.translate(KupLanguageGeneric.MERGE),
+            value: dom$c.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$c.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$c.ketchup.objects.isNumber(options.receivingColumn.obj) &&
+        dom$c.ketchup.objects.isNumber(options.starterColumn.obj);
     if (numeric) {
         comboListData.push({
             id: KupLanguageTotals.AVERAGE,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.AVERAGE),
+            value: dom$c.ketchup.language.translate(KupLanguageTotals.AVERAGE),
         }, {
             id: KupLanguageTotals.DIFFERENCE,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
+            value: dom$c.ketchup.language.translate(KupLanguageTotals.DIFFERENCE),
         }, {
             id: KupLanguageTotals.PRODUCT,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.PRODUCT),
+            value: dom$c.ketchup.language.translate(KupLanguageTotals.PRODUCT),
         }, {
             id: KupLanguageTotals.SUM,
-            value: dom$d.ketchup.language.translate(KupLanguageTotals.SUM),
+            value: dom$c.ketchup.language.translate(KupLanguageTotals.SUM),
         }, {
             id: `([${options.starterColumn.name}]/[${options.receivingColumn.name}])*100`,
             value: `[${options.starterColumn.name}] / [${options.receivingColumn.name}] * 100`,
@@ -6976,7 +6977,7 @@ function prepareCombobox(options, numericalColumnsExist) {
     else {
         comboListData.push({
             id: KupLanguageColumn.NO_FORMULA,
-            value: dom$d.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
+            value: dom$c.ketchup.language.translate(KupLanguageColumn.NO_FORMULA),
         });
     }
     const comboData = {
@@ -6986,11 +6987,11 @@ function prepareCombobox(options, numericalColumnsExist) {
         },
         'kup-text-field': {
             helper: !numericalColumnsExist
-                ? dom$d.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL_IN_TABLE)
+                ? dom$c.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$c.ketchup.language.translate(KupLanguageColumn.NON_NUMERICAL),
+            label: dom$c.ketchup.language.translate(KupLanguageTotals.FORMULA),
             outlined: true,
         },
     };
@@ -7034,7 +7035,7 @@ async function applyFormula(component) {
             ? parts[1].trim()
             : valueString;
         if (premadeFormulas.includes(value)) {
-            dom$d.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            dom$c.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 columns: [
                     options.receivingColumn.name,
                     options.starterColumn.name,
@@ -7049,7 +7050,7 @@ async function applyFormula(component) {
             }
         }
         else {
-            const result = dom$d.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
+            const result = dom$c.ketchup.data.column.new(options.data, KupDataNewColumnTypes.MATH, {
                 newColumn: hasDescription
                     ? { name: description, title: description }
                     : undefined,
@@ -7067,18 +7068,18 @@ async function applyFormula(component) {
     }
 }
 
-const dom$c = document.documentElement;
+const dom$b = 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$c.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
-            options.confirmCb ? (h(FButton, { icon: "check", label: dom$c.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
+            options.cancelCb ? (h(FButton, { icon: "clear", label: dom$b.ketchup.language.translate(KupLanguageGeneric.ABORT), onClick: options.cancelCb, styling: FButtonStyling.FLAT })) : null,
+            options.confirmCb ? (h(FButton, { icon: "check", label: dom$b.ketchup.language.translate(KupLanguageGeneric.CONFIRM), onClick: options.confirmCb })) : null)) : null));
 }
 
-const dom$b = document.documentElement;
+const dom$a = document.documentElement;
 function prepareNumeric(component) {
     const el = component.rootElement;
     if (!el.kupData)
@@ -7100,7 +7101,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$a.ketchup.math.numbers.toLocaleString(el.kupData.value);
         }
         options.resetStatus = false;
     }
@@ -7175,7 +7176,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$a.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function setValue(component, value) {
@@ -7212,7 +7213,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$a.ketchup.math.numbers.toLocaleString(strVal);
     component.refresh();
 }
 function clearValue(component) {
@@ -7222,14 +7223,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$a.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$9 = document.documentElement;
 let inputArea = null;
 let clearButton = null;
 let submitButton = null;
@@ -7295,8 +7296,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$9.ketchup.openAI.onFunClick) {
+                        dom$9.ketchup.openAI.onFunClick(fun);
                     }
                 } }, fun));
             lastIndex = match.index + match[0].length;
@@ -7722,7 +7723,7 @@ const collapsibleLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$4
 });
 
-const dom$9 = document.documentElement;
+const dom$8 = document.documentElement;
 /**
  * 1st dialog card layout, used to display information in string format.
  * @param {KupCard} component - Card component.
@@ -7816,8 +7817,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$8.ketchup.language.translate(KupLanguageRow.PREVIOUS) })),
+            h("kup-button", Object.assign({}, buttonArray[1], { id: KupCardIds.NEXT_ROW, "onkup-button-click": () => nextButton(component), title: dom$8.ketchup.language.translate(KupLanguageRow.NEXT) })))) : null,
         datatableArray[0] ? (h("div", { class: "section-2" },
             h("kup-data-table", Object.assign({ id: "datatable1" }, datatableArray[0])))) : null));
 }
@@ -8002,7 +8003,7 @@ const freeLayouts = /*#__PURE__*/Object.freeze({
     create2: create2$2
 });
 
-const dom$8 = document.documentElement;
+const dom$7 = document.documentElement;
 /**
  * 1st scalable card layout, column of 2 texts.
  * @param {KupCard} component - Card component.
@@ -8052,7 +8053,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$7.ketchup.math.decimalSeparator()
                         : '')),
             textArray[1] ? (h("div", { class: "value-dec" },
                 h("div", { style: colorArray[1]
@@ -8113,7 +8114,7 @@ function create4$1(component) {
                             : undefined },
                         textArray[0] ? textArray[0] : '',
                         textArray[1]
-                            ? dom$8.ketchup.math.decimalSeparator()
+                            ? dom$7.ketchup.math.decimalSeparator()
                             : '')),
                 textArray[1] ? (h("div", { class: "value-dec" },
                     h("div", { style: colorArray[1]
@@ -8413,7 +8414,7 @@ const scalableLayouts = /*#__PURE__*/Object.freeze({
     create11: create11$1
 });
 
-const dom$7 = document.documentElement;
+const dom$6 = document.documentElement;
 /**
  * 1st standard card layout, inspired by Material Design.
  * @param {KupCard} component - Card component.
@@ -9166,7 +9167,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$7.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
+        return (h("kup-dropdown-button", Object.assign({}, props, { title: dom$6.ketchup.language.translate(KupLanguageGeneric.OPTIONS) })));
     };
     return (h("div", { class: `standard-layout-${component.layoutNumber}` },
         h("div", { class: "section-1" },
@@ -9199,7 +9200,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$6.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.
@@ -10876,11 +10877,11 @@ var KupTreeExpansionMode;
     KupTreeExpansionMode["NODE"] = "node";
 })(KupTreeExpansionMode || (KupTreeExpansionMode = {}));
 
-const dom$6 = document.documentElement;
-const kupObjects = dom$6.ketchup
-    ? dom$6.ketchup.objects
+const dom$5 = document.documentElement;
+const kupObjects = dom$5.ketchup
+    ? dom$5.ketchup.objects
     : new KupObjects();
-const kupData = dom$6.ketchup ? dom$6.ketchup.data : new KupData();
+const kupData = dom$5.ketchup ? dom$5.ketchup.data : new KupData();
 /**
  * Filtering algorithms related to data-table rows.
  * @module FiltersRows
@@ -11109,7 +11110,7 @@ class FiltersRows extends Filters {
     }
 }
 
-const dom$5 = document.documentElement;
+const dom$4 = document.documentElement;
 function sortRows(rows = [], sort = []) {
     if (!rows || rows.length === 0) {
         return [];
@@ -11342,7 +11343,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$4.ketchup.objects.isNumber(cell.obj);
             const totalMode = totals[key];
             switch (totalMode) {
                 case TotalMode.COUNT:
@@ -11359,7 +11360,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$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
                     }
                     else {
                         cellValue = cell.value;
@@ -11411,14 +11412,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$4.ketchup.math.numberify(dom$4.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$4.ketchup.math.numberify(parent.group.totals[key] || 0);
                             parent.group.totals[key] =
                                 cellValue + currentParentSum;
                             parent = parent.group.parent;
@@ -11429,7 +11430,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$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
                         if (currentMinValue) {
                             groupRow.group.totals[key] = Math.min(currentMinValue, cellValue);
                         }
@@ -11452,19 +11453,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$4.ketchup.objects.isDate(cell.obj)) {
+                        if (dom$4.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$4.ketchup.dates.toDayjs(currentMinValue));
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                                    dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                             }
                             else {
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                    dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                             }
                             // updating parents
                             let parent = groupRow.group.parent;
@@ -11473,14 +11474,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$4.ketchup.dates.toDayjs(currentParentMin));
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                                        dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                                 }
                                 else {
                                     // first round
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                        dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                 }
                                 parent = parent.group.parent;
                             }
@@ -11491,7 +11492,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$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
                         if (currentMaxValue) {
                             groupRow.group.totals[key] = Math.max(currentMaxValue, cellValue);
                         }
@@ -11514,19 +11515,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$4.ketchup.objects.isDate(cell.obj)) {
+                        if (dom$4.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$4.ketchup.dates.toDayjs(currentMaxValue));
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                                    dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                             }
                             else {
                                 groupRow.group.totals[key] =
-                                    dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                    dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                             }
                             // updating parents
                             let parent = groupRow.group.parent;
@@ -11535,14 +11536,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$4.ketchup.dates.toDayjs(currentParentMax));
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                                        dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                                 }
                                 else {
                                     // first round
                                     parent.group.totals[key] =
-                                        dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                        dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                 }
                                 parent = parent.group.parent;
                             }
@@ -11635,7 +11636,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$4.ketchup.math.formulas.custom(formula, row.group.totals);
         }
     });
     return numberOfLeaf;
@@ -11665,8 +11666,8 @@ function normalizeRows(columns, rows) {
     }
 }
 function calcTotals(rows = [], totals = {}) {
-    if (dom$5.ketchup.objects.isEmptyJsObject(rows) ||
-        dom$5.ketchup.objects.isEmptyJsObject(totals)) {
+    if (dom$4.ketchup.objects.isEmptyJsObject(rows) ||
+        dom$4.ketchup.objects.isEmptyJsObject(totals)) {
         return {};
     }
     const keys = Object.keys(totals);
@@ -11688,8 +11689,8 @@ function calcTotals(rows = [], totals = {}) {
                 if (cell) {
                     if (totals[key] === TotalMode.DISTINCT) {
                         let cellValue;
-                        if (dom$5.ketchup.objects.isNumber(cell.obj)) {
-                            cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                        if (dom$4.ketchup.objects.isNumber(cell.obj)) {
+                            cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
                         }
                         else {
                             cellValue = cell.value;
@@ -11705,8 +11706,8 @@ function calcTotals(rows = [], totals = {}) {
                             distinctList.push(cellValue);
                         }
                     }
-                    else if (dom$5.ketchup.objects.isNumber(cell.obj)) {
-                        const cellValue = dom$5.ketchup.math.numberify(dom$5.ketchup.math.numberifySafe(cell.value));
+                    else if (dom$4.ketchup.objects.isNumber(cell.obj)) {
+                        const cellValue = dom$4.ketchup.math.numberify(dom$4.ketchup.math.numberifySafe(cell.value));
                         let currentFooterValue = footerRow[key];
                         switch (true) {
                             // TODO DRY the MIN and MAX functions
@@ -11731,18 +11732,18 @@ function calcTotals(rows = [], totals = {}) {
                                 currentFooterValue = footerRow[key] || 0;
                                 footerRow[key] =
                                     cellValue +
-                                        dom$5.ketchup.math.numberify(currentFooterValue);
+                                        dom$4.ketchup.math.numberify(currentFooterValue);
                         }
                         // TODO DRY the MIN and MAX functions
                     }
-                    else if (dom$5.ketchup.objects.isDate(cell.obj)) {
+                    else if (dom$4.ketchup.objects.isDate(cell.obj)) {
                         if (dateColumns.indexOf(key) == -1) {
                             dateColumns.push(key);
                         }
-                        if (dom$5.ketchup.dates.isValidFormattedStringDate(cell.value)) {
-                            const cellValue = dom$5.ketchup.dates.toDate(dom$5.ketchup.dates.toDayjs(cell.value));
+                        if (dom$4.ketchup.dates.isValidFormattedStringDate(cell.value)) {
+                            const cellValue = dom$4.ketchup.dates.toDate(dom$4.ketchup.dates.toDayjs(cell.value));
                             const currentFooterValue = footerRow[key]
-                                ? dom$5.ketchup.dates.toDate(dom$5.ketchup.dates.toDayjs(footerRow[key]))
+                                ? dom$4.ketchup.dates.toDate(dom$4.ketchup.dates.toDayjs(footerRow[key]))
                                 : null;
                             switch (true) {
                                 case totals[key] === TotalMode.MIN:
@@ -11751,11 +11752,11 @@ function calcTotals(rows = [], totals = {}) {
                                         moments.push(cellValue);
                                         moments.push(currentFooterValue);
                                         footerRow[key] =
-                                            dom$5.ketchup.dates.format(dom$5.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
+                                            dom$4.ketchup.dates.format(dom$4.ketchup.dates.min(moments), KupDatesFormats.ISO_DATE);
                                     }
                                     else {
                                         footerRow[key] =
-                                            dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                            dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                     }
                                     break;
                                 case totals[key] === TotalMode.MAX:
@@ -11764,11 +11765,11 @@ function calcTotals(rows = [], totals = {}) {
                                         moments.push(cellValue);
                                         moments.push(currentFooterValue);
                                         footerRow[key] =
-                                            dom$5.ketchup.dates.format(dom$5.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
+                                            dom$4.ketchup.dates.format(dom$4.ketchup.dates.max(moments), KupDatesFormats.ISO_DATE);
                                     }
                                     else {
                                         footerRow[key] =
-                                            dom$5.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
+                                            dom$4.ketchup.dates.format(cellValue, KupDatesFormats.ISO_DATE);
                                     }
                                     break;
                             }
@@ -11797,14 +11798,14 @@ function calcTotals(rows = [], totals = {}) {
                 footerRow[key] = rows.length;
                 break;
             case totals[key].indexOf(TotalMode.MATH) == 0:
-                footerRow[key] = dom$5.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
+                footerRow[key] = dom$4.ketchup.math.formulas.custom(totals[key].substring(TotalMode.MATH.length), footerRow);
                 break;
         }
         if (footerRow[key]) {
             if (dateColumns.indexOf(key) != -1) {
-                footerRow[key] = dom$5.ketchup.dates.format(footerRow[key]);
+                footerRow[key] = dom$4.ketchup.dates.format(footerRow[key]);
             }
-            else if (dom$5.ketchup.math.isNumber(footerRow[key])) {
+            else if (dom$4.ketchup.math.isNumber(footerRow[key])) {
                 footerRow[key] = +footerRow[key].toFixed(2);
             }
         }
@@ -11961,7 +11962,7 @@ function decorateDataTable(data) {
             }
             else {
                 if (cell.shape) {
-                    dom$5.ketchup.debug.logMessage('kup-data', `Shape specified ${cell.shape} in cell ${JSON.stringify(cell)} unsupported`, KupDebugCategory.WARNING);
+                    dom$4.ketchup.debug.logMessage('kup-data', `Shape specified ${cell.shape} in cell ${JSON.stringify(cell)} unsupported`, KupDebugCategory.WARNING);
                 }
             }
         });
@@ -12005,7 +12006,7 @@ class KupDataTableState {
     }
 }
 
-const dom$4 = document.documentElement;
+const dom$3 = document.documentElement;
 /**
  * Definition and events of the column menu card.
  * @module KupColumnMenu
@@ -12030,8 +12031,8 @@ class KupColumnMenu {
      */
     close(card) {
         card.menuVisible = false;
-        dom$4.ketchup.removeClickCallback(this.clickCb);
-        dom$4.ketchup.dynamicPosition.stop(card);
+        dom$3.ketchup.removeClickCallback(this.clickCb);
+        dom$3.ketchup.dynamicPosition.stop(card);
     }
     /**
      * Function called to reposition the column menu card to the appropriate column.
@@ -12043,11 +12044,11 @@ class KupColumnMenu {
             if (card) {
                 const column = card.dataset.column;
                 const wrapper = root.querySelector('th[data-column="' + column + '"]');
-                if (dom$4.ketchup.dynamicPosition.isRegistered(card)) {
-                    dom$4.ketchup.dynamicPosition.changeAnchor(card, wrapper);
+                if (dom$3.ketchup.dynamicPosition.isRegistered(card)) {
+                    dom$3.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }
                 else {
-                    dom$4.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
+                    dom$3.ketchup.dynamicPosition.register(card, wrapper, 0, KupDynamicPositionPlacement.AUTO, true);
                 }
                 if (!this.clickCb) {
                     this.clickCb = {
@@ -12057,8 +12058,8 @@ class KupColumnMenu {
                         el: card,
                     };
                 }
-                dom$4.ketchup.addClickCallback(this.clickCb, true);
-                dom$4.ketchup.dynamicPosition.start(card);
+                dom$3.ketchup.addClickCallback(this.clickCb, true);
+                dom$3.ketchup.dynamicPosition.start(card);
                 card.menuVisible = true;
             }
         }
@@ -12108,8 +12109,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$3.ketchup.language.translate(KupLanguageGrouping.DISABLE)
+                    : dom$3.ketchup.language.translate(KupLanguageGrouping.ENABLE),
             });
         }
         if (comp.removableColumns) {
@@ -12120,12 +12121,12 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-remove',
                 id: KupColumnMenuIds.BUTTON_REMOVE,
-                title: dom$4.ketchup.language.translate(KupLanguageColumn.HIDE),
+                title: dom$3.ketchup.language.translate(KupLanguageColumn.HIDE),
             });
         }
         if (comp.enableExtraColumns &&
-            (dom$4.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$4.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
+            (dom$3.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$3.ketchup.objects.canObjsHaveExtraColumns(column.objs))) {
             props.push({
                 className: 'printable',
                 'data-storage': {
@@ -12133,14 +12134,14 @@ class KupColumnMenu {
                 },
                 icon: 'table-column-plus-after',
                 id: KupColumnMenuIds.BUTTON_ADD_COLUMNS,
-                title: dom$4.ketchup.language.translate(KupLanguageColumn.ADD),
+                title: dom$3.ketchup.language.translate(KupLanguageColumn.ADD),
             });
             props.push({
                 className: 'printable',
-                label: dom$4.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                label: dom$3.ketchup.language.translate(KupLanguageGeneric.APPLY),
                 id: KupColumnMenuIds.BUTTON_APPLY,
                 styling: FButtonStyling.OUTLINED,
-                title: dom$4.ketchup.language.translate(KupLanguageGeneric.APPLY),
+                title: dom$3.ketchup.language.translate(KupLanguageGeneric.APPLY),
             });
         }
         return props;
@@ -12154,8 +12155,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$3.ketchup.objects.isStringObject(column.obj) ||
+                dom$3.ketchup.objects.isCheckbox(column.obj))) {
             const checkBoxesFilter = this.filtersColumnMenuInstance.getCheckBoxFilterValues(comp.filters, column.name);
             const columnValues = comp.getColumnValues(column);
             if (columnValues.length > 0) {
@@ -12167,17 +12168,17 @@ class KupColumnMenu {
                     },
                     id: KupColumnMenuIds.CHECKBOX_GLOBAL,
                     key: KupColumnMenuIds.CHECKBOX_GLOBAL + column.name,
-                    label: dom$4.ketchup.language.translate(KupLanguageCheckbox.ALL),
+                    label: dom$3.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$3.ketchup.objects.isCheckbox(column.obj)) {
                     if (columnValues[index].value == '1') {
-                        label = dom$4.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
+                        label = dom$3.ketchup.language.translate(KupLanguageCheckbox.CHECKED);
                     }
                     else {
-                        label = dom$4.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
+                        label = dom$3.ketchup.language.translate(KupLanguageCheckbox.UNCHECKED);
                     }
                 }
                 props.push({
@@ -12216,7 +12217,7 @@ class KupColumnMenu {
                     }
                 }
                 catch (error) {
-                    dom$4.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
+                    dom$3.ketchup.debug.logMessage(this, 'Child column not found (' + child.name + ')!' + error, KupDebugCategory.ERROR);
                 }
                 chipData.push({
                     icon: child.icon ? child.icon : null,
@@ -12244,7 +12245,7 @@ class KupColumnMenu {
         if (!FiltersColumnMenu.isTree(comp)) {
             if (objs &&
                 objs.length > 0 &&
-                !dom$4.ketchup.objects.isEmptyKupObj(objs[0])) {
+                !dom$3.ketchup.objects.isEmptyKupObj(objs[0])) {
                 props.push({
                     'data-storage': {
                         columnName: column.name,
@@ -12252,7 +12253,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$3.ketchup.language.translate(KupLanguageRow.KEY),
                     leadingLabel: true,
                 });
             }
@@ -12265,7 +12266,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$3.ketchup.language.translate(KupLanguageGrouping.GROUPS),
                     leadingLabel: true,
                 });
             }
@@ -12283,16 +12284,16 @@ class KupColumnMenu {
         if (comp.showFilters) {
             data.push({
                 id: KupLanguageGeneric.FILTERS,
-                value: dom$4.ketchup.language.translate(KupLanguageGeneric.FILTERS),
+                value: dom$3.ketchup.language.translate(KupLanguageGeneric.FILTERS),
             });
         }
         if ((comp.enableExtraColumns &&
-            (dom$4.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
-                dom$4.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
+            (dom$3.ketchup.objects.canObjHaveExtraColumns(column.obj) ||
+                dom$3.ketchup.objects.canObjsHaveExtraColumns(column.objs))) ||
             comp.removableColumns) {
             data.push({
                 id: KupLanguageColumn.COLUMNS,
-                value: dom$4.ketchup.language.translate(KupLanguageColumn.COLUMNS),
+                value: dom$3.ketchup.language.translate(KupLanguageColumn.COLUMNS),
             });
         }
         if (!FiltersColumnMenu.isTree(comp)) {
@@ -12319,7 +12320,7 @@ class KupColumnMenu {
             if (this.filtersColumnMenuInstance.isColumnFiltrableByInterval(column)) {
                 props = props.concat(this.prepIntervalTextfield(comp, column));
             }
-            else if (dom$4.ketchup.objects.isStringObject(column.obj)) {
+            else if (dom$3.ketchup.objects.isStringObject(column.obj)) {
                 let filterInitialValue = this.filtersColumnMenuInstance.getTextFilterValue(comp.filters, column.name);
                 filterInitialValue = getValueForDisplay(filterInitialValue, column.obj, column.decimals);
                 props.push({
@@ -12331,13 +12332,13 @@ class KupColumnMenu {
                     initialValue: filterInitialValue,
                     isClearable: true,
                     key: KupColumnMenuIds.TEXTFIELD_FILTER + column.name,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.SEARCH),
+                    label: dom$3.ketchup.language.translate(KupLanguageSearch.SEARCH),
                     trailingIcon: true,
                 });
             }
         }
         if (!FiltersColumnMenu.isTree(comp)) {
-            if (dom$4.ketchup.objects.isNumber(column.obj) &&
+            if (dom$3.ketchup.objects.isNumber(column.obj) &&
                 comp.enableColumnsFormula) {
                 props.push({
                     fullWidth: true,
@@ -12345,7 +12346,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$3.ketchup.language.translate(KupLanguageTotals.FORMULA),
                     trailingIcon: true,
                 });
             }
@@ -12363,7 +12364,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$4.ketchup.objects.isNumber(column.obj)) {
+        if (!dom$3.ketchup.objects.isNumber(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -12381,7 +12382,7 @@ class KupColumnMenu {
             key: KupColumnMenuIds.TEXTFIELD_FROM + column.name,
             initialValue: initialValueFrom,
             isClearable: true,
-            label: dom$4.ketchup.language.translate(KupLanguageSearch.FROM),
+            label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
             trailingIcon: true,
         });
         props.push({
@@ -12396,7 +12397,7 @@ class KupColumnMenu {
             key: KupColumnMenuIds.TEXTFIELD_TO + column.name,
             initialValue: initialValueTo,
             isClearable: true,
-            label: dom$4.ketchup.language.translate(KupLanguageSearch.TO),
+            label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
             trailingIcon: true,
         });
         return props;
@@ -12412,7 +12413,7 @@ class KupColumnMenu {
         if (!comp.showFilters) {
             return props;
         }
-        if (!dom$4.ketchup.objects.isTime(column.obj)) {
+        if (!dom$3.ketchup.objects.isTime(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -12429,13 +12430,13 @@ class KupColumnMenu {
                     fullWidth: true,
                     helperWhenFocused: true,
                     isClearable: true,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.FROM),
+                    label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_FROM,
             key: KupColumnMenuIds.TEXTFIELD_FROM + column.name,
             initialValue: initialValueFrom,
-            manageSeconds: dom$4.ketchup.objects.isTimeWithSeconds(column.obj),
+            manageSeconds: dom$3.ketchup.objects.isTimeWithSeconds(column.obj),
         });
         props.push({
             'data-storage': {
@@ -12448,13 +12449,13 @@ class KupColumnMenu {
                     fullWidth: true,
                     helperWhenFocused: true,
                     isClearable: true,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.TO),
+                    label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_TO,
             key: KupColumnMenuIds.TEXTFIELD_TO + column.name,
             initialValue: initialValueTo,
-            manageSeconds: dom$4.ketchup.objects.isTimeWithSeconds(column.obj),
+            manageSeconds: dom$3.ketchup.objects.isTimeWithSeconds(column.obj),
         });
         return props;
     }
@@ -12469,8 +12470,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$3.ketchup.objects.isDate(column.obj) &&
+            !dom$3.ketchup.objects.isTimestamp(column.obj)) {
             return props;
         }
         let interval = this.filtersColumnMenuInstance.getIntervalTextFieldFilterValues(comp.filters, column);
@@ -12478,7 +12479,7 @@ class KupColumnMenu {
         let initialValueTo = interval[FilterInterval.TO];
         let suffixFrom = null;
         let suffixTo = null;
-        if (dom$4.ketchup.objects.isTimestamp(column.obj)) {
+        if (dom$3.ketchup.objects.isTimestamp(column.obj)) {
             suffixFrom = ' 00:00:00';
             suffixTo = ' 23:59:59';
             if (initialValueFrom && initialValueFrom.length >= 10) {
@@ -12506,7 +12507,7 @@ class KupColumnMenu {
                     fullWidth: true,
                     helperWhenFocused: true,
                     isClearable: true,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.FROM),
+                    label: dom$3.ketchup.language.translate(KupLanguageSearch.FROM),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_FROM,
@@ -12525,7 +12526,7 @@ class KupColumnMenu {
                     fullWidth: true,
                     helperWhenFocused: true,
                     isClearable: true,
-                    label: dom$4.ketchup.language.translate(KupLanguageSearch.TO),
+                    label: dom$3.ketchup.language.translate(KupLanguageSearch.TO),
                 },
             },
             id: KupColumnMenuIds.TEXTFIELD_TO,
@@ -12779,7 +12780,7 @@ var FPaginatorMode;
     FPaginatorMode["FULL"] = "full";
 })(FPaginatorMode || (FPaginatorMode = {}));
 
-const dom$3 = document.documentElement;
+const dom$2 = document.documentElement;
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
@@ -12795,8 +12796,8 @@ const FPaginator = (props) => {
             data: pageItems,
         },
         'kup-text-field': {
-            label: dom$3.ketchup.language.translate(KupLanguagePage.PAGE),
-            helper: dom$3.ketchup.language.translate(KupLanguagePage.TOTAL) +
+            label: dom$2.ketchup.language.translate(KupLanguagePage.PAGE),
+            helper: dom$2.ketchup.language.translate(KupLanguagePage.TOTAL) +
                 `: ${maxNumberOfPage}`,
             helperWhenFocused: true,
             inputType: 'number',
@@ -12809,10 +12810,10 @@ const FPaginator = (props) => {
             data: rowsPerPageItems,
         },
         'kup-text-field': {
-            label: dom$3.ketchup.language.translate(KupLanguageRow.ROWS) +
+            label: dom$2.ketchup.language.translate(KupLanguageRow.ROWS) +
                 ' / ' +
-                dom$3.ketchup.language.translate(KupLanguagePage.PAGE),
-            helper: dom$3.ketchup.language.translate(KupLanguageRow.TOTAL) +
+                dom$2.ketchup.language.translate(KupLanguagePage.PAGE),
+            helper: dom$2.ketchup.language.translate(KupLanguageRow.TOTAL) +
                 `: ${props.max}`,
             helperWhenFocused: true,
             inputType: 'number',
@@ -12821,7 +12822,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$2.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, initialValue: props.perPage.toString(), "onkup-combobox-change": props.onRowsChange }),
         h("kup-combobox", { class: "page-selector", data: dataPageSelector, initialValue: props.currentPage.toString(), "onkup-combobox-change": props.onPageChange }),
         h("div", { class: "arrow-wrapper" },
@@ -12870,9 +12871,9 @@ function isPrevPageDisabled(props) {
     return props.currentPage == 1;
 }
 
-const dom$2 = document.documentElement;
+const dom$1 = document.documentElement;
 function pageChange(pageNumber, max, perPage) {
-    if (dom$2.ketchup.math.isNumber(pageNumber)) {
+    if (dom$1.ketchup.math.isNumber(pageNumber)) {
         const numberOfPages = Math.ceil(max / perPage);
         let tmpNewPage = pageNumber;
         if (tmpNewPage > numberOfPages) {
@@ -12886,7 +12887,7 @@ function pageChange(pageNumber, max, perPage) {
     return null;
 }
 function rowsPerPageChange(rowsNumber, max) {
-    if (dom$2.ketchup.math.isNumber(rowsNumber)) {
+    if (dom$1.ketchup.math.isNumber(rowsNumber)) {
         let tmpRowsPerPage = rowsNumber;
         if (tmpRowsPerPage > max) {
             tmpRowsPerPage = max;
@@ -16451,7 +16452,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '97f7c450f1127e17093339384ddf702cba2a6fe3' }, h$1("style", { key: 'b819e8654037e98b79b7fe0a38e1f38128a06b6e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd7d42055db50947e57d98a07e8396600f9653ddd', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h$1(Host, { key: '01279d87213d53b67cd6bd48830ce8b3d6ba2d0c' }, h$1("style", { key: 'e72d86ef452904cfc610fd4ee964715820b6a489' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '0ddf26e97241a003a77f0a041ef09621899fe952', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -18030,7 +18031,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends H {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: 'aec9128d5c983f66e2c9830c322506c4539e21c9' }, h$1("style", { key: '8859ad3ed0aa14a468516b01499e82e9fd8f2a36' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '486bebb9405f743d3448cbddadeb53eab64c73b7', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: 'b055a1fd94ba6af4cd5cbe998c2312395514af8c' }, props)))));
+        return (h$1(Host, { key: '86748c6c08475f936169898ba4b926718fcaf408' }, h$1("style", { key: '448695a70cd694897d210cd42a790f9141b9acdf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '66676ec9881f2b6af0e0dc01f7a8614164e269c5', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: 'bceef796e14a6c35595cfc259c262438426cd57b' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18293,59 +18294,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h$1("div", { key: '81a65c54055473cc29b6eb27111eca0e2c89e34b', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '5ddbc3a4e2dfe25791a1dfd4bec2373d51c491ac', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'd4651cec0cf7ffb42ed2b7dab63838d43778358c', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '3a90ca47426be590e3d533120858f5aeef770749', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '52d9e9e8a0dbe22eab84fe93c5111444b3954796', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '804774c88c9dc9656ad44bb78ff48bac1b8dc3ca', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '96692932f35b65738b7bd4a709f29a6882eb5d35', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '92a10a4176fc8117c7855edb5672ca51d6a82f05', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'eb18cdd80e2fdd87f2b41a28078695b5c7d106cc', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '04555672d9cc1f0c373d8042e11f9846a74f9323', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'c5931a2cfb81583080d45d48a366ecc5ea64c051', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'e25127c741adbd5143cc64876cf7676d2c820e9a', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h$1("div", { key: 'e14ba5380e396bd6aa330eb368c74be28a544611', class: "sk-spinner-v9-bounce1" }),
-                    h$1("div", { key: '391a4eec88e9579bd9e6b420f5c137ce8ac65b80', class: "sk-spinner-v9-bounce2" }),
+                    h$1("div", { key: 'e25a5e3a3e0c6558ff69aaa9f26415d0f174b5b0', class: "sk-spinner-v9-bounce1" }),
+                    h$1("div", { key: 'd965dfd0f30bceae4071f59ddd6a93413e66c0d8', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h$1("div", { key: 'e10563e780ee16d1cbba147d2a2fe69da0025a46', class: "sk-spinner-v10-cube1" }),
-                    h$1("div", { key: 'b55e2d5a3c37a67e1318cb9a68d1c7b895bb63ad', class: "sk-spinner-v10-cube2" }),
+                    h$1("div", { key: 'dc77ac1838734ab3d7fa10e37157c007a2f7a0f7', class: "sk-spinner-v10-cube1" }),
+                    h$1("div", { key: 'e079e592180df575002a539d3538fc7a8a603a73', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h$1("div", { key: '3288bdc038ca02c506f72b50bce793ec2416165e', class: "sk-spinner-v12-dot1" }),
-                    h$1("div", { key: '8811c582d95327ee22ca89a2931c94eebdc2d88c', class: "sk-spinner-v12-dot2" }),
+                    h$1("div", { key: '1f7e9f41f12e05898777647b5317e3121f3d0b84', class: "sk-spinner-v12-dot1" }),
+                    h$1("div", { key: '761ea5842b5ccc7f5289612931f4aea9c3cb1719', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h$1("div", { key: '2500b736456a54e1534d157e0262f0aed8da33a7', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h$1("div", { key: 'fdac8eb3d24bbda5eec177146ede56548605a98c', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h$1("div", { key: '5d2bb1fdd70649b44a992a882f3457f3b6c81244', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h$1("div", { key: '4b8313ea7ea6eafe5ca0a0c26046314ccd1b9065', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h$1("div", { key: 'ed49f19d072900348139db9f2c6514a97554c87a', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h$1("div", { key: '20681a2cf6cef36f4cbce77ebb3269ccd87516c4', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h$1("div", { key: '47fd85c50dc4ecdbbbc4407a965835da43bbc06b', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h$1("div", { key: '4acc593a037af69708c8b591d00ab9e79c85e071', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h$1("div", { key: '37848e74d0adf52c7dcfd7667a534f299ad1b249', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h$1("div", { key: 'a8ecdb239803689d32d5d751f749748246f2749d', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h$1("div", { key: 'ae4ffec0c0d2ec6cf04dee3ba30e4e53a9193296', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h$1("div", { key: 'e743362b2b34e79185fba06d2c62b0bfc0f2d81b', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h$1("div", { key: '007a0e740f489013c5413ed583bb9c97b9ebf6d0', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h$1("div", { key: '44c66240725e7ee2bd36517cc28efcaf65b8011c', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h$1("div", { key: '66f19c1fddcf50a3ee379ad87cdc526be514092f', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h$1("div", { key: '817c7ab107d0990d50e2605b8183ceb66ceee73f', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h$1("div", { key: '313b9525eb797803de6959ece1136ce04477dca5', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h$1("div", { key: 'ec75231b93337852eb67d052b3f6463bad26ffa6', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h$1("div", { key: '81864660743e356c6f6c43c503b2a977e315c869', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'd495acf840740ec71bbef1384a4a153991bba8d5', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'dbe6c9598f20c2285b9dcfcf4d95fe8fea796916', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '303d0136dd6c9b5a81416d6a14953243cd348dc4', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '6e81d676ab005e17fb470c519a1cd155be97f6d2', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'd0cb98cd47fbd80d9924422072d3d9197489dab2', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '4ae83dfedae737e014295302c735611bf099c86e', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '298aed2ccd8e33cecc97eb1de1fa164160d06f8f', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'f2ef5563042c1846298b80b01a7f8a7a025607d2', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '14f9cb1f53017077195a3894eca9e5c2a0236c3a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '01be9f538d0a601bb0979f518f24ff5374d595b2', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '5b93a4fd503c3a9f4e19592c6a22e6a65f041211', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'ac985dc9f68b8f8ccf18fea4421141304bf96cfc', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '68380b6cf9cc7922538a298efcbe25cdd6a2689c', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '3ccf00fa9e7243276d7b1200eda6252c1e8fb40e', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'f13bb429a3b6bb253ea723e10acbb5115310e8a9', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '811a9b344cc9e988e2320fc9859d541039d9df43', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '2d8b2366a1ac095d8d89e3d2f67a5e0db6b94a2b', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '1b29647d383fe51676bc160f8fa90f7f2e7e7859', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '9ee69337ef8957e3dcffd7d5721fb8d779479328', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'be9d0bccfecfe654d1268c3e1e5fa36073ab40f1', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '3e8bfe54448bb20691b1f3381f46388087e4a77a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '62203f80263c73871d5465948f937e8dabc07618', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '04aaf9514b8c47ae0a8b15e71943be087d82f90b', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -18364,7 +18365,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h$1(Host, { key: '7c9b0f4854d031fb6714f80963d2e737056dd1e1', style: elStyle }, h$1("style", { key: 'beaf684ed7a70a8100c9c17684480e949c3f3c86' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '591b984509aacd8b3a24cdd5d98451b8887a01d9', id: componentWrapperId, style: elStyle }, h$1("div", { key: '5c5f225efad2ec9f68ca08e48332c19c302d6a3c', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: 'ea1da271a51f4b923d3c72a467f29358480d96d4', id: wrapperClass, style: elStyle }, h$1("div", { key: 'c7b041c3a7757dffa3719dca7bd1381d08dd948f', class: spinnerClass }, spinnerEl))))));
+        return (h$1(Host, { key: 'e89031aff0515422bf313b6d75816eee1a1be8a4', style: elStyle }, h$1("style", { key: 'fe09930f27d2358ab85476ee06d741f61f89edea' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd502afd351c3123d93cba23b657d0cad315f590c', id: componentWrapperId, style: elStyle }, h$1("div", { key: '938900ed60ce21b69ae1467d3ea58bc486d3d6b8', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: 'ea0359893f1f02255c0a1988b9b6422302703dc4', id: wrapperClass, style: elStyle }, h$1("div", { key: '53ff614e48e01507541b55f0419e307bea923259', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18623,7 +18624,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends H {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h$1(Host, { key: 'c76588531b81b4dca3435656bbde26e92359e837' }, h$1("style", { key: 'cc834c7b3ab8d125a34f898b0882c39fdcff91ba' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '1e03a86938cb8e07dd3a7dba4eaf4c397793d385', id: componentWrapperId }, h$1(FRating, Object.assign({ key: '0cfcb19553aa078af5b7caba2ce36b32290a7c04' }, props)))));
+        return (h$1(Host, { key: 'cca9b24675200d359bf91a620de8044f2bef1426' }, h$1("style", { key: '986e67ed44bb5e3d84f248d1a7d4c9525e73b779' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b5582f26cec08e9991cff8633b0727160ece08b5', id: componentWrapperId }, h$1(FRating, Object.assign({ key: '6605be5d010ed846971bc7e23439e1898ccf75eb' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18887,7 +18888,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h$1(Host, { key: '5dc3349ea6e77e6a5934c04875bc6dc51ad3e607' }, h$1("style", { key: '609be59600e3bfb70a782471a8844a2edec151de' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f394ab7f3ada958c57798682abda94aa51898a5f', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '0e88ea54b8e84a5eaf989322832104acf35fe95d' }, props)))));
+        return (h$1(Host, { key: '0dda1afcc6c894a63f2090d372ec33c64f68e9cc' }, h$1("style", { key: '9b3c973b4c08e663688092e583f590f5ff9a021e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'bf829abd6a8ec69b05951b7b3c9a5a7c67d8554f', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: 'dec34d14458ea7d07442f17f2217ce3943d92c3b' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -19050,7 +19051,7 @@ function defineCustomElement$i() {
     } });
 }
 
-const kupListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_list_background_color:var(\n    --kup-list-background-color,\n    var(--kup-layer-1)\n  );--kup_list_background_color_hover:var(\n    --kup-list-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_list_focus_color:var(--kup-list-focus-color, var(--kup-border-subtle));--kup_list_text_color:var(--kup-list-text-color, var(--kup-text-secondary));--kup_list_item_text_color:var(\n    --kup-list-item-text-color,\n    var(--kup-text-secondary)\n  );--kup_list_text_color_hover:var(\n    --kup-list-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup_list_item_height_medium, 2.5em);--kup_list_item_height_small:var(--kup-list-item-height-small, 32px);--kup_list_item_height_medium:var(--kup-list-item-height-medium, 40px);--kup_list_item_height_large:var(--kup-list-item-height-large, 48px);--kup_list_item_padding_left:var(\n    --kup-list-item-padding,\n    var(--kup-space-05)\n  );--kup_list_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.list{background:var(--kup_list_background_color);color:var(--kup_list_text_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc(var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px));overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--kup_list_item_text_color);font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:\"\";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:\"\";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_text_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:8px}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup_list_background_color);box-shadow:var(--kup_list_box_shadow);border:1px solid var(--kup_list_focus_color);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color-60);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color-40);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
+const kupListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_list_background_color:var(\n    --kup-list-background-color,\n    var(--kup-layer-1)\n  );--kup_list_background_color_hover:var(\n    --kup-list-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_list_focus_color:var(--kup-list-focus-color, var(--kup-border-subtle));--kup_list_text_color:var(--kup-list-text-color, var(--kup-text-secondary));--kup_list_item_text_color:var(\n    --kup-list-item-text-color,\n    var(--kup-text-secondary)\n  );--kup_list_text_color_hover:var(\n    --kup-list-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup_list_item_height_medium, 2.5em);--kup_list_item_height_small:var(--kup-list-item-height-small, 32px);--kup_list_item_height_medium:var(--kup-list-item-height-medium, 40px);--kup_list_item_height_large:var(--kup-list-item-height-large, 48px);--kup_list_item_padding_left:var(\n    --kup-list-item-padding,\n    var(--kup-space-05)\n  );--kup_list_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.scroll-list{overflow-y:auto;max-height:var(--kup_list_max_height_as_menu)}.list{background:var(--kup_list_background_color);color:var(--kup_list_text_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc(var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px));overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--kup_list_item_text_color);font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:\"\";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:\"\";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_text_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:8px}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup_list_background_color);box-shadow:var(--kup_list_box_shadow);border:1px solid var(--kup_list_focus_color);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color-60);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color-40);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
 const KupListStyle0 = kupListCss;
 
 var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -19069,7 +19070,7 @@ var __classPrivateFieldSet$4 = (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 _KupList_instances, _KupList_kupManager, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant;
+var _KupList_instances, _KupList_kupManager, _KupList_globalFilterTimeout, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant, _KupList_createFilterComponent;
 const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
     constructor() {
         super();
@@ -19086,6 +19087,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
          * Instance of the KupManager class.
          */
         _KupList_kupManager.set(this, kupManagerInstance());
+        _KupList_globalFilterTimeout.set(this, void 0);
         _KupList_radios.set(this, []);
         _KupList_listItems.set(this, []);
         this.focused = null;
@@ -19093,6 +19095,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         this.customStyle = '';
         this.data = [];
         this.displayMode = ItemsDisplayMode.DESCRIPTION;
+        this.showFilter = false;
         this.filter = '';
         this.hideText = false;
         this.isMenu = false;
@@ -19235,6 +19238,13 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
     async setProps(props) {
         setProps(this, KupListProps, props);
     }
+    onFilterValueChange({ detail }) {
+        let value = '';
+        if (detail && detail.value) {
+            value = detail.value;
+        }
+        this.filter = value;
+    }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
@@ -19269,6 +19279,8 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         __classPrivateFieldSet$4(this, _KupList_listItems, [], "f");
         let componentClass = 'list';
         let wrapperClass = undefined;
+        let filterClass = 'filter';
+        let listScrollClass = 'scroll-list';
         if (this.isMenu) {
             wrapperClass = 'kup-menu';
             if (this.menuVisible) {
@@ -19295,9 +19307,9 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
         __classPrivateFieldSet$4(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h$1(Host, { key: '08701617c26a28e330d8db4d579cda4b99f53fa4' }, h$1("style", { key: '12f6c1797eb686c114114eb5dce532979f6226cb' }, __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '3bae7c17b51cf2c03835ae90661f46209bcf251b', id: "kup-component", class: wrapperClass }, h$1("ul", { key: '99232d1e8c3a5eb2a4c3d4ca6f080ebb5e468b95', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h$1(Host, { key: 'e8cdd2092681385e1066487b2b62ee82bceab891' }, h$1("style", { key: '336d64d0725b9eac37163b89464384ffe0b5a1f2' }, __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '62e457fb4a4af1eadae76893c8cc247140b2fbaa', id: "kup-component", class: wrapperClass }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: 'd256a7e0e34dd704d03a19d361e308fe9542540f', class: listScrollClass }, h$1("ul", { key: '040ad58ac8867cb5a5ae50dbf687d019a497b153', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
-            .map((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++))))));
+            .map((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.unregister(this);
@@ -19308,6 +19320,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         "customStyle": [1, "custom-style"],
         "data": [1040],
         "displayMode": [1, "display-mode"],
+        "showFilter": [4, "show-filter"],
         "filter": [1025],
         "hideText": [4, "hide-text"],
         "isMenu": [4, "is-menu"],
@@ -19327,7 +19340,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         "select": [64],
         "setProps": [64]
     }, [[0, "keydown", "listenKeydown"]]]);
-_KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
+_KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
     if (index !== null && index !== undefined && !isNaN(index)) {
         const listItems = this.rootElement.shadowRoot.querySelectorAll('.list-item');
         const id = listItems[index].dataset.id;
@@ -19491,6 +19504,11 @@ _KupList_kupManager = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_l
     }
     return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
         item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
+}, _KupList_createFilterComponent = function _KupList_createFilterComponent() {
+    return (h$1("div", { id: "global-filter", class: "filter" }, h$1("kup-text-field", { fullWidth: true, label: __classPrivateFieldGet$5(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.filter, "onkup-textfield-input": (event) => {
+            window.clearTimeout(this.filter);
+            __classPrivateFieldSet$4(this, _KupList_globalFilterTimeout, window.setTimeout(() => this.onFilterValueChange(event), 600), "f");
+        } })));
 };
 function defineCustomElement$h() {
     if (typeof customElements === "undefined") {
@@ -20765,7 +20783,7 @@ const KupDropdownButton = /*@__PURE__*/ proxyCustomElement(class KupDropdownButt
         return buttons;
     }
     render() {
-        return (h$1(Host, { key: '9f0b15f4510c169fe9beda4f7536d55bbad28b4f' }, h$1("style", { key: '85819d0d93e7572fc9f8a1d5dc4af120b245d940' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '8e3065921f29bcf4f2a2ebe124b89ae29f2cd4f8', id: componentWrapperId }, h$1("div", { key: 'b314369d46e48fd0d20dd0f0ac9e7390a4c7a9b8', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: 'c07fd0d7a4f3d094e59d48623de84d3df82896b4' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
+        return (h$1(Host, { key: 'ccae4dfa0806f3fdbf1bed5fbd19fadd7de8429d' }, h$1("style", { key: '0173c39b549a40914975036cfdf000b1fb00aabd' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '11845d0c420acc71324ec35a666efa13640be822', id: componentWrapperId }, h$1("div", { key: '4f589eb69851af86e9e4c42c531445626741c008', class: "dropdown-button--wrapper" }, this.renderButtons()), h$1("kup-list", Object.assign({ key: '058216a70f437d213f51c0f07ac62bb30544e9fb' }, this.data['kup-list'], { displayMode: this.displayMode, isMenu: true, "onKup-list-click": (e) => this.onKupItemClick(e), id: this.rootElement.id + '_list', ref: (el) => (this.listEl = el) })))));
     }
     disconnectedCallback() {
         if (this.listEl) {
@@ -21094,7 +21112,7 @@ const KupDialog = /*@__PURE__*/ proxyCustomElement(class KupDialog extends H {
         if (headerSlot) {
             __classPrivateFieldSet$3(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h$1(Host, { key: 'f43905df343499898224da326539ddfbb269afa9', "fade-in": true, style: style }, h$1("style", { key: 'f26805300b8847f08e481254e1a144cd00770d0c' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '487037f1f65b1d1f83b141feedca2e5caed650dc', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: 'f707d046770ca02e82fbeebec60203622336c113', class: "content" }, h$1("slot", { key: '9e253ef007261663063e56843b72056755ef65c6', name: "content" })))));
+        return (h$1(Host, { key: '677afdac900b1d07b1a2874869f3d8415a508f31', "fade-in": true, style: style }, h$1("style", { key: '22e733f191cd089e832746c87ad41e831e0af07f' }, __classPrivateFieldGet$4(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b2a99bc3c9dec0ae5774b62423882d4e98d9a22b', id: componentWrapperId }, this.header ? (h$1("div", { class: "header", ref: (el) => (__classPrivateFieldSet$3(this, _KupDialog_header, el, "f")) }, this.header.title ? (h$1("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h$1(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h$1("slot", { name: "header" })) : null, h$1("div", { key: 'c069c53fe1a71fdf84984ea725cfeb5876485686', class: "content" }, h$1("slot", { key: '1682932aeb2e0352bcf6d6f3685ea1b7f0be30b7', name: "content" })))));
     }
     disconnectedCallback() {
         if (this.modal) {
@@ -21652,7 +21670,7 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '13a47c3a9b404c14a77d88d649fad882b4339da0' }, h$1("style", { key: 'cf4b70d3470ac7a1e2184826fced51eb57590a83' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '5082110224b42c1ffd5b8c7161293d50797341d6', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
+        return (h$1(Host, { key: '46a53a55ec511a4beb0105b6a1caf5af95addc05' }, h$1("style", { key: '6b93ff258cacb4dfa701edcafb123f18b8b3a7f1' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd9685f29bf32e9222f62c708250e846b84c182a1', id: componentWrapperId }, this.prepTextfield(this.getDateForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -21867,7 +21885,7 @@ var KupFormLabelPlacement;
 const kupFormCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_form_background_color:var(\n    --kup-form-background-color,\n    var(--kup-layer-0)\n  );--kup_form_color:var(--kup-form-color, var(--kup-text-secondary));--kup_form_font_family:var(--kup-form-font-family, var(--kup-font-family));--kup_form_font_size:var(--kup-form-font-size, var(--kup-font-size));--kup_form_label_alignment:var(--kup-form-label-alignment);--kup_form_label_width:var(--kup-form-label-width);--kup_form_padding:var(--kup-form-padding, 1em 0);display:block;font-family:var(--kup_form_font_family);font-size:var(--kup_form_font_size)}.form{background:var(--kup_form_background_color);color:var(--kup_form_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_form_padding);position:relative}.form--column{flex-direction:column}.form__section{display:flex;flex:1 1 1%;flex-direction:row;flex-wrap:wrap}.form__section--column{flex-direction:column;flex-wrap:unset}.form__section--column>.form__section{flex:0 0 auto}.form__section--grid{display:grid}.form__section--titled{border:1px solid var(--kup-border-subtle);padding-top:5px;position:relative;margin:10px}.form__section--titled>h3{background:var(--kup-background-color);font-size:calc(var(--kup-font-size) * 1.15);position:absolute;margin:0px;padding:0 8px;top:-11px;left:5px;transition:background-color 0.25s ease}.form__section--left .form__label{width:var(--kup_form_label_width, 0)}.form__section--right .form__field{min-width:200px;width:0}.form__label{-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:0.875em;letter-spacing:0.0178571429em;white-space:nowrap;width:var(--kup_form_label_width)}.form__label--center{text-align:var(--kup_form_label_alignment, center)}.form__label--left{text-align:var(--kup_form_label_alignment, left)}.form__label--right{text-align:var(--kup_form_label_alignment, right)}.form__field{min-height:16px}.form__field img{height:auto}.form__submit{height:0;opacity:0;overflow:hidden;position:absolute;width:0}.form .f-cell.c-right-aligned:not(.c-centered) .f-cell__content{justify-content:flex-start}";
 const KupFormStyle0 = kupFormCss;
 
-const dom$1 = document.documentElement;
+const dom = document.documentElement;
 const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
     constructor() {
         super();
@@ -22206,7 +22224,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
             return (h$1("td", { class: `form__label form__label--${alignment}`, style: style }, h$1("span", null, label)));
         }
         function setPlaceholderLabel() {
-            switch (dom$1.ketchup.data.cell.getType(cell, cell.shape || column.shape || null)) {
+            switch (dom.ketchup.data.cell.getType(cell, cell.shape || column.shape || null)) {
                 case FCellTypes.AUTOCOMPLETE:
                 case FCellTypes.COLOR_PICKER:
                 case FCellTypes.COMBOBOX:
@@ -22271,7 +22289,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h$1("p", { key: '3745e06e9f57294d4957cf2ce2700235f1efbc20' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h$1("p", { key: '3c206215642b1662964c975671c3a2f7720eb470' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -22282,7 +22300,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h$1(Host, { key: '8bb39e913c0bb04bdb20e5680f86c4d92971aae9' }, h$1("style", { key: '998fbdf757d808b818bc45e30281038ad96690d9' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '6098ba93cc85091acc8671dfb75c318cf1e5a779', id: componentWrapperId }, formContent)));
+        return (h$1(Host, { key: 'bc740600eab0fde6bce214eb57ce0a883a70bc50' }, h$1("style", { key: '73cf8c044cbe93249f7943e42b657b5d70247531' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '2fe3feca10d6237f4135453b91334527ba2ca311', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -22477,8 +22495,7 @@ var __classPrivateFieldSet$2 = (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_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 = document.documentElement;
+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_onBlurHandler, _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 KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends H {
     constructor() {
         super();
@@ -22504,6 +22521,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         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);
+        this.kupDataTableCellClick = createEvent(this, "kup-datatable-cell-click", 6);
+        this.kupDataTableCellIconClick = createEvent(this, "kup-datatable-cell-iconclick", 6);
+        this.kupDataTableCellInput = createEvent(this, "kup-datatable-cell-input", 6);
         _KupDataTable_instances.add(this);
         this.state = new KupDataTableState();
         _KupDataTable_initialized.set(this, false);
@@ -22631,55 +22651,6 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 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$3(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$3(this, _KupDataTable_originalDataLoaded, "f"),
-                            updatedData: getDiffData(__classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
-                            cell: cell,
-                        });
-                    }
-                } });
-        });
-        _KupDataTable_checkOnBlurEvent.set(this, (cell, rowId, colName) => {
-            const evName = __classPrivateFieldGet$3(this, _KupDataTable_eventBlurNames, "f").get(cell.shape);
-            if (!evName) {
-                return;
-            }
-            const handler = async () => {
-                var _a, _b;
-                if (((_b = (_a = __classPrivateFieldGet$3(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$3(this, _KupDataTable_originalDataLoaded, "f"),
-                        updatedData: getDiffData(__classPrivateFieldGet$3(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$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.CHIP, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.DATE, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.MULTI_AUTOCOMPLETE, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.MULTI_COMBOBOX, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.TIME, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.COMBOBOX, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurEvent, "f").bind(this)],
-                [FCellTypes.STRING, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.RADIO, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.NUMBER, __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurProp, "f").bind(this)],
-                [FCellTypes.OBJECT, __classPrivateFieldGet$3(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, [
@@ -23787,7 +23758,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '6d09e0c370b54d11bafabf2a532016e56ba6e27d', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '7987d19b7d01dc634c4bba42852937f7ba607aab', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '5e7916b2d5e5406bfe89de59c85abfcf9d9c7c27', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '3a773e1601ad49f6092cc5c29552f30b199ebf6f', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -23852,7 +23823,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: 'e48abd07934925d6d857ec993dd762113d9b916e' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: 'b18db45f91b68ade282b4f8c3418d0697e7a5fc1' }, props));
             }
         }
         const tableClass = {
@@ -23884,7 +23855,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: 'a826f0b07e62fc01da85e10a57f8c0367bce8ff9', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: 'd1abd05e8bb445e6057801a98a217ba0d856784c' }, h$1("tr-sticky", { key: '12362919acda0cc236ccd205463bc36515070dd8' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '3fb152a6231778c46a1c414a974b92fd3ac5243f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '8000359e51e3761851779b2746b8a823169f17e0' }, h$1("tr-sticky", { key: '95049c2d562c00c4f71215dd193dda2b0457187f' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -23910,11 +23881,18 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 }
             }
         };
-        const compCreated = (h$1(Host, { key: 'a6dddf02abe9beeee2c96e891cc66cb372b39184', "onKup-cell-input": autoselectOnAction, "onKup-cell-update": autoselectOnAction }, h$1("style", { key: '1af1e2c0d3843d6bfcda7f5bd7cf6b319770a43e' }, __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: 'eb7ee03de3fef0785fe3029250372e9a84d2b88d', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '9905494aded337acf7a24cf1e2bcd9ad0b573da7', class: "group-wrapper" }, groupChips), h$1("div", { key: '8b2752ff6c6bd49e89f61215429040919ff89276', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+        const compCreated = (h$1(Host, { key: 'db73b583031420003c076acd9c48e5c44c9d95cf', "onKup-cell-input": (e) => {
+                autoselectOnAction(e);
+                this.kupDataTableCellInput.emit(e.detail);
+            }, "onKup-cell-update": autoselectOnAction, "onKup-cell-blur": __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
+                this.kupDataTableCellClick.emit(e.detail);
+            }, "onKup-cell-iconclick": (e) => {
+                this.kupDataTableCellIconClick.emit(e.detail);
+            } }, h$1("style", { key: 'e979b5cccaddb966b713cc71717ed6f7158d0400' }, __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: 'd18317ca2692ef7737996ba4d517d04855c47ffe', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '26dbdc330eaba4fae0f5e9f7d27a191be1747eed', class: "group-wrapper" }, groupChips), h$1("div", { key: '64fe5a4113a4a215d6d25b08519dd5b88f32e411', class: "actions-wrapper", style: actionWrapperWidth }, this.globalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: '9b05b8a8d56d49d9d4b6b763615bee5b86c62b8d', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: '4a633fe3a6b4f2205f9b769d9fa33af7642a4823', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -23964,9 +23942,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: '3cf3b9dd5588849ceae45d650c4aa11673338517', 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: '9facac39033ec246e9956fd4ee0be2fce5361566', 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: 'f7f1635a9f148cdbb0b9df7de7c251387cb2be71', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: '39c7f61aa191bf964ff6c6ad35919cae01863c7f', 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);
@@ -23975,7 +23953,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: '789e0a4319c5010b8edbb2a7fc921d8c6f87cbba', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: 'ba49043f8cc8e2bc160b313c590fa330a63ee4de', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -23983,7 +23961,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: 'd1a38a517fffca82965d85f773b8545b69289e55', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '008d620586ace87338985b3951f5cd43f1d5d82e' }, header)), h$1("tbody", { key: '5af95702fa6fc2e57acec377594a540d8ff5d2c7' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+            } }, h$1("thead", { key: 'fed053b884d7536e7b98bb369287a7fa0d09425b', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: 'c64f1ff4ac83b0bf529ace7f2c1eaab7458577bc' }, header)), h$1("tbody", { key: 'a7224a1e949d4d1402cd050f2da707798626eeb5' }, rows), this.showFooter || __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
             ? this.renderFooter()
             : null), stickyEl), paginatorBottom)));
         return compCreated;
@@ -24137,7 +24115,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         "fixedRows": ["controlFixedRowsColumns"],
         "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_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() {
+_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_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$3(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$3(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$3(this, _KupDataTable_clickCbDropCard, "f"));
     __classPrivateFieldGet$3(this, _KupDataTable_columnDropCard, "f").remove();
@@ -25851,6 +25829,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     const remove = columns.splice(sortedColumnIndex, 1);
     columns.splice(receivingColumnIndex, 0, remove[0]);
     this.refresh();
+}, _KupDataTable_onBlurHandler = function _KupDataTable_onBlurHandler({ detail: { cell, column, row }, }) {
+    var _a, _b, _c;
+    if (this.updatableData &&
+        cell.isEditable &&
+        ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkValueOnExit) &&
+        ((_c = (_b = __classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f").rows.find((r) => r.id == row.id)) === null || _b === void 0 ? void 0 : _b.cells[column.name]) === null || _c === void 0 ? void 0 : _c.value) !== cell.value) {
+        this.kupCellCheck.emit({
+            comp: this,
+            id: this.rootElement.id,
+            originalData: __classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f"),
+            updatedData: getDiffData(__classPrivateFieldGet$3(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+            cell: cell,
+        });
+    }
 }, _KupDataTable_applyLineBreaks = function _KupDataTable_applyLineBreaks(content) {
     if (!content) {
         return '';
@@ -26203,7 +26195,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a, _b;
+            var _a;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -26235,13 +26227,6 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                         },
                     }
                     : null });
-            const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
-            if (this.updatableData &&
-                cell.isEditable &&
-                ((_b = cell.inputSettings) === null || _b === void 0 ? void 0 : _b.checkValueOnExit) &&
-                __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)) {
-                __classPrivateFieldGet$3(this, _KupDataTable_checkOnBlurByCellType, "f").call(this, cellType)(cell, row.id, currentColumn.name);
-            }
             const jsxCell = h$1(FCell, Object.assign({}, fcell));
             // Classes which will be set onto the single data-table cell;
             let cellClass = null;
@@ -26813,9 +26798,6 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.kupIconClick = createEvent(this, "kup-combobox-iconclick", 6);
         this.kupItemClick = createEvent(this, "kup-combobox-itemclick", 6);
         _KupCombobox_instances.add(this);
-        /*-------------------------------------------------*/
-        /*       I n t e r n a l   V a r i a b l e s       */
-        /*-------------------------------------------------*/
         /**
          * Instance of the KupManager class.
          */
@@ -26836,7 +26818,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.icon = null;
         this.initialValue = '';
         this.isClearable = false;
-        this.isSelect = false;
+        this.isSelect = true;
         this.label = null;
         this.leadingLabel = false;
         this.readOnly = false;
@@ -26865,20 +26847,35 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         });
     }
     onKupClick() {
-        if (this.isSelect == true) {
+        if (this.isSelect) {
             if (__classPrivateFieldGet$2(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled')) {
                 __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
             }
             else {
                 __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
             }
+            this.kupClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value,
+            });
+            this.kupIconClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value,
+                open: __classPrivateFieldGet$2(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled'),
+            });
+        }
+        else {
+            this.kupClick.emit({
+                comp: this,
+                id: this.rootElement.id,
+                value: this.value,
+                inputValue: __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value,
+            });
         }
-        this.kupClick.emit({
-            comp: this,
-            id: this.rootElement.id,
-            value: this.value,
-            inputValue: __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value,
-        });
     }
     onKupFocus() {
         this.kupFocus.emit({
@@ -27075,6 +27072,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
             label: this.label,
             leadingLabel: this.leadingLabel,
             readOnly: this.readOnly,
+            isSelect: this.isSelect,
             sizing: this.sizing,
             success: this.rootElement.classList.contains('kup-success')
                 ? true
@@ -27087,7 +27085,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: '160fd8e3ebb787de4b6973dbabb18002e9b4cfe7', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '3faf806a201e31cb561d877b558601cf747743c8' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '4d5691b3b1fb14113ac60e2cfa46c858969edb8e', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: 'ceb8ccb463d97aa5bec8725881b94443bb668690' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'e3e6427593007de03f17946e49e422a8c00b2f3b', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'ec02f526acd19b1871becd562d0c08dc7632f5b6' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '71fa4c233462c65e683f4966d666b13970563522', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '8d7f6d777ad6947174423cad01ae8ad4f5cc2f71' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -27191,7 +27189,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     }
     return ret;
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
-    return (h$1("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$1(this, _KupCombobox_listEl, el, "f")) })));
+    var _a, _b;
+    return (h$1("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$1(this, _KupCombobox_listEl, el, "f")) })));
 };
 function defineCustomElement$9() {
     if (typeof customElements === "undefined") {
@@ -27569,7 +27568,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
     render() {
         let widget = null;
         if (this.swatchOnly) {
-            widget = (h$1("button", { key: '9038771a91cd730f94d18c35954e83726b7da0cb', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
+            widget = (h$1("button", { key: 'db40db59729d3d48f13a412cf6bbefb3ed9b5763', disabled: this.disabled, class: "color-picker", onClick: () => this.openPicker(), style: {
                     backgroundColor: this.value,
                 }, type: "button" }));
         }
@@ -27579,7 +27578,7 @@ const KupColorPicker = /*@__PURE__*/ proxyCustomElement(class KupColorPicker ext
         const style = {
             ['--kup_colorpicker_thumb_color']: this.value ? this.value : '',
         };
-        return (h$1(Host, { key: '8e5696f5c34dc0b68c5ce0479c2015be1c3fb194', style: style }, h$1("style", { key: '7fc0fd8fc5a9ba3d7974ca76cf98e2e0bb0ef977' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f6a806242bfd2f16db903d03110c80c618ad18e8', id: componentWrapperId }, widget)));
+        return (h$1(Host, { key: '8e32caa5948b79dfedc3d84d649998b2b918ac44', style: style }, h$1("style", { key: 'c332452428ca96ae5919450957aa70509db27d65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '27af58056ecf3581fbe024db4bed5c8892167c4b', id: componentWrapperId }, widget)));
     }
     disconnectedCallback() {
         if (this.card) {
@@ -27947,13 +27946,13 @@ const KupChip = /*@__PURE__*/ proxyCustomElement(class KupChip extends H {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h$1(Host, { key: '8a38b8b981aadd23f3fc62ec9dc1bec8692fbb54', "onKup-autocomplete-itemclick": (e) => {
+        return (h$1(Host, { key: '10170c38c86ffd70e152c2aa66de827fa61bbe5d', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$1(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h$1("style", { key: 'a9c2bec738240a0e281a5b5901307c072794dd0c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '9bdd7db8c5130175a4f4315203827ccfce8ae74c', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: 'b6669cc2db3989ce563a5b70f31a246756ebe816', name: "field" }))));
+            } }, h$1("style", { key: '4b6d0bf20da0a022d4e3b1bfb7f46077d0b9311e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'fbcd955d025dc2a46af83e845ff5547437aa9517', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h$1(FChip, Object.assign({}, props)) : null, h$1("slot", { key: '7dc37ecbf9bf870abd6b095abc36b46d41abc98b', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -28296,7 +28295,7 @@ const KupCheckbox = /*@__PURE__*/ proxyCustomElement(class KupCheckbox extends H
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: '9bc426ce9f548a47e2391de0c92e4b7f28b46ac1' }, h$1("style", { key: '323da2e0beabb0e8f16784b153dea13c96974a7c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '7ee3d6e81b47037e15538cba61cf0a4f308b570e', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: '3e3cf55d3b952e8e60dda14c9626e5516bbf60a9' }, props)))));
+        return (h$1(Host, { key: '49e622bc2765eb035a4fc7fb3bb74a4d14139814' }, h$1("style", { key: '84449423404feca3fbd75a958ce27966ce9df264' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '344301e2e5177f969fe51753e10096af5cd266d3', id: componentWrapperId }, h$1(FCheckbox, Object.assign({ key: '698c12b5ee7e07487fd571610923e468ca962113' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -30008,7 +30007,7 @@ const KupButtonList = /*@__PURE__*/ proxyCustomElement(class KupButtonList exten
             'button-list--container': true,
             'show-selection': this.showSelection && this.selected ? true : false,
         };
-        return (h$1(Host, { key: 'ecd1414112bdde5f1766f3c43b590e5e70851e71', style: hostStyle }, h$1("style", { key: '149c3fda58255a6d3622d39f78c34709784c8c48' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '96c8848d14bab997dc47a5524d95318c6c5d15d0', id: componentWrapperId }, h$1("div", { key: 'd65aedcb07f673e606119682878f3df22d8a6619', class: classObj }, buttons))));
+        return (h$1(Host, { key: '0e3cf99116b78316eb77eb0aec77e97816b70246', style: hostStyle }, h$1("style", { key: '9b4400c4f6a5e09640e5b332e338ba541a3ac278' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '0f84de604010b6026ef4b9b7ceadfd7d2f253557', id: componentWrapperId }, h$1("div", { key: '6a73c82824d61a7263fe18d72e57cb9f6714882e', class: classObj }, buttons))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -30624,9 +30623,9 @@ const KupBadge = /*@__PURE__*/ proxyCustomElement(class KupBadge extends H {
             if (!this.imageData.color) {
                 this.imageData.color = `var(${KupThemeColorValues.TEXT_ON_PRIMARY})`;
             }
-            imageEl = h$1(FImage, Object.assign({ key: 'e197fe483155d3b48e73631cbd8324020ce1e5af' }, this.imageData));
+            imageEl = h$1(FImage, Object.assign({ key: '85241826f49088ede50589d3579617718f3fa87b' }, this.imageData));
         }
-        return (h$1(Host, { key: '1fd717df3a80c057702ffcb7c8f131bf52668be2' }, h$1("style", { key: '3308fe9e61f97234547a6dcbce3a95d2b024430e' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'bcab60d2ee96e3a74216695af0b32c8f139eb188', id: componentWrapperId, class: this.type, onClick: () => this.onKupClick() }, this.text, imageEl)));
+        return (h$1(Host, { key: 'cdf953c45a51629b42bc146636bd23c520060434' }, h$1("style", { key: '199d7b7a88351aee08ecf016cd73dcd8e9082b65' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c0ffdbf39da857af3e473a05006c6133cde5b5fa', id: componentWrapperId, class: this.type, onClick: () => this.onKupClick() }, this.text, imageEl)));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -31094,7 +31093,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'b87b8eadfaa2ba8e657e4cf791401ece4c8ce300', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '7549f963735bd0d74a73a8d8471f3be7bffc43ae' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '8fb32bc1571bc6edaf40a556699e5b7c544bba87', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '477c2a7a77a69c1c6625751215c70b0dece016de' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: 'e071f887272b6a61ded68fe346e06f435b7ed5fd', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'd64fbead02db8af1d847e01f972da2d58e98ce5e' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '7d4bef4c6b33fea2891a3a047834cbc6dc806b1b', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '48045c5f0499a5cda041bfbe73a9fa36a83023f4' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));