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

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,9 +3,9 @@
 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 fTextField = require('./f-text-field-7d3b06d5.js');
+const fTextField = require('./f-text-field-83ad8c6b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-image-d22b012f.js');

package/dist/cjs/kup-object-field.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const fObjectField = require('./f-object-field-d449ec68.js');
-const kupManager = require('./kup-manager-70c7d426.js');
+const fObjectField = require('./f-object-field-bd5efc02.js');
+const kupManager = require('./kup-manager-fb14486e.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-c3ae141e.js');
 require('./f-button-declarations-76ef9f87.js');
 require('./f-image-d22b012f.js');
-require('./f-text-field-7d3b06d5.js');
+require('./f-text-field-83ad8c6b.js');
 require('./kup-dates-bc4cf9d0.js');
 
 /**

package/dist/cjs/kup-pdf.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 GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-bc4cf9d0.js');
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e8aa3c73.js');
-const kupManager$1 = require('./kup-manager-70c7d426.js');
+const kupManager$1 = require('./kup-manager-fb14486e.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-7d3b06d5.js');
+const fTextField = require('./f-text-field-83ad8c6b.js');
 const fTextFieldMdc = require('./f-text-field-mdc-29aae9c9.js');
 require('./kup-dates-bc4cf9d0.js');
 require('./f-image-d22b012f.js');

package/dist/cjs/kup-probe.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 GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

package/dist/cjs/kup-qlik.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');
 require('./kup-dates-bc4cf9d0.js');
 
 const kupQlikCss = ".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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";

package/dist/cjs/kup-snackbar.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 GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fButton = require('./f-button-c3ae141e.js');
 require('./kup-dates-bc4cf9d0.js');

package/dist/cjs/kup-txt.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 GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');
 

package/dist/cjs/kup-typography-list.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 fTypography = require('./f-typography-271f5037.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-bc4cf9d0.js');

package/dist/cjs/kup-typography.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 fTypography = require('./f-typography-271f5037.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const fImage = require('./f-image-d22b012f.js');

package/dist/collection/components/kup-cell/kup-cell.js

@@ -252,7 +252,7 @@ export class KupCell {
                 "mutable": false,
                 "complexType": {
                     "original": "FCellPadding",
-                    "resolved": "FCellPadding.DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
+                    "resolved": "FCellPadding.DENSE | FCellPadding.EXTRA_DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
                     "references": {
                         "FCellPadding": {
                             "location": "import",

package/dist/collection/components/kup-chip/kup-chip.js

@@ -29,7 +29,7 @@ export class KupChip {
         this.displayId = false;
         this.enableInput = false;
         this.type = FChipType.STANDARD;
-        this.sizing = FChipSize.MEDIUM;
+        this.sizing = FChipSize.SMALL;
         this.styling = FChipStyling.RAISED;
     }
     onKupBlur(chip) {
@@ -192,13 +192,13 @@ export class KupChip {
             props.onFocus.push((chip) => this.onKupFocus(chip));
             props.onIconClick.push((chip) => this.onKupIconClick(chip));
         }
-        return (h(Host, { key: '4e0c67caa7abed6ab8a09d7fe7e424d48bb9693d', "onKup-autocomplete-itemclick": (e) => {
+        return (h(Host, { key: '2537b0f7829c750acc8a188c56692368ece888ef', "onKup-autocomplete-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-combobox-itemclick": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
             }, "onKup-textfield-change": (e) => {
                 __classPrivateFieldGet(this, _KupChip_instances, "m", _KupChip_changeHandler).call(this, e);
-            } }, h("style", { key: 'e6571748ffafbc5073e90c891908c4745edd6cbb' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '26b565d387bbb8cd407a0bae7d42882518ce12dd', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: 'fbe3663fdec4404f7cb7637145be8a6e25070477', name: "field" }))));
+            } }, h("style", { key: 'b9c9d0c3dfe195160d2e126da3784f946c6cc99a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'a51d9a8779d51f0d1044492bc308df6aacdae0eb', id: componentWrapperId }, ((_a = this.data) === null || _a === void 0 ? void 0 : _a.length) > 0 ? h(FChip, Object.assign({}, props)) : null, h("slot", { key: '0ef614b26786fdb323ada22ae3db4931aa3b452b', name: "field" }))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -354,13 +354,13 @@ export class KupChip {
                 "docs": {
                     "tags": [{
                             "name": "default",
-                            "text": "FChipSize.MEDIUM"
+                            "text": "FChipSize.SMALL"
                         }],
                     "text": "Sets the size of the chip"
                 },
                 "attribute": "sizing",
                 "reflect": false,
-                "defaultValue": "FChipSize.MEDIUM"
+                "defaultValue": "FChipSize.SMALL"
             },
             "styling": {
                 "type": "string",

package/dist/collection/components/kup-data-table/kup-data-table.css

@@ -188,6 +188,11 @@
     --kup-datatable-font-size,
     var(--kup-font-size)
   );
+  --kup_fcell_line_height_extradense: var(
+    --kup-fcell-line-height-extradense,
+    14px
+  );
+  --kup_fcell_font_size_extradense: var(--kup-fcell-font-size-extradense, 11px);
   --kup_datatable_th_border: var(
     --kup-datatable-th-border,
     1px solid var(--kup-gray-color-30)
@@ -205,6 +210,10 @@
     var(--kup-text-primary)
   );
   --kup_card_text_color: var(--kup-card-text-color, var(--kup-text-secondary));
+  --kup_fcell_padding_extradense: var(
+    --kup-fcell-padding-dense,
+    var(--kup-space-01) var(--kup-space-01)
+  );
   --kup_fcell_padding_dense: var(
     --kup-fcell-padding-dense,
     var(--kup-space-01) var(--kup-space-03)
@@ -329,6 +338,17 @@ table tfoot tr td:last-of-type {
   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));
@@ -531,6 +551,7 @@ th:hover .kup-icon.overlay-action {
 thead th {
   /** it doesn't work with fixed columns... !!! */
   position: relative;
+  box-sizing: content-box;
 }
 
 th.obj:hover span:not(.overlay-action) {
@@ -658,18 +679,21 @@ th.obj:hover span:not(.overlay-action) {
 :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);
+  --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-dense-legacy-look-padding);
+  padding: var(--kup-extradense-legacy-look-padding);
 }
 :host([legacy-look]) .f-cell__text {
-  padding: var(--kup-dense-legacy-look-padding);
+  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);

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -179,7 +179,12 @@ export class KupDataTable {
             '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',
@@ -198,7 +203,7 @@ export class KupDataTable {
         this.autoFillMissingCells = false;
         this.customStyle = '';
         this.data = undefined;
-        this.density = FCellPadding.DENSE;
+        this.density = FCellPadding.EXTRA_DENSE;
         this.dragEnabled = false;
         this.dropEnabled = false;
         this.editableData = false;
@@ -265,7 +270,7 @@ export class KupDataTable {
         this.groupState = {};
         this.openedTotalMenu = null;
         this.openedCustomSettings = false;
-        this.fontsize = 'medium';
+        this.fontsize = 'small';
     }
     initWithPersistedState() {
         if (this.store && this.stateId) {
@@ -1389,7 +1394,7 @@ export class KupDataTable {
         }
         let rows = null;
         if (__classPrivateFieldGet(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h("tr", { key: '19295908db445e41e77f30f5a0d4cbff5d6d7db6', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '7d599c2bb74a7d8e228ef37c6cf2895178d0a0e5', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h("tr", { key: 'd0e0570e4e01e3e76475a870689aeb1fc81fc684', ref: (el) => __classPrivateFieldGet(this, _KupDataTable_rowsRefs, "f").push(el) }, h("td", { key: '9ff72e19d9edafd3b305df7e6c6580fddb177176', colSpan: __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -1454,7 +1459,7 @@ export class KupDataTable {
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h(FChip, Object.assign({ key: '011a99d012f65037a92469e606882a56923b7d6c' }, props));
+                groupChips = h(FChip, Object.assign({ key: '1e82c919920c9f6e5555b824d1bd979a9f753f41' }, props));
             }
         }
         const tableClass = {
@@ -1486,7 +1491,7 @@ export class KupDataTable {
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h("sticky-header", { key: 'fae9591819e4551f0b0f0f0e787d805091501d30', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: '15689addb227664dbeb3a233453b240784a5dc94' }, h("tr-sticky", { key: '87b96f7a1f7968eaf4dd27ba226a1e4f4b0d2175' }, stickyHeader))));
+            stickyEl = (h("sticky-header", { key: '67f113b01e3a8a45061659296bd6d88116fca21f', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_stickyTheadRef, el, "f")) }, h("thead-sticky", { key: 'db6509e71d62c72d00328ed95f31c53e2645bf5f' }, h("tr-sticky", { key: '9790b5d4621a0bbb7d77af4eb6e9ce09fb01ad46' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -1532,7 +1537,7 @@ export class KupDataTable {
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h(Host, { key: '298bebd9da40727705c456cbf4927db798724212', "onKup-drop": (e) => {
+        const compCreated = (h(Host, { key: '79b6ccb4fcc300747bffce56f87140a87b615272', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -1547,11 +1552,11 @@ export class KupDataTable {
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '8d2a64a4fc1e33dd2a08d36ca19b983947a3c698' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'b936bd852efdc9ab949f506e2edf2e20ba909f4b', id: componentWrapperId, class: wrapClass }, h("div", { key: '621f072f1de5e40c30bd31b96d33cc7600345d50', class: "group-wrapper" }, groupChips), h("div", { key: '5fae3df4486a4c93a8d36a9a81374f2f5a62d0d5', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, h("style", { key: '5b534a5699fba8e5737beead059e2750df60acc5' }, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h("div", { key: 'f9d2ac3b71553225f3ed728c132612d9af5c3b4b', id: componentWrapperId, class: wrapClass }, h("div", { key: '00c3853aa69a721f9b4033a838075791945a8857', class: "group-wrapper" }, groupChips), h("div", { key: '94a0ce5bb04b0f3e58cb9b4b8b4196b8faab5c1b', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h("div", { id: "global-filter" }, h(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h("div", { key: 'e3d60e7f7fcfd449d575bc8b43c8d912a766c4a2', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h("div", { key: 'fb884d13dafb6d3c24e41c0c0e97b21836c8d432', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -1601,9 +1606,9 @@ export class KupDataTable {
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: 'c836a5c71d05384e8e494a7083cdadbdea94804a', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h("div", { key: '088621db5df31af3bd1e398dc484609d20c5f235', class: "droparea", ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h("div", { key: '3cb9d79451185a8240db1d53646e8eba5c661a8c', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h("div", { key: '50a7d1d779e9382f24d31f506a81a011e78b8fbc', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -1612,7 +1617,7 @@ export class KupDataTable {
                     } }, h(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h("table", { key: '85a1ee5212c5b7c9b864210d7cece46b2351aa4a', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h("table", { key: '4eb990c3876d4f19c9b76380899832c0b8aa49df', class: tableClass, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -1620,7 +1625,7 @@ export class KupDataTable {
                 __classPrivateFieldSet(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h("thead", { key: 'e21e8c4b418e4b951c96ae8da2f51930810f3cd0', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: '3f725aaffaa66f0b12aff65085d888b576644fe1' }, header)), h("tbody", { key: '3dd79ce5bbad34a9eda6f109400ba0c602bb05fd' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h("thead", { key: '2a9d4428f46501924bb5b17fe817f669d78301dd', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet(this, _KupDataTable_theadRef, el, "f")) }, h("tr", { key: 'da67ba10c8ce9e35fa91194ffde98b3def930480' }, header)), h("tbody", { key: 'e0d3d070d8a36723533a9198a6d7979312eea46f' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -1766,7 +1771,7 @@ export class KupDataTable {
                 "mutable": false,
                 "complexType": {
                     "original": "FCellPadding",
-                    "resolved": "FCellPadding.DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
+                    "resolved": "FCellPadding.DENSE | FCellPadding.EXTRA_DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
                     "references": {
                         "FCellPadding": {
                             "location": "import",
@@ -1783,7 +1788,7 @@ export class KupDataTable {
                 },
                 "attribute": "density",
                 "reflect": false,
-                "defaultValue": "FCellPadding.DENSE"
+                "defaultValue": "FCellPadding.EXTRA_DENSE"
             },
             "dragEnabled": {
                 "type": "boolean",
@@ -6064,7 +6069,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             : {}));
         multiSelectColumn = (h("th", { class: selectionStyleAndClass
                 ? selectionStyleAndClass.fixedCellClasses
-                : {}, style: style }, h("kup-checkbox", { "onkup-checkbox-change": (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
+                : {}, style: style }, h(FCheckbox, { onChange: (e) => __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_onSelectAll).call(this, e), sizing: KupComponentSizing.EXTRA_SMALL, title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.SELECTED) +
                 `: ${this.selectedRows.length},` +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageRow.RENDERED) +
                 `: ${__classPrivateFieldGet(this, _KupDataTable_renderedRows, "f").length}`, checked: this.selectedRows.length > 0 &&
@@ -6309,6 +6314,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             const selectionStyleAndClass = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_composeFixedCellStyleAndClass).call(this, specialExtraCellsCount, rowCssIndex, specialExtraCellsCount - 1);
             const props = {
                 checked: this.selectedRows.includes(row),
+                sizing: KupComponentSizing.EXTRA_SMALL,
                 onChange: () => {
                     __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_handleRowSelect).call(this, row);
                 },
@@ -6370,7 +6376,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) {
@@ -6388,10 +6394,12 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 }
             }
             cell.isEditable = __classPrivateFieldGet(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(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(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_a = this.commands) !== null && _a !== void 0 ? _a : [])
+                    : undefined, renderKup: this.lazyLoadCells, cellActionIcon: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").data.cell.hasActionCell(cell, (_b = this.commands) !== null && _b !== void 0 ? _b : [])
                     ? {
                         onClick: (e) => {
                             this.kupCellActionIconClick.emit({
@@ -6547,6 +6555,9 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
             case 'Complete':
                 value = KupLanguageGrid.COMPLETE;
                 break;
+            case 'extra_dense':
+                value = KupLanguageDensity.EXTRA_DENSE;
+                break;
             case 'dense':
                 value = KupLanguageDensity.DENSE;
                 break;
@@ -6606,12 +6617,13 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
         } })));
 }, _KupDataTable_getDensityCodeFromDecode = function _KupDataTable_getDensityCodeFromDecode(decode) {
     return __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_transcodeItem).call(this, decode, __classPrivateFieldGet(this, _KupDataTable_DENSITY_DECODES, "f"), [
+        'extra_dense',
         'dense',
         'medium',
         'wide',
     ]);
 }, _KupDataTable_renderDensityPanel = function _KupDataTable_renderDensityPanel() {
-    const listItems = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['dense', 'medium', 'wide'], __classPrivateFieldGet(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
+    const listItems = __classPrivateFieldGet(this, _KupDataTable_instances, "m", _KupDataTable_createListData).call(this, ['extra_dense', 'dense', 'medium', 'wide'], __classPrivateFieldGet(this, _KupDataTable_DENSITY_ICONS, "f"), this.density);
     const listData = { data: listItems, showIcons: true };
     const textfieldData = {
         trailingIcon: true,
@@ -6622,6 +6634,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 = KupLanguageDensity.EXTRA_DENSE;
+            break;
         case 'dense':
             text = KupLanguageDensity.DENSE;
             break;

package/dist/collection/components/kup-input-panel/kup-input-panel.css

@@ -182,7 +182,7 @@
   overflow: auto;
   padding: var(--kup_input_panel_padding);
   position: relative;
-  gap: 1rem;
+  gap: 8px;
 }
 :host .input-panel__commands {
   display: flex;

package/dist/collection/components/kup-input-panel/kup-input-panel.js

@@ -202,7 +202,7 @@ export class KupInputPanel {
                 h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (h(Host, { key: 'f9a63b636c355896f2e50e1a02fbc0ec350ec8f7', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: 'ddcca10ca238e72acf216811af0d4576ec5fdf96', "onKup-cell-blur": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.BLUR), "onKup-cell-update": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onCellUpdate).bind(this), "onKup-tabbar-click": (e) => {
                 this.tabSelected = e.detail.node.id;
             }, "onKup-autocomplete-input": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-autocomplete-iconclick": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this), "onKup-combobox-iconclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).call(this, e, true), "onKup-cell-itemclick": (e) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_manageInputPanelCheck).call(this, e, CheckTriggeringEvents.ITEMCLICK), "onKup-objectfield-searchpayload": (e) => {
                 this.kupInputPanelObjectFieldSearchPayload.emit(e.detail);
@@ -210,7 +210,7 @@ export class KupInputPanel {
                 this.kupInputPanelObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupInputPanelObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h("style", { key: '8c9b728265a1d9b4bf027805e1293799b51800cc' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'aa868dff2c8728a5c8bdc7c9c9c5f95ee07ebc48', id: componentWrapperId }, inputPanelContent)));
+            } }, h("style", { key: 'a12393f198a119e4ecf43b7feccb071b67b83e19' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ead349cd51e18ffeafb153b365450f0e8c447cf9', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -890,6 +890,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     if (customRender !== undefined) {
         return customRender(cell, column, (_a = row.layout) === null || _a === void 0 ? void 0 : _a.absolute);
     }
+    cell.data = Object.assign(Object.assign({}, cell.data), { sizing: 'extra-small' });
     const cellProps = {
         cell,
         column,

package/dist/collection/components/kup-list/kup-list.js

@@ -14,7 +14,7 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         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;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { KupListProps, KupListRole, } from "./kup-list-declarations";
 import { ItemsDisplayMode } from "./kup-list-declarations";
@@ -210,8 +210,21 @@ export class KupList {
         setProps(this, KupListProps, props);
     }
     async setFocus() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.focus();
+        if (!__classPrivateFieldGet(this, _KupList_inputEl, "f"))
+            return;
+        let attempts = 0;
+        const maxFocusAttempts = 100;
+        const attemptFocus = () => {
+            if (attempts >= maxFocusAttempts)
+                return;
+            attempts++;
+            __classPrivateFieldGet(this, _KupList_inputEl, "f").focus();
+            if (document.activeElement !== this.rootElement &&
+                __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_isListOpened).call(this)) {
+                requestAnimationFrame(attemptFocus);
+            }
+        };
+        attemptFocus();
     }
     async setBlur() {
         var _a;
@@ -294,7 +307,7 @@ export class KupList {
         }
         __classPrivateFieldSet(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: '7fd915c89b293ed2d52936757a3fa151ae0cf7f8' }, h("style", { key: '1837e892c0b8e26c7aa78016ff39286cc957e86c' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'e14d728e5c452631aa979f901e3422217dc8ceb5', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: '791a9cfb4e56c4af4d409025ef9670e7b40945b5', class: listScrollClass }, h("ul", { key: '9ea9ba56d2c32ee1bb629fca9205c870eed6dcae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: '9980f352fee9cb8ef85000bd351d2fab845dc8f3' }, h("style", { key: '7b8788ce0e37f4758b1dbfb807ccbc36a692b39d' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '1aba4a91b5ad4187cc6167c8d785835589970cf6', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h("div", { key: 'dabaf2dd8d7b3dc9111ab8afc82bbf91e90a5d93', class: listScrollClass }, h("ul", { key: '7b5abb278b1a4315f38b62831a7e9990e68304fd', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -1065,4 +1078,6 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     return (h("div", { id: "global-filter", class: "filter" }, h(FTextField, { fullWidth: true, label: __classPrivateFieldGet(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);
         } })));
+}, _KupList_isListOpened = function _KupList_isListOpened() {
+    return this.menuVisible == true;
 };

package/dist/collection/components/kup-tree/kup-tree.js

@@ -1507,7 +1507,7 @@ export class KupTree {
                 "mutable": false,
                 "complexType": {
                     "original": "FCellPadding",
-                    "resolved": "FCellPadding.DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
+                    "resolved": "FCellPadding.DENSE | FCellPadding.EXTRA_DENSE | FCellPadding.MEDIUM | FCellPadding.NONE | FCellPadding.WIDE",
                     "references": {
                         "FCellPadding": {
                             "location": "import",

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -20,6 +20,7 @@ export var FCellEvents;
  */
 export var FCellPadding;
 (function (FCellPadding) {
+    FCellPadding["EXTRA_DENSE"] = "extra_dense";
     FCellPadding["DENSE"] = "dense";
     FCellPadding["MEDIUM"] = "medium";
     FCellPadding["NONE"] = "";