@sme.up/ketchup 11.0.0-SNAPSHOT-20250211141054 → 11.0.0-SNAPSHOT-20250212120232

package/dist/cjs/{f-cell-e9d5ab51.js → f-cell-b2946d6c.js}

@@ -1,13 +1,13 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const fButton = require('./f-button-c3ae141e.js');
-const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const fChip = require('./f-chip-f12f3bb7.js');
+const fCheckbox = require('./f-checkbox-ffe90ab4.js');
+const fChip = require('./f-chip-261a463a.js');
 const fImage = require('./f-image-d22b012f.js');
-const fObjectField = require('./f-object-field-d449ec68.js');
-const fTextField = require('./f-text-field-7d3b06d5.js');
+const fObjectField = require('./f-object-field-bd5efc02.js');
+const fTextField = require('./f-text-field-83ad8c6b.js');
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -221,7 +221,7 @@ const dom = document.documentElement;
 /*                C o m p o n e n t                */
 /*-------------------------------------------------*/
 const FCell = (props, children) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     const cell = props.cell;
     const column = props.column;
     const row = props.row;
@@ -244,9 +244,10 @@ const FCell = (props, children) => {
     cell.data = (_a = mapData(cell, column)) !== null && _a !== void 0 ? _a : cell.data;
     const valueToDisplay = props.previousValue !== cell.value ? cell.value : '';
     const cellType = dom.ketchup.data.cell.getType(cell, shape);
-    const subcomponentProps = Object.assign(Object.assign(Object.assign({}, cell.data), ((cell === null || cell === void 0 ? void 0 : cell.icon) ? { resource: cell.icon } : {})), ((cell === null || cell === void 0 ? void 0 : cell.placeholderIcon)
+    const sizing = props.density === 'extra_dense' ? 'extra-small' : (_b = cell.data) === null || _b === void 0 ? void 0 : _b.sizing;
+    const subcomponentProps = Object.assign(Object.assign(Object.assign(Object.assign({}, cell.data), ((cell === null || cell === void 0 ? void 0 : cell.icon) ? { resource: cell.icon } : {})), ((cell === null || cell === void 0 ? void 0 : cell.placeholderIcon)
         ? { placeholderResource: cell.placeholderIcon }
-        : {}));
+        : {})), (sizing ? { sizing } : {}));
     let cssClasses = cell.cssClass
         ? cell.cssClass
         : (column === null || column === void 0 ? void 0 : column.cssClass)
@@ -261,14 +262,14 @@ const FCell = (props, children) => {
         [cssClasses]: cssClasses ? true : false,
         'c-input-uppercase': kupManager.isForceUppercase(cell),
         'c-input-lowercase': kupManager.isForceLowercase(cell),
-        'monospace c-pre': (_b = cell.data) === null || _b === void 0 ? void 0 : _b.legacyLook,
+        'monospace c-pre': (_c = cell.data) === null || _c === void 0 ? void 0 : _c.legacyLook,
     };
     let content = valueToDisplay;
     if (!cell.data) {
         setDefaults(cellType, cell);
     }
     if (isEditable && kupManager.editableTypes.includes(cellType)) {
-        cell.data.showMarker = (_c = cell.tooltip) !== null && _c !== void 0 ? _c : false;
+        cell.data.showMarker = (_d = cell.tooltip) !== null && _d !== void 0 ? _d : false;
         content = setEditableCell(cellType, classObj, cell, column, props);
     }
     else if (cell.data && kupManager.kupTypes.includes(cellType)) {
@@ -287,7 +288,7 @@ const FCell = (props, children) => {
         if (props.setSizes) {
             setCellSize(cellType, subcomponentProps, cell, props);
         }
-        classObj[kupManager.FCellClasses.INDICATOR_TOPRIGHT] = (_d = cell.tooltip) !== null && _d !== void 0 ? _d : false;
+        classObj[kupManager.FCellClasses.INDICATOR_TOPRIGHT] = (_e = cell.tooltip) !== null && _e !== void 0 ? _e : false;
         content = setCell(cellType, subcomponentProps, content, classObj, cell, column, props);
     }
     let icon = null;
@@ -576,11 +577,11 @@ function setCellSizeKup(cellType, subcomponentProps, cell) {
         case kupManager.FCellTypes.CHIP:
             if (cell.style) {
                 if (!cell.style.height) {
-                    cell.style['minHeight'] = '40px';
+                    cell.style['minHeight'] = '18px';
                 }
             }
             else {
-                cell.style = { minHeight: '40px' };
+                cell.style = { minHeight: '18px' };
             }
             break;
         case kupManager.FCellTypes.RADIO:
@@ -692,9 +693,11 @@ function setEditableCell(cellType, classObj, cell, column, props) {
             else {
                 const isTextArea = (cell.shape ? cell.shape === kupManager.FCellShapes.MEMO : false) ||
                     (cellType ? cellType === kupManager.FCellTypes.MEMO : false);
-                return (index.h(fTextField.FTextField, Object.assign({}, cell.data, { textArea: isTextArea, sizing: isTextArea
-                        ? kupManager.KupComponentSizing.EXTRA_LARGE
-                        : kupManager.KupComponentSizing.SMALL, inputType: type, fullWidth: isFullWidth(props) ? true : false, maxLength: (cellType == kupManager.FCellTypes.NUMBER &&
+                return (index.h(fTextField.FTextField, Object.assign({}, cell.data, { textArea: isTextArea, sizing: cell.data.sizing
+                        ? cell.data.sizing
+                        : isTextArea
+                            ? kupManager.KupComponentSizing.EXTRA_LARGE
+                            : kupManager.KupComponentSizing.SMALL, inputType: type, fullWidth: isFullWidth(props) ? true : false, maxLength: (cellType == kupManager.FCellTypes.NUMBER &&
                         ((props.column.decimals &&
                             props.column.decimals > 0) ||
                             props.column.group)) ||

package/dist/cjs/{f-checkbox-59fb7aa5.js → f-checkbox-ffe90ab4.js}

@@ -16,6 +16,7 @@ const FCheckbox = (props) => {
         'checkbox--disabled': props.disabled ? true : false,
         'checkbox--indeterminate': props.indeterminate ? true : false,
         'checkbox--legacy-look': props.legacyLook ? true : false,
+        [`checkbox--${props.sizing || 'small'}`]: true,
     };
     const propsFImage = {
         color: props.error

package/dist/cjs/{f-chip-f12f3bb7.js → f-chip-261a463a.js}

@@ -2,7 +2,7 @@
 
 const index = require('./index-e8aa3c73.js');
 const fImage = require('./f-image-d22b012f.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 
 /**
  * Types of the f-chip component.
@@ -65,7 +65,7 @@ const FChip = (props) => {
         'chip-set--input': isInput ? true : false,
         'chip--outlined': isOutlined ? true : false,
         'chip--raised': isRaised ? true : false,
-        [`chip--${props.sizing}`]: props.sizing ? true : false,
+        [`chip--${props.sizing || 'small'}`]: true,
     };
     return (index.h("div", Object.assign({ class: `f-chip ${props.danger ? 'kup-danger' : ''} ${props.info ? 'kup-info' : ''} ${props.secondary ? 'kup-secondary' : ''} ${props.success ? 'kup-success' : ''} ${props.warning ? 'kup-warning' : ''} ${props.wrapperClass ? props.wrapperClass : ''} ${props.primary ? 'kup-primary' : ''}` }, props.dataSet, { id: props.id, title: props.title }),
         index.h("div", { class: classObj, role: "grid" }, createChipList(props, isChoice, isFilter, isInput))));

package/dist/cjs/{f-object-field-d449ec68.js → f-object-field-bd5efc02.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
-const fTextField = require('./f-text-field-7d3b06d5.js');
+const fTextField = require('./f-text-field-83ad8c6b.js');
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/cjs/{f-paginator-utils-d67693bb.js → f-paginator-utils-7c0783d8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const fButton = require('./f-button-c3ae141e.js');
 const fButtonDeclarations = require('./f-button-declarations-76ef9f87.js');
 

package/dist/cjs/{f-text-field-7d3b06d5.js → f-text-field-83ad8c6b.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const fImage = require('./f-image-d22b012f.js');
 
 const dom = document.documentElement;
@@ -21,6 +21,7 @@ const FTextField = (props, children) => {
         'kup-shaped': props.shaped,
         'kup-success': props.success,
         'kup-warning': props.warning,
+        [`f-text-field--${props.sizing || 'small'}`]: true,
         [props.wrapperClass]: !!props.wrapperClass,
     };
     const helper = setHelper(props);

package/dist/cjs/index.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./index-e8aa3c73.js');
 

package/dist/cjs/kup-accordion.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const fImage = require('./f-image-d22b012f.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const component = require('./component-a6dd6c14.js');

package/dist/cjs/kup-activity-timeline.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8cd67209.js');
+const kupDataTableHelper = require('./kup-data-table-helper-f9480500.js');
 require('./kup-dates-bc4cf9d0.js');
 
 var KupActivityTimelineProps;

package/dist/cjs/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-70c7d426.js');
-const fTextField = require('./f-text-field-7d3b06d5.js');
+const kupManager$1 = require('./kup-manager-fb14486e.js');
+const fTextField = require('./f-text-field-83ad8c6b.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-e9d5ab51.js');
+const fCell = require('./f-cell-b2946d6c.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
-const fChip = require('./f-chip-f12f3bb7.js');
+const fChip = require('./f-chip-261a463a.js');
 const component = require('./component-a6dd6c14.js');
-const fCheckbox = require('./f-checkbox-59fb7aa5.js');
-const kupDataTableHelper = require('./kup-data-table-helper-8cd67209.js');
-const fPaginatorUtils = require('./f-paginator-utils-d67693bb.js');
-require('./f-object-field-d449ec68.js');
+const fCheckbox = require('./f-checkbox-ffe90ab4.js');
+const kupDataTableHelper = require('./kup-data-table-helper-f9480500.js');
+const fPaginatorUtils = require('./f-paginator-utils-7c0783d8.js');
+require('./f-object-field-bd5efc02.js');
 
 /**
  * Props of the kup-autocomplete component.
@@ -6967,7 +6967,7 @@ const KupChip = class {
         this.displayId = false;
         this.enableInput = false;
         this.type = fChip.FChipType.STANDARD;
-        this.sizing = fChip.FChipSize.MEDIUM;
+        this.sizing = fChip.FChipSize.SMALL;
         this.styling = fChip.FChipStyling.RAISED;
     }
     onKupBlur(chip) {
@@ -7130,13 +7130,13 @@ const KupChip = class {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (index.h(index.Host, { key: '4e0c67caa7abed6ab8a09d7fe7e424d48bb9693d', "onKup-autocomplete-itemclick": (e) => {
+        return (index.h(index.Host, { key: '2537b0f7829c750acc8a188c56692368ece888ef', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet$9(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, index.h("style", { key: 'e6571748ffafbc5073e90c891908c4745edd6cbb' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: '26b565d387bbb8cd407a0bae7d42882518ce12dd', 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: 'fbe3663fdec4404f7cb7637145be8a6e25070477', name: "field" }))));
+            } }, index.h("style", { key: 'b9c9d0c3dfe195160d2e126da3784f946c6cc99a' }, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { key: 'a51d9a8779d51f0d1044492bc308df6aacdae0eb', 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: '0ef614b26786fdb323ada22ae3db4931aa3b452b', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -8584,7 +8584,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,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.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 .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 var(--kup-space-03) 0.25em 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 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_fcell_line_height_extradense:var(\n    --kup-fcell-line-height-extradense,\n    14px\n  );--kup_fcell_font_size_extradense:var(--kup-fcell-font-size-extradense, 11px);--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_extradense:var(\n    --kup-fcell-padding-dense,\n    var(--kup-space-01) var(--kup-space-01)\n  );--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-extra_dense .header-cell__content,.density-extra_dense tbody>tr.group td{padding:var(--kup-fcell-padding-extradense, var(--kup_fcell_padding_extradense))}.density-extra_dense .header-cell__title{font-size:var(--kup_fcell_font_size_extradense)}.density-extra_dense .group-cell-content>span.text{font-size:var(--kup_fcell_font_size_extradense);line-height:var(--kup_fcell_line_height_extradense)}.density-dense .header-cell__content,.density-dense tbody>tr.group td{padding:var(--kup-fcell-padding-dense, var(--kup_fcell_padding_dense))}.density-medium .header-cell__content,.density-medium tbody>tr.group>td{padding:var(--kup-fcell-padding-medium, var(--kup_fcell_padding_medium))}.density-wide .header-cell__content,.density-wide tbody>tr.group>td{padding:var(--kup-fcell-padding-wide, var(--kup_fcell_padding_wide))}.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 .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 var(--kup-space-03) 0.25em 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;box-sizing:content-box}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-extradense:0px;--kup-extradense-legacy-look-padding:var(--kup-space-00) var(--kup-space-03);--kup-textfield-extrasmall-padding:var(--kup-extradense-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-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell__text{padding:var(--kup-extradense-legacy-look-padding)}:host([legacy-look]) .f-cell.extra_dense{min-height:var(--kup_fcell_extradense_min_height)}: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$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -8763,7 +8763,12 @@ const KupDataTable = class {
             'format-color-text',
             'format-font-size-increase',
         ]);
-        _KupDataTable_DENSITY_DECODES.set(this, ['Dense', 'Medium', 'Wide']);
+        _KupDataTable_DENSITY_DECODES.set(this, [
+            'Extra_Dense',
+            'Dense',
+            'Medium',
+            'Wide',
+        ]);
         _KupDataTable_DENSITY_ICONS.set(this, [
             'format-align-justify',
             'reorder-horizontal',
@@ -8782,7 +8787,7 @@ const KupDataTable = class {
         this.autoFillMissingCells = false;
         this.customStyle = '';
         this.data = undefined;
-        this.density = kupManager$1.FCellPadding.DENSE;
+        this.density = kupManager$1.FCellPadding.EXTRA_DENSE;
         this.dragEnabled = false;
         this.dropEnabled = false;
         this.editableData = false;
@@ -8849,7 +8854,7 @@ const KupDataTable = class {
         this.groupState = {};
         this.openedTotalMenu = null;
         this.openedCustomSettings = false;
-        this.fontsize = 'medium';
+        this.fontsize = 'small';
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -9971,7 +9976,7 @@ const KupDataTable = class {
         }
         let rows = null;
         if (__classPrivateFieldGet$7(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (index.h("tr", { key: '19295908db445e41e77f30f5a0d4cbff5d6d7db6', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '7d599c2bb74a7d8e228ef37c6cf2895178d0a0e5', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (index.h("tr", { key: 'd0e0570e4e01e3e76475a870689aeb1fc81fc684', ref: (el) => __classPrivateFieldGet$7(this, _KupDataTable_rowsRefs, "f").push(el) }, index.h("td", { key: '9ff72e19d9edafd3b305df7e6c6580fddb177176', colSpan: __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -10036,7 +10041,7 @@ const KupDataTable = class {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = index.h(fChip.FChip, Object.assign({ key: '011a99d012f65037a92469e606882a56923b7d6c' }, props));
+                groupChips = index.h(fChip.FChip, Object.assign({ key: '1e82c919920c9f6e5555b824d1bd979a9f753f41' }, props));
             }
         }
         const tableClass = {
@@ -10068,7 +10073,7 @@ const KupDataTable = class {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (index.h("sticky-header", { key: 'fae9591819e4551f0b0f0f0e787d805091501d30', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: '15689addb227664dbeb3a233453b240784a5dc94' }, index.h("tr-sticky", { key: '87b96f7a1f7968eaf4dd27ba226a1e4f4b0d2175' }, stickyHeader))));
+            stickyEl = (index.h("sticky-header", { key: '67f113b01e3a8a45061659296bd6d88116fca21f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_stickyTheadRef, el, "f")) }, index.h("thead-sticky", { key: 'db6509e71d62c72d00328ed95f31c53e2645bf5f' }, index.h("tr-sticky", { key: '9790b5d4621a0bbb7d77af4eb6e9ce09fb01ad46' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -10114,7 +10119,7 @@ const KupDataTable = class {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$7(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (index.h(index.Host, { key: '298bebd9da40727705c456cbf4927db798724212', "onKup-drop": (e) => {
+        const compCreated = (index.h(index.Host, { key: '79b6ccb4fcc300747bffce56f87140a87b615272', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -10129,11 +10134,11 @@ const KupDataTable = class {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, index.h("style", { key: '8d2a64a4fc1e33dd2a08d36ca19b983947a3c698' }, __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: 'b936bd852efdc9ab949f506e2edf2e20ba909f4b', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '621f072f1de5e40c30bd31b96d33cc7600345d50', class: "group-wrapper" }, groupChips), index.h("div", { key: '5fae3df4486a4c93a8d36a9a81374f2f5a62d0d5', 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) => {
+            } }, index.h("style", { key: '5b534a5699fba8e5737beead059e2750df60acc5' }, __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: 'f9d2ac3b71553225f3ed728c132612d9af5c3b4b', id: GenericVariables.componentWrapperId, class: wrapClass }, index.h("div", { key: '00c3853aa69a721f9b4033a838075791945a8857', class: "group-wrapper" }, groupChips), index.h("div", { key: '94a0ce5bb04b0f3e58cb9b4b8b4196b8faab5c1b', 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$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: 'e3d60e7f7fcfd449d575bc8b43c8d912a766c4a2', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, index.h("div", { key: 'fb884d13dafb6d3c24e41c0c0e97b21836c8d432', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (index.h(fButton.FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -10183,9 +10188,9 @@ const KupDataTable = class {
                     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: 'c836a5c71d05384e8e494a7083cdadbdea94804a', 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
+            }, sizing: kupManager$1.KupComponentSizing.MEDIUM, styling: fButtonDeclarations.FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), index.h("div", { key: '088621db5df31af3bd1e398dc484609d20c5f235', 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: '3cb9d79451185a8240db1d53646e8eba5c661a8c', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), index.h("div", { key: '50a7d1d779e9382f24d31f506a81a011e78b8fbc', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 index.h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -10194,7 +10199,7 @@ const KupDataTable = class {
                     } }, index.h(fImage.FImage, { color: `var(${kupManager$1.KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, index.h("table", { key: '85a1ee5212c5b7c9b864210d7cece46b2351aa4a', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, index.h("table", { key: '4eb990c3876d4f19c9b76380899832c0b8aa49df', class: tableClass, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __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");
@@ -10202,7 +10207,7 @@ const KupDataTable = class {
                 __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: 'e21e8c4b418e4b951c96ae8da2f51930810f3cd0', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: '3f725aaffaa66f0b12aff65085d888b576644fe1' }, header)), index.h("tbody", { key: '3dd79ce5bbad34a9eda6f109400ba0c602bb05fd' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, index.h("thead", { key: '2a9d4428f46501924bb5b17fe817f669d78301dd', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$3(this, _KupDataTable_theadRef, el, "f")) }, index.h("tr", { key: 'da67ba10c8ce9e35fa91194ffde98b3def930480' }, header)), index.h("tbody", { key: 'e0d3d070d8a36723533a9198a6d7979312eea46f' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -12057,7 +12062,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             : {}));
         multiSelectColumn = (index.h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : {}, 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) +
+                : {}, style: style }, index.h(fCheckbox.FCheckbox, { onChange: (e) => __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL, title: __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
                 __classPrivateFieldGet$7(this, _KupDataTable_kupManager, "f").language.translate(kupManager$1.KupLanguageRow.RENDERED) +
                 `: ${__classPrivateFieldGet$7(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
@@ -12301,6 +12306,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             const selectionStyleAndClass = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
             const props = {
                 checked: this.selectedRows.includes(row),
+                sizing: kupManager$1.KupComponentSizing.EXTRA_SMALL,
                 onChange: () => {
                     __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_handleRowSelect).call(this, row);
                 },
@@ -12358,7 +12364,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         }
         // Renders plain rows cells
         const cells = visibleColumns.map((currentColumn, cellIndex) => {
-            var _a;
+            var _a, _b;
             const { name, hideValuesRepetitions } = currentColumn;
             const indend = [];
             if (cellIndex === 0) {
@@ -12376,10 +12382,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
             }
             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 });
+            cell.data = Object.assign(Object.assign({}, cell.data), { legacyLook: this.legacyLook, sizing: this.density === 'extra_dense'
+                    ? 'extra-small'
+                    : (_a = cell.data) === null || _a === void 0 ? void 0 : _a.sizing });
             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$7(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, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -12535,6 +12543,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             case 'Complete':
                 value = kupManager$1.KupLanguageGrid.COMPLETE;
                 break;
+            case 'extra_dense':
+                value = kupManager$1.KupLanguageDensity.EXTRA_DENSE;
+                break;
             case 'dense':
                 value = kupManager$1.KupLanguageDensity.DENSE;
                 break;
@@ -12594,12 +12605,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         } })));
 }, _KupDataTable_getDensityCodeFromDecode = function _KupDataTable_getDensityCodeFromDecode(decode) {
     return __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet$7(this, _KupDataTable_DENSITY_DECODES, "f"), [
+        'extra_dense',
         'dense',
         'medium',
         'wide',
     ]);
 }, _KupDataTable_renderDensityPanel = function _KupDataTable_renderDensityPanel() {
-    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 listItems = __classPrivateFieldGet$7(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['extra_dense', 'dense', 'medium', 'wide'], __classPrivateFieldGet$7(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
@@ -12610,6 +12622,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
     let text = null;
     switch (this.density) {
         //This whole customization panel thingy must be purged, for now -- it's ugly
+        case 'extra_dense':
+            text = kupManager$1.KupLanguageDensity.EXTRA_DENSE;
+            break;
         case 'dense':
             text = kupManager$1.KupLanguageDensity.DENSE;
             break;
@@ -15894,7 +15909,7 @@ var __classPrivateFieldSet$1 = (undefined && undefined.__classPrivateFieldSet) |
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var _KupList_instances, _KupList_kupManager, _KupList_inputEl, _KupList_radios, _KupList_listItems, _KupList_previouslySelectedItemIndex, _KupList_previouslySelectedItemReached, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant, _KupList_createFilterComponent, _KupList_listenKeydown;
+var _KupList_instances, _KupList_kupManager, _KupList_inputEl, _KupList_radios, _KupList_listItems, _KupList_previouslySelectedItemIndex, _KupList_previouslySelectedItemReached, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant, _KupList_createFilterComponent, _KupList_listenKeydown, _KupList_isListOpened;
 const KupList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -16083,8 +16098,21 @@ const KupList = class {
         kupManager$1.setProps(this, kupManager$1.KupListProps, props);
     }
     async setFocus() {
-        var _a;
-        (_a = __classPrivateFieldGet$4(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.focus();
+        if (!__classPrivateFieldGet$4(this, _KupList_inputEl, "f"))
+            return;
+        let attempts = 0;
+        const maxFocusAttempts = 100;
+        const attemptFocus = () => {
+            if (attempts >= maxFocusAttempts)
+                return;
+            attempts++;
+            __classPrivateFieldGet$4(this, _KupList_inputEl, "f").focus();
+            if (document.activeElement !== this.rootElement &&
+                __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_isListOpened).call(this)) {
+                requestAnimationFrame(attemptFocus);
+            }
+        };
+        attemptFocus();
     }
     async setBlur() {
         var _a;
@@ -16167,7 +16195,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index$1 = 0;
-        return (index.h(index.Host, { key: '7fd915c89b293ed2d52936757a3fa151ae0cf7f8' }, index.h("style", { key: '1837e892c0b8e26c7aa78016ff39286cc957e86c' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'e14d728e5c452631aa979f901e3422217dc8ceb5', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: '791a9cfb4e56c4af4d409025ef9670e7b40945b5', class: listScrollClass }, index.h("ul", { key: '9ea9ba56d2c32ee1bb629fca9205c870eed6dcae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (index.h(index.Host, { key: '9980f352fee9cb8ef85000bd351d2fab845dc8f3' }, index.h("style", { key: '7b8788ce0e37f4758b1dbfb807ccbc36a692b39d' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '1aba4a91b5ad4187cc6167c8d785835589970cf6', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (index.h("div", { class: filterClass }, __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, index.h("div", { key: 'dabaf2dd8d7b3dc9111ab8afc82bbf91e90a5d93', class: listScrollClass }, index.h("ul", { key: '7b5abb278b1a4315f38b62831a7e9990e68304fd', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index$1++)))))));
     }
@@ -16349,6 +16377,8 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     return (index.h("div", { id: "global-filter", class: "filter" }, index.h(fTextField.FTextField, { fullWidth: true, label: __classPrivateFieldGet$4(this, _KupList_kupManager, "f").language.translate(kupManager$1.KupLanguageSearch.SEARCH), icon: kupManager$1.KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);
         } })));
+}, _KupList_isListOpened = function _KupList_isListOpened() {
+    return this.menuVisible == true;
 };
 KupList.style = KupListStyle0;