@sme.up/ketchup 11.0.0-SNAPSHOT-20250204102828 → 11.0.0-SNAPSHOT-20250204113518

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

@@ -3,21 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager$1 = require('./kup-manager-80148a95.js');
-const fTextField = require('./f-text-field-cb62a970.js');
+const kupManager$1 = require('./kup-manager-3b86b8d0.js');
+const fTextField = require('./f-text-field-8a765845.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fCell = require('./f-cell-f0ab65b9.js');
+const fCell = require('./f-cell-bc053135.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
-const fChip = require('./f-chip-35f8c5a9.js');
+const fChip = require('./f-chip-a913f6db.js');
 const component = require('./component-a6dd6c14.js');
 const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const kupDataTableHelper = require('./kup-data-table-helper-675f75cd.js');
-const fPaginatorUtils = require('./f-paginator-utils-0c423047.js');
-require('./f-object-field-5fc4341f.js');
+const kupDataTableHelper = require('./kup-data-table-helper-1da4e593.js');
+const fPaginatorUtils = require('./f-paginator-utils-de023500.js');
+require('./f-object-field-eabecff2.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -174,7 +174,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))
@@ -243,25 +243,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,
                 });
             }
@@ -273,7 +273,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: '' },
             });
         }
@@ -283,7 +283,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() {
@@ -291,53 +291,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,
         });
     }
@@ -345,30 +345,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;
             }
         }
@@ -377,14 +377,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;
             }
         }
@@ -417,7 +417,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.
@@ -432,21 +432,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) {
@@ -457,11 +457,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;
@@ -473,7 +473,7 @@ const KupAutocomplete = class {
                 fTextFieldMdc.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 = {
@@ -501,67 +501,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 (index.h(index.Host, { key: '43ab465068f2721631e669c1f8d8c65a21e819dc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '28f1d7b14f8054029912b38e680e46b8ebdbc0f6' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'dfbfac1e4096d35c64ce817b8d3fa6a3dcc4a2af', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '660a532f84a72967b9742359cd070a3e058b63ce' }, props, { icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: '43ab465068f2721631e669c1f8d8c65a21e819dc', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '28f1d7b14f8054029912b38e680e46b8ebdbc0f6' }, __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'dfbfac1e4096d35c64ce817b8d3fa6a3dcc4a2af', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$a(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '660a532f84a72967b9742359cd070a3e058b63ce' }, props, { icon: this.showDropDownIcon
                 ? kupManager$1.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 index.getElement(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, kupManager$1.KupDynamicPositionPlacement.AUTO, true);
+        __classPrivateFieldGet$a(this, _KupAutocomplete_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$a(this, _KupAutocomplete_listEl, "f"), __classPrivateFieldGet$a(this, _KupAutocomplete_textfieldWrapper, "f"), topOffset, kupManager$1.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) {
@@ -569,7 +569,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;
@@ -578,8 +578,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;
     }
@@ -6932,7 +6932,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))
@@ -7003,7 +7003,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();
     }
@@ -7125,11 +7125,11 @@ const KupChip = class {
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
         return (index.h(index.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);
             } }, index.h("style", { key: 'f3d1b7eb69084838c733e4cb5debd79df8e7a8e5' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'f843a641880ed5011bc2e3114aec1a78adbdc552', id: GenericVariables.componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? index.h(fChip.FChip, Object.assign({}, props)) : null, index.h("slot", { key: 'd121ecf6db2c7b5288b4697eaf3817a9f915f0f6', name: "field" }))));
     }
     disconnectedCallback() {
@@ -7167,7 +7167,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),
                 });
             }
         }
@@ -7464,7 +7464,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))
@@ -7525,41 +7525,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'),
             });
         }
     }
@@ -7568,32 +7568,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,
         });
     }
     /*-------------------------------------------------*/
@@ -7610,30 +7610,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;
             }
         }
@@ -7643,13 +7643,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;
             }
         }
@@ -7682,7 +7682,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.
@@ -7696,21 +7696,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 = {
@@ -7720,11 +7720,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;
@@ -7736,7 +7736,7 @@ const KupCombobox = class {
                 fTextFieldMdc.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 = {
@@ -7767,16 +7767,16 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: '965196cce5ab2bddb2d9c5968a8da8f973cf2ba2', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: '523c9c38f6382ae6a135e52ad22dd0fb134af9b1' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c4ec398690b5f8150643babcf926a00da4b7412e', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '97f6487594acef605c236902627c199386f0b5c8' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: '965196cce5ab2bddb2d9c5968a8da8f973cf2ba2', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: '523c9c38f6382ae6a135e52ad22dd0fb134af9b1' }, __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c4ec398690b5f8150643babcf926a00da4b7412e', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$8(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '97f6487594acef605c236902627c199386f0b5c8' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? kupManager$1.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 index.getElement(this); }
     static get watchers() { return {
@@ -7786,50 +7786,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, kupManager$1.KupDynamicPositionPlacement.AUTO, true);
+        __classPrivateFieldGet$8(this, _KupCombobox_kupManager, "f").dynamicPosition.register(__classPrivateFieldGet$8(this, _KupCombobox_listEl, "f"), __classPrivateFieldGet$8(this, _KupCombobox_textfieldWrapper, "f"), topOffset, kupManager$1.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;
@@ -7837,8 +7837,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;
     }
@@ -8560,7 +8560,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))
@@ -8705,18 +8705,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');
                 }
             }
         });
@@ -8724,8 +8724,8 @@ const KupDataTable = class {
             this.kupUpdate.emit({
                 comp: this,
                 id: this.rootElement.id,
-                originalData: __classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"),
-                updatedData: kupDataTableHelper.getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+                updatedData: kupDataTableHelper.getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
                 command: command,
             });
         });
@@ -8827,7 +8827,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];
@@ -8867,120 +8867,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;
             }, ''))) {
@@ -8990,7 +8990,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;
             }
@@ -8999,7 +8999,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);
             }
         }
@@ -9008,19 +9008,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() {
@@ -9028,7 +9028,7 @@ const KupDataTable = class {
             kupManager$1.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;
@@ -9042,8 +9042,8 @@ const KupDataTable = class {
                 ? kupManager$1.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");
         }
     }
@@ -9052,22 +9052,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() {
@@ -9086,8 +9086,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);
         }
     }
     /**
@@ -9095,14 +9095,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,
         });
@@ -9145,8 +9145,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");
         }
     }
@@ -9154,8 +9154,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");
         }
@@ -9165,23 +9165,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")),
             };
         }
         /*
@@ -9241,7 +9241,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);
         }
@@ -9258,8 +9258,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);
@@ -9294,7 +9294,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;
@@ -9313,14 +9313,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();
     }
     /**
@@ -9330,7 +9330,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;
     }
@@ -9339,49 +9339,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, kupManager$1.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, kupManager$1.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,
         });
@@ -9391,7 +9391,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);
         }
         index.forceUpdate(this);
     }
@@ -9400,8 +9400,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");
         }
     }
@@ -9416,7 +9416,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;
         }
@@ -9476,7 +9476,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;
@@ -9504,11 +9504,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();
             }
         }
     }
@@ -9516,13 +9516,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() {
@@ -9531,12 +9531,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(kupManager$1.KupLanguageGeneric.EMPTY_DATA);
+            this.emptyDataLabel = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EMPTY_DATA);
         }
         __classPrivateFieldSet$3(this, _KupDataTable_columnMenuInstance, new KupColumnMenu(), "f");
         __classPrivateFieldSet$3(this, _KupDataTable_filtersColumnMenuInstance, new kupDataTableHelper.FiltersColumnMenu(), "f");
@@ -9561,19 +9561,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
@@ -9588,45 +9588,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
@@ -9646,7 +9646,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);
@@ -9661,7 +9661,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) {
@@ -9679,7 +9679,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) {
@@ -9690,7 +9690,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 : [];
@@ -9705,7 +9705,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) {
@@ -9713,7 +9713,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;
         }
@@ -9736,15 +9736,15 @@ const KupDataTable = class {
         let selectRowCell = null;
         if (this.selection === kupManager$1.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 = (index.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 = (index.h("td", { class: selectionStyleAndClass
                     ? selectionStyleAndClass.fixedCellClasses
                     : {}, style: selectionStyleAndClass
@@ -9753,19 +9753,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 = kupManager$1.TotalLabel.CALC;
             const translation = {
-                [kupManager$1.TotalLabel.AVERAGE]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.AVERAGE),
-                [kupManager$1.TotalLabel.CALC]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.CALCULATE),
-                [kupManager$1.TotalLabel.CANC]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.CANCEL),
-                [kupManager$1.TotalLabel.COUNT]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.COUNT),
-                [kupManager$1.TotalLabel.DISTINCT]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.DISTINCT),
-                [kupManager$1.TotalLabel.MATH]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.FORMULA),
-                [kupManager$1.TotalLabel.MAX]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.MAXIMUM),
-                [kupManager$1.TotalLabel.MIN]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.MINIMUM),
-                [kupManager$1.TotalLabel.SUM]: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.SUM),
+                [kupManager$1.TotalLabel.AVERAGE]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.AVERAGE),
+                [kupManager$1.TotalLabel.CALC]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.CALCULATE),
+                [kupManager$1.TotalLabel.CANC]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.CANCEL),
+                [kupManager$1.TotalLabel.COUNT]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.COUNT),
+                [kupManager$1.TotalLabel.DISTINCT]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.DISTINCT),
+                [kupManager$1.TotalLabel.MATH]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.FORMULA),
+                [kupManager$1.TotalLabel.MAX]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.MAXIMUM),
+                [kupManager$1.TotalLabel.MIN]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.MINIMUM),
+                [kupManager$1.TotalLabel.SUM]: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageTotals.SUM),
             };
             if (this.totals) {
                 const totalValue = this.totals[column.name];
@@ -9797,7 +9797,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 {
                         [kupManager$1.TotalMode.COUNT]: {
@@ -9842,11 +9842,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(kupManager$1.getRegExpFromString(kupManager$1.TotalMode.MATH, 'g'), '');
                     const totalsListElements = getTotalsListElements(formula);
                     // Add formula
-                    listData.push(Object.assign(Object.assign({}, totalsListElements[kupManager$1.TotalMode.MATH]), { selected: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
+                    listData.push(Object.assign(Object.assign({}, totalsListElements[kupManager$1.TotalMode.MATH]), { selected: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_hasTotals).call(this)
                             ? !!this.totals[column.name]
                             : false }), Object.assign(Object.assign({}, totalsListElements[kupManager$1.TotalLabel.CANC]), { separator: true }));
                 }
@@ -9855,15 +9855,15 @@ const KupDataTable = class {
                     // Add default operations
                     const totalsListElements = getTotalsListElements();
                     listData.push(totalsListElements[kupManager$1.TotalMode.COUNT], totalsListElements[kupManager$1.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[kupManager$1.TotalMode.SUM]), { separator: true }), totalsListElements[kupManager$1.TotalMode.AVERAGE], totalsListElements[kupManager$1.TotalMode.MIN], totalsListElements[kupManager$1.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[kupManager$1.TotalMode.MIN]), { separator: true }), totalsListElements[kupManager$1.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;
@@ -9873,10 +9873,10 @@ const KupDataTable = class {
                 }
                 totalMenu = (index.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
-                ? kupManager$1.getValueForDisplay(__classPrivateFieldGet$6(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
+            const totalValue = __classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name] != null
+                ? kupManager$1.getValueForDisplay(__classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name], column.obj, column.decimals)
                 : '';
-            const totalsClass = `totals-value ${kupManager$1.isNegativeNumber(__classPrivateFieldGet$6(this, _KupDataTable_footer, "f")[column.name])
+            const totalsClass = `totals-value ${kupManager$1.isNegativeNumber(__classPrivateFieldGet$7(this, _KupDataTable_footer, "f")[column.name])
                 ? kupManager$1.FCellClasses.TEXT_DANGER
                 : ''}`;
             return (index.h("td", { "data-column": column.name, class: fixedCellStyle && fixedCellStyle.fixedCellClasses
@@ -9895,37 +9895,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 (index.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: kupManager$1.KupCardFamily.FREE, ref: (el) => {
                 __classPrivateFieldSet$3(this, _KupDataTable_customizeTopPanelRef, el, "f");
-            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, index.h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), index.h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), index.h("div", { style: {
+            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, index.h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), index.h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), index.h("div", { style: {
                 display: 'grid',
                 'grid-template-columns': 'repeat(2, auto)',
                 width: 'max-content',
-            } }, index.h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOGGLE) +
+            } }, index.h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOGGLE) +
                 ' Magic Box ' +
                 '(' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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 ? (index.h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOGGLE) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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 ? (index.h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOGGLE) +
                 ' ' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.AI_ASSISTANT) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.AI_ASSISTANT) +
                 ' (' +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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() {
@@ -9934,20 +9934,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 = (index.h("tr", { key: '4bdb78f1dce6687784b5812da74a9d10f8c47620', ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el) }, index.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 = (index.h("tr", { key: '4bdb78f1dce6687784b5812da74a9d10f8c47620', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '2d9d54cef9effb87966c6b99383453ee62163c5c', 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));
@@ -9959,25 +9959,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 (kupManager$1.PaginatorPos.TOP === this.paginatorPos ||
                 kupManager$1.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 (kupManager$1.PaginatorPos.BOTTOM === this.paginatorPos ||
                 kupManager$1.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];
@@ -9990,7 +9990,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 +
                         ')', kupManager$1.KupDebugCategory.WARNING);
                 }
@@ -10003,7 +10003,7 @@ 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 = index.h(fChip.FChip, Object.assign({ key: '3a578a291bf8f436262d14ff2d00b3f2aa5ab90a' }, props));
             }
@@ -10011,7 +10011,7 @@ const KupDataTable = class {
         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': kupManager$1.ShowGrid.COMPLETE === this.showGrid ||
                 kupManager$1.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
@@ -10067,14 +10067,14 @@ const KupDataTable = class {
                 (((_a = e.detail.cell) === null || _a === void 0 ? void 0 : _a.shape) === kupManager$1.FCellShapes.CHECKBOX ||
                     ((_b = e.detail.cell) === null || _b === void 0 ? void 0 : _b.shape) === kupManager$1.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: kupDataTableHelper.getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+                        originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+                        updatedData: kupDataTableHelper.getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
                         cell: e.detail.cell,
                     });
                 }
@@ -10082,13 +10082,13 @@ const KupDataTable = class {
         };
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
-                this.getRows().length > __classPrivateFieldGet$6(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
+                this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
         const compCreated = (index.h(index.Host, { key: '9f48efef161dd423feb3a3ad2f58b2ebc61eacdb', "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);
@@ -10098,10 +10098,10 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.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, index.h("div", { key: '0dbbdca925ba5a345faed699df2b79dfb641ff27', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'e868309fc39a4e7a319a861d2148929d588a6c8f', class: "group-wrapper" }, groupChips), index.h("div", { key: 'c3c38965aa6a74d9eabf71c379d9997397ab5c70', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, index.h("style", { key: 'c7312efbf2ac12ed8f80bcaeb8930c01b6f93af8' }, __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, index.h("div", { key: '0dbbdca925ba5a345faed699df2b79dfb641ff27', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: 'e868309fc39a4e7a319a861d2148929d588a6c8f', class: "group-wrapper" }, groupChips), index.h("div", { key: 'c3c38965aa6a74d9eabf71c379d9997397ab5c70', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (index.h("div", { id: "global-filter" }, index.h(fTextField.FTextField, { fullWidth: true, icon: kupManager$1.KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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");
+                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, index.h("div", { key: 'f0d0a8ac568a99ad1ba111ee955405f03572b282', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
@@ -10111,7 +10111,7 @@ const KupDataTable = class {
                 });
             }, styling: fButtonDeclarations.FButtonStyling.FLAT, sizing: kupManager$1.KupComponentSizing.MEDIUM, title: "Save", wrapperClass: "save-button" })) : null, this.showDeleteButton &&
             this.selectedRows.length > 0 ? (index.h(fButton.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: fButtonDeclarations.FButtonStyling.FLAT, sizing: kupManager$1.KupComponentSizing.MEDIUM, title: "Delete selected rows", wrapperClass: "delete-button" })) : null, this.showHistoryButton ? (index.h(fButton.FButton, { icon: "history", onClick: () => {
                 this.kupHistory.emit({
                     comp: this,
@@ -10123,10 +10123,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];
@@ -10146,18 +10146,18 @@ 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: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.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)
+            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '1c7add2b380abf5936c157f0ea931d3b0be12bb3', 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), index.h("div", { key: 'c36d016d64f804c643c53b67f263f16bfb166f7f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.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");
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
@@ -10166,37 +10166,37 @@ const KupDataTable = class {
             : null, index.h("table", { key: '3b2bc03989d1b3b548cbc8910c90878330af3a52', 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();
             } }, index.h("thead", { key: 'df77fa43f4225444ae04b2d0daf0a26b62373356', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '1e8169fdc3ab48a34451ae001fd53d8b61d67400' }, header)), index.h("tbody", { key: '90d0d45589c9a12514949c3e14bda9ecbcef97a8' }, 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('[' + kupManager$1.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 index.getElement(this); }
@@ -10218,16 +10218,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,
@@ -10236,53 +10236,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(kupManager$1.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 = kupManager$1.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, kupManager$1.KupDynamicPositionPlacement.AUTO, true);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").dynamicPosition.start(__classPrivateFieldGet$6(this, _KupDataTable_columnDropCard, "f"));
+    __classPrivateFieldGet$7(this, _KupDataTable_columnDropCard, "f").layoutFamily = kupManager$1.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, kupManager$1.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) {
@@ -10298,7 +10298,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;
                 }
@@ -10310,15 +10310,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 = {};
@@ -10326,9 +10326,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
@@ -10358,7 +10358,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);
             }
@@ -10369,15 +10369,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),
@@ -10417,13 +10417,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 === kupManager$1.TotalMode.MAX || totalMode === kupManager$1.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 !== kupManager$1.TotalMode.COUNT &&
@@ -10451,14 +10451,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';
@@ -10469,8 +10469,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;
                     }
@@ -10484,7 +10484,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");
                 }
@@ -10503,20 +10503,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;
         }
@@ -10531,18 +10531,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;
@@ -10551,7 +10551,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;
         }
@@ -10560,17 +10560,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;
         }
@@ -10581,40 +10581,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"), kupManager$1.KupPointerEventTypes.TAP, tapCb);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"), kupManager$1.KupPointerEventTypes.DOUBLETAP, doubletapCb);
-    __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f"), kupManager$1.KupPointerEventTypes.HOLD, holdCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), kupManager$1.KupPointerEventTypes.TAP, tapCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), kupManager$1.KupPointerEventTypes.DOUBLETAP, doubletapCb);
+    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.on(__classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f"), kupManager$1.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: `[${kupManager$1.kupDraggableColumnAttr}]`,
             }, null, {
                 drop: (e) => {
                     const draggedTh = e.relatedTarget;
                     const grouped = kupManager$1.getColumnByName(this.getColumns(), draggedTh.dataset.column);
-                    __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnGroup).call(this, grouped);
-                    __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").removeAttribute(kupManager$1.kupDragActiveAttr);
+                    __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleColumnGroup).call(this, grouped);
+                    __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupManager$1.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: `[${kupManager$1.kupDraggableColumnAttr}]`,
             }, null, {
                 drop: (e) => {
                     const draggedTh = e.relatedTarget;
                     const deleted = kupManager$1.getColumnByName(this.getColumns(), draggedTh.dataset.column);
                     this.hideColumn(deleted);
-                    __classPrivateFieldGet$6(this, _KupDataTable_tableRef, "f").removeAttribute(kupManager$1.kupDragActiveAttr);
+                    __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupManager$1.kupDragActiveAttr);
                 },
             });
         }
@@ -10648,7 +10648,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(kupManager$1.KupDataNewColumnTypes.CONCATENATE, {
@@ -10656,17 +10656,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(kupManager$1.kupDragActiveAttr);
+            __classPrivateFieldGet$7(this, _KupDataTable_tableRef, "f").removeAttribute(kupManager$1.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,
@@ -10675,14 +10675,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: `[${kupManager$1.kupDraggableColumnAttr}]`,
                 }, null, dropCallbacks);
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").interact.draggable(th, {
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").interact.draggable(th, {
                     cursorChecker() {
                         return null;
                     },
@@ -10702,11 +10702,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,
@@ -10720,15 +10720,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!", kupManager$1.KupDebugCategory.WARNING);
+                    __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve drag informations!", kupManager$1.KupDebugCategory.WARNING);
                     return;
                 }
                 return {
@@ -10741,9 +10741,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;
@@ -10757,11 +10757,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!", kupManager$1.KupDebugCategory.WARNING);
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, "Couldn't find cell to retrieve dropzone informations!", kupManager$1.KupDebugCategory.WARNING);
                 return;
             }
             return {
@@ -10771,11 +10771,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: `[${kupManager$1.kupDraggableCellAttr}]`,
                 }, {
                     callback: dataCb,
@@ -10789,44 +10789,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, kupManager$1.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, kupManager$1.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;
@@ -10839,7 +10839,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;
@@ -10865,7 +10865,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: [
             {
@@ -10894,7 +10894,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 showHeader: false,
             },
         ],
-        text: [__classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.DETAIL)],
+        text: [__classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.DETAIL)],
     };
     const columns = cardData.datatable[0].data.columns;
     const rows = cardData.datatable[0].data.rows;
@@ -10918,7 +10918,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!", kupManager$1.KupDebugCategory.WARNING);
     }
@@ -10927,7 +10927,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 + ')!', kupManager$1.KupDebugCategory.WARNING);
+            __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").debug.logMessage(this, 'Column not found on row name (' + column + ')!', kupManager$1.KupDebugCategory.WARNING);
             return;
         }
         const editable = rows[index].cells[row.id].isEditable
@@ -10951,8 +10951,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(kupManager$1.KupLanguageRow.EDITABLE_KEY)
-                    : __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.KEY),
+                    ? __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.EDITABLE_KEY)
+                    : __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.KEY),
                 value: editable ? 'edit-key' : 'key-variant',
             };
         }
@@ -10967,7 +10967,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     color: `var(${kupManager$1.KupThemeColorValues.TEXT})`,
                     resource: 'pencil',
                 },
-                title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EDITABLE_FIELD),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EDITABLE_FIELD),
                 value: 'pencil',
             };
         }
@@ -10989,64 +10989,64 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         rows[index].cells[kupManager$1.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 = kupManager$1.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 = kupManager$1.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 = kupManager$1.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 = kupManager$1.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, kupManager$1.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;
@@ -11062,7 +11062,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);
         }
     });
@@ -11082,14 +11082,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;
@@ -11119,10 +11119,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 = kupManager$1.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 = kupManager$1.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; } ' +
@@ -11130,24 +11130,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(kupManager$1.KupLanguageGeneric.ABORT);
+    cancel.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.ABORT);
     cancel.styling = fButtonDeclarations.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(kupManager$1.KupLanguageGeneric.CONFIRM);
+    confirm.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.CONFIRM);
     let innerComp = document.createElement('kup-spinner');
     innerComp.slot = 'spinner';
     innerComp.dimensions = '0.6em';
@@ -11166,7 +11166,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',
@@ -11186,7 +11186,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';
@@ -11195,43 +11195,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 = kupManager$1.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 = kupManager$1.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(kupManager$1.KupLanguageGeneric.CONFIRM_DELETE_X_ROWS);
+        message.id = __classPrivateFieldGet$7(this, _KupDataTable_MESSAGE_ID, "f");
+        let msg = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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(kupManager$1.KupLanguageGeneric.CONFIRM);
+        confirm.label = __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.CONFIRM);
         let innerComp = document.createElement('kup-spinner');
         innerComp.slot = 'spinner';
         innerComp.dimensions = '0.6em';
@@ -11246,17 +11246,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 {
@@ -11361,15 +11361,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;
             }
         }
@@ -11384,16 +11384,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");
@@ -11402,14 +11402,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 === kupManager$1.DataTableAreasEnum.HEADER) {
         if (details.th && details.column) {
             this.openColumnMenu(details.column.name);
@@ -11419,34 +11419,34 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     else if (details.area === kupManager$1.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 == kupManager$1.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 == kupManager$1.SelectionMode.SINGLE ||
             this.selection == kupManager$1.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, kupDataTableHelper.calcTotals(this.totals, this.getColumns(), kupDataTableHelper.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, kupDataTableHelper.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, kupDataTableHelper.calcTotals(this.totals, this.getColumns(), kupDataTableHelper.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, kupDataTableHelper.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, kupDataTableHelper.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() {
@@ -11460,19 +11460,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;
                 }
@@ -11485,8 +11485,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) {
@@ -11507,10 +11507,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) {
@@ -11520,11 +11520,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;
         }
@@ -11537,7 +11537,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 --
@@ -11589,20 +11589,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(kupManager$1.FixedCellsCSSVarsBase.rows + i, previousHeight + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(kupManager$1.FixedCellsCSSVarsBase.rows + i, previousHeight + 'px');
             previousHeight += currentRow.children[0].getBoundingClientRect().height; // [ffbf]
             currentRow =
                 currentRow.nextElementSibling;
@@ -11610,17 +11610,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 === kupManager$1.SelectionMode.MULTIPLE_CHECKBOX ? 1 : 0);
         // @See [CSSCount]
         for (let i = 1; i <= totalFixedColumns && currentCell; i++) {
-            __classPrivateFieldGet$6(this, _KupDataTable_tableAreaRef, "f").style.setProperty(kupManager$1.FixedCellsCSSVarsBase.columns + i, previousWidth + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(kupManager$1.FixedCellsCSSVarsBase.columns + i, previousWidth + 'px');
             previousWidth += currentCell.getBoundingClientRect().width; // [ffbf]
             currentCell =
                 currentCell.nextElementSibling;
@@ -11628,10 +11628,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(kupManager$1.FixedCellsCSSVarsBase.columnsR + i, previousWidth + 'px');
+            __classPrivateFieldGet$7(this, _KupDataTable_tableAreaRef, "f").style.setProperty(kupManager$1.FixedCellsCSSVarsBase.columnsR + i, previousWidth + 'px');
             previousWidth += currentCell.getBoundingClientRect().width;
             currentCell =
                 currentCell.previousElementSibling;
@@ -11679,10 +11679,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) {
@@ -11693,15 +11693,15 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         this.globalFilterValue = '';
     }
 }, _KupDataTable_handlePageChange = function _KupDataTable_handlePageChange(pageNumber) {
-    const newPage = fPaginatorUtils.pageChange(pageNumber, __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"), this.currentRowsPerPage);
+    const newPage = fPaginatorUtils.pageChange(pageNumber, __classPrivateFieldGet$7(this, _KupDataTable_rowsLength, "f"), this.currentRowsPerPage);
     if (newPage) {
         this.currentPage = newPage;
     }
 }, _KupDataTable_handleRowsPerPageChange = function _KupDataTable_handleRowsPerPageChange(rowsNumber) {
-    const newRows = fPaginatorUtils.rowsPerPageChange(rowsNumber, __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f"));
+    const newRows = fPaginatorUtils.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
@@ -11731,9 +11731,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (!row.unselectable &&
         this.selection !== kupManager$1.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({
@@ -11766,7 +11766,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) {
@@ -11795,7 +11795,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,
@@ -11807,21 +11807,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, kupDataTableHelper.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, kupDataTableHelper.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;
@@ -11831,11 +11831,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             break;
         case kupManager$1.LoadMoreMode.CONSTANT_INCREMENT:
             loadItems =
-                this.loadMoreStep * (__classPrivateFieldGet$6(this, _KupDataTable_loadMoreEventCounter, "f") + 1);
+                this.loadMoreStep * (__classPrivateFieldGet$7(this, _KupDataTable_loadMoreEventCounter, "f") + 1);
             break;
         case kupManager$1.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) {
@@ -11847,15 +11847,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
@@ -11872,9 +11872,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, kupDataTableHelper.sortRows(__classPrivateFieldGet$6(this, _KupDataTable_rows, "f"), this.sort), "f");
+    __classPrivateFieldSet$3(this, _KupDataTable_rows, kupDataTableHelper.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) {
@@ -11900,8 +11900,8 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     if (this.selection === kupManager$1.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;
@@ -11931,7 +11931,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) {
@@ -11951,12 +11951,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         ((_a = cell.inputSettings) === null || _a === void 0 ? void 0 : _a.checkValueOnExit) &&
         cell.shape !== kupManager$1.FCellShapes.CHECKBOX &&
         cell.shape !== kupManager$1.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: kupDataTableHelper.getDiffData(__classPrivateFieldGet$6(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
+            originalData: __classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"),
+            updatedData: kupDataTableHelper.getDiffData(__classPrivateFieldGet$7(this, _KupDataTable_originalDataLoaded, "f"), this.data, true),
             cell: cell,
         });
     }
@@ -11970,25 +11970,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         .map((chunk, index$1) => (index$1 !== 0 ? [index.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);
@@ -12003,25 +12003,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let multiSelectColumn = null;
     if (this.selection === kupManager$1.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 = (index.h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : {}, style: style }, index.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(kupManager$1.KupLanguageRow.SELECTED) +
+                : {}, style: style }, index.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(kupManager$1.KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.RENDERED) +
-                `: ${__classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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 = (index.h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
                 : {}, style: selectionStyleAndClass
@@ -12030,26 +12030,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(kupManager$1.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(kupManager$1.KupLanguageGeneric.REMOVE_FILTERS) + `: '${__classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_getFilterValueForTooltip).call(this, column)}'`;
             filter = (index.h("span", { title: svgLabel, class: `kup-icon ${kupManager$1.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 = (index.h("span", { class: iconClass, title: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_getSortDecode).call(this, column.name) }));
+            sortIcon = (index.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 = (index.h("span", { class: `kup-icon ${kupManager$1.KupThemeIconValues.KEY.replace('--', '')}`, title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.KEY) }));
+            keyIcon = (index.h("span", { class: `kup-icon ${kupManager$1.KupThemeIconValues.KEY.replace('--', '')}`, title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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) {
@@ -12062,7 +12062,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
             }
         }
-        return (index.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 }, index.h("div", { class: "header-cell__content" }, index.h("span", { class: "header-cell__title" }, __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)), index.h("span", { class: "header-cell__icons" }, keyIcon, sortIcon, filter)), this.resizableColumns ? (index.h("span", { class: "header-cell__drag-handler" })) : null));
+        return (index.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 }, index.h("div", { class: "header-cell__content" }, index.h("span", { class: "header-cell__title" }, __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_applyLineBreaks).call(this, column.title)), index.h("span", { class: "header-cell__icons" }, keyIcon, sortIcon, filter)), this.resizableColumns ? (index.h("span", { class: "header-cell__drag-handler" })) : null));
     });
     return [multiSelectColumn, actionsColumn, ...dataColumns];
     //  return [multiSelectColumn, groupColumn, actionsColumn, ...dataColumns];
@@ -12071,25 +12071,25 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let multiSelectColumn = null;
     if (this.selection === kupManager$1.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 = (index.h("th-sticky", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : null, style: style }, index.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(kupManager$1.KupLanguageRow.SELECTED) +
+                : null, style: style }, index.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(kupManager$1.KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
-                __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.RENDERED) +
-                `: ${__classPrivateFieldGet$6(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
+                __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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 = (index.h("th-sticky", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
                 : null, style: selectionStyleAndClass
@@ -12098,29 +12098,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 (index.h("th-sticky", { class: columnClass, style: thStyle }, index.h("div", { class: "header-cell__content" }, index.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 (index.h("th-sticky", { class: columnClass, style: thStyle }, index.h("div", { class: "header-cell__content" }, index.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();
@@ -12152,18 +12152,18 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         for (let i = 0; i < level; i++) {
             indent.push(index.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(index.h("td", null));
             }
             if (this.selection === kupManager$1.SelectionMode.MULTIPLE_CHECKBOX) {
                 cells.push(index.h("td", null));
             }
             // adding 'grouping' cell
-            const grouplabelcell = (index.h("td", { colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, index.h("span", { class: "group-cell-content" }, indent, index.h("span", { class: iconClass }), index.h("span", { class: "text" }, composedGroupLabel))));
+            const grouplabelcell = (index.h("td", { colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, index.h("span", { class: "group-cell-content" }, indent, index.h("span", { class: iconClass }), index.h("span", { class: "text" }, composedGroupLabel))));
             // adding 'totals grouping' cells
             for (let column of visibleColumns) {
                 let totalClass = 'total';
@@ -12178,11 +12178,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}`);
@@ -12191,19 +12191,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(index.h("td", { class: totalClass }, value));
             }
-            jsxRows.push(index.h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-label" }, grouplabelcell));
-            jsxRows.push(index.h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-total" }, cells));
+            jsxRows.push(index.h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-row": row, class: "group group-label" }, grouplabelcell));
+            jsxRows.push(index.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) => {
@@ -12217,12 +12217,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
         }
         else {
-            jsxRows.push(index.h("tr", { ref: (el) => __classPrivateFieldGet$6(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: "group" }, index.h("td", { colSpan: __classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, index.h("span", { class: "group-cell-content" }, indent, index.h("span", { class: iconClass }), index.h("span", { class: "text" }, composedGroupLabel)))));
-            if (__classPrivateFieldGet$6(this, _KupDataTable_instances, "m", _KupDataTable_isGroupExpanded).call(this, row)) {
+            jsxRows.push(index.h("tr", { ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el), "data-id": row.id, "data-row": row, class: "group" }, index.h("td", { colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, index.h("span", { class: "group-cell-content" }, indent, index.h("span", { class: iconClass }), index.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) => {
@@ -12250,11 +12250,11 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         let selectRowCell = null;
         if (this.selection === kupManager$1.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 = (index.h("td", { "row-select-cell": true, class: selectionStyleAndClass
@@ -12266,20 +12266,20 @@ _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', () => {
                             this.kupRowActionItemClick.emit({
                                 comp: this,
                                 id: this.rootElement.id,
@@ -12295,9 +12295,9 @@ _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(kupManager$1.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(kupManager$1.KupLanguageGeneric.EXPAND), 'expander', (e) => {
+                        __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, row, textPopulatedRowActions);
                     });
                     actionsOnRow.push(imageProp);
                 }
@@ -12327,17 +12327,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),
                             });
                         },
                     }
@@ -12347,18 +12347,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;
                     }
                 }
@@ -12380,70 +12380,70 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             return (index.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 (index.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 (index.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 (index.h("div", { class: "paginator-wrapper" }, index.h("div", { class: "paginator-tabs" }, this.showLoadMore ||
         (!this.lazyLoadRows &&
-            __classPrivateFieldGet$6(this, _KupDataTable_rowsLength, "f") > this.rowsPerPage) ? (index.h(fPaginatorUtils.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) ? (index.h(fPaginatorUtils.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 (index.h("div", { class: "droparea__remove", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_removeDropareaRef, el, "f")) }, index.h(fImage.FImage, { resource: "delete", color: `var(${kupManager$1.KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" }), index.h(fImage.FImage, { resource: "delete-empty", color: `var(${kupManager$1.KupThemeColorValues.DANGER})`, sizeX: "30px", sizeY: "50px" })));
 }, _KupDataTable_columnGroupArea = function _KupDataTable_columnGroupArea() {
     return (index.h("div", { class: "droparea__groups", ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_groupsDropareaRef, el, "f")) }, index.h(fImage.FImage, { resource: "bookmark", color: `var(${kupManager$1.KupThemeColorValues.TEXT})`, sizeX: "30px", sizeY: "50px" }), index.h(fImage.FImage, { resource: "book", color: `var(${kupManager$1.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, kupManager$1.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, kupManager$1.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
@@ -12511,19 +12511,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(kupManager$1.KupLanguageFontsize.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageFontsize.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12540,22 +12540,22 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = kupManager$1.KupLanguageFontsize.SMALL;
             break;
     }
-    return (index.h("div", { class: "customize-element fontsize-panel" }, index.h("kup-combobox", { isSelect: true, data: data, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), "onkup-combobox-itemclick": (e) => {
+    return (index.h("div", { class: "customize-element fontsize-panel" }, index.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(kupManager$1.KupLanguageDensity.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageDensity.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12572,14 +12572,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = kupManager$1.KupLanguageDensity.WIDE;
             break;
     }
-    return (index.h("div", { class: "customize-element density-panel" }, index.h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), selectMode: kupManager$1.ItemsDisplayMode.DESCRIPTION, data: data, "onkup-combobox-itemclick": (e) => {
+    return (index.h("div", { class: "customize-element density-panel" }, index.h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(text), selectMode: kupManager$1.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 (index.h("div", { class: "customize-element grid-panel" }, index.h("kup-switch", { checked: this.transpose, label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TRANSPOSE_DATA), leadingLabel: true, "onkup-switch-change": (e) => {
+    return (index.h("div", { class: "customize-element grid-panel" }, index.h("kup-switch", { checked: this.transpose, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TRANSPOSE_DATA), leadingLabel: true, "onkup-switch-change": (e) => {
             e.stopPropagation();
             if (e.detail.value === 'on') {
                 this.transpose = true;
@@ -12589,16 +12589,16 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             }
         } })));
 }, _KupDataTable_renderTotalsMatrix = function _KupDataTable_renderTotalsMatrix() {
-    return (index.h("div", { class: "customize-element grid-panel" }, index.h("kup-button", { title: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOTALS_TABLE) +
+    return (index.h("div", { class: "customize-element grid-panel" }, index.h("kup-button", { title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.TOTALS_TABLE) +
             ' (' +
-            __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-            ')', label: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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(kupManager$1.KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+            ')', label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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(kupManager$1.KupLanguageGrid.LABEL),
+        label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGrid.LABEL),
         icon: 'arrow_drop_down',
     };
     const data = { 'kup-text-field': textfieldData, 'kup-list': listData };
@@ -12618,14 +12618,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             text = kupManager$1.KupLanguageGrid.ROW;
             break;
     }
-    return (index.h("div", { class: "customize-element grid-panel" }, index.h("kup-combobox", { isSelect: true, initialValue: __classPrivateFieldGet$6(this, _KupDataTable_kupManager, "f").language.translate(text), data: data, "onkup-combobox-itemclick": (e) => {
+    return (index.h("div", { class: "customize-element grid-panel" }, index.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 (index.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 (index.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': {
@@ -12636,14 +12636,14 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         },
     };
     return (index.h("kup-dropdown-button", Object.assign({}, commandObj.data, { styling: styling, sizing: kupManager$1.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 = fButtonDeclarations.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: kupManager$1.FCellShapes.INPUT_FIELD,
                 obj: Object.assign({}, c.obj),
@@ -12660,8 +12660,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();
@@ -12671,8 +12671,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 () => {
@@ -12680,22 +12680,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(index.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(kupManager$1.KupLanguageGeneric.CONFIRM) }));
+                __classPrivateFieldGet$7(this, _KupDataTable_handleUpdateClick, "f").call(this);
+            }, label: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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 = () => {
@@ -12705,13 +12705,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(kupManager$1.KupLanguageGeneric.ROW_ADD),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.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(kupManager$1.KupLanguageGeneric.ROW_DELETE),
+                title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.ROW_DELETE),
                 onClickHandler: () => deleteRowHandler(),
             },
         };
@@ -13164,7 +13164,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))
@@ -13231,20 +13231,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.', kupManager$1.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.', kupManager$1.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")}).`, kupManager$1.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")}).`, kupManager$1.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.`, kupManager$1.KupDebugCategory.WARNING);
+                __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").debug.logMessage(this, `Too many attempts centering the dialog.`, kupManager$1.KupDebugCategory.WARNING);
             }
         }
         __classPrivateFieldSet$2(this, _KupDialog_recalcSafeguard, 0, "f");
@@ -13271,12 +13271,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();
         }
@@ -13284,7 +13284,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();
                 }
@@ -13294,13 +13294,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;
@@ -13314,18 +13314,18 @@ const KupDialog = class {
         if (headerSlot) {
             __classPrivateFieldSet$2(this, _KupDialog_header, headerSlot, "f");
         }
-        return (index.h(index.Host, { key: '85b3008a0040995bdac981d0482852f53f696989', "fade-in": true, style: style }, index.h("style", { key: 'fe88280e675258f5604ee2abb4b944a4f8f11f17' }, __classPrivateFieldGet$5(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '872122d576446bb73d501de1a5248c650c1c9268', id: GenericVariables.componentWrapperId }, this.header ? (index.h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (index.h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (index.h(fImage.FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (index.h("slot", { name: "header" })) : null, index.h("div", { key: 'c367d4b6a2308ef03b6fb0440a27c77a396f6cb7', class: "content" }, index.h("slot", { key: '619582bc343d3cd073289a8261844d1fc5bd9fc4', name: "content" })))));
+        return (index.h(index.Host, { key: '85b3008a0040995bdac981d0482852f53f696989', "fade-in": true, style: style }, index.h("style", { key: 'fe88280e675258f5604ee2abb4b944a4f8f11f17' }, __classPrivateFieldGet$6(this, _KupDialog_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '872122d576446bb73d501de1a5248c650c1c9268', id: GenericVariables.componentWrapperId }, this.header ? (index.h("div", { class: "header", ref: (el) => (__classPrivateFieldSet$2(this, _KupDialog_header, el, "f")) }, this.header.title ? (index.h("div", { class: "header__title" }, this.header.title)) : null, ((_a = this.header.icons) === null || _a === void 0 ? void 0 : _a.close) ? (index.h(fImage.FImage, { onClick: () => this.close(), sizeX: "1.25em", sizeY: "100%", resource: "clear", wrapperClass: "header__close" })) : null)) : headerSlot ? (index.h("slot", { name: "header" })) : null, index.h("div", { key: 'c367d4b6a2308ef03b6fb0440a27c77a396f6cb7', class: "content" }, index.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 index.getElement(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;
 
@@ -13655,6 +13655,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) {
+        index.registerInstance(this, hostRef);
+        this.kupReady = index.createEvent(this, "kup-file-upload-ready", 6);
+        this.kupUpload = index.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, kupManager$1.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 kupManager$1.getProps(this, KupFileUploadProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        index.forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        kupManager$1.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 (index.h(index.Host, { key: 'fe4bf368d35a09d537000b666c22b8a796e841d8' }, index.h("style", { key: '7f795ecba5c7187f2752051561545a27fdb4eb76' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '6f998101815936c02246f56816f03e9d43c3ce8d', id: GenericVariables.componentWrapperId }, index.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() }, index.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 }), index.h("div", { key: 'c713ff2f83975080221437cca9ead4534dd4ef9b', class: "file-upload__buttons" }, index.h(fButton.FButton, { key: 'bad9df6fe8d6f45fc414b3c25559333e887d3273', icon: "upload", label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), index.h(fButton.FButton, { key: '3966f24556bce210cc2e84b0b34153ff7feb182c', icon: "save", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: fButtonDeclarations.FButtonStyling.FLAT }), index.h(fButton.FButton, { key: '4c538a64d604496d0d65a1c9dc3bb88ddc92df19', icon: "clear", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$1.KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: fButtonDeclarations.FButtonStyling.FLAT })), this.uploadSuccess ? (index.h("span", null, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(kupManager$1.KupLanguageUpload.SUCCESS))) : (index.h("div", { class: "file-upload__list" }, this.files.map((file, i) => (index.h("div", { class: "file-upload__list__item" }, index.h("div", { class: "file-upload__list__item__preview" }, index.h(fImage.FImage, { resource: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file) })), index.h("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), index.h("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) })))))), this.showSpinner && (index.h("div", { key: '54782b7a4ceb1a4626255256d4832ed24be43e36', class: "file-upload__spinner-container" }, index.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 index.getElement(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.
@@ -14090,7 +14271,7 @@ const KupForm = class {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (index.h("p", { key: '4b4c768ddde3a3e5b716aa6c78f19d124fe472ff' }, this.kupManager.language.translate(kupManager$1.KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (index.h("p", { key: 'f749de74f0497b4be1fb554de9e3c9cb1464f16d' }, this.kupManager.language.translate(kupManager$1.KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -14101,7 +14282,7 @@ const KupForm = class {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (index.h(index.Host, { key: 'fef68da43868f5b70c76102cc08fc53557b0feb8' }, index.h("style", { key: 'c8265a9f9c5a9bce97c8c2bbf64d3d7cbf1f57ee' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'de6c69d454396ebf0e82b5de27c7541132038eeb', id: GenericVariables.componentWrapperId }, formContent)));
+        return (index.h(index.Host, { key: 'f32e3c7318dd06b37dda2c66fc35188671fd5c2b' }, index.h("style", { key: 'bda0f827c81efc66666670b3da38b699921855cf' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '07ba4ba3f36154ee5457b340993f3fd54b202b30', id: GenericVariables.componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -16136,7 +16317,7 @@ const KupProgressBar = class {
                 ? true
                 : false,
         };
-        return (index.h(index.Host, { key: '3d6d9fc74dc3f0118b4ace093a04ff2ad59cf6df' }, index.h("style", { key: '7dfe84c06d2663aba637406cb02989ddd1cca363' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '90ceb916676613610ecd11b4d2325605eedacd7a', id: GenericVariables.componentWrapperId }, index.h(fCell.FProgressBar, Object.assign({ key: '032763ed336b976ee8dd04dde68f8e88f20aac6f' }, props)))));
+        return (index.h(index.Host, { key: 'e67a7bd17e8f831ccb6e964053d3e9bcc4f3cf74' }, index.h("style", { key: '5568051629371fd5f95b9b51441879380e5a9d67' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '65cffea374b2d2598a2e8debb8be1b4c5e6a0c41', id: GenericVariables.componentWrapperId }, index.h(fCell.FProgressBar, Object.assign({ key: '22522650b68cc7ec26d99f06c4d1f3af417ba9f0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16397,7 +16578,7 @@ const KupRating = class {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (index.h(index.Host, { key: '20095fb51aa50672f0ebe4127b9dc0003d9c0719' }, index.h("style", { key: 'ec9990065a4a7661e89163f3ae0fb1cf13bdea42' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'd79e809d648195e494b1486b15323cc2ba79b076', id: GenericVariables.componentWrapperId }, index.h(fCell.FRating, Object.assign({ key: 'ff7a1ecf8f215ebf043fcf33cea9ca1fe029df11' }, props)))));
+        return (index.h(index.Host, { key: '879a6ae98190a2e1084def50d40d01ed821c9660' }, index.h("style", { key: '0fa9425c1dbce6d801647b70a32394063ccce065' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '36bb228b8c86388fc981ebd556df4cad4e89d7bb', id: GenericVariables.componentWrapperId }, index.h(fCell.FRating, Object.assign({ key: '2177af857eaca72423e6d4d3a4babba73691de51' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16520,59 +16701,59 @@ const KupSpinner = class {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    index.h("div", { key: 'c0f87b32d2880e8d2967965b3aeb1d87e759bdfd', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: 'd2667329fcbf2bcfc49de04a1764fd120eb604e1', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: '5a17ec63181387a41ec7efac3e577b64eb974f2a', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: 'd7b1f39f2a4021f33676ac35fff67c2f26ed62d0', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: '5ae04fe212ddd0e5ef965ccbcd41c25790f141e4', class: "sk-spinner-v7-dot" }),
-                    index.h("div", { key: '637d9220f1dc84e9c0915da844edd6cb7a6c3974', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'd9e8be5e8b34f7f4a8a0434703bee6e157be1b63', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'b1bdcad24453ff4f730b7c58af9f3f1f495a6eff', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'da867e6a2d4a56b0bf5bddc134ed1027136ba064', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: '82b30c602d8d4febbaf061c033ddc7e22642affc', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: 'ffcdea64b3b4f0063444413c43349c35448ccfa2', class: "sk-spinner-v7-dot" }),
+                    index.h("div", { key: '3bf58b200418d7b3614a8e4ad9f10ca2f795aede', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    index.h("div", { key: '910a32befcfeea4fdc278e00c381b08c3cc7b23c', class: "sk-spinner-v9-bounce1" }),
-                    index.h("div", { key: '3cfbe5f150100f3bec045cdcdb1afe9720930980', class: "sk-spinner-v9-bounce2" }),
+                    index.h("div", { key: '7eb08ef8b31172fe3ba643aaa449ab5419e269ed', class: "sk-spinner-v9-bounce1" }),
+                    index.h("div", { key: 'd2b116c1526eb2a94dcbfa929e871809d3d3748f', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    index.h("div", { key: 'c0856e6a5786baf3f010305cc7b97609cfc75430', class: "sk-spinner-v10-cube1" }),
-                    index.h("div", { key: 'dd49b7ffd40f91250a1edb1b8951b58b8a8e2469', class: "sk-spinner-v10-cube2" }),
+                    index.h("div", { key: '620f68c389d59a6a6cd4e1c6c29a6c2e9e7c55d8', class: "sk-spinner-v10-cube1" }),
+                    index.h("div", { key: '43da427d8379ee798eca33aa989fc53ca9edf6db', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    index.h("div", { key: '442dd49006c37d95eb777efd9a64a8caa764f393', class: "sk-spinner-v12-dot1" }),
-                    index.h("div", { key: 'db42b8b389b3e35f3699f9c8b66e277a9c16805e', class: "sk-spinner-v12-dot2" }),
+                    index.h("div", { key: '29628c208192c8e5a99f3aa1ca56770ec1271a51', class: "sk-spinner-v12-dot1" }),
+                    index.h("div", { key: '9bbab46f67ad2aad4779b0a403c32ca0a2972edf', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    index.h("div", { key: '25e9281e433baff05bf9b44d31644a18881e0d92', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    index.h("div", { key: '41f2559432e090e2996f9bacff6d0f28fd7d14e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    index.h("div", { key: 'abd925e4ca992ffb267c3f07feaf54c82c3f4b04', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    index.h("div", { key: '2d6979df2d803dc0da9f1496cae8be0e6167014b', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    index.h("div", { key: 'eecd7028d3e328b938c99749dbaf3a7f982f3118', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    index.h("div", { key: 'aec197ce21b10163a590d2f023991c6a61f7a193', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    index.h("div", { key: 'f49931a5693b0fb4c22e9edac5020989c1eebd18', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    index.h("div", { key: '86a3ec2853084eb5fdbb5ca71ee4d11c4e140574', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    index.h("div", { key: '102b5545aa6f4ae31c1691ec862a6402f44bd536', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    index.h("div", { key: '7efa860923505f7285b5dbb58180b1a376aab300', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    index.h("div", { key: '40550163fc379434f79e747fbd1bdfe53bc40fab', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    index.h("div", { key: 'fddd2cf238b07e29c4a0cf61bc317434f6a11381', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    index.h("div", { key: '198d810b5dde8b84c0a70b92fc5d1119fa1e9252', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    index.h("div", { key: 'bf20ad081cb99c617bf341ab84562f7ff110c8eb', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    index.h("div", { key: '947e8bd99e74f891424083c166741437a0523049', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    index.h("div", { key: '9dfa58ef83f77871115c61956832b2c77e6f2b58', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    index.h("div", { key: 'a0479158ef8e2cb8116ab5e04f62369f9234cb8c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    index.h("div", { key: '6d17905bd8f29755faa1f06b906f6038df60de39', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    index.h("div", { key: '8d7270df5611149ab9fccaf7150b654cfdd813e1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'cff87affb92512360d13f92567f2904f2282c2e9', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '07f4885a562b5ec07dcbdcdb28bc9ecff21ca2c4', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '8deb2cde206020840375c28247a1682b5b658499', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '8be740e770f6b17245392af95452a4bb94860d73', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '7d0477b8a48b03cfee6e263dccc9745f7aa0989a', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '5af02c740d957aa89931c5285041958ebcdc78d8', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '360c696c38e38ef022eebbcd4c923b0595c6a9ce', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '88082deb8513a5522856e73d0a2e59dfb0eed4b4', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'e6c9f4a09d3ef089d4c3c9a41d30cf259c72054a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    index.h("div", { key: 'c24dc3b66d10044d70350e61c23c413f29268f33', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    index.h("div", { key: '45d6a198bd7b1e89fd35813b7a673a72c63ec5fb', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'c7c54b017299889f97ffac724cc854df2f785d8d', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '6e0c491f023fa53aff13de97c536db976f8ad807', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '3eb9618dded82002c896955322102ab1c5edbed0', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'ca5f55fc315d180e9df0d8a6bf7c0df52f9bc4fd', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'f653627358a0d717dd109a44e9c2be5e0b42be16', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'bbbca5db1d1885a88dd372619e45c9e213068408', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'a685096d2c0c3bd0638b4efe18f267564afcc167', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '34d89964e41b9520d018f98f32ce6888864f2117', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '34e25080ba83cb4e382e45b8d74dd8805bc00bf9', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    index.h("div", { key: 'e2e454f8caa409d13743b4d526f9997a38b98bb7', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '31b2eabb2b348b0a8c3e6bb46e130a22c73371b4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    index.h("div", { key: '6e05dfc6d58ec29ededbd3ffdbdddc3984c6345c', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -16591,7 +16772,7 @@ const KupSpinner = class {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (index.h(index.Host, { key: 'e87c0386288130a5d4dfe9d72df440193916fb3b', style: elStyle }, index.h("style", { key: '0496b84b5447eacf42eefa36bcdee02343020a92' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '46460375ac8857331173d56af8ab39f4c86d7b70', id: GenericVariables.componentWrapperId, style: elStyle }, index.h("div", { key: '8cbfde7a6ad14881f101677ad2198ed94a83f12a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, index.h("div", { key: '6a6fb45e62f55e2d3df338de4e85f3c7f986f0c4', id: wrapperClass, style: elStyle }, index.h("div", { key: 'd10a919c3fb710224f9f80c764bc1d582e64c0a7', class: spinnerClass }, spinnerEl))))));
+        return (index.h(index.Host, { key: '3c4ecb099a610627191bdb34a40c1b44d4a769b6', style: elStyle }, index.h("style", { key: 'c89628f8825d7cbc22b64cdeb1707baaae8d1d38' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '3fd5ecca92397a1cc5b0c2dbc3843fe1403c1f42', id: GenericVariables.componentWrapperId, style: elStyle }, index.h("div", { key: 'f6dc141c459cc87da063c4f03c0609b1c295988b', id: "loading-wrapper-master", class: masterClass, style: elStyle }, index.h("div", { key: 'acb6bd40542676fb484e7ceb0e15fd6164401fc9', id: wrapperClass, style: elStyle }, index.h("div", { key: '3ae4b174167a0a8a07127d5e85d95438434c091a', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -16739,7 +16920,7 @@ const KupSwitch = class {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (index.h(index.Host, { key: 'ccab27b5265a000c6620180353460ef3155b7956' }, index.h("style", { key: '3d2e9c0b0298e397eee1b2f5540d89ab9f4ee7e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '49fcac8fcca3cf367a2747b7e764849c8562325a', id: GenericVariables.componentWrapperId }, index.h(fCell.FSwitch, Object.assign({ key: '179a3ab9d3e23122c6090736b97dc657063b709f' }, props)))));
+        return (index.h(index.Host, { key: '2a170b39ec9bd03dd5c389f9eed702212ccc2825' }, index.h("style", { key: '6939e9e63441086335c0ce728bd3327e1c913411' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '5a814af6cdce48541f7010282e89c0b7d2390cbb', id: GenericVariables.componentWrapperId }, index.h(fCell.FSwitch, Object.assign({ key: 'ef96c77675c6b65723061bf525f0f7e321e64b01' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17859,7 +18040,7 @@ const KupTimePicker = class {
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '25aa426350acb007ed3b24a4bddba0c614f6a381' }, index.h("style", { key: 'e766a1994b663ea2bb82fee923969cd8f052064b' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '6f83be628e0800cbe0e75a15d9133d1bbf0cbe1d', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (index.h(index.Host, { key: 'dffe33755a510ef42a3ed226b9f2e47724ccb37f' }, index.h("style", { key: '9ca27904a2544e8bb01d43627b4e6289963fd0ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'cff01fdcd8fdf77c1c047ad38e0e52009a907ab3', id: GenericVariables.componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -19570,6 +19751,7 @@ exports.kup_data_table = KupDataTable;
 exports.kup_date_picker = KupDatePicker;
 exports.kup_dialog = KupDialog;
 exports.kup_dropdown_button = KupDropdownButton;
+exports.kup_file_upload = KupFileUpload;
 exports.kup_form = KupForm;
 exports.kup_gauge = KupGauge;
 exports.kup_image = KupImage;