@sme.up/ketchup 11.0.0-SNAPSHOT-20250204102909 → 11.0.0-SNAPSHOT-20250204113836

package/dist/esm/{kup-autocomplete_28.entry.js → kup-autocomplete_29.entry.js}

@@ -1,19 +1,19 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement$1, F as Fragment } from './index-c9246a86.js';
-import { I as ItemsDisplayMode, k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as FCellTypes, aa as KupListRole, ab as KupListProps, ac as addColumnValueFromRow, ad as KupGlobalFilterMode } from './kup-manager-2d8f4f18.js';
-import { F as FTextField } from './f-text-field-b75996bd.js';
+import { I as ItemsDisplayMode, k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupDynamicPositionPlacement, d as KupThemeColorValues, e as KupDebugCategory, F as FCellShapes, f as FCellPadding, h as KupLanguageGeneric, i as fillString, j as KupCardBuiltInClockElements, l as KupCardCSSClasses, m as KupLanguageTotals, n as KupLanguageColumn, o as KupDataNewColumnTypes, p as KupCardSubEvents, q as KupCardIds, r as KupLanguageRow, t as KupCardFamily, u as KupCardProps, v as getColumnByName, w as formatToNumber, x as KupObjects, y as identify, G as GroupLabelDisplayMode, S as SelectionMode, z as KupLanguageGrouping, A as KupLanguageCheckbox, B as getValueForDisplay2, C as Filters, D as getValueForDisplay, E as KupLanguageSearch, H as FILTER_ANALYZER, L as LoadMoreMode, P as PaginatorPos, J as ShowGrid, T as TotalLabel, M as TotalMode, N as getRegExpFromString, O as isNegativeNumber, Q as FCellClasses, R as kupDynamicPositionAttribute, U as KupPointerEventTypes, V as kupDraggableColumnAttr, W as kupDragActiveAttr, X as KupDragEffect, Y as kupDraggableCellAttr, Z as KupDropEventTypes, _ as FixedCellsClasses, $ as FixedCellsCSSVarsBase, a0 as KupLanguageFontsize, a1 as KupLanguageDensity, a2 as KupLanguageGrid, a3 as KupDataTableProps, a4 as DataTableAreasEnum, a5 as SortMode, a6 as iconColumn, a7 as keyColumn, a8 as fieldColumn, a9 as KupLanguageUpload, aa as FCellTypes, ab as KupListRole, ac as KupListProps, ad as addColumnValueFromRow, ae as KupGlobalFilterMode } from './kup-manager-89189705.js';
+import { F as FTextField } from './f-text-field-04f701fb.js';
 import { F as FTextFieldMDC } from './f-text-field-mdc-81ce6c7c.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FButtonAlign, a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-fa00b8ef.js';
+import { F as FCell, a as FProgressBar, b as FRadio, c as FRating, d as FSwitchSizing, e as FSwitch } from './f-cell-2b1c1919.js';
 import { d as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './kup-dates-da19044e.js';
-import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-05355daa.js';
+import { F as FChipType, a as FChipSize, b as FChipStyling, c as FChip } from './f-chip-b42af349.js';
 import { M as MDCRipple } from './component-a35bc7f1.js';
 import { F as FCheckbox } from './f-checkbox-3ba20ca4.js';
-import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-e3846302.js';
-import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-bf93d7d4.js';
-import './f-object-field-c9d54642.js';
+import { F as FiltersColumnMenu, a as FiltersRows, g as getDiffData, d as decorateDataTable, c as calcTotals, n as normalizeRows, p as paginateRows, f as filterRows, b as groupRows, s as sortRows, t as treeMainColumnName, K as KupTreeExpansionMode, e as KupTreeProps } from './kup-data-table-helper-0dbc3495.js';
+import { F as FPaginator, p as pageChange, r as rowsPerPageChange } from './f-paginator-utils-541bc197.js';
+import './f-object-field-2bfc470c.js';
 
 /**
  * Props of the kup-autocomplete component.
@@ -170,7 +170,7 @@ function getItemByDisplayMode(listData, id, displayMode, setSelected) {
 const kupAutocompleteCss = ".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{display:block;width:max-content}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-50-rgb)}";
 const KupAutocompleteStyle0 = kupAutocompleteCss;
 
-var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -239,25 +239,25 @@ const KupAutocomplete = class {
         this.placeholder = 'Type code or description';
     }
     onKupBlur() {
-        if (!__classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_isListOpened).call(this)) {
+        if (!__classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_isListOpened).call(this)) {
             this.kupBlur.emit({
                 comp: this,
                 id: this.rootElement.id,
                 value: this.value,
-                inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+                inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
             });
         }
     }
     onKupChange(value) {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
         if (value) {
-            const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, undefined, true);
+            const ret = __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, undefined, true);
             if (ret.exists || this.allowInconsistentValues) {
                 this.kupChange.emit({
                     comp: this,
                     id: this.rootElement.id,
                     value: this.value,
-                    inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+                    inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
                     node: ret.node,
                 });
             }
@@ -269,7 +269,7 @@ const KupAutocomplete = class {
                 comp: this,
                 id: this.rootElement.id,
                 value: this.value,
-                inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+                inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
                 node: { value: '' },
             });
         }
@@ -279,7 +279,7 @@ const KupAutocomplete = class {
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
         });
     }
     onKupFocus() {
@@ -287,53 +287,53 @@ const KupAutocomplete = class {
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
         });
     }
     onKupInput() {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        const ret = __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value, undefined, false);
+        const ret = __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value, undefined, false);
         setTimeout(() => {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
-            if (__classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value.length >= this.minimumChars) {
+            __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
+            if (__classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value.length >= this.minimumChars) {
                 this.kupInput.emit({
                     comp: this,
                     id: this.rootElement.id,
                     value: this.value,
-                    inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+                    inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
                     node: ret.node,
                 });
             }
         }, 400);
     }
     onKupIconClick() {
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f").classList.contains('toggled')) {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+        if (__classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f").classList.contains('toggled')) {
+            __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
         }
         else {
             if (this.showDropDownIcon) {
-                __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, true);
+                __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, true);
             }
         }
         this.kupIconClick.emit({
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
-            open: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f").classList.contains('toggled'),
+            inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
+            open: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f").classList.contains('toggled'),
         });
     }
     onKupItemClick(e) {
         this.onKupChange(e.detail.selected.id);
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f")) {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").focus();
+        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+        if (__classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f")) {
+            __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").focus();
         }
         this.kupItemClick.emit({
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value,
             node: e.detail.selected,
         });
     }
@@ -341,30 +341,30 @@ const KupAutocomplete = class {
     /*                L i s t e n e r s                */
     /*-------------------------------------------------*/
     listenKeydown(e) {
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_isListOpened).call(this)) {
+        if (__classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_isListOpened).call(this)) {
             switch (e.key) {
                 case 'ArrowDown':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").focusNext();
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").focusNext();
                     break;
                 case 'ArrowUp':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").focusPrevious();
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").focusPrevious();
                     break;
                 case 'Enter':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").select().then(() => {
-                        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
-                        __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").focus();
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").select().then(() => {
+                        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+                        __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").focus();
                     });
                     break;
                 case 'Escape':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
                     break;
             }
         }
@@ -373,14 +373,14 @@ const KupAutocomplete = class {
                 case 'ArrowDown':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").focusNext();
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").focusNext();
                     break;
                 case 'ArrowUp':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
-                    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").focusPrevious();
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_openList).call(this, false);
+                    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").focusPrevious();
                     break;
             }
         }
@@ -413,7 +413,7 @@ const KupAutocomplete = class {
      * Sets the focus to the component.
      */
     async setFocus() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").focus();
+        __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").focus();
     }
     /**
      * Sets the props to the component.
@@ -428,21 +428,21 @@ const KupAutocomplete = class {
      */
     async setValue(value, valueDecode) {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, valueDecode, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, value, valueDecode, true);
     }
     /**
      * Calls closeList method (acts like a reset).
      * @param {string} value - Value to be set.
      */
     async reset() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
     }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.register(this);
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, true, "f");
         this.value = this.initialValue;
         if (!this.data) {
@@ -453,11 +453,11 @@ const KupAutocomplete = class {
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         const root = this.rootElement.shadowRoot;
@@ -469,7 +469,7 @@ const KupAutocomplete = class {
                 FTextFieldMDC(f);
             }
         }
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         const props = {
@@ -497,67 +497,67 @@ const KupAutocomplete = class {
                 ? true
                 : false,
             showMarker: this.showMarker,
-            size: __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_calcSize).call(this),
+            size: __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_calcSize).call(this),
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: '43ab465068f2721631e669c1f8d8c65a21e819dc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '28f1d7b14f8054029912b38e680e46b8ebdbc0f6' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dfbfac1e4096d35c64ce817b8d3fa6a3dcc4a2af', id: componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '660a532f84a72967b9742359cd070a3e058b63ce' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: '43ab465068f2721631e669c1f8d8c65a21e819dc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '28f1d7b14f8054029912b38e680e46b8ebdbc0f6' }, __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'dfbfac1e4096d35c64ce817b8d3fa6a3dcc4a2af', id: componentWrapperId, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '660a532f84a72967b9742359cd070a3e058b63ce' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : 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$9(this, _KupAutocomplete_inputTimeout, "f"));
+                window.clearTimeout(__classPrivateFieldGet$a(this, _KupAutocomplete_inputTimeout, "f"));
                 __classPrivateFieldSet$5(this, _KupAutocomplete_inputTimeout, window.setTimeout(() => this.onKupInput(), this.inputDelay), "f");
-            }, onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_prepList).call(this)));
+            }, onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_prepList).call(this)));
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f")) {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.unregister([__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f")]);
-            __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").remove();
+        if (__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f")) {
+            __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.unregister([__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f")]);
+            __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").remove();
         }
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.unregister(this);
     }
     get rootElement() { return getElement$1(this); }
 };
 _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(), _KupAutocomplete_kupManager = new WeakMap(), _KupAutocomplete_textfieldWrapper = new WeakMap(), _KupAutocomplete_textfieldEl = new WeakMap(), _KupAutocomplete_clickCb = new WeakMap(), _KupAutocomplete_inputTimeout = new WeakMap(), _KupAutocomplete_instances = new WeakSet(), _KupAutocomplete_openList = function _KupAutocomplete_openList(forceOpen) {
     var _a, _b;
     if (forceOpen != true &&
-        __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldEl, "f").value.length < this.minimumChars) {
+        __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
         return false;
     }
     const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
     const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
     const topOffset = hasError || hasAlert ? -20 : 0;
-    __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
-    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").menuVisible = true;
-    const elStyle = __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").style;
+    __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f").classList.add('toggled');
+    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").menuVisible = true;
+    const elStyle = __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").style;
     elStyle.height = 'auto';
-    elStyle.minWidth = __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f").clientWidth + 'px';
-    if (__classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"))) {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.changeAnchor(__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"), __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f"));
+    elStyle.minWidth = __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f").clientWidth + 'px';
+    if (__classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"))) {
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.changeAnchor(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"), __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f"));
     }
     else {
-        __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"), __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f"), topOffset, KupDynamicPositionPlacement.AUTO, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"), __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f"), topOffset, KupDynamicPositionPlacement.AUTO, true);
     }
-    __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"));
-    if (!__classPrivateFieldGet$9(this, _KupAutocomplete_clickCb, "f")) {
+    __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"));
+    if (!__classPrivateFieldGet$a(this, _KupAutocomplete_clickCb, "f")) {
         __classPrivateFieldSet$5(this, _KupAutocomplete_clickCb, {
             cb: () => {
-                __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
+                __classPrivateFieldGet$a(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
             },
-            el: __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"),
+            el: __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"),
         }, "f");
     }
-    __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").addClickCallback(__classPrivateFieldGet$9(this, _KupAutocomplete_clickCb, "f"), true);
+    __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").addClickCallback(__classPrivateFieldGet$a(this, _KupAutocomplete_clickCb, "f"), true);
     return true;
 }, _KupAutocomplete_closeList = function _KupAutocomplete_closeList() {
-    __classPrivateFieldGet$9(this, _KupAutocomplete_textfieldWrapper, "f").classList.remove('toggled');
-    __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").menuVisible = false;
-    __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"));
-    __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet$9(this, _KupAutocomplete_clickCb, "f"));
+    __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f").classList.remove('toggled');
+    __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").menuVisible = false;
+    __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"));
+    __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet$a(this, _KupAutocomplete_clickCb, "f"));
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
-    return __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").menuVisible == true;
+    return __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").menuVisible == true;
 }, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
-    if (!__classPrivateFieldGet$9(this, _KupAutocomplete_doConsistencyCheck, "f")) {
+    if (!__classPrivateFieldGet$a(this, _KupAutocomplete_doConsistencyCheck, "f")) {
         return;
     }
     if (idIn && idInDecode) {
@@ -565,7 +565,7 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
     }
     else {
         __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, false, "f");
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
         if ((ret.exists || this.allowInconsistentValues) &&
             eventShouldSetValue) {
             this.value = ret.value;
@@ -574,8 +574,8 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
         else {
             this.displayedValue = idIn;
         }
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").filter = ret.value;
+        if (__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
+            __classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f").filter = ret.value;
         }
         return ret;
     }
@@ -6928,7 +6928,7 @@ var KupChipProps;
 const kupChipCss = ".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{display:block}";
 const KupChipStyle0 = kupChipCss;
 
-var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -6999,7 +6999,7 @@ const KupChip = class {
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
-            stringifiedValues: __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_stringifiedValues).call(this),
+            stringifiedValues: __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_stringifiedValues).call(this),
         });
         this.refresh();
     }
@@ -7121,11 +7121,11 @@ const KupChip = class {
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
         return (h(Host, { key: 'fd39e30a24a2fb700fa5355cd14fe0c35d006402', "onKup-autocomplete-itemclick": (e) => {
-                __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
+                __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
-                __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
+                __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
-                __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
+                __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             } }, h("style", { key: 'f3d1b7eb69084838c733e4cb5debd79df8e7a8e5' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'f843a641880ed5011bc2e3114aec1a78adbdc552', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'd121ecf6db2c7b5288b4697eaf3817a9f915f0f6', name: "field" }))));
     }
     disconnectedCallback() {
@@ -7163,7 +7163,7 @@ _KupChip_instances = new WeakSet(), _KupChip_changeHandler =
                 this.kupChange.emit({
                     comp: this,
                     id: this.rootElement.id,
-                    stringifiedValues: __classPrivateFieldGet$8(this, _KupChip_instances, "m", _KupChip_stringifiedValues).call(this),
+                    stringifiedValues: __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_stringifiedValues).call(this),
                 });
             }
         }
@@ -7460,7 +7460,7 @@ var KupComboboxProps;
 const kupComboboxCss = ".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{display:block;font-size:var(--kup-font-size);width:max-content}:host([is-select]) #kup-component{transition:background-color 0.2s}:host([is-select]) .mdc-text-field:not(.mdc-text-field--disabled) input{cursor:pointer}.kup-icon{transition:transform 0.15s}.toggled .kup-icon.kup-dropdown-icon{transform:rotate(-180deg)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon);order:2}.f-text-field{position:relative}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-full-width){width:100%}:host(.kup-full-width) #kup-component{width:100%}:host(.kup-danger){--kup-textfield-primary-color:var(--kup-danger-color-60);--kup-textfield-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-textfield-primary-color:var(--kup-info-color);--kup-textfield-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-textfield-primary-color:var(--kup-secondary-color);--kup-textfield-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-textfield-primary-color:var(--kup-success-color);--kup-textfield-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-textfield-primary-color:var(--kup-warning-color-50);--kup-textfield-primary-color-rgb:var(--kup-warning-color-rgb)}:host(.page-selector) .f-text-field .mdc-text-field,:host(.rows-selector) .f-text-field .mdc-text-field{border-bottom:none !important;width:max-content !important}:host(.page-selector) .f-text-field .mdc-text-field-container,:host(.rows-selector) .f-text-field .mdc-text-field-container{flex-direction:row !important}:host(.page-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container,:host(.rows-selector) .f-text-field .mdc-text-field-container .mdc-text-field__label-container{white-space:nowrap;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(.page-selector) .f-text-field .mdc-text-field-helper-line,:host(.rows-selector) .f-text-field .mdc-text-field-helper-line{display:none}";
 const KupComboboxStyle0 = kupComboboxCss;
 
-var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -7521,41 +7521,41 @@ const KupCombobox = class {
         this.showMarker = false;
     }
     onKupBlur() {
-        if (!__classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
+        if (!__classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
             this.kupBlur.emit({
                 comp: this,
                 id: this.rootElement.id,
                 value: this.value,
-                inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
+                inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
             });
         }
     }
     onKupChange(value) {
-        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, undefined, true);
+        let ret = __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, undefined, true);
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
             node: ret.node,
         });
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     }
     onKupClick() {
         this.onKupIconClick();
     }
     onKupIconClick() {
-        if (__classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled')) {
-            __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+        if (__classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled')) {
+            __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
         }
         else {
-            __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
+            __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
             this.kupIconClick.emit({
                 comp: this,
                 id: this.rootElement.id,
                 value: this.value,
-                inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
-                open: __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled'),
+                inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
+                open: __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f").classList.contains('toggled'),
             });
         }
     }
@@ -7564,32 +7564,32 @@ const KupCombobox = class {
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
         });
     }
     onKupInput() {
-        let ret = __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value, undefined, false);
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
+        let ret = __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value, undefined, false);
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_openList).call(this);
         this.kupInput.emit({
             comp: this,
             id: this.rootElement.id,
             value: this.value,
-            inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
             node: ret.node,
         });
     }
     onKupItemClick(e) {
         this.onKupChange(e.detail.selected.id);
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
-        if (__classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f")) {
-            __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").focus();
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+        if (__classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f")) {
+            __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").focus();
         }
         this.kupItemClick.emit({
             comp: this,
             id: this.rootElement.id,
             node: e.detail.selected,
             value: this.value,
-            inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
+            inputValue: __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").value,
         });
     }
     /*-------------------------------------------------*/
@@ -7606,30 +7606,30 @@ const KupCombobox = class {
     /*                L i s t e n e r s                */
     /*-------------------------------------------------*/
     listenKeydown(e) {
-        if (__classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
+        if (__classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
             switch (e.key) {
                 case 'ArrowDown':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").focusNext();
+                    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").focusNext();
                     break;
                 case 'ArrowUp':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").focusPrevious();
+                    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").focusPrevious();
                     break;
                 case 'Enter':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").select().then(() => {
-                        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
-                        __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").focus();
+                    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").select().then(() => {
+                        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+                        __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").focus();
                     });
                     break;
                 case 'Escape':
                     e.preventDefault();
                     e.stopPropagation();
-                    __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+                    __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
                     break;
             }
         }
@@ -7639,13 +7639,13 @@ const KupCombobox = class {
                     e.preventDefault();
                     e.stopPropagation();
                     this.onKupIconClick();
-                    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").focusNext();
+                    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").focusNext();
                     break;
                 case 'ArrowUp':
                     e.preventDefault();
                     e.stopPropagation();
                     this.onKupIconClick();
-                    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").focusPrevious();
+                    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").focusPrevious();
                     break;
             }
         }
@@ -7678,7 +7678,7 @@ const KupCombobox = class {
      * Sets the focus to the component.
      */
     async setFocus() {
-        __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").focus();
+        __classPrivateFieldGet$8(this, _KupCombobox_textfieldEl, "f").focus();
     }
     /**
      * Sets the props to the component.
@@ -7692,21 +7692,21 @@ const KupCombobox = class {
      * @param {string} value - Value to be set.
      */
     async setValue(value, valueDecode) {
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, valueDecode, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, value, valueDecode, true);
     }
     /**
      * Calls closeList method (acts like a reset).
      * @param {string} value - Value to be set.
      */
     async reset() {
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     }
     /*-------------------------------------------------*/
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.register(this);
         this.value = this.initialValue;
         if (!this.data) {
             this.data = {
@@ -7716,11 +7716,11 @@ const KupCombobox = class {
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_consistencyCheck).call(this, this.value, this.initialValueDecode, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         const root = this.rootElement.shadowRoot;
@@ -7732,7 +7732,7 @@ const KupCombobox = class {
                 FTextFieldMDC(f);
             }
         }
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         const props = {
@@ -7763,16 +7763,16 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: '965196cce5ab2bddb2d9c5968a8da8f973cf2ba2', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h("style", { key: '523c9c38f6382ae6a135e52ad22dd0fb134af9b1' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c4ec398690b5f8150643babcf926a00da4b7412e', id: componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '97f6487594acef605c236902627c199386f0b5c8' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: '965196cce5ab2bddb2d9c5968a8da8f973cf2ba2', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h("style", { key: '523c9c38f6382ae6a135e52ad22dd0fb134af9b1' }, __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c4ec398690b5f8150643babcf926a00da4b7412e', id: componentWrapperId, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '97f6487594acef605c236902627c199386f0b5c8' }, 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.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
+                : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
     disconnectedCallback() {
-        if (__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f")) {
-            __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.unregister([__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f")]);
-            __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").remove();
+        if (__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f")) {
+            __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.unregister([__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f")]);
+            __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").remove();
         }
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.unregister(this);
     }
     get rootElement() { return getElement$1(this); }
     static get watchers() { return {
@@ -7782,50 +7782,50 @@ const KupCombobox = class {
 };
 _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _KupCombobox_listEl = new WeakMap(), _KupCombobox_textfieldWrapper = new WeakMap(), _KupCombobox_textfieldEl = new WeakMap(), _KupCombobox_clickCb = new WeakMap(), _KupCombobox_componentTriggered = new WeakMap(), _KupCombobox_instances = new WeakSet(), _KupCombobox_openList = function _KupCombobox_openList() {
     var _a, _b;
-    if (__classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
+    if (__classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
         return;
     }
     // Manage list open while helperline is displayed
     const hasError = ((_a = this.error) === null || _a === void 0 ? void 0 : _a.trim().length) > 0;
     const hasAlert = ((_b = this.alert) === null || _b === void 0 ? void 0 : _b.trim().length) > 0;
     const topOffset = hasError || hasAlert ? -20 : 0;
-    __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f").classList.add('toggled');
-    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").menuVisible = true;
-    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").filter = '';
-    const elStyle = __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").style;
+    __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f").classList.add('toggled');
+    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").menuVisible = true;
+    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").filter = '';
+    const elStyle = __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").style;
     elStyle.height = 'auto';
-    elStyle.minWidth = __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f").clientWidth + 'px';
-    if (__classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"))) {
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.changeAnchor(__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"), __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f"));
+    elStyle.minWidth = __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f").clientWidth + 'px';
+    if (__classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"))) {
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.changeAnchor(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"), __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f"));
     }
     else {
-        __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"), __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f"), topOffset, KupDynamicPositionPlacement.AUTO, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"), __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f"), topOffset, KupDynamicPositionPlacement.AUTO, true);
     }
-    __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"));
-    if (!__classPrivateFieldGet$7(this, _KupCombobox_clickCb, "f")) {
+    __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"));
+    if (!__classPrivateFieldGet$8(this, _KupCombobox_clickCb, "f")) {
         __classPrivateFieldSet$4(this, _KupCombobox_clickCb, {
             cb: () => {
-                __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
+                __classPrivateFieldGet$8(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
             },
-            el: __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"),
+            el: __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"),
         }, "f");
     }
-    __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupCombobox_clickCb, "f"), true);
-    window.setTimeout(() => __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").setFocus(), 100);
+    __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").addClickCallback(__classPrivateFieldGet$8(this, _KupCombobox_clickCb, "f"), true);
+    window.setTimeout(() => __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").setFocus(), 100);
 }, _KupCombobox_closeList = function _KupCombobox_closeList() {
-    __classPrivateFieldGet$7(this, _KupCombobox_textfieldWrapper, "f").classList.remove('toggled');
-    __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").menuVisible = false;
-    __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"));
-    __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupCombobox_clickCb, "f"));
-    window.setTimeout(() => __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").setBlur(), 100);
+    __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f").classList.remove('toggled');
+    __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").menuVisible = false;
+    __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"));
+    __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$8(this, _KupCombobox_clickCb, "f"));
+    window.setTimeout(() => __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").setBlur(), 100);
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
-    return __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").menuVisible == true;
+    return __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").menuVisible == true;
 }, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (idIn != null && idInDecode != null) {
         this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
     }
     else {
-        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
         if (ret.exists && eventShouldSetValue) {
             this.value = ret.value;
             this.displayedValue = ret.displayedValue;
@@ -7833,8 +7833,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
         else {
             this.displayedValue = idIn;
         }
-        if (__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f") != null) {
-            __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").filter = ret.value;
+        if (__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f") != null) {
+            __classPrivateFieldGet$8(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
         return ret;
     }
@@ -8556,7 +8556,7 @@ class KupColumnMenu {
 const kupDataTableCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_datatable_background_color:var(\n    --kup-datatable-background-color,\n    var(--kup-layer-1)\n  );--kup_datatable_th_background_color:var(\n    --kup-datatable-th-background-color,\n    var(--kup-layer-2)\n  );--kup_datatable_background_color_selected:var(\n    --kup-datatable-background-color-selected,\n    var(--kup-layer-1-selected)\n  );--kup_datatable_border:var(\n    --kup-datatable-border-color,\n    1px solid var(--kup-border-subtle)\n  );--kup_datatable_font_family:var(\n    --kup-datatable-font-family,\n    var(--kup-font-family)\n  );--kup_datatable_font_family_monospace:var(\n    --kup-datatable-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_datatable_font_size:var(\n    --kup-datatable-font-size,\n    var(--kup-font-size)\n  );--kup_datatable_th_border:var(\n    --kup-datatable-th-border,\n    1px solid var(--kup-gray-color-30)\n  );--kup_datatable_th_resize_handle_width:var(\n    --kup-datatable-th-resize-handle-width,\n    3px\n  );--kup_datatable_background_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_datatable_text_color_hover:var(\n    --kup-datatable-background-color-hover,\n    var(--kup-text-primary)\n  );--kup_card_text_color:var(--kup-card-text-color, var(--kup-text-secondary));--kup_fcell_padding_dense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-03)\n  );--kup_fcell_padding_medium:var(\n    --kup-fcell-padding-medium,\n    var(--kup-space-02) var(--kup-space-03)\n  );--kup_fcell_padding_wide:var(\n    --kup-fcell-padding-wide,\n    var(--kup-space-04) var(--kup-space-03)\n  );display:block;font-family:var(--kup_datatable_font_family);font-size:var(--kup_datatable_font_size);position:relative}:host([kup-toolbar]) .settings-trigger{height:12px}:host([kup-toolbar]) .customize-panel{visibility:visible}:host([force-one-line]) .f-cell__text{white-space:nowrap}#kup-component.auto-width{width:fit-content}table{background-color:var(--kup_datatable_background_color);border-spacing:0;border-collapse:separate;color:var(--kup_card_text_color);min-width:intrinsic;min-width:-moz-max-content;min-width:-webkit-max-content;text-align:left;width:100%}table.auto-width{min-width:auto;width:0}table>tbody>tr.focus td:first-of-type,table>tbody>tr[kup-drag-over] td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup_datatable_th_border)}table>tbody>tr:last-of-type>td{border-bottom:var(--kup_datatable_border)}table.border-top>tbody>tr:first-of-type>td{border-top:var(--kup_datatable_border)}table.row-separation>tbody>tr>td{border-bottom:var(--kup_datatable_border)}table.column-separation>tbody>tr>td{border-right:var(--kup_datatable_border)}table.noGrid,table.noGrid td{border:none}table tfoot tr td{background-color:var(--kup_datatable_background_color);border-bottom:var(--kup_datatable_border);border-right:var(--kup_datatable_border);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em var(--kup-space-03)}table tfoot tr td:hover{background-color:var(--kup_datatable_background_color)}table tfoot tr td:last-of-type{border-right:none}#global-filter{min-width:140px;width:100%;flex:1}#global-filter .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.kup-icon:not(.f-image){background-color:var(--kup-title-color);margin:0 0.25em;height:1.25em;width:1.25em}.kup-icon:not(.f-image).kup-ascending-icon,.kup-icon:not(.f-image).kup-descending-icon,.kup-icon:not(.f-image).kup-key-icon,.kup-icon:not(.f-image).kup-filter-remove-icon{height:auto}.kup-icon:not(.f-image).kup-collapsed-icon,.kup-icon:not(.f-image).kup-expanded-icon{float:left}.kup-icon:not(.f-image).kup-filter-remove-icon,.kup-icon:not(.f-image).kup-key-icon{margin:0 0.25em}.below-wrapper{backface-visibility:hidden;height:auto;overflow:auto}.below-wrapper.custom-size{overflow:unset}.below-wrapper.custom-size table{overflow:auto}.below-wrapper:not(.custom-size){overflow-x:auto}.density-dense .header-cell__content{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-dense tbody>tr.group td{padding-top:0.25em;padding-bottom:0.25em}.density-medium .header-cell__content{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-medium tbody>tr.group>td{padding-top:0.5em;padding-bottom:0.5em}.density-wide .header-cell__content{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.density-wide tbody>tr.group>td{padding-top:0.75em;padding-bottom:0.75em}.fontsize-small{font-size:calc(var(--kup_datatable_font_size) * 0.75);transition:font-size 0.1s}.fontsize-small .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1) !important}.fontsize-big{font-size:calc(var(--kup_datatable_font_size) * 1.25);transition:font-size 0.1s}.fontsize-big .group-cell-content>span:before{font-size:calc(var(--kup_datatable_font_size) * 1.5) !important}th{background-color:var(--kup_datatable_th_background_color);border:var(--kup_datatable_th_border);border-left:0 none;box-sizing:border-box;top:0;touch-action:none;transition:background-color 0.25s ease;user-select:none}th:last-of-type{border-right:none}.header-cell__content{color:var(--kup-text-primary);display:flex;justify-content:space-between;padding:0.5em var(--kup-space-03);text-overflow:ellipsis;white-space:nowrap;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header-cell--centered .header-cell__content{justify-content:center}.header-cell--is-number .header-cell__content{justify-content:flex-end}.header-cell__title{overflow:hidden;text-overflow:ellipsis;user-select:none}.header-cell__icons{display:flex}.header-cell__icons .kup-icon{background-color:var(--kup-text-primary)}.header-cell__drag-handler{background:var(--kup-border-strong);height:100%;position:absolute;right:0;top:0;touch-action:none;user-select:none;width:var(--kup-space-01)}.header-cell__drag-handler:hover{background:var(--kup-border-strong-hover)}.header-cell--sortable{cursor:pointer}.header-cell--is-icon{width:30px}tbody{cursor:auto}tbody td{height:0;padding:0;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px;font-size:13px}tbody td>*{border:none !important}tbody tr kup-button{max-width:max-content}tbody tr[kup-draggable]{opacity:0.5}tbody tr.selected td{background-color:var(--kup_datatable_background_color_selected)}tbody tr:hover:not(.group):not(.selected) td{color:var(--kup_datatable_text_color_hover);background-color:var(--kup_datatable_background_color_hover)}tbody tr.group{background:var(--kup-layer-1-selected);border-top:var(--kup_datatable_border);color:var(--kup-text-secondary);font-weight:bold;cursor:pointer}tbody tr.group.group-label{border-bottom:none}tbody tr.group.group-total{border-top:none;line-height:0.5em}tbody tr.group>td{padding:0.5em 0}tbody tr.group>td .group-cell-content .indent{float:left;margin-left:0.25em}tbody tr.group>td .group-cell-content>span{display:inline-flex;outline:none;margin-left:0.25em;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}tbody tr.group>td .group-cell-content .kup-icon{background-color:var(--kup-text-secondary)}tbody tr.group>td.total{border-bottom:1px solid var(--kup-border-subtle-selected);text-align:right;padding:0.5em var(--kup-space-03);font-family:var(--kup_datatable_font_family_monospace)}tbody tr.group>td.total.negative-number{color:var(--kup-danger-color-60)}tbody tr>td{box-sizing:border-box;transition:box-shadow 0.1s}tbody tr>td .row-expander{margin-right:0.5em}tbody tr>td .row-action{margin-right:0.2em}tbody tr [row-select-cell]{min-height:40px}tbody tr td[row-action-cell]{width:calc(3em * var(--kup_datatable_row_actions))}tbody tr td[row-action-cell] .f-image{cursor:pointer;margin-left:0.75em;display:inline-block;opacity:1;transition:0.25s ease-in-out}tbody tr td[row-action-cell] .f-image:hover{opacity:0.5}.kup-icon.overlay-action{display:none;position:absolute;top:0.5em;left:calc(50% - 0.625em)}th:hover .kup-icon.overlay-action{display:block}thead th{position:relative}th.obj:hover span:not(.overlay-action){opacity:0.5}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup-text-secondary)}.group-wrapper{--kup-chip-margin:0 4px}.totals-value{font-weight:bold;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px;font-size:13px;font-family:var(--kup_datatable_font_family_monospace)}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}.settings-trigger{cursor:pointer;display:block;width:32px;height:0;border-top-left-radius:25px 30px;border-top-right-radius:25px 30px;background-color:var(--kup-border-subtle);transition:height 0.25s}.settings-trigger.toggled{background-color:var(--kup-primary-color)}.settings-trigger.toggled .f-image__icon{background:var(--kup-text-on-primary-color) !important}.indent{display:inline-block;height:1em;width:2em}.indent~kup-image,.indent~kup-button{margin:0;vertical-align:middle}.indent~kup-image{display:inline-block}.indent~kup-button,.indent~kup-checkbox{display:inline-block}.actions-wrapper{display:flex;justify-content:flex-end;background-color:var(--kup-layer-1)}.actions-wrapper .insert-button .f-button .icon-button,.actions-wrapper .delete-button .f-button .icon-button,.actions-wrapper .history-button .f-button .icon-button,.actions-wrapper .save-button .f-button .icon-button{padding:0.55em}.actions-wrapper.paginator-top{border-left:var(--kup_datatable_border)}.kup-icon.kup-ascending-icon{-webkit-mask:var(--kup-ascending-icon);mask:var(--kup-ascending-icon)}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-descending-icon{-webkit-mask:var(--kup-descending-icon);mask:var(--kup-descending-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}.kup-icon.kup-key-icon{-webkit-mask:var(--kup-key-icon);mask:var(--kup-key-icon)}@media (max-width: 678px){.actions-wrapper{flex-direction:column-reverse}#kup-component.auto-width{width:auto}}:host([legacy-look]){--kup-textfield-background-color:transparent;--kup-fcell-width:100%;--kup-fcell-padding-dense:0px;--kup-dense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) th .header-cell__content{font-family:var(--kup_datatable_font_family_monospace);white-space:pre !important;font-size:11px;padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-dense-legacy-look-padding)}:host([legacy-look]) .f-cell.dense{min-height:var(--kup_fcell_dense_min_height)}:host([legacy-look]) .f-cell.medium{min-height:var(--kup_fcell_medium_min_height)}:host([legacy-look]) .f-cell.wide{min-height:var(--kup_fcell_wide_min_height)}.paginator-wrapper{display:flex;flex-flow:wrap}.paginator-tabs{width:100%}.paginator-tabs kup-paginator{display:inline-flex}.paginator-tabs kup-button{position:relative;height:100%;margin-left:0.25em;float:right}@media (max-width: 500px){.paginator-wrapper{min-width:fit-content}.above-wrapper.paginator-top{border-bottom:1px solid var(--kup-border-subtle)}}sticky-header{display:none}.persistent-header~sticky-header{background:var(--kup-gray-color-20);color:var(--kup-title-color);display:block;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:opacity 0.25s ease-in-out;z-index:10}.persistent-header~sticky-header.activated{opacity:1;pointer-events:all}.persistent-header~sticky-header[hidden]{display:none}.persistent-header~sticky-header tr-sticky{display:inline-flex}.persistent-header~sticky-header th-sticky{box-sizing:border-box;display:inline-flex;padding:0 0.3125em}.persistent-header~sticky-header th-sticky .header-cell__content{width:100%}.fixed-column-r,.fixed-column,.fixed-row{background-color:var(--kup_datatable_background_color);color:var(--kup-text-color);position:sticky}thead .fixed-column-r,thead .fixed-column,thead .fixed-row,tfoot .fixed-column-r,tfoot .fixed-column,tfoot .fixed-row{z-index:10}table.custom-size th{position:sticky;inset-block-start:0;z-index:10}table.custom-size th.fixed-column,table.custom-size th.fixed-column-r{z-index:11}table.custom-size tfoot td{position:sticky;inset-block-end:0;z-index:10}table.custom-size tfoot td.fixed-column{z-index:11}tr:hover .fixed-row,tr:hover .fixed-column,tr:hover .fixed-column-r{background-color:var(--kup-gray-color-20)}tr.selected .fixed-column,tr.selected .fixed-row,tr.selected .fixed-row-r{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-primary-color-rgb), 0.175) 0%, rgba(var(--kup-primary-color-rgb), 0.175) 0.1%, rgba(var(--kup-primary-color-rgb), 0.175))}.fixed-row{top:0;z-index:4}.fixed-column{left:0;z-index:6}.fixed-column.fixed-row{z-index:8}.fixed-column-r{right:0;z-index:6}.fixed-column-r.fixed-row{z-index:8}thead tr .fixed-column,thead tr:hover:not(.group):not(.selected) .fixed-column,thead tr .fixed-column-r,thead tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}tfoot tr:hover:not(.group):not(.selected) .fixed-row,tfoot tr:hover:not(.group):not(.selected) .fixed-column,tfoot tr:hover:not(.group):not(.selected) .fixed-column-r{background-color:var(--kup-gray-color-20)}:host([drag-enabled]) tr{touch-action:none}th[kup-drag-over]{background-color:rgba(var(--kup-success-color-rgb), 0.25)}th[kup-draggable]{cursor:grabbing !important;opacity:0.5}.droparea{animation:fade-in 0.25s ease-out;background:var(--kup_datatable_background_color);border-radius:8px;box-shadow:var(--kup-box-shadow);display:none;padding:1em 0.5em}.droparea--visible{display:flex}.droparea__groups{border:2px dashed var(--kup-text-color)}.droparea__remove{border:2px dashed var(--kup-danger-color-60)}.droparea__groups,.droparea__remove{background:var(--kup_datatable_background_color);box-shadow:var(--kup-box-shadow);display:block;height:50px;margin:0 0.5em;opacity:0.5;position:relative;transition:opacity 0.25s;width:50px}.droparea__groups .f-image,.droparea__remove .f-image{width:100%;position:absolute}.droparea__groups .f-image:first-of-type,.droparea__remove .f-image:first-of-type{opacity:1}.droparea__groups .f-image:last-of-type,.droparea__remove .f-image:last-of-type{opacity:0}.droparea__groups[kup-drag-over],.droparea__remove[kup-drag-over]{opacity:1}.droparea__groups[kup-drag-over] .f-image:first-of-type,.droparea__remove[kup-drag-over] .f-image:first-of-type{opacity:0}.droparea__groups[kup-drag-over] .f-image:last-of-type,.droparea__remove[kup-drag-over] .f-image:last-of-type{opacity:1}:host(.kup-cross-selection) #kup-component th.selected{box-shadow:inset 0px 4px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tbody td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.075)}:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-column,:host(.kup-cross-selection) #kup-component tbody td.selected.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td{background-color:var(--kup-gray-color-20)}:host(.kup-cross-selection) #kup-component tr.selected td:first-of-type{box-shadow:inset 4px 0px 0px 0px var(--kup-secondary-color)}:host(.kup-cross-selection) #kup-component tr.selected td.selected{background-color:rgba(var(--kup-text-color-rgb), 0.15)}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row{background-color:var(--kup_datatable_background_color);background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.075) 0%, rgba(var(--kup-text-color-rgb), 0.075) 0.1%, rgba(var(--kup-text-color-rgb), 0.075))}:host(.kup-cross-selection) #kup-component tr.selected td.fixed-column.selected,:host(.kup-cross-selection) #kup-component tr.selected td.fixed-row.selected{background-image:linear-gradient(to right, rgba(var(--kup-text-color-rgb), 0.15) 0%, rgba(var(--kup-text-color-rgb), 0.15) 0.1%, rgba(var(--kup-text-color-rgb), 0.15))}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}tr.clickable{cursor:pointer}.commands{display:flex;gap:1px}";
 const KupDataTableStyle0 = kupDataTableCss;
 
-var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -8701,18 +8701,18 @@ const KupDataTable = class {
         _KupDataTable_INSERT_PREFIX.set(this, 'insert_');
         _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER.set(this, 50);
         _KupDataTable_stickyHeaderPosition.set(this, () => {
-            if (__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f")) {
-                if (__classPrivateFieldGet$6(this, _KupDataTable_tableIntersecting, "f")) {
-                    if (!__classPrivateFieldGet$6(this, _KupDataTable_theadIntersecting, "f")) {
-                        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_updateStickyHeaderSize).call(this);
-                        __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").classList.add('activated');
+            if (__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f")) {
+                if (__classPrivateFieldGet$7(this, _KupDataTable_tableIntersecting, "f")) {
+                    if (!__classPrivateFieldGet$7(this, _KupDataTable_theadIntersecting, "f")) {
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_updateStickyHeaderSize).call(this);
+                        __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").classList.add('activated');
                     }
                     else {
-                        __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").classList.remove('activated');
+                        __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").classList.remove('activated');
                     }
                 }
                 else {
-                    __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").classList.remove('activated');
+                    __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").classList.remove('activated');
                 }
             }
         });
@@ -8720,8 +8720,8 @@ const KupDataTable = class {
             this.kupUpdate.emit({
                 comp: this,
                 id: this.rootElement.id,
-                originalData: __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"),
-                updatedData: getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+                updatedData: getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
                 command: command,
             });
         });
@@ -8823,7 +8823,7 @@ const KupDataTable = class {
         if (this.store && this.stateId) {
             const state = this.store.getState(this.stateId);
             if (state != null) {
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Initializing stateId ' + this.stateId);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Initializing stateId ' + this.stateId);
                 // *** PROPS ***
                 this.filters = Object.assign({}, state.filters);
                 this.groups = [...state.groups];
@@ -8863,120 +8863,120 @@ const KupDataTable = class {
     persistState() {
         if (this.store && this.stateId) {
             let somethingChanged = false;
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
                 this.state.filters = Object.assign({}, this.filters);
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groups, this.groups)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groups, this.groups)) {
                 this.state.groups = [...this.groups];
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sort, this.sort)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sort, this.sort)) {
                 this.state.sort = [...this.sort];
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.expandGroups, this.expandGroups)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.expandGroups, this.expandGroups)) {
                 this.state.expandGroups = this.expandGroups;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.groupLabelDisplay, this.groupLabelDisplay)) {
                 this.state.groupLabelDisplay = this.groupLabelDisplay;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
                 this.state.density = this.density;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableExtraColumns, this.enableExtraColumns)) {
                 this.state.enableExtraColumns = this.enableExtraColumns;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.enableSortableColumns, this.enableSortableColumns)) {
                 this.state.enableSortableColumns = this.enableSortableColumns;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.forceOneLine, this.forceOneLine)) {
                 this.state.forceOneLine = this.forceOneLine;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
                 this.state.globalFilter = this.globalFilter;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
                 this.state.globalFilterValue = this.globalFilterValue;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.headerIsPersistent, this.headerIsPersistent)) {
                 this.state.headerIsPersistent = this.headerIsPersistent;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.lazyLoadRows, this.lazyLoadRows)) {
                 this.state.lazyLoadRows = this.lazyLoadRows;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.loadMoreLimit, this.loadMoreLimit)) {
                 this.state.loadMoreLimit = this.loadMoreLimit;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selection, this.selection)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selection, this.selection)) {
                 this.state.selection = this.selection;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.rowsPerPage, this.currentRowsPerPage)) {
                 this.state.rowsPerPage = this.currentRowsPerPage;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
                 this.state.showFilters = this.showFilters;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showGroups, this.showGroups)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showGroups, this.showGroups)) {
                 this.state.showGroups = this.showGroups;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showHeader, this.showHeader)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showHeader, this.showHeader)) {
                 this.state.showHeader = this.showHeader;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showLoadMore, this.showLoadMore)) {
                 this.state.showLoadMore = this.showLoadMore;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showPaginator, this.showPaginator)) {
                 this.state.showPaginator = this.showPaginator;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortEnabled, this.sortEnabled)) {
                 this.state.sortEnabled = this.sortEnabled;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.sortableColumnsMutateData, this.sortableColumnsMutateData)) {
                 this.state.sortableColumnsMutateData =
                     this.sortableColumnsMutateData;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.pageSelected, this.currentPage)) {
                 this.state.pageSelected = this.currentPage;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dragEnabled, this.dragEnabled)) {
                 this.state.dragEnabled = this.dragEnabled;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.dropEnabled, this.dropEnabled)) {
                 this.state.dropEnabled = this.dropEnabled;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
                 this.state.showFooter = this.showFooter;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
                 this.state.totals = Object.assign({}, this.totals);
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.selectRowsById, this.selectedRows.reduce((accumulator, row, currentIndex) => {
                 const prefix = currentIndex > 0 ? ';' : '';
                 return accumulator + prefix + row.id;
             }, ''))) {
@@ -8986,7 +8986,7 @@ const KupDataTable = class {
                 }, '');
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.visibleColumns, this.visibleColumns)) {
+            if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.deepEqual(this.state.visibleColumns, this.visibleColumns)) {
                 this.state.visibleColumns = [...this.visibleColumns];
                 somethingChanged = true;
             }
@@ -8995,7 +8995,7 @@ const KupDataTable = class {
                 return;
             }
             if (somethingChanged) {
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Persisting stateId ' + this.stateId);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Persisting stateId ' + this.stateId);
                 this.store.persistState(this.stateId, this.state);
             }
         }
@@ -9004,19 +9004,19 @@ const KupDataTable = class {
         this.currentRowsPerPage = newValue;
     }
     expandGroupsHandler() {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_isRestoringState, "f")) {
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_isRestoringState, "f")) {
             this.recalculateRows();
             // reset group state
             this.groupState = {};
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_forceGroupExpansion).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_forceGroupExpansion).call(this);
         }
     }
     filtersChanged() {
         this.expandGroupsHandler();
     }
     recalculateRows() {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_isRestoringState, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_isRestoringState, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
         }
     }
     identifyAndInitRows() {
@@ -9024,7 +9024,7 @@ const KupDataTable = class {
             identify(this.getRows());
         }
         this.expandGroupsHandler();
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
     decorateAndInitForUpdTable() {
         var _a, _b, _c;
@@ -9038,8 +9038,8 @@ const KupDataTable = class {
                 ? SelectionMode.MULTIPLE_CHECKBOX
                 : this.selection;
             __classPrivateFieldSet$3(this, _KupDataTable_insertedRowIds, [], "f");
-            __classPrivateFieldSet$3(this, _KupDataTable_originalDataLoadedMaxId, ((_c = __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _c === void 0 ? void 0 : _c.length) > 0
-                ? Math.max(...__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f").rows.map((r) => parseInt(r.id)))
+            __classPrivateFieldSet$3(this, _KupDataTable_originalDataLoadedMaxId, ((_c = __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f").rows) === null || _c === void 0 ? void 0 : _c.length) > 0
+                ? Math.max(...__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f").rows.map((r) => parseInt(r.id)))
                 : -1, "f");
         }
     }
@@ -9048,22 +9048,22 @@ const KupDataTable = class {
         if (((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.columns) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.rows) === null || _d === void 0 ? void 0 : _d.length) > 0) {
             const columnsNumber = this.data.columns.length;
             const cellsNumber = this.data.rows.reduce((acc, r) => acc + Object.keys(r.cells).length, 0);
-            const maxCellsNumberPerPage = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").perfTuning.data.maxCellsPerPage;
+            const maxCellsNumberPerPage = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").perfTuning.data.maxCellsPerPage;
             if (cellsNumber > maxCellsNumberPerPage) {
                 // Rounds a number up to the nearest multiple of ten.
                 __classPrivateFieldSet$3(this, _KupDataTable_maxRowsPerPage, Math.ceil(maxCellsNumberPerPage / columnsNumber / 10) * 10, "f");
             }
-            if (this.rowsPerPage > __classPrivateFieldGet$6(this, _KupDataTable_maxRowsPerPage, "f"))
-                this.rowsPerPage = __classPrivateFieldGet$6(this, _KupDataTable_maxRowsPerPage, "f");
+            if (this.rowsPerPage > __classPrivateFieldGet$7(this, _KupDataTable_maxRowsPerPage, "f"))
+                this.rowsPerPage = __classPrivateFieldGet$7(this, _KupDataTable_maxRowsPerPage, "f");
         }
     }
     recalculateRowsAndUndoSelections() {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_isRestoringState, "f")) {
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_isRestoringState, "f")) {
             this.recalculateRows();
             // reset group state
             this.groupState = {};
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_forceGroupExpansion).call(this);
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_forceGroupExpansion).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
         }
     }
     controlFixedRowsColumns() {
@@ -9082,8 +9082,8 @@ const KupDataTable = class {
         }
     }
     recalculateData() {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_initialized, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateData).call(this);
+        if (__classPrivateFieldGet$7(this, _KupDataTable_initialized, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateData).call(this);
         }
     }
     /**
@@ -9091,14 +9091,14 @@ const KupDataTable = class {
      */
     async closeColumnMenu() {
         this.columnMenuAnchor = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").data = null;
+        if (__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").data = null;
         }
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuInstance, "f").close(__classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").close(__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"));
         this.kupDataTableColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
-            card: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"),
+            card: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
             event: null,
             open: false,
         });
@@ -9141,8 +9141,8 @@ const KupDataTable = class {
      * Closes the insert new record card (called by backend, on success)
      */
     async closeInsertCard() {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").remove();
+        if (__classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").remove();
             __classPrivateFieldSet$3(this, _KupDataTable_insertCard, null, "f");
         }
     }
@@ -9150,8 +9150,8 @@ const KupDataTable = class {
      * Closes the delete confirm card (called by backend, on success)
      */
     async closeConfirmDeleteCard() {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteDialog, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteDialog, "f").close();
+        if (__classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteDialog, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteDialog, "f").close();
             __classPrivateFieldSet$3(this, _KupDataTable_confirmDeleteCard, null, "f");
             __classPrivateFieldSet$3(this, _KupDataTable_confirmDeleteDialog, null, "f");
         }
@@ -9161,23 +9161,23 @@ const KupDataTable = class {
      */
     async getCards() {
         const obj = {};
-        if (__classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f")) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f")) {
             obj['insertCard'] = {
-                el: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f"),
-                messageWrapper: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f")),
-                message: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_ID, "f")),
-                submitButton: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_SUBMIT_ID, "f")),
-                cancelButton: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_CANCEL_ID, "f")),
-                form: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_FIELDS_FORM_ID, "f")),
+                el: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f"),
+                messageWrapper: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f")),
+                message: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_ID, "f")),
+                submitButton: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_SUBMIT_ID, "f")),
+                cancelButton: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_CANCEL_ID, "f")),
+                form: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_FIELDS_FORM_ID, "f")),
             };
         }
-        if (__classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f")) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f")) {
             obj['confirmDeleteCard'] = {
-                el: __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f"),
-                messageWrapper: __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f")),
-                message: __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_ID, "f")),
-                submitButton: __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_SUBMIT_ID, "f")),
-                cancelButton: __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_CANCEL_ID, "f")),
+                el: __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f"),
+                messageWrapper: __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f")),
+                message: __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_ID, "f")),
+                submitButton: __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_SUBMIT_ID, "f")),
+                cancelButton: __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").querySelector('#' + __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_CANCEL_ID, "f")),
             };
         }
         /*
@@ -9237,7 +9237,7 @@ const KupDataTable = class {
      */
     async hideColumn(column) {
         var _a;
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hide(this.data, [column.name]);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hide(this.data, [column.name]);
         if ((_a = this.visibleColumns) === null || _a === void 0 ? void 0 : _a.length) {
             this.visibleColumns = this.visibleColumns.filter((colName) => colName != column.name);
         }
@@ -9254,8 +9254,8 @@ const KupDataTable = class {
     async setGroupExpansionByDepth(modifier) {
         const toStream = () => {
             const streamlined = [];
-            for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f").length; index++) {
-                const row = __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f")[index];
+            for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f").length; index++) {
+                const row = __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f")[index];
                 const group = row.group;
                 if (group) {
                     recursive(row);
@@ -9290,7 +9290,7 @@ const KupDataTable = class {
             }
         };
         const getGroupDepth = () => {
-            const firstGroup = __classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0];
+            const firstGroup = __classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0];
             let maxDepth = 0;
             const traverseGroup = (row, currentDepth) => {
                 const group = row.group;
@@ -9309,14 +9309,14 @@ const KupDataTable = class {
         };
         const paginatedStream = toStream();
         let maxDepth = getGroupDepth() + modifier;
-        for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").length; index++) {
-            const row = __classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[index];
+        for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").length; index++) {
+            const row = __classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[index];
             const group = row.group;
             if (group) {
                 handleChildren(row, false, maxDepth, 0);
             }
         }
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupState).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupState).call(this);
         this.refresh();
     }
     /**
@@ -9326,7 +9326,7 @@ const KupDataTable = class {
      * @returns {string|KupDataColumn} Returns the new column created or a string containing the error message if something went wrong.
      */
     async newColumn(type, options) {
-        const result = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.new(this.data, type, options);
+        const result = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.new(this.data, type, options);
         this.refresh();
         return result;
     }
@@ -9335,49 +9335,49 @@ const KupDataTable = class {
      * @param {string} column - Name of the column.
      */
     async openColumnMenu(column) {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
+        if (__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
         }
         this.columnMenuAnchor = column;
         __classPrivateFieldSet$3(this, _KupDataTable_columnMenuCard, document.createElement('kup-card'), "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").isMenu = true;
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").layoutNumber = 12;
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").sizeX = 'auto';
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").sizeY = 'auto';
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").addEventListener('kup-card-click', (e) => {
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").isMenu = true;
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").layoutNumber = 12;
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").sizeX = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").sizeY = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").addEventListener('kup-card-click', (e) => {
             this.kupDataTableColumnMenu.emit({
                 comp: this,
                 id: this.rootElement.id,
-                card: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"),
+                card: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
                 event: e,
-                open: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").menuVisible,
+                open: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").menuVisible,
             });
         });
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").addEventListener('kup-card-event', (e) => {
-            __classPrivateFieldGet$6(this, _KupDataTable_columnMenuInstance, "f").eventHandlers(e, this);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").addEventListener('kup-card-event', (e) => {
+            __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").eventHandlers(e, this);
             this.kupDataTableColumnMenu.emit({
                 comp: this,
                 id: this.rootElement.id,
-                card: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"),
+                card: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
                 event: e,
-                open: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").menuVisible,
+                open: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").menuVisible,
             });
         });
         __classPrivateFieldSet$3(this, _KupDataTable_clickCbDropCard, {
             cb: () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeColumnMenuCard).call(this);
             },
-            el: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"),
+            el: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
         }, "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"), true);
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', column);
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet$6(this, _KupDataTable_columnMenuInstance, "f").prepData(this, getColumnByName(this.getVisibleColumns(), column));
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuInstance, "f").open(this, column);
-        __classPrivateFieldGet$6(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"), true);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").setAttribute('data-column', column);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").data = __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").prepData(this, getColumnByName(this.getVisibleColumns(), column));
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").open(this, column);
+        __classPrivateFieldGet$7(this, _KupDataTable_columnMenuInstance, "f").reposition(this, __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"));
         this.kupDataTableColumnMenu.emit({
             comp: this,
             id: this.rootElement.id,
-            card: __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"),
+            card: __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"),
             event: null,
             open: true,
         });
@@ -9387,7 +9387,7 @@ const KupDataTable = class {
      */
     async refresh(recalcRows) {
         if (recalcRows) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_initRows).call(this);
         }
         forceUpdate(this);
     }
@@ -9396,8 +9396,8 @@ const KupDataTable = class {
      */
     async resizeCallback() {
         if (this.lazyLoadCells &&
-            this.rootElement.clientWidth !== __classPrivateFieldGet$6(this, _KupDataTable_oldWidth, "f")) {
-            window.clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_resizeTimeout, "f"));
+            this.rootElement.clientWidth !== __classPrivateFieldGet$7(this, _KupDataTable_oldWidth, "f")) {
+            window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_resizeTimeout, "f"));
             __classPrivateFieldSet$3(this, _KupDataTable_resizeTimeout, window.setTimeout(() => this.refresh(), 300), "f");
         }
     }
@@ -9412,7 +9412,7 @@ const KupDataTable = class {
         if (!column) {
             return;
         }
-        const row = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, rowId);
+        const row = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, rowId);
         if (!row) {
             return;
         }
@@ -9472,7 +9472,7 @@ const KupDataTable = class {
         this.selectedRows = [];
         for (let index = 0; index < rowsIdentifiers.length; index++) {
             const id = rowsIdentifiers[index];
-            const row = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
+            const row = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
             if (row) {
                 if (!firstRowSelectedId) {
                     firstRowSelectedId = id;
@@ -9500,11 +9500,11 @@ const KupDataTable = class {
     async scrollToRow(rowIdentifier) {
         var _a;
         const id = rowIdentifier;
-        const row = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
+        const row = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getRow).call(this, id);
         if (row) {
-            const idx = __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").indexOf(row) - 1;
+            const idx = __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").indexOf(row) - 1;
             if (idx >= 1) {
-                (_a = __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f")[idx]) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
+                (_a = __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[idx]) === null || _a === void 0 ? void 0 : _a.scrollIntoView();
             }
         }
     }
@@ -9512,13 +9512,13 @@ const KupDataTable = class {
      * Public method to wait until the component is fully ready.
      */
     async waitForReady() {
-        return __classPrivateFieldGet$6(this, _KupDataTable_readyPromise, "f");
+        return __classPrivateFieldGet$7(this, _KupDataTable_readyPromise, "f");
     }
     /**
      * This method is used to retrieve last focused row or the first if there's no row focused
      */
     async getLastFocusedRow() {
-        return __classPrivateFieldGet$6(this, _KupDataTable_lastFocusedRow, "f");
+        return __classPrivateFieldGet$7(this, _KupDataTable_lastFocusedRow, "f");
     }
     //---- Lifecycle hooks ----
     connectedCallback() {
@@ -9527,12 +9527,12 @@ const KupDataTable = class {
         }), "f");
     }
     componentWillLoad() {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.register(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.register(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").toolbar.register(this.rootElement);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.register(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").toolbar.register(this.rootElement);
         if (!this.emptyDataLabel) {
-            this.emptyDataLabel = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA);
+            this.emptyDataLabel = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA);
         }
         __classPrivateFieldSet$3(this, _KupDataTable_columnMenuInstance, new KupColumnMenu(), "f");
         __classPrivateFieldSet$3(this, _KupDataTable_filtersColumnMenuInstance, new FiltersColumnMenu(), "f");
@@ -9557,19 +9557,19 @@ const KupDataTable = class {
             __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, 0, "f");
         }
         if (document.querySelector('.topbar')) {
-            __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, __classPrivateFieldGet$6(this, _KupDataTable_navBarHeight, "f") + document.querySelector('.topbar').clientHeight, "f");
+            __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, __classPrivateFieldGet$7(this, _KupDataTable_navBarHeight, "f") + document.querySelector('.topbar').clientHeight, "f");
         }
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_setObserver).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_setObserver).call(this);
         //this.recalculateRows();
         // Detects is the browser is Safari. If needed, this function can be moved into an external file and then imported into components
         __classPrivateFieldSet$3(this, _KupDataTable_isSafariBrowser, CSS.supports('position', '-webkit-sticky') ||
             !!(window && window.safari), "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateData).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateData).call(this);
         __classPrivateFieldSet$3(this, _KupDataTable_initialized, true, "f");
         this.decorateAndInitForUpdTable();
     }
     componentWillRender() {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         // If the component is not connected this method must not be executed
@@ -9584,45 +9584,45 @@ const KupDataTable = class {
             }
         }
         requestAnimationFrame(async () => {
-            if (root && __classPrivateFieldGet$6(this, _KupDataTable_readyResolve, "f")) {
-                __classPrivateFieldGet$6(this, _KupDataTable_readyResolve, "f").call(this);
+            if (root && __classPrivateFieldGet$7(this, _KupDataTable_readyResolve, "f")) {
+                __classPrivateFieldGet$7(this, _KupDataTable_readyResolve, "f").call(this);
                 __classPrivateFieldSet$3(this, _KupDataTable_readyResolve, null, "f");
             }
         });
         if (this.showCustomization) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_customizePanelPosition).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_customizePanelPosition).call(this);
         }
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_totalMenuPosition).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_checkScrollOnHover).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_didRenderObservers).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_didRenderInteractables).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, false);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_totalMenuPosition).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_checkScrollOnHover).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_didRenderObservers).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_didRenderInteractables).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, false);
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_updateStickyHeaderSize).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_updateStickyHeaderSize).call(this);
         }
-        setTimeout(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_updateFixedRowsAndColumnsCssVariables).call(this), 50);
+        setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_updateFixedRowsAndColumnsCssVariables).call(this), 50);
         // *** Store
         if (this.lazyLoadCells) {
             this.persistState();
         }
         // ***
         __classPrivateFieldSet$3(this, _KupDataTable_oldWidth, this.rootElement.clientWidth, "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logRender(this, true);
     }
     componentDidLoad() {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_didLoadObservers).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_didLoadEventHandling).call(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_didLoadInteractables).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_didLoadObservers).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_didLoadEventHandling).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_didLoadInteractables).call(this);
         this.lazyLoadCells = true;
         this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").resize.observe(this.rootElement);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").resize.observe(this.rootElement);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logLoad(this, true);
     }
     resetCurrentPage() {
         this.currentPage = 1;
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
     getColumns() {
         return this.data && this.data.columns
@@ -9642,7 +9642,7 @@ const KupDataTable = class {
         }
         // Starting columns filter
         let resultVisibleColumns = this.getColumns().filter((col) => {
-            const isNotCodVer = !__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col);
+            const isNotCodVer = !__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.isCodVer(col);
             if (this.visibleColumns) {
                 // if visible columns is specified, include only those columns
                 return isNotCodVer && this.visibleColumns.includes(col.name);
@@ -9657,7 +9657,7 @@ const KupDataTable = class {
                 this.visibleColumns.indexOf(b.name));
         }
         // Check grouping e filter based on group visibility
-        if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
             return resultVisibleColumns.filter((column) => {
                 let group = null;
                 for (let currentGroup of this.groups) {
@@ -9675,7 +9675,7 @@ const KupDataTable = class {
         return resultVisibleColumns;
     }
     getGroupByName(column) {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
             return null;
         }
         for (let group of this.groups) {
@@ -9686,7 +9686,7 @@ const KupDataTable = class {
         return null;
     }
     getColumnValues(column) {
-        return __classPrivateFieldGet$6(this, _KupDataTable_filtersRowsInstance, "f").getColumnValues(this, column, this.globalFilterValue, __classPrivateFieldGet$6(this, _KupDataTable_filtersColumnMenuInstance, "f"));
+        return __classPrivateFieldGet$7(this, _KupDataTable_filtersRowsInstance, "f").getColumnValues(this, column, this.globalFilterValue, __classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f"));
     }
     getRows() {
         return this.data && this.data.rows ? this.data.rows : [];
@@ -9701,7 +9701,7 @@ const KupDataTable = class {
     }
     async defaultSortingFunction(columns, receivingColumnIndex, sortedColumnIndex, useNewObject = false) {
         const toSort = !useNewObject ? columns : [...columns];
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_moveSortedColumns).call(this, toSort, receivingColumnIndex, sortedColumnIndex);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_moveSortedColumns).call(this, toSort, receivingColumnIndex, sortedColumnIndex);
         return toSort;
     }
     areTotalsSelected(column) {
@@ -9709,7 +9709,7 @@ const KupDataTable = class {
     }
     onTotalsChange(event, column) {
         var _a;
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
         if (!column) {
             return;
         }
@@ -9732,15 +9732,15 @@ const KupDataTable = class {
         let selectRowCell = null;
         if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
             extraCells++;
-            const fixedCellStyle = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
+            const fixedCellStyle = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
             selectRowCell = (h("td", { class: fixedCellStyle ? fixedCellStyle.fixedCellClasses : null, style: fixedCellStyle ? fixedCellStyle.fixedCellStyle : null }));
         }
         // Action cell
         let actionsCell = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
             extraCells++;
-            const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
+            const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, extraCells, 0, 0, extraCells);
             actionsCell = (h("td", { class: selectionStyleAndClass
                     ? selectionStyleAndClass.fixedCellClasses
                     : {}, style: selectionStyleAndClass
@@ -9749,19 +9749,19 @@ const KupDataTable = class {
         }
         const footerCells = this.getVisibleColumns().map((column, columnIndex) => {
             var _a;
-            const fixedCellStyle = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
+            const fixedCellStyle = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
             let totalMenu = undefined;
             let menuLabel = TotalLabel.CALC;
             const translation = {
-                [TotalLabel.AVERAGE]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
-                [TotalLabel.CALC]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
-                [TotalLabel.CANC]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
-                [TotalLabel.COUNT]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
-                [TotalLabel.DISTINCT]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
-                [TotalLabel.MATH]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
-                [TotalLabel.MAX]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
-                [TotalLabel.MIN]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
-                [TotalLabel.SUM]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.SUM),
+                [TotalLabel.AVERAGE]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
+                [TotalLabel.CALC]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
+                [TotalLabel.CANC]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
+                [TotalLabel.COUNT]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
+                [TotalLabel.DISTINCT]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
+                [TotalLabel.MATH]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
+                [TotalLabel.MAX]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
+                [TotalLabel.MIN]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
+                [TotalLabel.SUM]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageTotals.SUM),
             };
             if (this.totals) {
                 const totalValue = this.totals[column.name];
@@ -9793,7 +9793,7 @@ const KupDataTable = class {
                     }
                 }
             }
-            if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isOpenedTotalMenuForColumn).call(this, column.name)) {
+            if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isOpenedTotalMenuForColumn).call(this, column.name)) {
                 const getTotalsListElements = (formula = '') => {
                     return {
                         [TotalMode.COUNT]: {
@@ -9838,11 +9838,11 @@ const KupDataTable = class {
                 const listData = [];
                 if (column.formula) {
                     /* Formula cloumn */
-                    const formula = (_a = ((__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this) && this.totals[column.name]) ||
+                    const formula = (_a = ((__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this) && this.totals[column.name]) ||
                         column.formula)) === null || _a === void 0 ? void 0 : _a.replace(getRegExpFromString(TotalMode.MATH, 'g'), '');
                     const totalsListElements = getTotalsListElements(formula);
                     // Add formula
-                    listData.push(Object.assign(Object.assign({}, totalsListElements[TotalMode.MATH]), { selected: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+                    listData.push(Object.assign(Object.assign({}, totalsListElements[TotalMode.MATH]), { selected: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
                             ? !!this.totals[column.name]
                             : false }), Object.assign(Object.assign({}, totalsListElements[TotalLabel.CANC]), { separator: true }));
                 }
@@ -9851,15 +9851,15 @@ const KupDataTable = class {
                     // Add default operations
                     const totalsListElements = getTotalsListElements();
                     listData.push(totalsListElements[TotalMode.COUNT], totalsListElements[TotalMode.DISTINCT]);
-                    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isNumber(column.obj)) {
+                    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isNumber(column.obj)) {
                         // Add number operations
                         listData.push(Object.assign(Object.assign({}, totalsListElements[TotalMode.SUM]), { separator: true }), totalsListElements[TotalMode.AVERAGE], totalsListElements[TotalMode.MIN], totalsListElements[TotalMode.MAX]);
                     }
-                    else if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isDate(column.obj)) {
+                    else if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isDate(column.obj)) {
                         // Add date operations
                         listData.push(Object.assign(Object.assign({}, totalsListElements[TotalMode.MIN]), { separator: true }), totalsListElements[TotalMode.MAX]);
                     }
-                    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)) {
+                    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)) {
                         const selectedItem = listData.find((item) => item.id === this.totals[column.name]);
                         if (selectedItem) {
                             selectedItem.selected = true;
@@ -9869,10 +9869,10 @@ const KupDataTable = class {
                 }
                 totalMenu = (h("kup-list", { class: `total-menu`, data: listData, id: "totals-menu", "is-menu": true, keyboardNavigation: true, "menu-visible": true, "onkup-list-click": (event) => this.onTotalsChange(event, column), tabindex: 0 }));
             }
-            const totalValue = __classPrivateFieldGet$6(this, _KupDataTable_footer, "f")[column.name] != null
-                ? getValueForDisplay(__classPrivateFieldGet$6(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
+            const totalValue = __classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name] != null
+                ? getValueForDisplay(__classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
                 : '';
-            const totalsClass = `totals-value ${isNegativeNumber(__classPrivateFieldGet$6(this, _KupDataTable_footer, "f")[column.name])
+            const totalsClass = `totals-value ${isNegativeNumber(__classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name])
                 ? FCellClasses.TEXT_DANGER
                 : ''}`;
             return (h("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
@@ -9891,37 +9891,37 @@ const KupDataTable = class {
         let transpose = undefined;
         let totalsMatrix = undefined;
         if (this.openedCustomSettings) {
-            density = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderDensityPanel).call(this);
-            fontsize = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderFontSizePanel).call(this);
-            grid = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderGridPanel).call(this);
-            transpose = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderTransposeSwitch).call(this);
+            density = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderDensityPanel).call(this);
+            fontsize = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderFontSizePanel).call(this);
+            grid = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderGridPanel).call(this);
+            transpose = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderTransposeSwitch).call(this);
             if (this.totals && this.groups.length > 0) {
-                totalsMatrix = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderTotalsMatrix).call(this);
+                totalsMatrix = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderTotalsMatrix).call(this);
             }
         }
         return (h("kup-card", { customStyle: "::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }", isMenu: true, layoutFamily: KupCardFamily.FREE, ref: (el) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_customizeTopPanelRef, el, "f");
-            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("div", { style: {
+            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("div", { style: {
                 display: 'grid',
                 'grid-template-columns': 'repeat(2, auto)',
                 width: 'max-content',
-            } }, h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+            } }, h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' Magic Box ' +
                 '(' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").enableExperimentalFeatures &&
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").openAI &&
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").enableExperimentalFeatures &&
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").openAI &&
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' ' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.AI_ASSISTANT) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.AI_ASSISTANT) +
                 ' (' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
                 ')', icon: "smeup-ai", "onkup-button-click": () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").openAI.show({
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").openAI.show({
                     context: this.rootElement.tagName,
                     dataset: this.data,
                 });
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
             } })) : null), totalsMatrix));
     }
     render() {
@@ -9930,20 +9930,20 @@ const KupDataTable = class {
         __classPrivateFieldSet$3(this, _KupDataTable_renderedRows, [], "f");
         let elStyle = undefined;
         let actionWrapperWidth = undefined;
-        __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
+        __classPrivateFieldSet$3(this, _KupDataTable_sizedColumns, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSizedColumns).call(this), "f");
         if (this.updatableData) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").keysBinding.unregister('enter');
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").keysBinding.unregister('enter');
         }
         let rows = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '4bdb78f1dce6687784b5812da74a9d10f8c47620', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '2d9d54cef9effb87966c6b99383453ee62163c5c', colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+        if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
+            rows = (h("tr", { key: '43964b68259ee77d1eb2cc703fc4551c5ad085f8', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '4c8df8bc2924d6844a58ea329e34d03f2ecb5f9c', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
-            __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f")
+            __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f")
                 // We must pass the previous element of the array to check if we must hide or display the value of the cell
                 // When the column has specified the parameter hideValuesRepetitions
-                .map((row, rowIndex, currentArray) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, 0, rowIndex + 1, rowIndex > 0 ? currentArray[rowIndex - 1] : null))
+                .map((row, rowIndex, currentArray) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, 0, rowIndex + 1, rowIndex > 0 ? currentArray[rowIndex - 1] : null))
                 .forEach((jsxRow) => {
                 if (Array.isArray(jsxRow)) {
                     jsxRow.forEach((jr) => rows.push(jr));
@@ -9955,25 +9955,25 @@ const KupDataTable = class {
         }
         // header
         // for multi selection purposes, this should be called before this.renderedRows has been evaluated
-        const header = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderHeader).call(this);
-        const stickyHeader = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderStickyHeader).call(this);
+        const header = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderHeader).call(this);
+        const stickyHeader = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderStickyHeader).call(this);
         let paginatorTop = undefined;
         let paginatorBottom = undefined;
         if (this.showPaginator &&
-            ((!this.lazyLoadRows && __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f") > this.rowsPerPage) ||
+            ((!this.lazyLoadRows && __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f") > this.rowsPerPage) ||
                 this.showCustomization ||
                 this.showLoadMore)) {
             if (PaginatorPos.TOP === this.paginatorPos ||
                 PaginatorPos.BOTH === this.paginatorPos) {
-                paginatorTop = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderPaginator).call(this, true);
+                paginatorTop = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderPaginator).call(this, true);
             }
             if (PaginatorPos.BOTTOM === this.paginatorPos ||
                 PaginatorPos.BOTH === this.paginatorPos) {
-                paginatorBottom = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderPaginator).call(this, false);
+                paginatorBottom = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderPaginator).call(this, false);
             }
         }
         let groupChips = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
             const chipsData = [];
             for (let index = 0; index < this.groups.length; index++) {
                 const group = this.groups[index];
@@ -9986,7 +9986,7 @@ const KupDataTable = class {
                     });
                 }
                 else {
-                    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Grouped for a non-existent column! (' +
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Grouped for a non-existent column! (' +
                         group.column +
                         ')', KupDebugCategory.WARNING);
                 }
@@ -9999,15 +9999,15 @@ const KupDataTable = class {
                     onIconClick: [],
                 };
                 for (let i = 0; i < chipsData.length; i++) {
-                    props.onIconClick.push(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
+                    props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '3a578a291bf8f436262d14ff2d00b3f2aa5ab90a' }, props));
+                groupChips = h(FChip, Object.assign({ key: '57d143c2c89aa93b7cccf8926201818f32f7666c' }, props));
             }
         }
         const tableClass = {
             // Class to specify whether the table should have width: auto or not.
             // Mandatory to check with custom column size.
-            'auto-width': __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_tableHasAutoWidth).call(this),
+            'auto-width': __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_tableHasAutoWidth).call(this),
             'column-separation': ShowGrid.COMPLETE === this.showGrid ||
                 ShowGrid.COL === this.showGrid,
             // When there are columns with a specified width, we must add table-layout: fixed to force the table to respect them
@@ -10033,7 +10033,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: '8fb90e75ff222c9b2c5fd971e3b469bf2b1f9872', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '999bc17dcd252d23dea0e897956fad76032e7d62' }, h("tr-sticky", { key: '6121fd48a7a082abc91d96157a206814a348d99a' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '72143e2dd14c2ed457a8da40c41d88d0056ee11d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '384803dc3e404b30e2b1bc5ad64f9d9e9e329b43' }, h("tr-sticky", { key: '1b9c1a17fc090a9f0c1bbcc964c54c4ecee962af' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10063,14 +10063,14 @@ const KupDataTable = class {
                 (((_a = e.detail.cell) === null || _a === void 0 ? void 0 : _a.shape) === FCellShapes.CHECKBOX ||
                     ((_b = e.detail.cell) === null || _b === void 0 ? void 0 : _b.shape) === FCellShapes.SWITCH)) {
                 if (this.updateOnClick) {
-                    __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this);
+                    __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this);
                 }
                 else if ((_d = (_c = e.detail.cell) === null || _c === void 0 ? void 0 : _c.inputSettings) === null || _d === void 0 ? void 0 : _d.checkValueOnExit) {
                     this.kupCellCheck.emit({
                         comp: this,
                         id: this.rootElement.id,
-                        originalData: __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"),
-                        updatedData: getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                        originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+                        updatedData: getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
                         cell: e.detail.cell,
                     });
                 }
@@ -10078,13 +10078,13 @@ const KupDataTable = class {
         };
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
-                this.getRows().length > __classPrivateFieldGet$6(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '9f48efef161dd423feb3a3ad2f58b2ebc61eacdb', "onKup-drop": (e) => {
+                this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
+        const compCreated = (h(Host, { key: '4076ece2048ed51fa61f083a93ceb3888f9de8eb', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
                 this.kupDataTableCellInput.emit(e.detail);
-            }, "onKup-cell-update": autoselectOnAction, "onKup-cell-blur": __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
+            }, "onKup-cell-update": autoselectOnAction, "onKup-cell-blur": __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onBlurHandler), "onKup-cell-click": (e) => {
                 this.kupDataTableCellClick.emit(e.detail);
             }, "onKup-cell-iconclick": (e) => {
                 this.kupDataTableCellIconClick.emit(e.detail);
@@ -10094,11 +10094,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: 'c7312efbf2ac12ed8f80bcaeb8930c01b6f93af8' }, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '0dbbdca925ba5a345faed699df2b79dfb641ff27', id: componentWrapperId, class: wrapClass }, h("div", { key: 'e868309fc39a4e7a319a861d2148929d588a6c8f', class: "group-wrapper" }, groupChips), h("div", { key: 'c3c38965aa6a74d9eabf71c379d9997397ab5c70', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '675c3b5746de43ea52b8f97e07d7e03b94290494' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: '1ed5d580d217b720947c25f381ce247342057af7', id: componentWrapperId, class: wrapClass }, h("div", { key: '84d8d0006e722229cc9d797f671db29bef09a0c8', class: "group-wrapper" }, groupChips), h("div", { key: '5c933f3495d308f993d77b6c9fe282cea4f517bc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
-                window.clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_globalFilterTimeout, "f"));
-                __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: 'f0d0a8ac568a99ad1ba111ee955405f03572b282', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+                window.clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_globalFilterTimeout, "f"));
+                __classPrivateFieldSet$3(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
+            } }))) : null, h("div", { key: 'bb34804d5fc095b5bcc2bddd21801ffbdf4c74f3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10107,7 +10107,7 @@ const KupDataTable = class {
                 });
             }, styling: FButtonStyling.FLAT, sizing: KupComponentSizing.MEDIUM, title: "Save", wrapperClass: "save-button" })) : null, this.showDeleteButton &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "delete", onClick: () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_rowsDelete).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_rowsDelete).call(this);
             }, styling: FButtonStyling.FLAT, sizing: KupComponentSizing.MEDIUM, title: "Delete selected rows", wrapperClass: "delete-button" })) : null, this.showHistoryButton ? (h(FButton, { icon: "history", onClick: () => {
                 this.kupHistory.emit({
                     comp: this,
@@ -10119,10 +10119,10 @@ const KupDataTable = class {
             onClick: async () => {
                 var _a;
                 if (this.insertMode === 'form') {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_rowInsertForm).call(this);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_rowInsertForm).call(this);
                 }
                 else {
-                    __classPrivateFieldSet$3(this, _KupDataTable_insertCount, (_a = __classPrivateFieldGet$6(this, _KupDataTable_insertCount, "f"), _a++, _a), "f");
+                    __classPrivateFieldSet$3(this, _KupDataTable_insertCount, (_a = __classPrivateFieldGet$7(this, _KupDataTable_insertCount, "f"), _a++, _a), "f");
                     const cells = {};
                     for (let index = 0; index < this.data.columns.length; index++) {
                         const column = this.data.columns[index];
@@ -10142,57 +10142,57 @@ const KupDataTable = class {
                     }
                     const row = {
                         cells,
-                        id: __classPrivateFieldGet$6(this, _KupDataTable_INSERT_PREFIX, "f") +
-                            __classPrivateFieldGet$6(this, _KupDataTable_insertCount, "f"),
+                        id: __classPrivateFieldGet$7(this, _KupDataTable_INSERT_PREFIX, "f") +
+                            __classPrivateFieldGet$7(this, _KupDataTable_insertCount, "f"),
                     };
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '1c7add2b380abf5936c157f0ea931d3b0be12bb3', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
-            ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: 'c36d016d64f804c643c53b67f263f16bfb166f7f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '8f342239d3aa4d1c7c5fce166a2b60909685d0e2', class: "droparea", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
+            : null), h("div", { key: 'c91e64e42b858a644c29b107fd9cb233d39a970f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
-                        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
                     }, ref: (el) => {
                         __classPrivateFieldSet$3(this, _KupDataTable_customizeTopButtonRef, el, "f");
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '3b2bc03989d1b3b548cbc8910c90878330af3a52', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '2ab7c7256505b8326502f3a0c8f0e162a0c4f8e9', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
-                __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
+                __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onPointerUp: (e) => {
-                __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
+                __classPrivateFieldSet$3(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'df77fa43f4225444ae04b2d0daf0a26b62373356', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '1e8169fdc3ab48a34451ae001fd53d8b61d67400' }, header)), h("tbody", { key: '90d0d45589c9a12514949c3e14bda9ecbcef97a8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '43664e89ccde104c0c41dd1449e1c89d441757aa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '522d372292fd65339de510b1b9cd9c5174f450a3' }, header)), h("tbody", { key: '8447665b521befe969818f94cb0abab27f4c0da4' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.unregister(__classPrivateFieldGet$6(this, _KupDataTable_interactableDrag, "f").concat(__classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f"), __classPrivateFieldGet$6(this, _KupDataTable_interactableResize, "f"), __classPrivateFieldGet$6(this, _KupDataTable_interactableTouch, "f")));
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.unregister(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").theme.unregister(this);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").toolbar.unregister([this.rootElement]);
-        if (__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"))
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.unregister([
-                __classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"),
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.unregister(__classPrivateFieldGet$7(this, _KupDataTable_interactableDrag, "f").concat(__classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f"), __classPrivateFieldGet$7(this, _KupDataTable_interactableResize, "f"), __classPrivateFieldGet$7(this, _KupDataTable_interactableTouch, "f")));
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").toolbar.unregister([this.rootElement]);
+        if (__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"))
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.unregister([
+                __classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"),
             ]);
         const dynamicPositionElements = this.rootElement.shadowRoot.querySelectorAll('[' + kupDynamicPositionAttribute + ']');
         if (dynamicPositionElements.length > 0) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
         }
-        if (__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f").remove();
+        if (__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f").remove();
         }
-        if (__classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f")) {
-            __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").remove();
+        if (__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f")) {
+            __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").remove();
         }
         if (this.scrollOnHover) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").scrollOnHover.unregister(__classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f"));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").scrollOnHover.unregister(__classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f"));
         }
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").resize.unobserve(this.rootElement);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").resize.unobserve(this.rootElement);
         this.kupDidUnload.emit({ comp: this, id: this.rootElement.id });
     }
     get rootElement() { return getElement$1(this); }
@@ -10214,16 +10214,16 @@ const KupDataTable = class {
     }; }
 };
 _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_maxRowsPerPage = new WeakMap(), _KupDataTable_readyPromise = new WeakMap(), _KupDataTable_readyResolve = 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_DEFAULT_ROWS_FOR_GLOBAL_FILTER = 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$6(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").remove();
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").remove();
     __classPrivateFieldSet$3(this, _KupDataTable_columnDropCard, null, "f");
 }, _KupDataTable_createDropCard = function _KupDataTable_createDropCard(starter, receiving) {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f")) {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
+    if (__classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f")) {
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
     }
     __classPrivateFieldSet$3(this, _KupDataTable_columnDropCard, document.createElement('kup-card'), "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").data = {
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").data = {
         options: {
             data: this.data,
             enableFormula: this.enableColumnsFormula,
@@ -10232,53 +10232,53 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             receivingColumn: receiving,
             starterColumn: starter,
             formulaCb: () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
                 this.refresh();
             },
             mergeCb: () => {
                 this.newColumn(KupDataNewColumnTypes.CONCATENATE, {
                     columns: [receiving.name, starter.name],
                 });
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
             },
             moveCb: () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnSort).call(this, receiving, starter);
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnSort).call(this, receiving, starter);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
             },
         },
     };
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").layoutFamily = KupCardFamily.BUILT_IN;
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").layoutNumber = 3;
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").isMenu = true;
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").sizeX = '280px';
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").sizeY = 'auto';
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"), __classPrivateFieldGet$6(this, _KupDataTable_columnDropCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").layoutFamily = KupCardFamily.BUILT_IN;
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").layoutNumber = 3;
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").isMenu = true;
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").sizeX = '280px';
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").sizeY = 'auto';
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f"), __classPrivateFieldGet$7(this, _KupDataTable_columnDropCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f"));
     __classPrivateFieldSet$3(this, _KupDataTable_clickCbDropCard, {
         cb: () => {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeDropCard).call(this);
         },
-        el: __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"),
+        el: __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f"),
     }, "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"), true);
-    __classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f").menuVisible = true;
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"), true);
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").menuVisible = true;
 }, _KupDataTable_calculateData = function _KupDataTable_calculateData() {
     if (!this.transpose) {
         // restore
-        if (__classPrivateFieldGet$6(this, _KupDataTable_originalData, "f")) {
-            this.data = Object.assign({}, __classPrivateFieldGet$6(this, _KupDataTable_originalData, "f"));
+        if (__classPrivateFieldGet$7(this, _KupDataTable_originalData, "f")) {
+            this.data = Object.assign({}, __classPrivateFieldGet$7(this, _KupDataTable_originalData, "f"));
         }
     }
     else {
         // transpose
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_setTransposedData).call(this);
     }
 }, _KupDataTable_getRow = function _KupDataTable_getRow(id) {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
-        return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f"));
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) && typeof id === 'string') {
+        return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f"));
     }
     else {
-        return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$6(this, _KupDataTable_rows, "f"));
+        return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, __classPrivateFieldGet$7(this, _KupDataTable_rows, "f"));
     }
 }, _KupDataTable__getRow = function _KupDataTable__getRow(id, rows) {
     if (!rows || rows.length == 0) {
@@ -10294,7 +10294,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 return r;
             }
             if (r.group) {
-                r = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, r.group.children);
+                r = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__getRow).call(this, id, r.group.children);
                 if (r) {
                     return r;
                 }
@@ -10306,15 +10306,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (column) {
         this.filters = {};
     }
-    return __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.transpose(this.data, column);
+    return __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.transpose(this.data, column);
 }, _KupDataTable_setTransposedData = function _KupDataTable_setTransposedData() {
     // transpose
     __classPrivateFieldSet$3(this, _KupDataTable_originalData, Object.assign({}, this.data), "f");
     if (this.data.columns.length > 0) {
-        this.data = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getTransposedData).call(this, this.data.columns[0].name);
+        this.data = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getTransposedData).call(this, this.data.columns[0].name);
     }
 }, _KupDataTable_switchToTotalsMatrix = function _KupDataTable_switchToTotalsMatrix() {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_rows, "f").length === 0 || !__classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0].group)
+    if (__classPrivateFieldGet$7(this, _KupDataTable_rows, "f").length === 0 || !__classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0].group)
         return;
     // calc totals matrix data
     const totalsMatrixData = {};
@@ -10322,9 +10322,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // note that the sorting of the columns depends on the totals selection
     // the first column is the one that is selected first in the totals, and so on...
     const ids = [];
-    ids.push(__classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0].group.column);
-    Object.keys(__classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0].group.totals).forEach((columnKey) => {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0].group.column !== columnKey)
+    ids.push(__classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0].group.column);
+    Object.keys(__classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0].group.totals).forEach((columnKey) => {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0].group.column !== columnKey)
             ids.push(columnKey);
     });
     // calc columns
@@ -10354,7 +10354,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                                 totalMode + ' ' + currentColumn.title;
                         }
                     }
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_setObjForTotalsMatrix).call(this, currentColumn, this.totals);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_setObjForTotalsMatrix).call(this, currentColumn, this.totals);
                 }
                 totalsMatrixColumns.push(currentColumn);
             }
@@ -10365,15 +10365,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // calc rows
     const totalsMatrixRows = [];
     let index = 0;
-    __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").forEach((row) => {
+    __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").forEach((row) => {
         const cells = {};
         ids.forEach((id) => {
             let totalValue = row.group.totals[id];
             if (!totalValue) {
                 totalValue = row.group.id;
             }
-            if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
-                totalValue = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
+            if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
+                totalValue = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
             }
             cells[id] = {
                 value: String(totalValue),
@@ -10413,13 +10413,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_setObjForTotalsMatrix = function _KupDataTable_setObjForTotalsMatrix(column, totals) {
     const obj = column.obj;
     const totalMode = totals[column.name];
-    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isDate(obj)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isDate(obj)) {
         // check if min or max totals mode
         if (totalMode === TotalMode.MAX || totalMode === TotalMode.MIN) {
             return;
         }
     }
-    else if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isNumber(obj)) {
+    else if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isNumber(obj)) {
         // check if percentage
         if (obj.p && obj.p.toUpperCase() === 'P') {
             if (totalMode !== TotalMode.COUNT &&
@@ -10447,14 +10447,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, 0, "f");
     }
     if (topBar) {
-        __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, __classPrivateFieldGet$6(this, _KupDataTable_navBarHeight, "f") + topBar.clientHeight, "f");
-    }
-    if (__classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f")) {
-        __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").style.top = __classPrivateFieldGet$6(this, _KupDataTable_navBarHeight, "f") + 'px';
-        const widthTable = __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").offsetWidth;
-        __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").style.maxWidth = widthTable + 'px';
-        const thCollection = __classPrivateFieldGet$6(this, _KupDataTable_theadRef, "f").querySelectorAll('th');
-        const thStickyCollection = __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").querySelectorAll('th-sticky');
+        __classPrivateFieldSet$3(this, _KupDataTable_navBarHeight, __classPrivateFieldGet$7(this, _KupDataTable_navBarHeight, "f") + topBar.clientHeight, "f");
+    }
+    if (__classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f")) {
+        __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").style.top = __classPrivateFieldGet$7(this, _KupDataTable_navBarHeight, "f") + 'px';
+        const widthTable = __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").offsetWidth;
+        __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").style.maxWidth = widthTable + 'px';
+        const thCollection = __classPrivateFieldGet$7(this, _KupDataTable_theadRef, "f").querySelectorAll('th');
+        const thStickyCollection = __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").querySelectorAll('th-sticky');
         for (let i = 0; i < thCollection.length; i++) {
             const widthTH = thCollection[i].offsetWidth;
             thStickyCollection[i].style.width = widthTH + 'px';
@@ -10465,8 +10465,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         entries.forEach((entry) => {
             if (entry.target.tagName === 'TR') {
                 if (entry.isIntersecting) {
-                    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
-                    const delta = __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").length - this.currentRowsPerPage;
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Last row entering the viewport, loading more elements.');
+                    const delta = __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").length - this.currentRowsPerPage;
                     if (delta < this.loadMoreStep) {
                         this.currentRowsPerPage += delta;
                     }
@@ -10480,7 +10480,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 if (entry.isIntersecting) {
                     __classPrivateFieldSet$3(this, _KupDataTable_theadIntersecting, true, "f");
                 }
-                else if (entry.boundingClientRect.bottom > __classPrivateFieldGet$6(this, _KupDataTable_navBarHeight, "f")) {
+                else if (entry.boundingClientRect.bottom > __classPrivateFieldGet$7(this, _KupDataTable_navBarHeight, "f")) {
                     //If the thead is not intersecting but it still is inside the viewport, is to be considered intersected
                     __classPrivateFieldSet$3(this, _KupDataTable_theadIntersecting, true, "f");
                 }
@@ -10499,20 +10499,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             if (this.tableHeight === undefined &&
                 this.tableWidth === undefined &&
                 this.headerIsPersistent) {
-                __classPrivateFieldGet$6(this, _KupDataTable_stickyHeaderPosition, "f").call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_stickyHeaderPosition, "f").call(this);
             }
         });
     };
     const options = {
         threshold: 0,
-        rootMargin: '-' + __classPrivateFieldGet$6(this, _KupDataTable_navBarHeight, "f") + 'px 0px 0px 0px',
+        rootMargin: '-' + __classPrivateFieldGet$7(this, _KupDataTable_navBarHeight, "f") + 'px 0px 0px 0px',
     };
     __classPrivateFieldSet$3(this, _KupDataTable_intObserver, new IntersectionObserver(callback, options), "f");
 }, _KupDataTable_didLoadInteractables = function _KupDataTable_didLoadInteractables() {
-    __classPrivateFieldGet$6(this, _KupDataTable_interactableTouch, "f").push(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_interactableTouch, "f").push(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"));
     const tapCb = (e) => {
         var _a, _b, _c, _d;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_hold, "f")) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_hold, "f")) {
             __classPrivateFieldSet$3(this, _KupDataTable_hold, false, "f");
             return;
         }
@@ -10527,18 +10527,18 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
                 // in case an icon is clicked
                 if (e.target.classList.contains('f-image__icon')) {
-                    const details = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+                    const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
                     // in case a cell action icon is clicked
                     if (((_b = (_a = details === null || details === void 0 ? void 0 : details.cell) === null || _a === void 0 ? void 0 : _a.obj) === null || _b === void 0 ? void 0 : _b.t) !== 'J4' &&
                         ((_d = (_c = details === null || details === void 0 ? void 0 : details.cell) === null || _c === void 0 ? void 0 : _c.obj) === null || _d === void 0 ? void 0 : _d.p) !== 'ICO') {
                         break;
                     }
                 }
-                __classPrivateFieldGet$6(this, _KupDataTable_clickTimeout, "f").push(setTimeout(() => {
+                __classPrivateFieldGet$7(this, _KupDataTable_clickTimeout, "f").push(setTimeout(() => {
                     this.kupDataTableClick.emit({
                         comp: this,
                         id: this.rootElement.id,
-                        details: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_clickHandler).call(this, clone),
+                        details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_clickHandler).call(this, clone),
                     });
                 }, 300));
                 break;
@@ -10547,7 +10547,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 this.kupDataTableContextMenu.emit({
                     comp: this,
                     id: this.rootElement.id,
-                    details: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandler).call(this, e),
+                    details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandler).call(this, e),
                 });
                 break;
         }
@@ -10556,17 +10556,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         switch (e.button) {
             // left click
             case 0:
-                for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_clickTimeout, "f").length; index++) {
-                    clearTimeout(__classPrivateFieldGet$6(this, _KupDataTable_clickTimeout, "f")[index]);
-                    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Cleared clickHandler timeout(' +
-                        __classPrivateFieldGet$6(this, _KupDataTable_clickTimeout, "f")[index] +
+                for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_clickTimeout, "f").length; index++) {
+                    clearTimeout(__classPrivateFieldGet$7(this, _KupDataTable_clickTimeout, "f")[index]);
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Cleared clickHandler timeout(' +
+                        __classPrivateFieldGet$7(this, _KupDataTable_clickTimeout, "f")[index] +
                         ').');
                 }
                 __classPrivateFieldSet$3(this, _KupDataTable_clickTimeout, [], "f");
                 this.kupDataTableDblClick.emit({
                     comp: this,
                     id: this.rootElement.id,
-                    details: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_dblClickHandler).call(this, e),
+                    details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_dblClickHandler).call(this, e),
                 });
                 break;
         }
@@ -10577,40 +10577,40 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             this.kupDataTableContextMenu.emit({
                 comp: this,
                 id: this.rootElement.id,
-                details: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandler).call(this, e),
+                details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_contextMenuHandler).call(this, e),
             });
         }
     };
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.TAP, tapCb);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.DOUBLETAP, doubletapCb);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.HOLD, holdCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.TAP, tapCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.DOUBLETAP, doubletapCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), KupPointerEventTypes.HOLD, holdCb);
 }, _KupDataTable_didRenderInteractables = function _KupDataTable_didRenderInteractables() {
     if (this.showGroups) {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").includes(__classPrivateFieldGet$6(this, _KupDataTable_groupsDropareaRef, "f"))) {
-            __classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").push(__classPrivateFieldGet$6(this, _KupDataTable_groupsDropareaRef, "f"));
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.dropzone(__classPrivateFieldGet$6(this, _KupDataTable_groupsDropareaRef, "f"), {
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").includes(__classPrivateFieldGet$7(this, _KupDataTable_groupsDropareaRef, "f"))) {
+            __classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").push(__classPrivateFieldGet$7(this, _KupDataTable_groupsDropareaRef, "f"));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.dropzone(__classPrivateFieldGet$7(this, _KupDataTable_groupsDropareaRef, "f"), {
                 accept: `[${kupDraggableColumnAttr}]`,
             }, null, {
                 drop: (e) => {
                     const draggedTh = e.relatedTarget;
                     const grouped = getColumnByName(this.getColumns(), draggedTh.dataset.column);
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnGroup).call(this, grouped);
-                    __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnGroup).call(this, grouped);
+                    __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
                 },
             });
         }
     }
     if (this.removableColumns) {
-        if (!__classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").includes(__classPrivateFieldGet$6(this, _KupDataTable_removeDropareaRef, "f"))) {
-            __classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").push(__classPrivateFieldGet$6(this, _KupDataTable_removeDropareaRef, "f"));
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.dropzone(__classPrivateFieldGet$6(this, _KupDataTable_removeDropareaRef, "f"), {
+        if (!__classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").includes(__classPrivateFieldGet$7(this, _KupDataTable_removeDropareaRef, "f"))) {
+            __classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").push(__classPrivateFieldGet$7(this, _KupDataTable_removeDropareaRef, "f"));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.dropzone(__classPrivateFieldGet$7(this, _KupDataTable_removeDropareaRef, "f"), {
                 accept: `[${kupDraggableColumnAttr}]`,
             }, null, {
                 drop: (e) => {
                     const draggedTh = e.relatedTarget;
                     const deleted = getColumnByName(this.getColumns(), draggedTh.dataset.column);
                     this.hideColumn(deleted);
-                    __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
+                    __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
                 },
             });
         }
@@ -10644,7 +10644,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             __classPrivateFieldSet$3(this, _KupDataTable_columnDropCardAnchor, e.target, "f");
             if (isSameComponent && receiving && starter) {
                 if (onlySort) {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnSort).call(this, receiving, starter);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnSort).call(this, receiving, starter);
                 }
                 else if (onlyMerge) {
                     this.newColumn(KupDataNewColumnTypes.CONCATENATE, {
@@ -10652,17 +10652,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     });
                 }
                 else {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_createDropCard).call(this, starter, receiving);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createDropCard).call(this, starter, receiving);
                 }
             }
-            __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
+            __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupDragActiveAttr);
         };
         const startCb = (e) => {
             const draggable = e.target;
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, true, draggable);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, true, draggable);
         };
         const endCb = () => {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, false);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hideShowColumnDropArea).call(this, false);
         };
         const dropCallbacks = {
             drop: dropCb,
@@ -10671,14 +10671,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             start: startCb,
             end: endCb,
         };
-        for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_thRefs, "f").length; index++) {
-            const th = __classPrivateFieldGet$6(this, _KupDataTable_thRefs, "f")[index];
-            if (th && !__classPrivateFieldGet$6(this, _KupDataTable_interactableDrag, "f").includes(th)) {
-                __classPrivateFieldGet$6(this, _KupDataTable_interactableDrag, "f").push(th);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.dropzone(th, {
+        for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_thRefs, "f").length; index++) {
+            const th = __classPrivateFieldGet$7(this, _KupDataTable_thRefs, "f")[index];
+            if (th && !__classPrivateFieldGet$7(this, _KupDataTable_interactableDrag, "f").includes(th)) {
+                __classPrivateFieldGet$7(this, _KupDataTable_interactableDrag, "f").push(th);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.dropzone(th, {
                     accept: `[${kupDraggableColumnAttr}]`,
                 }, null, dropCallbacks);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.draggable(th, {
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.draggable(th, {
                     cursorChecker() {
                         return null;
                     },
@@ -10698,11 +10698,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         const callbacks = {
             move: moveCb,
         };
-        for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_thRefs, "f").length; index++) {
-            const th = __classPrivateFieldGet$6(this, _KupDataTable_thRefs, "f")[index];
-            if (th && !__classPrivateFieldGet$6(this, _KupDataTable_interactableResize, "f").includes(th)) {
-                __classPrivateFieldGet$6(this, _KupDataTable_interactableResize, "f").push(th);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.resizable(th, {
+        for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_thRefs, "f").length; index++) {
+            const th = __classPrivateFieldGet$7(this, _KupDataTable_thRefs, "f")[index];
+            if (th && !__classPrivateFieldGet$7(this, _KupDataTable_interactableResize, "f").includes(th)) {
+                __classPrivateFieldGet$7(this, _KupDataTable_interactableResize, "f").push(th);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.resizable(th, {
                     allowFrom: '.header-cell__drag-handler',
                     edges: {
                         left: false,
@@ -10716,15 +10716,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
     }
     if (this.dragEnabled) {
-        for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").length; index++) {
-            const row = __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f")[index];
+        for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").length; index++) {
+            const row = __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[index];
             const dataCb = () => {
                 var _a, _b, _c;
-                const cell = (_a = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _a === void 0 ? void 0 : _a.cell;
-                const column = (_b = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _b === void 0 ? void 0 : _b.column;
-                const row = (_c = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
+                const cell = (_a = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _a === void 0 ? void 0 : _a.cell;
+                const column = (_b = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _b === void 0 ? void 0 : _b.column;
+                const row = (_c = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
                 if (!cell) {
-                    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve drag informations!", KupDebugCategory.WARNING);
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve drag informations!", KupDebugCategory.WARNING);
                     return;
                 }
                 return {
@@ -10737,9 +10737,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     selectedRows: this.selectedRows,
                 };
             };
-            if (row && !__classPrivateFieldGet$6(this, _KupDataTable_interactableDrag, "f").includes(row)) {
-                __classPrivateFieldGet$6(this, _KupDataTable_interactableDrag, "f").push(row);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.draggable(row, {
+            if (row && !__classPrivateFieldGet$7(this, _KupDataTable_interactableDrag, "f").includes(row)) {
+                __classPrivateFieldGet$7(this, _KupDataTable_interactableDrag, "f").push(row);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.draggable(row, {
                     allowFrom: 'td',
                     cursorChecker() {
                         return null;
@@ -10753,11 +10753,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (this.dropEnabled) {
         const dataCb = () => {
             var _a, _b, _c;
-            const cell = (_a = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _a === void 0 ? void 0 : _a.cell;
-            const column = (_b = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _b === void 0 ? void 0 : _b.column;
-            const row = (_c = __classPrivateFieldGet$6(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
+            const cell = (_a = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _a === void 0 ? void 0 : _a.cell;
+            const column = (_b = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _b === void 0 ? void 0 : _b.column;
+            const row = (_c = __classPrivateFieldGet$7(this, _KupDataTable_lastPointerDetails, "f")) === null || _c === void 0 ? void 0 : _c.row;
             if (!cell) {
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve dropzone informations!", KupDebugCategory.WARNING);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve dropzone informations!", KupDebugCategory.WARNING);
                 return;
             }
             return {
@@ -10767,11 +10767,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 row,
             };
         };
-        for (let index = 0; index < __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").length; index++) {
-            const row = __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f")[index];
-            if (row && !__classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").includes(row)) {
-                __classPrivateFieldGet$6(this, _KupDataTable_interactableDrop, "f").push(row);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.dropzone(row, {
+        for (let index = 0; index < __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").length; index++) {
+            const row = __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[index];
+            if (row && !__classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").includes(row)) {
+                __classPrivateFieldGet$7(this, _KupDataTable_interactableDrop, "f").push(row);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.dropzone(row, {
                     accept: `[${kupDraggableCellAttr}]`,
                 }, {
                     callback: dataCb,
@@ -10785,44 +10785,44 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (this.headerIsPersistent &&
         this.tableHeight === undefined &&
         this.tableWidth === undefined) {
-        __classPrivateFieldGet$6(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"));
-        __classPrivateFieldGet$6(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$6(this, _KupDataTable_theadRef, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$7(this, _KupDataTable_theadRef, "f"));
     }
 }, _KupDataTable_didRenderObservers = function _KupDataTable_didRenderObservers() {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") < __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f") && this.lazyLoadRows) {
-        __classPrivateFieldGet$6(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f")[__classPrivateFieldGet$6(this, _KupDataTable_paginatedRowsLength, "f") - 1]);
+    if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") < __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f") && this.lazyLoadRows) {
+        __classPrivateFieldGet$7(this, _KupDataTable_intObserver, "f").observe(__classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f")[__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") - 1]);
     }
 }, _KupDataTable_didLoadEventHandling = function _KupDataTable_didLoadEventHandling() {
-    __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").addEventListener('scroll', () => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_scrollStickyHeader).call(this));
+    __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").addEventListener('scroll', () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_scrollStickyHeader).call(this));
 }, _KupDataTable_scrollStickyHeader = function _KupDataTable_scrollStickyHeader() {
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f")) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f")) {
         return;
     }
-    __classPrivateFieldGet$6(this, _KupDataTable_stickyTheadRef, "f").scrollLeft = __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").scrollLeft;
+    __classPrivateFieldGet$7(this, _KupDataTable_stickyTheadRef, "f").scrollLeft = __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").scrollLeft;
 }, _KupDataTable_checkScrollOnHover = function _KupDataTable_checkScrollOnHover() {
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").scrollOnHover.isRegistered(__classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f"))) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").scrollOnHover.isRegistered(__classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f"))) {
         if (this.scrollOnHover &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").scrollOnHover.register(__classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f"));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").scrollOnHover.register(__classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f"));
         }
     }
     else {
         if (!this.scrollOnHover &&
             (this.tableHeight !== undefined ||
                 this.tableWidth !== undefined)) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").scrollOnHover.unregister(__classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f"));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").scrollOnHover.unregister(__classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f"));
         }
     }
 }, _KupDataTable_customizePanelPosition = function _KupDataTable_customizePanelPosition() {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_customizeTopButtonRef, "f") &&
-        !__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"))) {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"), __classPrivateFieldGet$6(this, _KupDataTable_customizeTopButtonRef, "f"), 0, KupDynamicPositionPlacement.BOTTOM, true);
+    if (__classPrivateFieldGet$7(this, _KupDataTable_customizeTopButtonRef, "f") &&
+        !__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.isRegistered(__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"))) {
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"), __classPrivateFieldGet$7(this, _KupDataTable_customizeTopButtonRef, "f"), 0, KupDynamicPositionPlacement.BOTTOM, true);
     }
 }, _KupDataTable_rowsPointLength = function _KupDataTable_rowsPointLength() {
-    return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, __classPrivateFieldGet$6(this, _KupDataTable_rows, "f"));
+    return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, __classPrivateFieldGet$7(this, _KupDataTable_rows, "f"));
 }, _KupDataTable_paginatedRowsPointLength = function _KupDataTable_paginatedRowsPointLength() {
-    return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f"));
+    return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f"));
 }, _KupDataTable__rowsLength = function _KupDataTable__rowsLength(r) {
     if (r == null) {
         return 0;
@@ -10835,7 +10835,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         count += 1;
         if (row.group != null) {
-            count += __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, row.group.children);
+            count += __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable__rowsLength).call(this, row.group.children);
         }
     }
     return count;
@@ -10861,7 +10861,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         return undefined;
     }
 }, _KupDataTable_rowDetail = function _KupDataTable_rowDetail(row, x, y) {
-    const transposedData = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getTransposedData).call(this);
+    const transposedData = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getTransposedData).call(this);
     const cardData = {
         button: [
             {
@@ -10890,7 +10890,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 showHeader: false,
             },
         ],
-        text: [__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.DETAIL)],
+        text: [__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.DETAIL)],
     };
     const columns = cardData.datatable[0].data.columns;
     const rows = cardData.datatable[0].data.rows;
@@ -10914,7 +10914,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         currentColumn.visible = true;
     }
     else {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Invalid column name on row ID (' +
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Invalid column name on row ID (' +
             row.id +
             "), couldn't set current record!", KupDebugCategory.WARNING);
     }
@@ -10923,7 +10923,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     for (let index = 0; index < rows.length; index++) {
         const column = this.data.columns.find((x) => x.name === rows[index].transposedColumnName);
         if (!column) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Column not found on row name (' + column + ')!', KupDebugCategory.WARNING);
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Column not found on row name (' + column + ')!', KupDebugCategory.WARNING);
             return;
         }
         const editable = rows[index].cells[row.id].isEditable
@@ -10947,8 +10947,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     resource: editable ? 'edit-key' : 'key-variant',
                 },
                 title: editable
-                    ? __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.EDITABLE_KEY)
-                    : __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.KEY),
+                    ? __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.EDITABLE_KEY)
+                    : __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.KEY),
                 value: editable ? 'edit-key' : 'key-variant',
             };
         }
@@ -10963,7 +10963,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     color: `var(${KupThemeColorValues.TEXT})`,
                     resource: 'pencil',
                 },
-                title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE_FIELD),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE_FIELD),
                 value: 'pencil',
             };
         }
@@ -10985,64 +10985,64 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         rows[index].cells[iconColumn.toUpperCase()] = iconCell;
     }
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f")) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f")) {
         __classPrivateFieldSet$3(this, _KupDataTable_detailCard, document.createElement('kup-card'), "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").layoutFamily = KupCardFamily.DIALOG;
-        __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").layoutNumber = 4;
-        __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").sizeX = 'auto';
-        __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").sizeY = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").layoutFamily = KupCardFamily.DIALOG;
+        __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").layoutNumber = 4;
+        __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").sizeX = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").sizeY = 'auto';
     }
     else {
-        const children = Array.prototype.slice.call(__classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").children, 0);
+        const children = Array.prototype.slice.call(__classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").children, 0);
         for (let index = 0; index < children.length; index++) {
             children[index].remove();
         }
     }
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").data = cardData;
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").style.position = 'fixed';
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").style.left = '0';
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").style.top = '0';
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").setAttribute('data-x', x.toString());
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").setAttribute('data-y', y.toString());
-    __classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f").style.transform = 'translate(' + x + 'px,' + y + 'px)';
-    this.rootElement.shadowRoot.append(__classPrivateFieldGet$6(this, _KupDataTable_detailCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").data = cardData;
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").style.position = 'fixed';
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").style.left = '0';
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").style.top = '0';
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").setAttribute('data-x', x.toString());
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").setAttribute('data-y', y.toString());
+    __classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f").style.transform = 'translate(' + x + 'px,' + y + 'px)';
+    this.rootElement.shadowRoot.append(__classPrivateFieldGet$7(this, _KupDataTable_detailCard, "f"));
 }, _KupDataTable_dropDownActions = function _KupDataTable_dropDownActions(dropDownActions, row) {
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_createDropDownActionsCard).call(this, dropDownActions, row);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createDropDownActionsCard).call(this, dropDownActions, row);
 }, _KupDataTable_createDropDownActionsCard = function _KupDataTable_createDropDownActionsCard(dropDownActions, row) {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f")) {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
+    if (__classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f")) {
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
     }
     __classPrivateFieldSet$3(this, _KupDataTable_actionsCard, document.createElement('kup-card'), "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").layoutFamily = KupCardFamily.STANDARD;
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").layoutNumber = 17;
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").menuVisible = true;
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").sizeX = 'auto';
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").sizeY = 'auto';
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").data =
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_prepareDataForActionsCard).call(this, dropDownActions);
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").layoutFamily = KupCardFamily.STANDARD;
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").layoutNumber = 17;
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").menuVisible = true;
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").sizeX = 'auto';
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").sizeY = 'auto';
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").data =
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_prepareDataForActionsCard).call(this, dropDownActions);
     __classPrivateFieldSet$3(this, _KupDataTable_clickCbDropCard, {
         cb: () => {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
         },
-        el: __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"),
+        el: __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"),
     }, "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"), true);
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").style.position = 'absolute';
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").style.left = '0';
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").style.top = '0';
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").isMenu = true;
-    this.rootElement.shadowRoot.append(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"), __classPrivateFieldGet$6(this, _KupDataTable_dropDownActionCardAnchor, "f")
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"), true);
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").style.position = 'absolute';
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").style.left = '0';
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").style.top = '0';
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").isMenu = true;
+    this.rootElement.shadowRoot.append(__classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"), __classPrivateFieldGet$7(this, _KupDataTable_dropDownActionCardAnchor, "f")
         .parentElement, 0, KupDynamicPositionPlacement.AUTO, true);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").addEventListener('kup-card-event', (e) => {
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").addEventListener('kup-card-event', (e) => {
         switch (e.detail.event.type) {
             case 'kup-textfield-input':
                 const input = e.detail.event.detail.value;
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_filterRowActionsCard).call(this, __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"), dropDownActions, input);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_filterRowActionsCard).call(this, __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"), dropDownActions, input);
                 break;
             case 'kup-textfield-cleariconclick':
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_clearSearchActionsCard).call(this, __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"), dropDownActions);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_clearSearchActionsCard).call(this, __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"), dropDownActions);
                 break;
             case 'kup-list-click':
                 const selectedObjectIndex = e.detail.event.detail.index;
@@ -11058,7 +11058,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     column: selectedObject.column,
                 });
                 setTimeout(() => {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeRowActionsCard).call(this);
                 }, 0);
         }
     });
@@ -11078,14 +11078,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     card.data.list[0].data = filteredList;
     card.refresh();
 }, _KupDataTable_closeRowActionsCard = function _KupDataTable_closeRowActionsCard() {
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_actionsCard, "f").remove();
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_actionsCard, "f").remove();
     __classPrivateFieldSet$3(this, _KupDataTable_actionsCard, null, "f");
 }, _KupDataTable_closeColumnMenuCard = function _KupDataTable_closeColumnMenuCard() {
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbDropCard, "f"));
-    __classPrivateFieldGet$6(this, _KupDataTable_columnMenuCard, "f").remove();
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_columnMenuCard, "f").remove();
     __classPrivateFieldSet$3(this, _KupDataTable_columnMenuCard, null, "f");
 }, _KupDataTable_prepareDataForActionsCard = function _KupDataTable_prepareDataForActionsCard(dropDownActions) {
     const hasAlmostTenElements = dropDownActions.length >= 10;
@@ -11115,10 +11115,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     const CARD_WIDTH = 400;
     const CARD_HEIGHT = 400;
     __classPrivateFieldSet$3(this, _KupDataTable_insertCard, document.createElement('kup-card'), "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").layoutFamily = KupCardFamily.FREE;
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").layoutNumber = 1;
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").sizeX = CARD_WIDTH + 'px';
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").sizeY = CARD_HEIGHT + 'px';
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").layoutFamily = KupCardFamily.FREE;
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").layoutNumber = 1;
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").sizeX = CARD_WIDTH + 'px';
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").sizeY = CARD_HEIGHT + 'px';
     const style = document.createElement('style');
     style.innerText =
         'kup-form { max-height: 40vh; overflow: auto; } .page-wrapper { display: grid; } ' +
@@ -11126,24 +11126,24 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             '.message-wrapper { display: none; justify-content: start; padding-top: 5px; padding-bottom: 5px; } ' +
             '.errorIcon { --kup-icon-color: var(--kup-danger-color-60); } ' +
             '.message { background-color: var(--kup-danger-color-60); color: white; padding: 3px; } ';
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").append(style);
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").append(style);
     const pageWrapper = document.createElement('div');
     pageWrapper.className = 'page-wrapper';
     const buttonWrapper = document.createElement('div');
     buttonWrapper.className = 'button-wrapper';
     const cancel = document.createElement('kup-button');
     const confirm = document.createElement('kup-button');
-    cancel.id = __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_CANCEL_ID, "f");
+    cancel.id = __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_CANCEL_ID, "f");
     cancel.icon = 'clear';
-    cancel.label = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ABORT);
+    cancel.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ABORT);
     cancel.styling = FButtonStyling.FLAT;
     cancel.addEventListener('kup-button-click', () => {
-        __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").remove();
+        __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").remove();
         __classPrivateFieldSet$3(this, _KupDataTable_insertCard, null, "f");
     });
-    confirm.id = __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_SUBMIT_ID, "f");
+    confirm.id = __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_SUBMIT_ID, "f");
     confirm.icon = 'check';
-    confirm.label = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM);
+    confirm.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM);
     let innerComp = document.createElement('kup-spinner');
     innerComp.slot = 'spinner';
     innerComp.dimensions = '0.6em';
@@ -11162,7 +11162,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     buttonWrapper.append(cancel);
     buttonWrapper.append(confirm);
     const form = document.createElement('kup-form');
-    form.id = __classPrivateFieldGet$6(this, _KupDataTable_FIELDS_FORM_ID, "f");
+    form.id = __classPrivateFieldGet$7(this, _KupDataTable_FIELDS_FORM_ID, "f");
     const row = {
         cells: {},
         id: '0',
@@ -11182,7 +11182,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     };
     const messageWrapper = document.createElement('div');
     messageWrapper.className = 'message-wrapper';
-    messageWrapper.id = __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f");
+    messageWrapper.id = __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f");
     const icon = document.createElement('kup-image');
     icon.className = 'errorIcon';
     icon.resource = 'cancel';
@@ -11191,43 +11191,43 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     messageWrapper.append(icon);
     const message = document.createElement('span');
     message.className = 'message';
-    message.id = __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_ID, "f");
+    message.id = __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_ID, "f");
     let msg = '';
     message.innerText = msg;
     messageWrapper.append(message);
     pageWrapper.append(messageWrapper);
     pageWrapper.append(form);
     pageWrapper.append(buttonWrapper);
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").append(pageWrapper);
-    __classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f").data = {};
-    this.rootElement.shadowRoot.append(__classPrivateFieldGet$6(this, _KupDataTable_insertCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").append(pageWrapper);
+    __classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f").data = {};
+    this.rootElement.shadowRoot.append(__classPrivateFieldGet$7(this, _KupDataTable_insertCard, "f"));
 }, _KupDataTable_rowsDelete = function _KupDataTable_rowsDelete() {
     const createDeleteCard = () => {
         __classPrivateFieldSet$3(this, _KupDataTable_confirmDeleteDialog, document.createElement('kup-dialog'), "f");
         __classPrivateFieldSet$3(this, _KupDataTable_confirmDeleteCard, document.createElement('kup-card'), "f");
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").layoutFamily = KupCardFamily.FREE;
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").layoutNumber = 1;
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").sizeX = 'auto';
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").sizeY = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").layoutFamily = KupCardFamily.FREE;
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").layoutNumber = 1;
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").sizeX = 'auto';
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").sizeY = 'auto';
         const style = document.createElement('style');
         style.innerText =
             '.button-wrapper, .message-wrapper { display: flex; justify-content: space-around; z-index: var(--kup-card-zindex); } .message-wrapper { padding-bottom: 20px; }';
         const messageWrapper = document.createElement('div');
         messageWrapper.className = 'message-wrapper';
-        messageWrapper.id = __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f");
+        messageWrapper.id = __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_WRAPPER_ID, "f");
         const message = document.createElement('span');
         message.className = 'message';
-        message.id = __classPrivateFieldGet$6(this, _KupDataTable_MESSAGE_ID, "f");
-        let msg = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM_DELETE_X_ROWS);
+        message.id = __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_ID, "f");
+        let msg = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM_DELETE_X_ROWS);
         msg = msg.replace('{0}', this.selectedRows.length + '');
         message.innerText = msg;
         messageWrapper.append(message);
         const buttonWrapper = document.createElement('div');
         buttonWrapper.className = 'button-wrapper';
         const confirm = document.createElement('kup-button');
-        confirm.id = __classPrivateFieldGet$6(this, _KupDataTable_BUTTON_SUBMIT_ID, "f");
+        confirm.id = __classPrivateFieldGet$7(this, _KupDataTable_BUTTON_SUBMIT_ID, "f");
         confirm.icon = 'check';
-        confirm.label = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM);
+        confirm.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM);
         let innerComp = document.createElement('kup-spinner');
         innerComp.slot = 'spinner';
         innerComp.dimensions = '0.6em';
@@ -11242,17 +11242,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             });
         });
         buttonWrapper.append(confirm);
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").append(style);
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").append(messageWrapper);
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").append(buttonWrapper);
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f").data = {};
-        __classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteDialog, "f").append(__classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteCard, "f"));
-        document.querySelector('body').append(__classPrivateFieldGet$6(this, _KupDataTable_confirmDeleteDialog, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").append(style);
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").append(messageWrapper);
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").append(buttonWrapper);
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f").data = {};
+        __classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteDialog, "f").append(__classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteCard, "f"));
+        document.querySelector('body').append(__classPrivateFieldGet$7(this, _KupDataTable_confirmDeleteDialog, "f"));
     };
     const insertRowsIds = [];
     const startingRows = [];
     this.selectedRows.forEach((row) => {
-        if (row.id.indexOf(__classPrivateFieldGet$6(this, _KupDataTable_INSERT_PREFIX, "f")) > -1) {
+        if (row.id.indexOf(__classPrivateFieldGet$7(this, _KupDataTable_INSERT_PREFIX, "f")) > -1) {
             insertRowsIds.push(row.id);
         }
         else {
@@ -11357,15 +11357,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         tr: tr ? tr : null,
     };
 }, _KupDataTable_clickHandler = function _KupDataTable_clickHandler(e) {
-    const details = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.area === 'header') {
         if (details.th && details.column) {
             if (details.filterRemove) {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRemoveFilter).call(this, details.column);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRemoveFilter).call(this, details.column);
                 return details;
             }
             else if (this.sortEnabled) {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onColumnSort).call(this, e, details.column.name);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onColumnSort).call(this, e, details.column.name);
                 return details;
             }
         }
@@ -11380,16 +11380,16 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
             details.tr.classList.add('focus');
             if (e.ctrlKey || e.metaKey) {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_rowDetail).call(this, Object.assign({}, details.row), e.clientX, e.clientY);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_rowDetail).call(this, Object.assign({}, details.row), e.clientX, e.clientY);
                 return details;
             }
         }
         if (details.tr && details.row && details.isGroupRow) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRowExpand).call(this, details.row);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowExpand).call(this, details.row);
             return details;
         }
         if (details.td && details.row && !details.textfield) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, true);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, true);
             return details;
         }
         __classPrivateFieldSet$3(this, _KupDataTable_lastFocusedRow, details.row, "f");
@@ -11398,14 +11398,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_cellActionsMenuHandler = function _KupDataTable_cellActionsMenuHandler(e) {
     var _a;
     e.stopPropagation();
-    const details = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.cell) {
-        const cellActions = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.cell.buildCellActions(details.row, details.column, (_a = this.commands) !== null && _a !== void 0 ? _a : []);
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, details.row, cellActions);
+        const cellActions = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.buildCellActions(details.row, details.column, (_a = this.commands) !== null && _a !== void 0 ? _a : []);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, details.row, cellActions);
     }
     return details;
 }, _KupDataTable_contextMenuHandler = function _KupDataTable_contextMenuHandler(e) {
-    const details = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.area === DataTableAreasEnum.HEADER) {
         if (details.th && details.column) {
             this.openColumnMenu(details.column.name);
@@ -11415,34 +11415,34 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     else if (details.area === DataTableAreasEnum.FOOTER) {
         if (details.td && details.column) {
             __classPrivateFieldSet$3(this, _KupDataTable_totalMenuCoords, { x: e.clientX, y: e.clientY }, "f");
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onTotalMenuOpen).call(this, details.column);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onTotalMenuOpen).call(this, details.column);
             return details;
         }
     }
     return details;
 }, _KupDataTable_dblClickHandler = function _KupDataTable_dblClickHandler(e) {
-    const details = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+    const details = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e);
     if (details.area === 'body') {
         if (this.selection == SelectionMode.MULTIPLE) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
         }
         if (this.selection == SelectionMode.SINGLE ||
             this.selection == SelectionMode.MULTIPLE) {
-            __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, false);
+            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, details.row, details.td, false);
         }
     }
     return details;
 }, _KupDataTable_initRows = function _KupDataTable_initRows() {
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_filterRows).call(this);
-    __classPrivateFieldSet$3(this, _KupDataTable_footer, calcTotals(this.totals, this.getColumns(), normalizeRows(this.getColumns(), __classPrivateFieldGet$6(this, _KupDataTable_rows, "f"))), "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_groupRows).call(this);
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_sortRows).call(this);
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
-    __classPrivateFieldSet$3(this, _KupDataTable_paginatedRows, paginateRows(__classPrivateFieldGet$6(this, _KupDataTable_rows, "f"), this.currentPage, this.currentRowsPerPage, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)), "f");
-    __classPrivateFieldSet$3(this, _KupDataTable_paginatedRowsLength, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_paginatedRowsPointLength).call(this), "f");
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_filterRows).call(this);
+    __classPrivateFieldSet$3(this, _KupDataTable_footer, calcTotals(this.totals, this.getColumns(), normalizeRows(this.getColumns(), __classPrivateFieldGet$7(this, _KupDataTable_rows, "f"))), "f");
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_groupRows).call(this);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_sortRows).call(this);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
+    __classPrivateFieldSet$3(this, _KupDataTable_paginatedRows, paginateRows(__classPrivateFieldGet$7(this, _KupDataTable_rows, "f"), this.currentPage, this.currentRowsPerPage, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)), "f");
+    __classPrivateFieldSet$3(this, _KupDataTable_paginatedRowsLength, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_paginatedRowsPointLength).call(this), "f");
 }, _KupDataTable_filterRows = function _KupDataTable_filterRows() {
     __classPrivateFieldSet$3(this, _KupDataTable_rows, filterRows(this.getRows(), this.filters, this.globalFilterValue, this.getColumns()), "f");
-    __classPrivateFieldSet$3(this, _KupDataTable_rowsLength, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_rowsPointLength).call(this), "f");
+    __classPrivateFieldSet$3(this, _KupDataTable_rowsLength, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_rowsPointLength).call(this), "f");
 }, _KupDataTable_isGrouping = function _KupDataTable_isGrouping() {
     return this.groups && this.groups.length > 0;
 }, _KupDataTable_hasRowActions = function _KupDataTable_hasRowActions() {
@@ -11456,19 +11456,19 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_hasTotals = function _KupDataTable_hasTotals() {
     return this.totals && Object.keys(this.totals).length > 0;
 }, _KupDataTable_tableHasAutoWidth = function _KupDataTable_tableHasAutoWidth() {
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")) {
         return;
     }
     const visibleCols = this.getVisibleColumns();
     // Before checking each column, controls that visible columns are as many as items with custom sizes.
     // If there are more visible columns, it means that the width of the table will be set to auto.
-    if (visibleCols.length <= __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f").length) {
+    if (visibleCols.length <= __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f").length) {
         let found = false;
         // Each visible column must have its own width for the table to have a auto width
         for (let i = 0; i < visibleCols.length; i++) {
             found = false;
-            for (let j = 0; j < __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f").length; j++) {
-                if (visibleCols[i].name === __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")[j].name) {
+            for (let j = 0; j < __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f").length; j++) {
+                if (visibleCols[i].name === __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")[j].name) {
                     found = true;
                     break;
                 }
@@ -11481,8 +11481,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     return false;
 }, _KupDataTable_forceGroupExpansion = function _KupDataTable_forceGroupExpansion() {
-    __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").forEach((row) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, row));
-    __classPrivateFieldGet$6(this, _KupDataTable_paginatedRows, "f").forEach((row) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, row));
+    __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").forEach((row) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, row));
+    __classPrivateFieldGet$7(this, _KupDataTable_paginatedRows, "f").forEach((row) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, row));
 }, _KupDataTable_forceRowGroupExpansion = function _KupDataTable_forceRowGroupExpansion(row) {
     // check if row is group
     if (!row.group) {
@@ -11503,10 +11503,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     this.groupState[row.group.id] = groupState;
     if (row.group.children) {
-        row.group.children.forEach((childRow) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, childRow));
+        row.group.children.forEach((childRow) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_forceRowGroupExpansion).call(this, childRow));
     }
 }, _KupDataTable_adjustPaginator = function _KupDataTable_adjustPaginator() {
-    const numberOfRows = __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f");
+    const numberOfRows = __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f");
     // check if current page is valid
     const numberOfPages = Math.ceil(numberOfRows / this.currentRowsPerPage);
     if (this.currentPage > numberOfPages) {
@@ -11516,11 +11516,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
 }, _KupDataTable_setCellEditability = function _KupDataTable_setCellEditability(column, row, cell) {
     if (column.useAs) {
-        if (__classPrivateFieldGet$6(this, _KupDataTable_insertedRowIds, "f").includes(row.id) &&
+        if (__classPrivateFieldGet$7(this, _KupDataTable_insertedRowIds, "f").includes(row.id) &&
             column.useAs === 'Dec') {
             return false;
         }
-        else if (!__classPrivateFieldGet$6(this, _KupDataTable_insertedRowIds, "f").includes(row.id) &&
+        else if (!__classPrivateFieldGet$7(this, _KupDataTable_insertedRowIds, "f").includes(row.id) &&
             (column.useAs === 'Dec' || column.useAs === 'Key')) {
             return false;
         }
@@ -11533,7 +11533,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     return false;
 }, _KupDataTable_composeFixedCellStyleAndClass = function _KupDataTable_composeFixedCellStyleAndClass(columnCssIndex, columnCssIndexR, rowCssIndex, extraCellsCount = 0) {
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
         return undefined;
     }
     //-- Controls if there are fixed rows or columns --
@@ -11585,20 +11585,20 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_updateFixedRowsAndColumnsCssVariables = function _KupDataTable_updateFixedRowsAndColumnsCssVariables() {
     // [ffbf] - Using getBoundingClientRect is mandatory since Firefox return a wrong value for ele.offsetHeight and witdh values
     // When grouping, the fixed rows and columns are not sticky
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) || !__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"))
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this) || !__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"))
         return false;
     let toRet = false;
     if (this.fixedRows >= 1) {
-        let currentRow = __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type');
+        let currentRow = __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type');
         // The height must start from the height of the header. BUT not on Safari.
         // Safari handles the sticky position on the tables in a different way, making it start from the tbody element
         // and not on the table with a specified position of sticky. There fore in that case we must set initial height to 0.
-        let previousHeight = !__classPrivateFieldGet$6(this, _KupDataTable_isSafariBrowser, "f")
-            ? __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").querySelector('thead > tr:first-of-type > th:first-of-type').getBoundingClientRect().height // [ffbf]
+        let previousHeight = !__classPrivateFieldGet$7(this, _KupDataTable_isSafariBrowser, "f")
+            ? __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").querySelector('thead > tr:first-of-type > th:first-of-type').getBoundingClientRect().height // [ffbf]
             : 0;
         // [CSSCount] - I must start from 1 since we are referencing html elements e not array (with CSS selectors starting from 1)
         for (let i = 1; i <= this.fixedRows && currentRow; i++) {
-            __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.rows + i, previousHeight + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.rows + i, previousHeight + 'px');
             previousHeight += currentRow.children[0].getBoundingClientRect().height; // [ffbf]
             currentRow =
                 currentRow.nextElementSibling;
@@ -11606,17 +11606,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         toRet = true;
     }
     if (this.fixedColumns >= 1) {
-        let currentCell = __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type > td:first-of-type');
+        let currentCell = __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type > td:first-of-type');
         let previousWidth = 0;
         const totalFixedColumns = this.fixedColumns +
-            (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
+            (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)
                 ? 1
                 : 0) +
             (this.selection === SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
         // @See [CSSCount]
         for (let i = 1; i <= totalFixedColumns && currentCell; i++) {
-            __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.columns + i, previousWidth + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.columns + i, previousWidth + 'px');
             previousWidth += currentCell.getBoundingClientRect().width; // [ffbf]
             currentCell =
                 currentCell.nextElementSibling;
@@ -11624,10 +11624,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         toRet = true;
     }
     if (this.fixedColumnsR >= 1) {
-        let currentCell = __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type > td:last-of-type');
+        let currentCell = __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").querySelector('tbody > tr:first-of-type > td:last-of-type');
         let previousWidth = 0;
         for (let i = 1; i <= this.fixedColumnsR && currentCell; i++) {
-            __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.columnsR + i, previousWidth + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(FixedCellsCSSVarsBase.columnsR + i, previousWidth + 'px');
             previousWidth += currentCell.getBoundingClientRect().width;
             currentCell =
                 currentCell.previousElementSibling;
@@ -11675,10 +11675,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     // resetting current page
     this.resetCurrentPage();
     const newFilters = Object.assign({}, this.filters);
-    __classPrivateFieldGet$6(this, _KupDataTable_filtersColumnMenuInstance, "f").removeFilter(newFilters, column.name);
+    __classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f").removeFilter(newFilters, column.name);
     this.filters = newFilters;
 }, _KupDataTable_getFilterValueForTooltip = function _KupDataTable_getFilterValueForTooltip(column) {
-    return __classPrivateFieldGet$6(this, _KupDataTable_filtersColumnMenuInstance, "f").getFilterValueForTooltip(this.filters, column);
+    return __classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f").getFilterValueForTooltip(this.filters, column);
 }, _KupDataTable_onGlobalFilterChange = function _KupDataTable_onGlobalFilterChange(inputEl) {
     this.resetCurrentPage();
     if (inputEl) {
@@ -11689,15 +11689,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.globalFilterValue = '';
     }
 }, _KupDataTable_handlePageChange = function _KupDataTable_handlePageChange(pageNumber) {
-    const newPage = pageChange(pageNumber, __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"), this.currentRowsPerPage);
+    const newPage = pageChange(pageNumber, __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f"), this.currentRowsPerPage);
     if (newPage) {
         this.currentPage = newPage;
     }
 }, _KupDataTable_handleRowsPerPageChange = function _KupDataTable_handleRowsPerPageChange(rowsNumber) {
-    const newRows = rowsPerPageChange(rowsNumber, __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"));
+    const newRows = rowsPerPageChange(rowsNumber, __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f"));
     if (newRows) {
         this.currentRowsPerPage = newRows;
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustPaginator).call(this);
     }
 }, _KupDataTable_onRowClick = function _KupDataTable_onRowClick(row, td, emitEvent) {
     // selecting row
@@ -11721,15 +11721,26 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 break;
         }
     }
+    // Manage row selection on rowAction click
+    if (!td) {
+        this.kupRowSelected.emit({
+            comp: this,
+            id: this.rootElement.id,
+            selectedRows: this.selectedRows,
+            clickedRow: row,
+            clickedColumn: null,
+        });
+        return;
+    }
     // find clicked column
     const clickedColumn = td.dataset.column;
     // selecting clicked column
     if (!row.unselectable &&
         this.selection !== SelectionMode.NONE &&
         clickedColumn) {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_deselectColumn).call(this, this.selectedColumn);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_deselectColumn).call(this, this.selectedColumn);
         this.selectedColumn = clickedColumn;
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_selectColumn).call(this, this.selectedColumn);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_selectColumn).call(this, this.selectedColumn);
         if (emitEvent !== false) {
             // emit event
             this.kupRowSelected.emit({
@@ -11762,7 +11773,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_onRowActionExpanderClick = function _KupDataTable_onRowActionExpanderClick(e, row, dropDownActions) {
     e.stopPropagation();
     __classPrivateFieldSet$3(this, _KupDataTable_dropDownActionCardAnchor, e.target, "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_dropDownActions).call(this, dropDownActions, row);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_dropDownActions).call(this, dropDownActions, row);
 }, _KupDataTable_handleRowSelect = function _KupDataTable_handleRowSelect(row) {
     const index = this.selectedRows.indexOf(row);
     if (index < 0) {
@@ -11791,7 +11802,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
 }, _KupDataTable_onSelectAll = function _KupDataTable_onSelectAll({ target }) {
     if (target.checked) {
         // select all rows
-        this.selectedRows = __classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f");
+        this.selectedRows = __classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f");
         // triggering event
         this.kupRowSelected.emit({
             comp: this,
@@ -11803,21 +11814,21 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     else {
         // deselect all rows
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_resetSelectedRows).call(this);
     }
 }, _KupDataTable_openTotalMenu = function _KupDataTable_openTotalMenu(column) {
     this.openedTotalMenu = column.name;
 }, _KupDataTable_closeTotalMenu = function _KupDataTable_closeTotalMenu() {
     this.openedTotalMenu = null;
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCb, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCb, "f"));
 }, _KupDataTable_isOpenedTotalMenuForColumn = function _KupDataTable_isOpenedTotalMenuForColumn(column) {
     return this.openedTotalMenu === column;
 }, _KupDataTable_groupRows = function _KupDataTable_groupRows() {
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGrouping).call(this)) {
         return;
     }
-    __classPrivateFieldSet$3(this, _KupDataTable_rows, groupRows(this.getColumns(), __classPrivateFieldGet$6(this, _KupDataTable_rows, "f"), this.groups, this.totals), "f");
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupState).call(this);
+    __classPrivateFieldSet$3(this, _KupDataTable_rows, groupRows(this.getColumns(), __classPrivateFieldGet$7(this, _KupDataTable_rows, "f"), this.groups, this.totals), "f");
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupState).call(this);
 }, _KupDataTable_onLoadMoreClick = function _KupDataTable_onLoadMoreClick() {
     var _a;
     let loadItems = 0;
@@ -11827,11 +11838,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             break;
         case LoadMoreMode.CONSTANT_INCREMENT:
             loadItems =
-                this.loadMoreStep * (__classPrivateFieldGet$6(this, _KupDataTable_loadMoreEventCounter, "f") + 1);
+                this.loadMoreStep * (__classPrivateFieldGet$7(this, _KupDataTable_loadMoreEventCounter, "f") + 1);
             break;
         case LoadMoreMode.PROGRESSIVE_THRESHOLD:
             loadItems =
-                Math.max(__classPrivateFieldGet$6(this, _KupDataTable_loadMoreEventPreviousQuantity, "f"), this.loadMoreStep) * Math.min(__classPrivateFieldGet$6(this, _KupDataTable_loadMoreEventCounter, "f") + 1, 2);
+                Math.max(__classPrivateFieldGet$7(this, _KupDataTable_loadMoreEventPreviousQuantity, "f"), this.loadMoreStep) * Math.min(__classPrivateFieldGet$7(this, _KupDataTable_loadMoreEventCounter, "f") + 1, 2);
             break;
     }
     if (loadItems > this.loadMoreLimit) {
@@ -11843,15 +11854,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         loadItems: loadItems,
     });
     __classPrivateFieldSet$3(this, _KupDataTable_loadMoreEventPreviousQuantity, loadItems, "f");
-    __classPrivateFieldSet$3(this, _KupDataTable_loadMoreEventCounter, (_a = __classPrivateFieldGet$6(this, _KupDataTable_loadMoreEventCounter, "f"), _a++, _a), "f");
+    __classPrivateFieldSet$3(this, _KupDataTable_loadMoreEventCounter, (_a = __classPrivateFieldGet$7(this, _KupDataTable_loadMoreEventCounter, "f"), _a++, _a), "f");
 }, _KupDataTable_adjustGroupState = function _KupDataTable_adjustGroupState() {
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_rows, "f") ||
-        __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f") === 0 ||
-        !__classPrivateFieldGet$6(this, _KupDataTable_rows, "f")[0].hasOwnProperty('group')) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_rows, "f") ||
+        __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f") === 0 ||
+        !__classPrivateFieldGet$7(this, _KupDataTable_rows, "f")[0].hasOwnProperty('group')) {
         // no grouping
         return;
     }
-    __classPrivateFieldGet$6(this, _KupDataTable_rows, "f").forEach((r) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupStateFromRow).call(this, r));
+    __classPrivateFieldGet$7(this, _KupDataTable_rows, "f").forEach((r) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupStateFromRow).call(this, r));
 }, _KupDataTable_adjustGroupStateFromRow = function _KupDataTable_adjustGroupStateFromRow(row) {
     if (!row || !row.hasOwnProperty('group')) {
         // not a groping row, nothing to do
@@ -11868,9 +11879,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         // update expanded
         group.expanded = groupFromState.expanded;
     }
-    group.children.forEach((child) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupStateFromRow).call(this, child));
+    group.children.forEach((child) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_adjustGroupStateFromRow).call(this, child));
 }, _KupDataTable_sortRows = function _KupDataTable_sortRows() {
-    __classPrivateFieldSet$3(this, _KupDataTable_rows, sortRows(__classPrivateFieldGet$6(this, _KupDataTable_rows, "f"), this.sort), "f");
+    __classPrivateFieldSet$3(this, _KupDataTable_rows, sortRows(__classPrivateFieldGet$7(this, _KupDataTable_rows, "f"), this.sort), "f");
 }, _KupDataTable_getSortIcon = function _KupDataTable_getSortIcon(columnName) {
     // check if column in sort array
     for (let sortObj of this.sort) {
@@ -11896,8 +11907,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
         colSpan += 1;
     }
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
         colSpan += 1;
     }
     return colSpan;
@@ -11927,7 +11938,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             sourceColumn: this.data.columns[sortedColIndex],
             targetColumn: this.data.columns[receivingColIndex],
         });
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_moveSortedColumns).call(this, this.data.columns, receivingColIndex, sortedColIndex);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_moveSortedColumns).call(this, this.data.columns, receivingColIndex, sortedColIndex);
     }
     // Rearrange visibleColumns to match the new sort order
     if (this.visibleColumns) {
@@ -11947,12 +11958,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkValueOnExit) &&
         cell.shape !== FCellShapes.CHECKBOX &&
         cell.shape !== FCellShapes.SWITCH &&
-        ((_c = (_b = __classPrivateFieldGet$6(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) {
+        ((_c = (_b = __classPrivateFieldGet$7(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$6(this, _KupDataTable_originalDataLoaded, "f"),
-            updatedData: getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+            originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+            updatedData: getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
             cell: cell,
         });
     }
@@ -11966,25 +11977,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         .map((chunk, index) => (index !== 0 ? [h("br", null), chunk] : chunk));
 }, _KupDataTable_composeHeaderCellClassAndStyle = function _KupDataTable_composeHeaderCellClassAndStyle(columnIndex, extraCells = 0, column) {
     let columnClass = { ['header-cell']: true }, thStyle = column.style ? Object.assign({}, column.style) : {};
-    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isBar(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isButton(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isChart(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isCheckbox(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isImage(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isIcon(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isProgressBar(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isRadio(column.obj) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isVoCodver(column.obj)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isBar(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isButton(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isChart(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isCheckbox(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isImage(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isIcon(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isProgressBar(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isRadio(column.obj) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isVoCodver(column.obj)) {
         columnClass['header-cell--centered'] = true;
     }
-    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isNumber(column.obj)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isNumber(column.obj)) {
         columnClass['header-cell--is-number'] = true;
     }
-    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isIcon(column.obj)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isIcon(column.obj)) {
         columnClass['header-cell--is-icon'] = true;
     }
     // For fixed cells styles and classes
-    const fixedCellStyle = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
+    const fixedCellStyle = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, columnIndex + 1 + extraCells, columnIndex + 1, 0, extraCells);
     if (fixedCellStyle) {
         columnClass = Object.assign(Object.assign({}, columnClass), fixedCellStyle.fixedCellClasses);
         thStyle = Object.assign(Object.assign({}, thStyle), fixedCellStyle.fixedCellStyle);
@@ -11999,25 +12010,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let multiSelectColumn = null;
     if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
         specialExtraCellsCount++;
-        const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
+        const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         const style = Object.assign({ width: '30px', margin: '0 auto' }, (selectionStyleAndClass
             ? selectionStyleAndClass.fixedCellStyle
             : {}));
         multiSelectColumn = (h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : {}, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
+                : {}, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
-                `: ${__classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
+                `: ${__classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
                 this.selectedRows.length ===
-                    __classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length })));
+                    __classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").length })));
     }
     // Renders action column
     let actionsColumn = null;
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
         specialExtraCellsCount++;
-        const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
+        const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
                 : {}, style: selectionStyleAndClass
@@ -12026,26 +12037,26 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     // Renders normal cells
     const dataColumns = this.getVisibleColumns().map((column, columnIndex) => {
-        const { columnClass, thStyle } = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeHeaderCellClassAndStyle).call(this, columnIndex, specialExtraCellsCount, column);
+        const { columnClass, thStyle } = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeHeaderCellClassAndStyle).call(this, columnIndex, specialExtraCellsCount, column);
         let filter = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column)) {
-            const svgLabel = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getFilterValueForTooltip).call(this, column)}'`;
+        if (__classPrivateFieldGet$7(this, _KupDataTable_filtersColumnMenuInstance, "f").hasFiltersForColumn(this.filters, column)) {
+            const svgLabel = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getFilterValueForTooltip).call(this, column)}'`;
             filter = (h("span", { title: svgLabel, class: `kup-icon ${KupThemeIconValues.FILTER_REMOVE.replace('--', '')}` }));
         }
         let sortIcon = null;
-        let iconClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getSortIcon).call(this, column.name);
+        let iconClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSortIcon).call(this, column.name);
         if (iconClass !== '') {
-            sortIcon = (h("span", { class: iconClass, title: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getSortDecode).call(this, column.name) }));
+            sortIcon = (h("span", { class: iconClass, title: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getSortDecode).call(this, column.name) }));
         }
         columnClass['header-cell--sortable'] = true;
         let keyIcon = null;
         if (column.isKey) {
-            keyIcon = (h("span", { class: `kup-icon ${KupThemeIconValues.KEY.replace('--', '')}`, title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.KEY) }));
+            keyIcon = (h("span", { class: `kup-icon ${KupThemeIconValues.KEY.replace('--', '')}`, title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.KEY) }));
         }
         // Sets custom columns width
-        if (__classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")) {
-            for (let i = 0; i < __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f").length; i++) {
-                const currentCol = __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")[i];
+        if (__classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")) {
+            for (let i = 0; i < __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f").length; i++) {
+                const currentCol = __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")[i];
                 if (currentCol.name === column.name) {
                     const width = currentCol.size + '';
                     if (width.indexOf('ch') < 1) {
@@ -12058,7 +12069,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
             }
         }
-        return (h("th", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_thRefs, "f").push(el), "data-cell": column, "data-column": column.name, class: columnClass, style: thStyle, title: column.name }, h("div", { class: "header-cell__content" }, h("span", { class: "header-cell__title" }, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)), h("span", { class: "header-cell__icons" }, keyIcon, sortIcon, filter)), this.resizableColumns ? (h("span", { class: "header-cell__drag-handler" })) : null));
+        return (h("th", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_thRefs, "f").push(el), "data-cell": column, "data-column": column.name, class: columnClass, style: thStyle, title: column.name }, h("div", { class: "header-cell__content" }, h("span", { class: "header-cell__title" }, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)), h("span", { class: "header-cell__icons" }, keyIcon, sortIcon, filter)), this.resizableColumns ? (h("span", { class: "header-cell__drag-handler" })) : null));
     });
     return [multiSelectColumn, actionsColumn, ...dataColumns];
     //  return [multiSelectColumn, groupColumn, actionsColumn, ...dataColumns];
@@ -12067,25 +12078,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let multiSelectColumn = null;
     if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
         specialExtraCellsCount++;
-        const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
+        const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         const style = Object.assign({ width: '30px', margin: '0 auto' }, (selectionStyleAndClass
             ? selectionStyleAndClass.fixedCellStyle
             : {}));
         multiSelectColumn = (h("th-sticky", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : null, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
+                : null, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
-                `: ${__classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
+                `: ${__classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
                 this.selectedRows.length ===
-                    __classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length })));
+                    __classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").length })));
     }
     // Empty cell for the actions
     let actionsColumn = null;
-    if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+    if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
         specialExtraCellsCount++;
-        const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
+        const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, 0, 0, specialExtraCellsCount - 1);
         actionsColumn = (h("th-sticky", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
                 : null, style: selectionStyleAndClass
@@ -12094,29 +12105,29 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     }
     // Composes normal header cells
     const dataColumns = this.getVisibleColumns().map((column, columnIndex) => {
-        const { columnClass, thStyle } = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeHeaderCellClassAndStyle).call(this, columnIndex, specialExtraCellsCount, column);
-        return (h("th-sticky", { class: columnClass, style: thStyle }, h("div", { class: "header-cell__content" }, h("span", { class: "header-cell__title" }, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)))));
+        const { columnClass, thStyle } = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeHeaderCellClassAndStyle).call(this, columnIndex, specialExtraCellsCount, column);
+        return (h("th-sticky", { class: columnClass, style: thStyle }, h("div", { class: "header-cell__content" }, h("span", { class: "header-cell__title" }, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)))));
     });
     return [multiSelectColumn, actionsColumn, ...dataColumns];
 }, _KupDataTable_totalMenuPosition = function _KupDataTable_totalMenuPosition() {
     if (this.rootElement.shadowRoot) {
         const menu = this.rootElement.shadowRoot.querySelector('#totals-menu');
         if (menu) {
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(menu, __classPrivateFieldGet$6(this, _KupDataTable_totalMenuCoords, "f"), 0, undefined, true);
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.register(menu, __classPrivateFieldGet$7(this, _KupDataTable_totalMenuCoords, "f"), 0, undefined, true);
             __classPrivateFieldSet$3(this, _KupDataTable_clickCb, {
                 cb: () => {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
                 },
                 el: menu,
             }, "f");
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCb, "f"), true);
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(menu);
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCb, "f"), true);
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.start(menu);
             menu.menuVisible = true;
         }
     }
 }, _KupDataTable_onTotalMenuOpen = function _KupDataTable_onTotalMenuOpen(column) {
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
-    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_openTotalMenu).call(this, column);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeTotalMenu).call(this);
+    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_openTotalMenu).call(this, column);
 }, _KupDataTable_renderRow = function _KupDataTable_renderRow(row, level = 0, rowCssIndex = 0, previousRow) {
     var _b;
     const visibleColumns = this.getVisibleColumns();
@@ -12148,18 +12159,18 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         for (let i = 0; i < level; i++) {
             indent.push(h("span", { class: "indent" }));
         }
-        if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)) {
             //const colSpan = this.multiSelection ? 2 : 1;
             const cells = [];
-            if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+            if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
                 cells.push(h("td", null));
             }
             if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
                 cells.push(h("td", null));
             }
             // adding 'grouping' cell
-            const grouplabelcell = (h("td", { colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, h("span", { class: "group-cell-content" }, indent, h("span", { class: iconClass }), h("span", { class: "text" }, composedGroupLabel))));
+            const grouplabelcell = (h("td", { colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, h("span", { class: "group-cell-content" }, indent, h("span", { class: iconClass }), h("span", { class: "text" }, composedGroupLabel))));
             // adding 'totals grouping' cells
             for (let column of visibleColumns) {
                 let totalClass = 'total';
@@ -12174,11 +12185,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     value = totalValue;
                 }
                 else {
-                    if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").objects.isDate(column.obj)) {
+                    if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").objects.isDate(column.obj)) {
                         if (totalValue) {
-                            if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
+                            if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dates.isIsoDate(totalValue)) {
                                 value =
-                                    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
+                                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dates.format(totalValue);
                             }
                             else {
                                 console.warn(`invalid date: ${totalValue}`);
@@ -12187,19 +12198,19 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     }
                     else {
                         value =
-                            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").math.numberToFormattedString(totalValue, column.decimals, column.obj ? column.obj.p : '');
+                            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").math.numberToFormattedString(totalValue, column.decimals, column.obj ? column.obj.p : '');
                     }
                 }
                 cells.push(h("td", { class: totalClass }, value));
             }
-            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-label" }, grouplabelcell));
-            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-total" }, cells));
+            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-label" }, grouplabelcell));
+            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-total" }, cells));
             // if group is expanded, add children
-            if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGroupExpanded).call(this, row)) {
+            if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGroupExpanded).call(this, row)) {
                 row.group.children
                     // We must pass the previous element of the array to check if we must hide or display the value of the cell
                     // When the column has specified the parameter hideValuesRepetitions
-                    .map((row, groupRowIndex, currentArray) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, level + 1, groupRowIndex, groupRowIndex > 0
+                    .map((row, groupRowIndex, currentArray) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, level + 1, groupRowIndex, groupRowIndex > 0
                     ? currentArray[groupRowIndex - 1]
                     : undefined))
                     .forEach((jsxRow) => {
@@ -12213,12 +12224,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
         }
         else {
-            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: "group" }, h("td", { colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, h("span", { class: "group-cell-content" }, indent, h("span", { class: iconClass }), h("span", { class: "text" }, composedGroupLabel)))));
-            if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGroupExpanded).call(this, row)) {
+            jsxRows.push(h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: "group" }, h("td", { colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, h("span", { class: "group-cell-content" }, indent, h("span", { class: iconClass }), h("span", { class: "text" }, composedGroupLabel)))));
+            if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_isGroupExpanded).call(this, row)) {
                 row.group.children
                     // We must pass the previous element of the array to check if we must hide or display the value of the cell
                     // When the column has specified the parameter hideValuesRepetitions
-                    .map((row, groupRowIndex, currentArray) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, level + 1, groupRowIndex, groupRowIndex > 0
+                    .map((row, groupRowIndex, currentArray) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderRow).call(this, row, level + 1, groupRowIndex, groupRowIndex > 0
                     ? currentArray[groupRowIndex - 1]
                     : undefined))
                     .forEach((jsxRow) => {
@@ -12246,11 +12257,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let selectRowCell = null;
         if (this.selection === SelectionMode.MULTIPLE_CHECKBOX) {
             specialExtraCellsCount++;
-            const selectionStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
+            const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
             const props = {
                 checked: this.selectedRows.includes(row),
                 onChange: () => {
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleRowSelect).call(this, row);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleRowSelect).call(this, row);
                 },
             };
             selectRowCell = (h("td", { "row-select-cell": true, class: selectionStyleAndClass
@@ -12262,20 +12273,21 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         // Renders action cell
         // If active, this can be either the first or second cell
         let rowActionsCell = null;
-        if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
+        if (__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasRowActions).call(this) ||
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.column.hasCodVer(this.data.columns)) {
             // Increments
             specialExtraCellsCount++;
-            const actionsStyleAndClass = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
+            const actionsStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
             const actionsOnRow = [];
             if (row.actions) ;
             else {
-                const rowActions = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : []);
-                if (__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
+                const rowActions = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.row.buildRowActions(row, this.getVisibleColumns({ includeCodVer: true }), this.rowActions, (_b = this.commands) !== null && _b !== void 0 ? _b : []);
+                if (__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.action.checkEveryActionHasOnlyIcon(rowActions) ||
                     (rowActions.length === 1 && rowActions[0].icon)) {
                     rowActions.forEach((action, index) => {
                         var _a;
-                        const imageProp = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.action.buildImageProp(action.icon, action.text || ((_a = action.column) === null || _a === void 0 ? void 0 : _a.title) || '', 'action', () => {
+                        const imageProp = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.action.buildImageProp(action.icon, action.text || ((_a = action.column) === null || _a === void 0 ? void 0 : _a.title) || '', 'action', () => {
+                            __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, row, null, true);
                             this.kupRowActionItemClick.emit({
                                 comp: this,
                                 id: this.rootElement.id,
@@ -12291,9 +12303,10 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     });
                 }
                 else {
-                    const textPopulatedRowActions = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.action.createActionsWithText(rowActions);
-                    const imageProp = __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.action.buildImageProp('chevron-down', __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND), 'expander', (e) => {
-                        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, row, textPopulatedRowActions);
+                    const textPopulatedRowActions = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.action.createActionsWithText(rowActions);
+                    const imageProp = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.action.buildImageProp('chevron-down', __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND), 'expander', (e) => {
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, row, null, true);
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, row, textPopulatedRowActions);
                     });
                     actionsOnRow.push(imageProp);
                 }
@@ -12323,17 +12336,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     return null;
                 }
             }
-            cell.isEditable = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_setCellEditability).call(this, currentColumn, row, cell);
+            cell.isEditable = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_setCellEditability).call(this, currentColumn, row, cell);
             cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook });
-            const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
+            const fcell = Object.assign(Object.assign({}, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.buildFCell(cell, currentColumn, row)), { component: this, density: this.density, editable: this.editableData || this.updatableData, indents: indend, previousValue: hideValuesRepetitions && previousRow
                     ? previousRow.cells[name].value
-                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_a = this.commands) !== null && _a !== void 0 ? _a : [])
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_a = this.commands) !== null && _a !== void 0 ? _a : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
                                 comp: this,
                                 id: this.rootElement.id,
-                                details: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_cellActionsMenuHandler).call(this, e),
+                                details: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_cellActionsMenuHandler).call(this, e),
                             });
                         },
                     }
@@ -12343,18 +12356,18 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             let cellClass = null;
             let cellStyle = Object.assign({}, cell.style);
             //-- For fixed cells --
-            const fixedStyles = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, cellIndex + 1 + specialExtraCellsCount, cellIndex + 1, rowCssIndex, specialExtraCellsCount);
+            const fixedStyles = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, cellIndex + 1 + specialExtraCellsCount, cellIndex + 1, rowCssIndex, specialExtraCellsCount);
             if (fixedStyles) {
                 cellStyle = Object.assign(cellStyle ? cellStyle : {}, fixedStyles.fixedCellStyle);
                 cellClass = Object.assign(Object.assign({}, cellClass), fixedStyles.fixedCellClasses);
             }
             // Controls if there are columns with a specified width
-            if (__classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")) {
+            if (__classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")) {
                 let colWidth = '';
                 // Search if this column has a specified width
-                for (let j = 0; j < __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f").length; j++) {
-                    if (name === __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")[j].name) {
-                        colWidth = __classPrivateFieldGet$6(this, _KupDataTable_sizedColumns, "f")[j].size;
+                for (let j = 0; j < __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f").length; j++) {
+                    if (name === __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")[j].name) {
+                        colWidth = __classPrivateFieldGet$7(this, _KupDataTable_sizedColumns, "f")[j].size;
                         break;
                     }
                 }
@@ -12376,70 +12389,70 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             return (h("td", Object.assign({ title: title, colSpan: cell.span && cell.span.col ? cell.span.col : null, rowSpan: cell.span && cell.span.row ? cell.span.row : null, "data-cell": cell, "data-column": name, "data-row": row, style: cellStyle, class: cellClass }, eventHandlers), jsxCell));
         });
         // adding row to rendered rows
-        __classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").push(row);
+        __classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").push(row);
         const rowClass = {
             selected: this.selectedRows.includes(row),
         };
         if (row.cssClass) {
             rowClass[row.cssClass] = true;
         }
-        return (h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: rowClass }, selectRowCell, rowActionsCell, cells));
+        return (h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: rowClass }, selectRowCell, rowActionsCell, cells));
     }
 }, _KupDataTable_onCustomSettingsClick = function _KupDataTable_onCustomSettingsClick() {
     if (!this.openedCustomSettings) {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_openCustomSettings).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_openCustomSettings).call(this);
     }
     else {
-        __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
+        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
     }
 }, _KupDataTable_openCustomSettings = function _KupDataTable_openCustomSettings() {
-    __classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f").menuVisible = true;
-    __classPrivateFieldGet$6(this, _KupDataTable_customizeTopButtonRef, "f").classList.add('toggled');
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f").menuVisible = true;
+    __classPrivateFieldGet$7(this, _KupDataTable_customizeTopButtonRef, "f").classList.add('toggled');
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"));
     this.openedCustomSettings = true;
-    if (!__classPrivateFieldGet$6(this, _KupDataTable_clickCbCustomPanel, "f")) {
+    if (!__classPrivateFieldGet$7(this, _KupDataTable_clickCbCustomPanel, "f")) {
         __classPrivateFieldSet$3(this, _KupDataTable_clickCbCustomPanel, {
             cb: () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_closeCustomSettings).call(this);
             },
-            el: __classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f"),
+            el: __classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f"),
         }, "f");
     }
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbCustomPanel, "f"), true);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").addClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbCustomPanel, "f"), true);
 }, _KupDataTable_closeCustomSettings = function _KupDataTable_closeCustomSettings() {
-    __classPrivateFieldGet$6(this, _KupDataTable_customizeTopButtonRef, "f").classList.remove('toggled');
-    if (__classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f") == null) {
+    __classPrivateFieldGet$7(this, _KupDataTable_customizeTopButtonRef, "f").classList.remove('toggled');
+    if (__classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f") == null) {
         return;
     }
-    __classPrivateFieldGet$6(this, _KupDataTable_customizeTopPanelRef, "f").menuVisible = false;
+    __classPrivateFieldGet$7(this, _KupDataTable_customizeTopPanelRef, "f").menuVisible = false;
     this.openedCustomSettings = false;
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$6(this, _KupDataTable_clickCbCustomPanel, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupDataTable_clickCbCustomPanel, "f"));
 }, _KupDataTable_renderPaginator = function _KupDataTable_renderPaginator(top) {
     var _a;
     return (h("div", { class: "paginator-wrapper" }, h("div", { class: "paginator-tabs" }, this.showLoadMore ||
         (!this.lazyLoadRows &&
-            __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f") > this.rowsPerPage) ? (h(FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"), perPage: this.currentRowsPerPage
+            __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f") > this.rowsPerPage) ? (h(FPaginator, { id: top ? 'top-paginator' : 'bottom-paginator', currentPage: this.currentPage, max: __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f"), perPage: this.currentRowsPerPage
             ? this.currentRowsPerPage
-            : this.rowsPerPage, maxRowsPerPage: (_a = __classPrivateFieldGet$6(this, _KupDataTable_maxRowsPerPage, "f")) !== null && _a !== void 0 ? _a : __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"), onLoadMore: this.showLoadMore
+            : this.rowsPerPage, maxRowsPerPage: (_a = __classPrivateFieldGet$7(this, _KupDataTable_maxRowsPerPage, "f")) !== null && _a !== void 0 ? _a : __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f"), onLoadMore: this.showLoadMore
             ? () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
+                __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onLoadMoreClick).call(this);
             }
-            : null, onNextPage: () => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
+            : null, onNextPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage + 1), onPrevPage: () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, this.currentPage - 1), onPageChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handlePageChange).call(this, e.detail.value), onRowsChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleRowsPerPageChange).call(this, e.detail.value) })) : null)));
 }, _KupDataTable_columnRemoveArea = function _KupDataTable_columnRemoveArea() {
     return (h("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_removeDropareaRef, el, "f")) }, h(FImage, { resource: "delete", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), h(FImage, { resource: "delete-empty", color: `var(${KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {
     return (h("div", { class: "droparea__groups", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_groupsDropareaRef, el, "f")) }, h(FImage, { resource: "bookmark", color: `var(${KupThemeColorValues.TEXT})`, sizeX: "30px", sizeY: "50px" }), h(FImage, { resource: "book", color: `var(${KupThemeColorValues.TEXT})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_hideShowColumnDropArea = function _KupDataTable_hideShowColumnDropArea(show, th) {
     if (show && th && (this.removableColumns || this.showGroups)) {
-        __classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f").classList.add('droparea--visible');
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f"), th, 10, KupDynamicPositionPlacement.TOP);
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f"));
-        __classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f").style.marginLeft =
-            th.clientWidth / 2 - __classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f").clientWidth / 2 + 'px';
+        __classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f").classList.add('droparea--visible');
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f"), th, 10, KupDynamicPositionPlacement.TOP);
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f").style.marginLeft =
+            th.clientWidth / 2 - __classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f").clientWidth / 2 + 'px';
     }
     else {
-        __classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f").classList.remove('droparea--visible');
-        +__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$6(this, _KupDataTable_dropareaRef, "f"));
+        __classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f").classList.remove('droparea--visible');
+        +__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").dynamicPosition.stop(__classPrivateFieldGet$7(this, _KupDataTable_dropareaRef, "f"));
     }
 }, _KupDataTable_handleColumnGroup = function _KupDataTable_handleColumnGroup(column2group) {
     // Get sorted column current position
@@ -12507,19 +12520,19 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 icon: icons[i],
                 id: codes[i],
                 selected: selectedCode == codes[i],
-                value: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(value),
+                value: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(value),
             };
         }
     }
     return listItems;
 }, _KupDataTable_getFontSizeCodeFromDecode = function _KupDataTable_getFontSizeCodeFromDecode(decode) {
-    return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$6(this, _KupDataTable_FONTSIZE_DECODES, "f"), __classPrivateFieldGet$6(this, _KupDataTable_FONTSIZE_CODES, "f"));
+    return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$7(this, _KupDataTable_FONTSIZE_DECODES, "f"), __classPrivateFieldGet$7(this, _KupDataTable_FONTSIZE_CODES, "f"));
 }, _KupDataTable_renderFontSizePanel = function _KupDataTable_renderFontSizePanel() {
-    const listItems = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, __classPrivateFieldGet$6(this, _KupDataTable_FONTSIZE_CODES, "f"), __classPrivateFieldGet$6(this, _KupDataTable_FONTSIZE_ICONS, "f"), this.fontsize);
+    const listItems = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, __classPrivateFieldGet$7(this, _KupDataTable_FONTSIZE_CODES, "f"), __classPrivateFieldGet$7(this, _KupDataTable_FONTSIZE_ICONS, "f"), this.fontsize);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
-        label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageFontsize.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageFontsize.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12536,22 +12549,22 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = KupLanguageFontsize.SMALL;
             break;
     }
-    return (h("div", { class: "customize-element fontsize-panel" }, h("kup-combobox", { isSelect: true, data: data, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), "onkup-combobox-itemclick": (e) => {
+    return (h("div", { class: "customize-element fontsize-panel" }, h("kup-combobox", { isSelect: true, data: data, initialValue: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(text), "onkup-combobox-itemclick": (e) => {
             e.stopPropagation();
-            this.fontsize = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getFontSizeCodeFromDecode).call(this, e.detail.node.id);
+            this.fontsize = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getFontSizeCodeFromDecode).call(this, e.detail.node.id);
         } })));
 }, _KupDataTable_getDensityCodeFromDecode = function _KupDataTable_getDensityCodeFromDecode(decode) {
-    return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$6(this, _KupDataTable_DENSITY_DECODES, "f"), [
+    return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$7(this, _KupDataTable_DENSITY_DECODES, "f"), [
         'dense',
         'medium',
         'wide',
     ]);
 }, _KupDataTable_renderDensityPanel = function _KupDataTable_renderDensityPanel() {
-    const listItems = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['dense', 'medium', 'wide'], __classPrivateFieldGet$6(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
+    const listItems = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['dense', 'medium', 'wide'], __classPrivateFieldGet$7(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
-        label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageDensity.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageDensity.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12568,14 +12581,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = KupLanguageDensity.WIDE;
             break;
     }
-    return (h("div", { class: "customize-element density-panel" }, h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), selectMode: ItemsDisplayMode.DESCRIPTION, data: data, "onkup-combobox-itemclick": (e) => {
+    return (h("div", { class: "customize-element density-panel" }, h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(text), selectMode: ItemsDisplayMode.DESCRIPTION, data: data, "onkup-combobox-itemclick": (e) => {
             e.stopPropagation();
-            this.density = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getDensityCodeFromDecode).call(this, e.detail.node.id);
+            this.density = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getDensityCodeFromDecode).call(this, e.detail.node.id);
         } })));
 }, _KupDataTable_getGridCodeFromDecode = function _KupDataTable_getGridCodeFromDecode(decode) {
-    return __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$6(this, _KupDataTable_GRID_DECODES, "f"), __classPrivateFieldGet$6(this, _KupDataTable_GRID_CODES, "f"));
+    return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$7(this, _KupDataTable_GRID_DECODES, "f"), __classPrivateFieldGet$7(this, _KupDataTable_GRID_CODES, "f"));
 }, _KupDataTable_renderTransposeSwitch = function _KupDataTable_renderTransposeSwitch() {
-    return (h("div", { class: "customize-element grid-panel" }, h("kup-switch", { checked: this.transpose, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TRANSPOSE_DATA), leadingLabel: true, "onkup-switch-change": (e) => {
+    return (h("div", { class: "customize-element grid-panel" }, h("kup-switch", { checked: this.transpose, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TRANSPOSE_DATA), leadingLabel: true, "onkup-switch-change": (e) => {
             e.stopPropagation();
             if (e.detail.value === 'on') {
                 this.transpose = true;
@@ -12585,16 +12598,16 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
         } })));
 }, _KupDataTable_renderTotalsMatrix = function _KupDataTable_renderTotalsMatrix() {
-    return (h("div", { class: "customize-element grid-panel" }, h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE) +
+    return (h("div", { class: "customize-element grid-panel" }, h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE) +
             ' (' +
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-            ')', label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE), icon: "exposure", "onkup-button-click": () => __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_switchToTotalsMatrix).call(this) })));
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+            ')', label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOTALS_TABLE), icon: "exposure", "onkup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_switchToTotalsMatrix).call(this) })));
 }, _KupDataTable_renderGridPanel = function _KupDataTable_renderGridPanel() {
-    const listItems = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, __classPrivateFieldGet$6(this, _KupDataTable_GRID_CODES, "f"), __classPrivateFieldGet$6(this, _KupDataTable_GRID_ICONS, "f"), this.showGrid);
+    const listItems = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, __classPrivateFieldGet$7(this, _KupDataTable_GRID_CODES, "f"), __classPrivateFieldGet$7(this, _KupDataTable_GRID_ICONS, "f"), this.showGrid);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
-        label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGrid.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGrid.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12614,14 +12627,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = KupLanguageGrid.ROW;
             break;
     }
-    return (h("div", { class: "customize-element grid-panel" }, h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), data: data, "onkup-combobox-itemclick": (e) => {
+    return (h("div", { class: "customize-element grid-panel" }, h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(text), data: data, "onkup-combobox-itemclick": (e) => {
             e.stopPropagation();
-            const grid = __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getGridCodeFromDecode).call(this, e.detail.value);
+            const grid = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getGridCodeFromDecode).call(this, e.detail.value);
             this.showGrid = grid;
         } })));
 }, _KupDataTable_renderCommandButton = function _KupDataTable_renderCommandButton(commandObj, styling) {
     var _a;
-    return (h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), keyShortcut: (_a = commandObj.data) === null || _a === void 0 ? void 0 : _a.keyShortcut, icon: commandObj.icon, label: commandObj.value }));
+    return (h("kup-button", { styling: styling, "onKup-button-click": () => __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this, commandObj), keyShortcut: (_a = commandObj.data) === null || _a === void 0 ? void 0 : _a.keyShortcut, icon: commandObj.icon, label: commandObj.value }));
 }, _KupDataTable_renderCommandDropDownButton = function _KupDataTable_renderCommandDropDownButton(commandObj, styling) {
     const data = {
         'kup-list': {
@@ -12632,14 +12645,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         },
     };
     return (h("kup-dropdown-button", Object.assign({}, commandObj.data, { styling: styling, sizing: KupComponentSizing.MEDIUM, label: commandObj.value, data: data, "onkup-dropdownbutton-itemclick": (e) => {
-            __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this, e.detail.node);
+            __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this, e.detail.node);
         } })));
 }, _KupDataTable_renderUpdateButtons = function _KupDataTable_renderUpdateButtons() {
     const styling = FButtonStyling.FLAT;
     const createRowWithInputFields = () => {
         var _a;
         let row = { cells: {} };
-        (_a = __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
+        (_a = __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.columns.forEach((c) => {
             row.cells[c.name] = {
                 shape: FCellShapes.INPUT_FIELD,
                 obj: Object.assign({}, c.obj),
@@ -12656,8 +12669,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         if (selectedRows.length > 0) {
             newRow = JSON.parse(JSON.stringify(selectedRows[0]));
         }
-        else if (((_b = (_a = __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.rows) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-            newRow = JSON.parse(JSON.stringify(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f").rows[0]));
+        else if (((_b = (_a = __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f")) === null || _a === void 0 ? void 0 : _a.rows) === null || _b === void 0 ? void 0 : _b.length) > 0) {
+            newRow = JSON.parse(JSON.stringify(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f").rows[0]));
         }
         else {
             newRow = createRowWithInputFields();
@@ -12667,8 +12680,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 cell.value = '';
             }
         });
-        newRow.id = (__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoadedMaxId, "f") + __classPrivateFieldSet$3(this, _KupDataTable_insertCount, (_c = __classPrivateFieldGet$6(this, _KupDataTable_insertCount, "f"), ++_c), "f")).toString();
-        __classPrivateFieldGet$6(this, _KupDataTable_insertedRowIds, "f").push(newRow.id);
+        newRow.id = (__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoadedMaxId, "f") + __classPrivateFieldSet$3(this, _KupDataTable_insertCount, (_c = __classPrivateFieldGet$7(this, _KupDataTable_insertCount, "f"), ++_c), "f")).toString();
+        __classPrivateFieldGet$7(this, _KupDataTable_insertedRowIds, "f").push(newRow.id);
         this.insertNewRow(newRow, true);
     };
     const deleteRowHandler = async () => {
@@ -12676,22 +12689,22 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.deleteRows(ids);
     };
     const addConfirmButton = () => {
-        __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").keysBinding.register('enter', () => {
+        __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").keysBinding.register('enter', () => {
             const bc = this.rootElement.shadowRoot
                 .activeElement;
             bc === null || bc === void 0 ? void 0 : bc.blur();
-            __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this);
         });
         commandButtons.push(h("kup-button", { styling: styling, icon: "check", "onKup-button-click": () => {
-                __classPrivateFieldGet$6(this, _KupDataTable_handleUpdateClick, "f").call(this);
-            }, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM) }));
+                __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            }, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.CONFIRM) }));
     };
     const addCommands = () => {
         var _a, _b, _c;
         (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.setup) === null || _b === void 0 ? void 0 : _b.commands) === null || _c === void 0 ? void 0 : _c.forEach((commandObj) => {
             commandButtons.push((commandObj === null || commandObj === void 0 ? void 0 : commandObj.children) && (commandObj === null || commandObj === void 0 ? void 0 : commandObj.children.length) > 0
-                ? __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandDropDownButton).call(this, commandObj, styling)
-                : __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandButton).call(this, commandObj, styling));
+                ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandDropDownButton).call(this, commandObj, styling)
+                : __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderCommandButton).call(this, commandObj, styling));
         });
     };
     const addOperations = () => {
@@ -12701,13 +12714,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             insert: {
                 enabled: operationList === null || operationList === void 0 ? void 0 : operationList.insert,
                 icon: 'add',
-                title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ROW_ADD),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ROW_ADD),
                 onClickHandler: () => addRowHandler(),
             },
             delete: {
                 enabled: operationList === null || operationList === void 0 ? void 0 : operationList.delete,
                 icon: 'minus',
-                title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ROW_DELETE),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.ROW_DELETE),
                 onClickHandler: () => deleteRowHandler(),
             },
         };
@@ -13160,7 +13173,7 @@ var KupDialogProps;
 const kupDialogCss = ".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_dialogheader_text_color:var(\n    --kup-dialogheader-text-color,\n    var(--kup-text-secondary)\n  );--kup_dialog_background_color:var(\n    --kup-dialog-background-color,\n    var(--kup-layer-0)\n  );--kup_dialog_header_background_color:var(\n    --kup-dialog-header-background-color,\n    var(--kup-layer-1)\n  );--kup_dialog_header_height:var(\n    --kup-dialog-header-height,\n    var(--kup-space-09)\n  );--kup_dialog_content_max_height:var(--kup-dialog-content-max-height, 85dvh);box-sizing:border-box;display:block;height:var(--kup_dialog_height);left:var(--kup_dialog_left, -100%);min-height:var(--kup_dialog_height);min-width:var(--kup_dialog_width);max-width:var(--kup_dialog_max_width);max-height:var(--kup_dialog_max_height);position:absolute;top:var(--kup_dialog_top, -100%);transition:opacity 0.25s ease-in;width:var(--kup_dialog_width);-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px;box-shadow:rgba(0, 0, 0, 0.3) 0 1px 3px}#kup-component{height:100%;width:100%}:host([fade-in]){opacity:0}:host([fade-in]) ::slotted{opacity:0}.header{color:var(--kup_dialogheader_text_color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%;min-height:var(--kup-space-09);background-color:var(--kup_dialog_header_background_color)}.header__title{padding:var(--kup-space-05);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.header__close.f-image{--kup-icon-color:var(--kup_dialogheader_text_color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:var(--kup-space-05)}.header__close.f-image:hover{opacity:0.5}.content{height:calc(100% - var(--kup_dialog_header_height) - var(--kup-space-05) * 2);padding:var(--kup-space-05);overflow:auto;user-select:text;background-color:var(--kup_dialog_background_color);max-height:var(--kup_dialog_content_max_height)}";
 const KupDialogStyle0 = kupDialogCss;
 
-var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -13227,20 +13240,20 @@ const KupDialog = class {
         var _a;
         var _b;
         if (!((_a = this.rootElement) === null || _a === void 0 ? void 0 : _a.isConnected)) {
-            __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logMessage(this, 'recalcPosition() ran after the component was disconnected. Aborting.', KupDebugCategory.WARNING);
-            __classPrivateFieldGet$5(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
+            __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logMessage(this, 'recalcPosition() ran after the component was disconnected. Aborting.', KupDebugCategory.WARNING);
+            __classPrivateFieldGet$6(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
             return;
         }
         const rect = this.rootElement.getBoundingClientRect();
         if (!rect.x && !rect.y && !rect.height && !rect.width) {
-            __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet$5(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
-            if (__classPrivateFieldGet$5(this, _KupDialog_recalcSafeguard, "f") < 50) {
-                __classPrivateFieldSet$2(this, _KupDialog_recalcSafeguard, (_b = __classPrivateFieldGet$5(this, _KupDialog_recalcSafeguard, "f"), _b++, _b), "f");
+            __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet$6(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
+            if (__classPrivateFieldGet$6(this, _KupDialog_recalcSafeguard, "f") < 50) {
+                __classPrivateFieldSet$2(this, _KupDialog_recalcSafeguard, (_b = __classPrivateFieldGet$6(this, _KupDialog_recalcSafeguard, "f"), _b++, _b), "f");
                 setTimeout(async () => this.recalcPosition(), 50);
                 return;
             }
             else {
-                __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logMessage(this, `Too many attempts centering the dialog.`, KupDebugCategory.WARNING);
+                __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logMessage(this, `Too many attempts centering the dialog.`, KupDebugCategory.WARNING);
             }
         }
         __classPrivateFieldSet$2(this, _KupDialog_recalcSafeguard, 0, "f");
@@ -13267,12 +13280,12 @@ const KupDialog = class {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").theme.register(this);
     }
     componentDidLoad() {
         var _a;
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet$5(this, _KupDialog_header, "f") ? __classPrivateFieldGet$5(this, _KupDialog_header, "f") : null, !this.resizable);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet$6(this, _KupDialog_header, "f") ? __classPrivateFieldGet$6(this, _KupDialog_header, "f") : null, !this.resizable);
         if ((_a = this.autoCenter) === null || _a === void 0 ? void 0 : _a.onReady) {
             this.recalcPosition();
         }
@@ -13280,7 +13293,7 @@ const KupDialog = class {
             this.rootElement.removeAttribute('fade-in');
         }
         if (this.modal) {
-            __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").interact.showModalBackdrop(this.modal.closeOnBackdropClick
+            __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").interact.showModalBackdrop(this.modal.closeOnBackdropClick
                 ? () => {
                     this.close();
                 }
@@ -13290,13 +13303,13 @@ const KupDialog = class {
             comp: this,
             id: this.rootElement.id,
         });
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         var _a;
@@ -13310,18 +13323,18 @@ const KupDialog = class {
         if (headerSlot) {
             __classPrivateFieldSet$2(this, _KupDialog_header, headerSlot, "f");
         }
-        return (h(Host, { key: '85b3008a0040995bdac981d0482852f53f696989', "fade-in": true, style: style }, h("style", { key: 'fe88280e675258f5604ee2abb4b944a4f8f11f17' }, __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '872122d576446bb73d501de1a5248c650c1c9268', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'c367d4b6a2308ef03b6fb0440a27c77a396f6cb7', class: "content" }, h("slot", { key: '619582bc343d3cd073289a8261844d1fc5bd9fc4', name: "content" })))));
+        return (h(Host, { key: '85b3008a0040995bdac981d0482852f53f696989', "fade-in": true, style: style }, h("style", { key: 'fe88280e675258f5604ee2abb4b944a4f8f11f17' }, __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '872122d576446bb73d501de1a5248c650c1c9268', id: componentWrapperId }, this.header ? (h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (h(FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (h("slot", { name: "header" })) : null, h("div", { key: 'c367d4b6a2308ef03b6fb0440a27c77a396f6cb7', class: "content" }, h("slot", { key: '619582bc343d3cd073289a8261844d1fc5bd9fc4', name: "content" })))));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$5(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
+        __classPrivateFieldGet$6(this, _KupDialog_instances, "m", _KupDialog_disconnectedCallback).call(this);
     }
     get rootElement() { return getElement$1(this); }
 };
 _KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap(), _KupDialog_recalcSafeguard = new WeakMap(), _KupDialog_instances = new WeakSet(), _KupDialog_disconnectedCallback = function _KupDialog_disconnectedCallback() {
     if (this.modal) {
-        __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").interact.hideModalBackdrop();
+        __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").interact.hideModalBackdrop();
     }
-    __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.unregister(this);
+    __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").theme.unregister(this);
 };
 KupDialog.style = KupDialogStyle0;
 
@@ -13651,6 +13664,187 @@ const KupDropdownButton = class {
 };
 KupDropdownButton.style = KupDropdownButtonStyle0;
 
+var KupFileUploadProps;
+(function (KupFileUploadProps) {
+    KupFileUploadProps["customStyle"] = "Custom style of the component.";
+    KupFileUploadProps["data"] = "Actual data of the input file upload.";
+})(KupFileUploadProps || (KupFileUploadProps = {}));
+
+const kupFileUploadCss = ".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_upload_icon_color:var(--kup-upload-icon-color, var(--kup-icon-color));--kup_upload_border_color:var(\n    --kup-upload-border-color,\n    var(--kup-gray-color-30)\n  );flex:1}:host .file-upload-spinner>*{opacity:0.6;pointer-events:none}:host .file-upload-spinner>file-upload__spinner-container{opacity:1}:host .file-upload{display:flex;flex-direction:column;gap:1em;border:2px dashed var(--kup_upload_border_color);border-radius:4px;padding:1em;position:relative}:host .file-upload__buttons{display:flex;gap:1em;align-items:center;justify-content:center}:host .file-upload__buttons .spinner{height:48px;margin:auto;width:48px}:host .file-upload__list{display:flex;flex-direction:column;gap:1em}:host .file-upload__list__item{display:flex;gap:1em;align-items:center}:host .file-upload__list__item__preview{height:3em;width:3em;display:flex;align-items:center}:host .file-upload__list__item__desc{width:14em}:host .file-upload__list__item__clear{background-color:var(--kup_upload_icon_color);cursor:pointer;height:16px;width:16px;min-width:16px;min-height:16px;outline:none;pointer-events:all;-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}:host .file-upload__list__item__clear:hover{background-color:var(--kup-danger-color-60)}:host .file-upload__spinner-container{height:calc(100% - 2em);width:20%;position:absolute;left:40%}";
+const KupFileUploadStyle0 = kupFileUploadCss;
+
+var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupFileUpload_instances, _KupFileUpload_kupManager, _KupFileUpload_previewMap, _KupFileUpload_handleClick, _KupFileUpload_handleFileChange, _KupFileUpload_handleFileRemove, _KupFileUpload_handleDrop, _KupFileUpload_handleCancel, _KupFileUpload_getPreview, _KupFileUpload_trimFileName, _KupFileUpload_uploadClick;
+const KupFileUpload = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.kupReady = createEvent(this, "kup-file-upload-ready", 6);
+        this.kupUpload = createEvent(this, "kup-file-upload-upload", 6);
+        _KupFileUpload_instances.add(this);
+        //#endregion
+        //#region VARIABLES
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        _KupFileUpload_kupManager.set(this, kupManagerInstance());
+        _KupFileUpload_previewMap.set(this, new Map([
+            ['application/pdf', 'file-pdf'],
+            ['application/vnd.ms-excel', 'file-excel'],
+            [
+                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                'file-excel',
+            ],
+            ['application/msword', 'file-word'],
+            [
+                'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+                'file-word',
+            ],
+        ]));
+        this.customStyle = '';
+        this.data = null;
+        this.inputRef = undefined;
+        this.files = [];
+        this.uploadSuccess = false;
+        this.showSpinner = false;
+    }
+    //#endregion
+    //#region WATCHERS
+    /*-------------------------------------------------*/
+    /*                  W a t c h e r s                */
+    /*-------------------------------------------------*/
+    onDataChanged() { }
+    //#endregion
+    //#region PUBLIC METHODS
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return getProps(this, KupFileUploadProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupFileUploadProps, props);
+    }
+    /**
+     * Sets upload has been successfull to show success message.
+     * @param {boolean} success - Boolean to set if upload has been successfull.
+     */
+    async setSuccess(success) {
+        this.setLoading(false);
+        if (success) {
+            __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).call(this);
+            this.uploadSuccess = success;
+        }
+    }
+    /**
+     * Sets to show spinner during upload.
+     * @param {boolean} loading - Boolean to set if is loading.
+     */
+    async setLoading(loading) {
+        this.showSpinner = loading;
+    }
+    //#endregion
+    //#region LIFECYCLE HOOKS
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.register(this);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.register(this);
+    }
+    componentDidLoad() {
+        this.kupReady.emit({ comp: this, id: this.rootElement.id });
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logRender(this, false);
+    }
+    componentDidRender() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logRender(this, true);
+    }
+    render() {
+        return (h(Host, { key: 'fe4bf368d35a09d537000b666c22b8a796e841d8' }, h("style", { key: '7f795ecba5c7187f2752051561545a27fdb4eb76' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '6f998101815936c02246f56816f03e9d43c3ce8d', id: componentWrapperId }, h("div", { key: 'aa518134c9ae9a1a3645e811c75b39da73c544b3', class: {
+                'file-upload': true,
+                'file-upload-spinner': this.showSpinner,
+            }, onDrop: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragOver: (event) => event.preventDefault() }, h("input", { key: 'ed848e17a8e40fec4b5c119a316ab5a6c09c9085', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: true, hidden: true }), h("div", { key: 'c713ff2f83975080221437cca9ead4534dd4ef9b', class: "file-upload__buttons" }, h(FButton, { key: 'bad9df6fe8d6f45fc414b3c25559333e887d3273', icon: "upload", label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), h(FButton, { key: '3966f24556bce210cc2e84b0b34153ff7feb182c', icon: "save", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h(FButton, { key: '4c538a64d604496d0d65a1c9dc3bb88ddc92df19', icon: "clear", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })), this.uploadSuccess ? (h("span", null, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageUpload.SUCCESS))) : (h("div", { class: "file-upload__list" }, this.files.map((file, i) => (h("div", { class: "file-upload__list__item" }, h("div", { class: "file-upload__list__item__preview" }, h(FImage, { resource: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file) })), h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) })))))), this.showSpinner && (h("div", { key: '54782b7a4ceb1a4626255256d4832ed24be43e36', class: "file-upload__spinner-container" }, h("kup-spinner", { key: '7da8a612be8f0a9a01e96308c7492650677f7b55', active: true, layout: 14, dimensions: "7px" })))))));
+    }
+    disconnectedCallback() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.unregister(this);
+    }
+    get rootElement() { return getElement$1(this); }
+    static get watchers() { return {
+        "data": ["onDataChanged"]
+    }; }
+};
+_KupFileUpload_kupManager = new WeakMap(), _KupFileUpload_previewMap = new WeakMap(), _KupFileUpload_instances = new WeakSet(), _KupFileUpload_handleClick = function _KupFileUpload_handleClick() {
+    this.inputRef.click();
+}, _KupFileUpload_handleFileChange = function _KupFileUpload_handleFileChange(event) {
+    this.uploadSuccess = false;
+    const newFiles = Array.from(event.target.files);
+    this.files = [...this.files, ...newFiles];
+}, _KupFileUpload_handleFileRemove = function _KupFileUpload_handleFileRemove(index) {
+    this.files = [
+        ...this.files.splice(0, index),
+        ...this.files.splice(index + 1),
+    ];
+}, _KupFileUpload_handleDrop = function _KupFileUpload_handleDrop(event) {
+    event.preventDefault();
+    const droppedFiles = event.dataTransfer.files;
+    if (droppedFiles.length > 0) {
+        const newFiles = Array.from(droppedFiles);
+        this.files = [...this.files, ...newFiles];
+    }
+}, _KupFileUpload_handleCancel = function _KupFileUpload_handleCancel() {
+    this.files = [];
+}, _KupFileUpload_getPreview = function _KupFileUpload_getPreview(file) {
+    const previewIcon = __classPrivateFieldGet$5(this, _KupFileUpload_previewMap, "f").get(file.type);
+    if (!previewIcon) {
+        if (/^image\/.*/g.test(file.type)) {
+            return URL.createObjectURL(file);
+        }
+        if (/^video\/.*/g.test(file.type)) {
+            return 'video';
+        }
+        return 'file';
+    }
+    return previewIcon;
+}, _KupFileUpload_trimFileName = function _KupFileUpload_trimFileName(fileName) {
+    return (fileName === null || fileName === void 0 ? void 0 : fileName.length) > 20
+        ? fileName.slice(0, 9) + '...' + fileName.slice(-10)
+        : fileName;
+}, _KupFileUpload_uploadClick = function _KupFileUpload_uploadClick(e) {
+    e.stopPropagation();
+    this.kupUpload.emit({
+        comp: this,
+        id: this.rootElement.id,
+        files: this.files,
+    });
+    this.setLoading(true);
+};
+KupFileUpload.style = KupFileUploadStyle0;
+
 /**
  * Props of the kup-form component.
  * Used to export every prop in an object.
@@ -14086,7 +14280,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h("p", { key: '4b4c768ddde3a3e5b716aa6c78f19d124fe472ff' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h("p", { key: 'f749de74f0497b4be1fb554de9e3c9cb1464f16d' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -14097,7 +14291,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h(Host, { key: 'fef68da43868f5b70c76102cc08fc53557b0feb8' }, h("style", { key: 'c8265a9f9c5a9bce97c8c2bbf64d3d7cbf1f57ee' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'de6c69d454396ebf0e82b5de27c7541132038eeb', id: componentWrapperId }, formContent)));
+        return (h(Host, { key: 'f32e3c7318dd06b37dda2c66fc35188671fd5c2b' }, h("style", { key: 'bda0f827c81efc66666670b3da38b699921855cf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '07ba4ba3f36154ee5457b340993f3fd54b202b30', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -16132,7 +16326,7 @@ const KupProgressBar = class {
                 ? true
                 : false,
         };
-        return (h(Host, { key: '3d6d9fc74dc3f0118b4ace093a04ff2ad59cf6df' }, h("style", { key: '7dfe84c06d2663aba637406cb02989ddd1cca363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '90ceb916676613610ecd11b4d2325605eedacd7a', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '032763ed336b976ee8dd04dde68f8e88f20aac6f' }, props)))));
+        return (h(Host, { key: 'e67a7bd17e8f831ccb6e964053d3e9bcc4f3cf74' }, h("style", { key: '5568051629371fd5f95b9b51441879380e5a9d67' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '65cffea374b2d2598a2e8debb8be1b4c5e6a0c41', id: componentWrapperId }, h(FProgressBar, Object.assign({ key: '22522650b68cc7ec26d99f06c4d1f3af417ba9f0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16393,7 +16587,7 @@ const KupRating = class {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h(Host, { key: '20095fb51aa50672f0ebe4127b9dc0003d9c0719' }, h("style", { key: 'ec9990065a4a7661e89163f3ae0fb1cf13bdea42' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'd79e809d648195e494b1486b15323cc2ba79b076', id: componentWrapperId }, h(FRating, Object.assign({ key: 'ff7a1ecf8f215ebf043fcf33cea9ca1fe029df11' }, props)))));
+        return (h(Host, { key: '879a6ae98190a2e1084def50d40d01ed821c9660' }, h("style", { key: '0fa9425c1dbce6d801647b70a32394063ccce065' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '36bb228b8c86388fc981ebd556df4cad4e89d7bb', id: componentWrapperId }, h(FRating, Object.assign({ key: '2177af857eaca72423e6d4d3a4babba73691de51' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16516,59 +16710,59 @@ const KupSpinner = class {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h("div", { key: 'c0f87b32d2880e8d2967965b3aeb1d87e759bdfd', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd2667329fcbf2bcfc49de04a1764fd120eb604e1', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5a17ec63181387a41ec7efac3e577b64eb974f2a', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: 'd7b1f39f2a4021f33676ac35fff67c2f26ed62d0', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '5ae04fe212ddd0e5ef965ccbcd41c25790f141e4', class: "sk-spinner-v7-dot" }),
-                    h("div", { key: '637d9220f1dc84e9c0915da844edd6cb7a6c3974', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'd9e8be5e8b34f7f4a8a0434703bee6e157be1b63', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'b1bdcad24453ff4f730b7c58af9f3f1f495a6eff', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'da867e6a2d4a56b0bf5bddc134ed1027136ba064', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '82b30c602d8d4febbaf061c033ddc7e22642affc', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: 'ffcdea64b3b4f0063444413c43349c35448ccfa2', class: "sk-spinner-v7-dot" }),
+                    h("div", { key: '3bf58b200418d7b3614a8e4ad9f10ca2f795aede', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h("div", { key: '910a32befcfeea4fdc278e00c381b08c3cc7b23c', class: "sk-spinner-v9-bounce1" }),
-                    h("div", { key: '3cfbe5f150100f3bec045cdcdb1afe9720930980', class: "sk-spinner-v9-bounce2" }),
+                    h("div", { key: '7eb08ef8b31172fe3ba643aaa449ab5419e269ed', class: "sk-spinner-v9-bounce1" }),
+                    h("div", { key: 'd2b116c1526eb2a94dcbfa929e871809d3d3748f', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h("div", { key: 'c0856e6a5786baf3f010305cc7b97609cfc75430', class: "sk-spinner-v10-cube1" }),
-                    h("div", { key: 'dd49b7ffd40f91250a1edb1b8951b58b8a8e2469', class: "sk-spinner-v10-cube2" }),
+                    h("div", { key: '620f68c389d59a6a6cd4e1c6c29a6c2e9e7c55d8', class: "sk-spinner-v10-cube1" }),
+                    h("div", { key: '43da427d8379ee798eca33aa989fc53ca9edf6db', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h("div", { key: '442dd49006c37d95eb777efd9a64a8caa764f393', class: "sk-spinner-v12-dot1" }),
-                    h("div", { key: 'db42b8b389b3e35f3699f9c8b66e277a9c16805e', class: "sk-spinner-v12-dot2" }),
+                    h("div", { key: '29628c208192c8e5a99f3aa1ca56770ec1271a51', class: "sk-spinner-v12-dot1" }),
+                    h("div", { key: '9bbab46f67ad2aad4779b0a403c32ca0a2972edf', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h("div", { key: '25e9281e433baff05bf9b44d31644a18881e0d92', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h("div", { key: '41f2559432e090e2996f9bacff6d0f28fd7d14e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h("div", { key: 'abd925e4ca992ffb267c3f07feaf54c82c3f4b04', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h("div", { key: '2d6979df2d803dc0da9f1496cae8be0e6167014b', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h("div", { key: 'eecd7028d3e328b938c99749dbaf3a7f982f3118', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h("div", { key: 'aec197ce21b10163a590d2f023991c6a61f7a193', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h("div", { key: 'f49931a5693b0fb4c22e9edac5020989c1eebd18', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h("div", { key: '86a3ec2853084eb5fdbb5ca71ee4d11c4e140574', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h("div", { key: '102b5545aa6f4ae31c1691ec862a6402f44bd536', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h("div", { key: '7efa860923505f7285b5dbb58180b1a376aab300', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h("div", { key: '40550163fc379434f79e747fbd1bdfe53bc40fab', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h("div", { key: 'fddd2cf238b07e29c4a0cf61bc317434f6a11381', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h("div", { key: '198d810b5dde8b84c0a70b92fc5d1119fa1e9252', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h("div", { key: 'bf20ad081cb99c617bf341ab84562f7ff110c8eb', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h("div", { key: '947e8bd99e74f891424083c166741437a0523049', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h("div", { key: '9dfa58ef83f77871115c61956832b2c77e6f2b58', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h("div", { key: 'a0479158ef8e2cb8116ab5e04f62369f9234cb8c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h("div", { key: '6d17905bd8f29755faa1f06b906f6038df60de39', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h("div", { key: '8d7270df5611149ab9fccaf7150b654cfdd813e1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h("div", { key: 'cff87affb92512360d13f92567f2904f2282c2e9', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h("div", { key: '07f4885a562b5ec07dcbdcdb28bc9ecff21ca2c4', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h("div", { key: '8deb2cde206020840375c28247a1682b5b658499', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h("div", { key: '8be740e770f6b17245392af95452a4bb94860d73', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h("div", { key: '7d0477b8a48b03cfee6e263dccc9745f7aa0989a', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h("div", { key: '5af02c740d957aa89931c5285041958ebcdc78d8', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h("div", { key: '360c696c38e38ef022eebbcd4c923b0595c6a9ce', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h("div", { key: '88082deb8513a5522856e73d0a2e59dfb0eed4b4', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h("div", { key: 'e6c9f4a09d3ef089d4c3c9a41d30cf259c72054a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h("div", { key: 'c24dc3b66d10044d70350e61c23c413f29268f33', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h("div", { key: '45d6a198bd7b1e89fd35813b7a673a72c63ec5fb', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h("div", { key: 'c7c54b017299889f97ffac724cc854df2f785d8d', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h("div", { key: '6e0c491f023fa53aff13de97c536db976f8ad807', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h("div", { key: '3eb9618dded82002c896955322102ab1c5edbed0', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h("div", { key: 'ca5f55fc315d180e9df0d8a6bf7c0df52f9bc4fd', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h("div", { key: 'f653627358a0d717dd109a44e9c2be5e0b42be16', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h("div", { key: 'bbbca5db1d1885a88dd372619e45c9e213068408', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h("div", { key: 'a685096d2c0c3bd0638b4efe18f267564afcc167', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h("div", { key: '34d89964e41b9520d018f98f32ce6888864f2117', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h("div", { key: '34e25080ba83cb4e382e45b8d74dd8805bc00bf9', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h("div", { key: 'e2e454f8caa409d13743b4d526f9997a38b98bb7', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h("div", { key: '31b2eabb2b348b0a8c3e6bb46e130a22c73371b4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h("div", { key: '6e05dfc6d58ec29ededbd3ffdbdddc3984c6345c', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -16587,7 +16781,7 @@ const KupSpinner = class {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h(Host, { key: 'e87c0386288130a5d4dfe9d72df440193916fb3b', style: elStyle }, h("style", { key: '0496b84b5447eacf42eefa36bcdee02343020a92' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '46460375ac8857331173d56af8ab39f4c86d7b70', id: componentWrapperId, style: elStyle }, h("div", { key: '8cbfde7a6ad14881f101677ad2198ed94a83f12a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: '6a6fb45e62f55e2d3df338de4e85f3c7f986f0c4', id: wrapperClass, style: elStyle }, h("div", { key: 'd10a919c3fb710224f9f80c764bc1d582e64c0a7', class: spinnerClass }, spinnerEl))))));
+        return (h(Host, { key: '3c4ecb099a610627191bdb34a40c1b44d4a769b6', style: elStyle }, h("style", { key: 'c89628f8825d7cbc22b64cdeb1707baaae8d1d38' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '3fd5ecca92397a1cc5b0c2dbc3843fe1403c1f42', id: componentWrapperId, style: elStyle }, h("div", { key: 'f6dc141c459cc87da063c4f03c0609b1c295988b', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h("div", { key: 'acb6bd40542676fb484e7ceb0e15fd6164401fc9', id: wrapperClass, style: elStyle }, h("div", { key: '3ae4b174167a0a8a07127d5e85d95438434c091a', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16735,7 +16929,7 @@ const KupSwitch = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h(Host, { key: 'ccab27b5265a000c6620180353460ef3155b7956' }, h("style", { key: '3d2e9c0b0298e397eee1b2f5540d89ab9f4ee7e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '49fcac8fcca3cf367a2747b7e764849c8562325a', id: componentWrapperId }, h(FSwitch, Object.assign({ key: '179a3ab9d3e23122c6090736b97dc657063b709f' }, props)))));
+        return (h(Host, { key: '2a170b39ec9bd03dd5c389f9eed702212ccc2825' }, h("style", { key: '6939e9e63441086335c0ce728bd3327e1c913411' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '5a814af6cdce48541f7010282e89c0b7d2390cbb', id: componentWrapperId }, h(FSwitch, Object.assign({ key: 'ef96c77675c6b65723061bf525f0f7e321e64b01' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17855,7 +18049,7 @@ const KupTimePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h(Host, { key: '25aa426350acb007ed3b24a4bddba0c614f6a381' }, h("style", { key: 'e766a1994b663ea2bb82fee923969cd8f052064b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '6f83be628e0800cbe0e75a15d9133d1bbf0cbe1d', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h(Host, { key: 'dffe33755a510ef42a3ed226b9f2e47724ccb37f' }, h("style", { key: '9ca27904a2544e8bb01d43627b4e6289963fd0ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'cff01fdcd8fdf77c1c047ad38e0e52009a907ab3', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -19552,4 +19746,4 @@ const KupTree = class {
 _KupTree_kupManager = new WeakMap();
 KupTree.style = KupTreeStyle0;
 
-export { KupAutocomplete as kup_autocomplete, KupBadge as kup_badge, KupButton as kup_button, KupButtonList as kup_button_list, KupCard as kup_card, KupChart as kup_chart, KupCheckbox as kup_checkbox, KupChip as kup_chip, KupColorPicker as kup_color_picker, KupCombobox as kup_combobox, KupDataTable as kup_data_table, KupDatePicker as kup_date_picker, KupDialog as kup_dialog, KupDropdownButton as kup_dropdown_button, KupForm as kup_form, KupGauge as kup_gauge, KupImage as kup_image, KupList as kup_list, KupProgressBar as kup_progress_bar, KupRadio as kup_radio, KupRating as kup_rating, KupSpinner as kup_spinner, KupSwitch as kup_switch, KupTabBar as kup_tab_bar, KupTextField as kup_text_field, KupTimePicker as kup_time_picker, KupToolbar as kup_toolbar, KupTree as kup_tree };
+export { KupAutocomplete as kup_autocomplete, KupBadge as kup_badge, KupButton as kup_button, KupButtonList as kup_button_list, KupCard as kup_card, KupChart as kup_chart, KupCheckbox as kup_checkbox, KupChip as kup_chip, KupColorPicker as kup_color_picker, KupCombobox as kup_combobox, KupDataTable as kup_data_table, KupDatePicker as kup_date_picker, KupDialog as kup_dialog, KupDropdownButton as kup_dropdown_button, KupFileUpload as kup_file_upload, KupForm as kup_form, KupGauge as kup_gauge, KupImage as kup_image, KupList as kup_list, KupProgressBar as kup_progress_bar, KupRadio as kup_radio, KupRating as kup_rating, KupSpinner as kup_spinner, KupSwitch as kup_switch, KupTabBar as kup_tab_bar, KupTextField as kup_text_field, KupTimePicker as kup_time_picker, KupToolbar as kup_toolbar, KupTree as kup_tree };