@sme.up/ketchup 11.0.0-SNAPSHOT-20250108124144 → 11.0.0-SNAPSHOT-20250108164743

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

@@ -41,24 +41,26 @@ var KupAutocompleteProps;
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
-    if (mode == kupManager$1.ItemsDisplayMode.CODE) {
-        return item.id;
-    }
-    if (mode == kupManager$1.ItemsDisplayMode.DESCRIPTION) {
-        return item.value;
+    const { id, value } = item;
+    if (!id && value) {
+        return value;
     }
-    if (mode == kupManager$1.ItemsDisplayMode.CODE_AND_DESC ||
-        mode == kupManager$1.ItemsDisplayMode.CODE_AND_DESC_ALIAS) {
-        if (item.id || item.value) {
-            return item.id + separator + item.value;
-        }
+    if (id && !value) {
+        return id;
+    }
+    switch (mode) {
+        case kupManager$1.ItemsDisplayMode.CODE:
+            return id;
+        case kupManager$1.ItemsDisplayMode.DESCRIPTION:
+            return value;
+        case kupManager$1.ItemsDisplayMode.CODE_AND_DESC:
+        case kupManager$1.ItemsDisplayMode.CODE_AND_DESC_ALIAS:
+            return id && value ? id + separator + value : id || value;
+        case kupManager$1.ItemsDisplayMode.DESC_AND_CODE:
+            return value && id ? value + separator + id : value || id;
+        default:
+            return id;
     }
-    if (mode == kupManager$1.ItemsDisplayMode.DESC_AND_CODE) {
-        if (item.id || item.value) {
-            return item.value + separator + item.id;
-        }
-    }
-    return item.id;
 }
 function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
     const validList = !!(listEl && listData && listData['data']);
@@ -260,6 +262,7 @@ const KupAutocomplete = class {
                 node: ret.node,
             });
         }
+        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
     }
     onKupClick() {
         this.kupClick.emit({
@@ -480,7 +483,7 @@ const KupAutocomplete = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: 'e93895124163f4612c3217d3aec82295b7edc66a', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '2d8020e03180653fc8e2fb983ce6e1030ceffe65' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'af68b13d91c4c522983cf354f6708a93f5a6ea41', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '69a7af432c8261a45bca9386f4e278503348c30c' }, props, { icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: '9b562dbefd3dcd6546313faa526d3f6df441de58', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h("style", { key: '2399f62d076091ec5b534ab9323a8a7a555e13f5' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c48befc1b4be5ac9563e980076015d71342ce713', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$9(this, _KupAutocomplete_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '520b3098ecee40da9c4e9b3b3781d3453d0c907c' }, props, { icon: this.showDropDownIcon
                 ? kupManager$1.KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet$9(this, _KupAutocomplete_inputTimeout, "f"));
@@ -535,24 +538,21 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
     __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet$9(this, _KupAutocomplete_clickCb, "f"));
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").menuVisible == true;
-}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, setValue) {
+}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (!__classPrivateFieldGet$9(this, _KupAutocomplete_doConsistencyCheck, "f")) {
         return;
     }
-    __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, false, "f");
-    const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
-    if (ret.exists || this.allowInconsistentValues) {
-        if (setValue) {
-            this.value = ret.value;
-            this.displayedValue = ret.displayedValue;
-        }
-        if (__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
-            __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").filter = ret.value;
-        }
+    if (idIn && idInDecode) {
+        this.displayedValue = this.displayedValue =
+            getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
     }
     else {
-        if (setValue) {
-            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        __classPrivateFieldSet$5(this, _KupAutocomplete_doConsistencyCheck, false, "f");
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        if ((ret.exists || this.allowInconsistentValues) &&
+            eventShouldSetValue) {
+            this.value = ret.value;
+            this.displayedValue = ret.displayedValue;
         }
         else {
             this.displayedValue = idIn;
@@ -560,8 +560,8 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
         if (__classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
             __classPrivateFieldGet$9(this, _KupAutocomplete_listEl, "f").filter = ret.value;
         }
+        return ret;
     }
-    return ret;
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
     return (index.h("kup-list", Object.assign({ displayMode: this.displayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$5(this, _KupAutocomplete_listEl, el, "f")) })));
 };
@@ -7500,6 +7500,7 @@ const KupCombobox = class {
             inputValue: __classPrivateFieldGet$7(this, _KupCombobox_textfieldEl, "f").value,
             node: ret.node,
         });
+        __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     }
     onKupClick() {
         this.onKupIconClick();
@@ -7716,7 +7717,7 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (index.h(index.Host, { key: 'b4353a55e269ecc7e2cb9970510e5edb40ea2925', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'a537889ba913928d1811540f31c9e6af00211e85' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'fcaad820a96857e907db32e737322f2e65fa9748', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: '50f7b6038a7ea3dd900207ad30e3710edb92639f' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (index.h(index.Host, { key: '80c4c6a95530fc9886496318a1671f13d49815d9', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h("style", { key: 'e393281cd26940e3c00fa26e5df5ccd82a560471' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '73e48d76e96587a78c09dc4e5064f1fcc2b2be11', id: GenericVariables.componentWrapperId, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, index.h(fTextField.FTextField, Object.assign({ key: 'b691de937b991985d7045009e371885fc9c6f7f9' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? kupManager$1.KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$7(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -7771,21 +7772,15 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$7(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
     return __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").menuVisible == true;
-}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, setValue) {
-    let ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
-    if (ret.exists) {
-        if (setValue) {
-            this.value = ret.value;
-            this.displayedValue = ret.displayedValue;
-        }
-        if (__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f") != null) {
-            __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").filter = ret.value;
-        }
+}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
+    if (idIn && idInDecode) {
+        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
     }
     else {
-        this.value = idIn;
-        if (setValue) {
-            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        if (ret.exists && eventShouldSetValue) {
+            this.value = ret.value;
+            this.displayedValue = ret.displayedValue;
         }
         else {
             this.displayedValue = idIn;
@@ -7793,8 +7788,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
         if (__classPrivateFieldGet$7(this, _KupCombobox_listEl, "f") != null) {
             __classPrivateFieldGet$7(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
+        return ret;
     }
-    return ret;
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
     return (index.h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet$4(this, _KupCombobox_listEl, el, "f")) })));
@@ -15462,7 +15457,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_globalFilterTimeout, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant, _KupList_createFilterComponent, _KupList_listenKeydown;
+var _KupList_instances, _KupList_kupManager, _KupList_globalFilterTimeout, _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;
 const KupList = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
@@ -15480,8 +15475,10 @@ const KupList = class {
         _KupList_globalFilterTimeout.set(this, void 0);
         _KupList_radios.set(this, []);
         _KupList_listItems.set(this, []);
+        _KupList_previouslySelectedItemIndex.set(this, void 0);
+        _KupList_previouslySelectedItemReached.set(this, void 0);
         _KupList_listenKeydown.set(this, (e) => {
-            if (this.keyboardNavigation) {
+            if (this.keyboardNavigation && __classPrivateFieldGet$4(this, _KupList_listItems, "f")) {
                 switch (e.key) {
                     case 'ArrowDown':
                         e.preventDefault();
@@ -15557,7 +15554,15 @@ const KupList = class {
             if (this.focused > __classPrivateFieldGet$4(this, _KupList_listItems, "f").length - 1) {
                 this.focused = 0;
             }
-            __classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet$1(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -15582,7 +15587,15 @@ const KupList = class {
             if (this.focused < 0) {
                 this.focused = __classPrivateFieldGet$4(this, _KupList_listItems, "f").length - 1;
             }
-            __classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet$1(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[__classPrivateFieldGet$4(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$4(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -15698,7 +15711,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index$1 = 0;
-        return (index.h(index.Host, { key: '468005834f26adb9efe3ed1cb135ddbebc43c052' }, index.h("style", { key: 'bf9eb11aeb2fe8306d69dcd2b3c1c5215c156881' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '3a1c1e82e2407076658af3acfa2a285043ec2843', 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: '16197d421ffde913876b2202167cb3996fcfe7a8', class: listScrollClass }, index.h("ul", { key: 'a1814e7cf66d882b6ea5915688734f81f856cdae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (index.h(index.Host, { key: 'f1606c18dcfa35ad02c3c7941d0065eff6c384f7' }, index.h("style", { key: '7e1103041cd402bd2f8d3adef4bbdf2ffb9a1eb7' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '0bcaa0498b13c789f3c8d8e62f28c646a6de65be', 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: '062bca5c883a1f5627760985a7e687c9bbb48ed3', class: listScrollClass }, index.h("ul", { key: '889d0076b199ae805fa9b3dae51c70734efbe0f4', 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++)))))));
     }
@@ -15707,7 +15720,7 @@ const KupList = class {
     }
     get rootElement() { return index.getElement(this); }
 };
-_KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_listenKeydown = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
+_KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_previouslySelectedItemIndex = new WeakMap(), _KupList_previouslySelectedItemReached = new WeakMap(), _KupList_listenKeydown = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
     if (index !== null && index !== undefined && !isNaN(index)) {
         const listItems = this.rootElement.shadowRoot.querySelectorAll('.list-item');
         const id = listItems[index].dataset.id;
@@ -15730,6 +15743,8 @@ _KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(
             const item = this.data[index];
             item.selected = this.selected.includes(item.id);
         }
+        __classPrivateFieldSet$1(this, _KupList_previouslySelectedItemReached, false, "f");
+        __classPrivateFieldSet$1(this, _KupList_previouslySelectedItemIndex, this.focused, "f");
         this.kupClick.emit({
             comp: this,
             id: this.rootElement.id,

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -129,7 +129,7 @@ const getInpComponentAbsoluteHeight = (layout) => {
     return inpRowHeight;
 };
 
-const kupInputPanelCss = ".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-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0);--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    500px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline);display:inline-flex}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";
+const kupInputPanelCss = ".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-fcell-width:fit-content;--kup_input_panel_background_color:var(\n    --kup-input-panel-background-color,\n    var(--kup-layer-0)\n  );--kup_input_panel_color:var(\n    --kup-input-panel-color,\n    var(--kup-text-secondary)\n  );--kup_input_panel_font_family:var(\n    --kup-input-panel-font-family,\n    var(--kup-font-family)\n  );--kup_input_panel_font_size:var(\n    --kup-input-panel-font-size,\n    var(--kup-font-size)\n  );--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0);--kup_input_panel_padding--inline:var(--kup-input-panel-padding--inline, 0);--kup_input_panel_absolute_max_height:var(\n    --kup-input-panel-absolute-max-height,\n    \n      716px\n  )}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:1rem}:host .input-panel__commands{display:flex;gap:1rem}:host .input-panel__commands.input-panel__commands--right{flex-shrink:0;overflow:hidden}:host .input-panel--inline{flex:1;overflow-x:auto;white-space:nowrap;padding:var(--kup_input_panel_padding--inline);display:inline-flex}:host .input-panel--column{flex-direction:column}:host .input-panel__section_label_container{display:flex;flex-direction:column;gap:1rem}:host .input-panel__section{display:grid;min-width:0}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel__section-inline{display:inline-block;width:max-content}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}:host .input-panel__tabs_container{display:flex;flex-direction:column;justify-content:center;gap:2rem}:host .input-panel .f-cell.number-cell .f-cell__content{--kup-textfield-font-family:var(--kup_cell_font_family);font-family:var(--kup_cell_font_family)}:host .input-panel .input-panel-label{display:flex;width:100%;height:100%;align-items:center;justify-content:center}:host .input-panel .input-panel-label--legacy-look{font-size:12px;font-family:var(--kup-font-family-monospace);white-space:pre}:host .input-panel--absolute{justify-content:flex-end;padding:var(--kup-space-02);max-height:var(--kup_input_panel_absolute_max_height)}:host .input-panel--absolute .input-panel-label{justify-content:start}:host .input-panel--absolute .input-panel-label.input-panel-label-number{justify-content:end}:host .input-panel--absolute .mdc-text-field{height:unset !important}:host .input-panel-form--inline{display:flex;align-items:end;gap:1rem}";
 const KupInputPanelStyle0 = kupInputPanelCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -311,9 +311,9 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '01efc669b2945ae37b7c778b3e49e704073512e9', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).bind(this), "onKup-tabbar-click": (e) => {
+        return (index.h(index.Host, { key: '99def586b7b0523db2e50bc702d423c3508dfdf0', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, index.h("style", { key: '037fb59bdd728f74e833d340c17359e6cc6abad3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'bcfe3943d2dd8fe70abeb76459a75624af19d424', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+            }, "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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, index.h("style", { key: 'e038f96ecfe84689ed8f664b5d3cbdb6e8123078' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '974099b920d25293c3c45f3d3fcf80e0944e7ff7', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -347,7 +347,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     else {
         if (layout.absolute) {
             rowContent = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderAbsoluteLayout).call(this, inputPanelCell, layout);
-            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * ROW_HEIGHT}px`;
+            // 12px is added due to the chance that the horizontal scrollbar will be rendered
+            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * ROW_HEIGHT + 12}px`;
         }
         else {
             if (!layout.sectionsType) {

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

@@ -90,6 +90,7 @@ export class KupAutocomplete {
                 node: ret.node,
             });
         }
+        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
     }
     onKupClick() {
         this.kupClick.emit({
@@ -310,7 +311,7 @@ export class KupAutocomplete {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'e93895124163f4612c3217d3aec82295b7edc66a', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2d8020e03180653fc8e2fb983ce6e1030ceffe65' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'af68b13d91c4c522983cf354f6708a93f5a6ea41', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '69a7af432c8261a45bca9386f4e278503348c30c' }, props, { icon: this.showDropDownIcon
+        return (h(Host, { key: '9b562dbefd3dcd6546313faa526d3f6df441de58', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2399f62d076091ec5b534ab9323a8a7a555e13f5' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c48befc1b4be5ac9563e980076015d71342ce713', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h(FTextField, Object.assign({ key: '520b3098ecee40da9c4e9b3b3781d3453d0c907c' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -1197,24 +1198,21 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
     __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupAutocomplete_clickCb, "f"));
 }, _KupAutocomplete_isListOpened = function _KupAutocomplete_isListOpened() {
     return __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").menuVisible == true;
-}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, setValue) {
+}, _KupAutocomplete_consistencyCheck = function _KupAutocomplete_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
     if (!__classPrivateFieldGet(this, _KupAutocomplete_doConsistencyCheck, "f")) {
         return;
     }
-    __classPrivateFieldSet(this, _KupAutocomplete_doConsistencyCheck, false, "f");
-    const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
-    if (ret.exists || this.allowInconsistentValues) {
-        if (setValue) {
-            this.value = ret.value;
-            this.displayedValue = ret.displayedValue;
-        }
-        if (__classPrivateFieldGet(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
-            __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").filter = ret.value;
-        }
+    if (idIn && idInDecode) {
+        this.displayedValue = this.displayedValue =
+            getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
     }
     else {
-        if (setValue) {
-            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        __classPrivateFieldSet(this, _KupAutocomplete_doConsistencyCheck, false, "f");
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f"), this.selectMode, this.displayMode);
+        if ((ret.exists || this.allowInconsistentValues) &&
+            eventShouldSetValue) {
+            this.value = ret.value;
+            this.displayedValue = ret.displayedValue;
         }
         else {
             this.displayedValue = idIn;
@@ -1222,8 +1220,8 @@ _KupAutocomplete_doConsistencyCheck = new WeakMap(), _KupAutocomplete_elStyle =
         if (__classPrivateFieldGet(this, _KupAutocomplete_listEl, "f") != null && !this.serverHandledFilter) {
             __classPrivateFieldGet(this, _KupAutocomplete_listEl, "f").filter = ret.value;
         }
+        return ret;
     }
-    return ret;
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
     return (h("kup-list", Object.assign({ displayMode: this.displayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
 };

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

@@ -79,6 +79,7 @@ export class KupCombobox {
             inputValue: __classPrivateFieldGet(this, _KupCombobox_textfieldEl, "f").value,
             node: ret.node,
         });
+        __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     }
     onKupClick() {
         this.onKupIconClick();
@@ -295,7 +296,7 @@ export class KupCombobox {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'b4353a55e269ecc7e2cb9970510e5edb40ea2925', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'a537889ba913928d1811540f31c9e6af00211e85' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fcaad820a96857e907db32e737322f2e65fa9748', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: '50f7b6038a7ea3dd900207ad30e3710edb92639f' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h(Host, { key: '80c4c6a95530fc9886496318a1671f13d49815d9', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'e393281cd26940e3c00fa26e5df5ccd82a560471' }, __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '73e48d76e96587a78c09dc4e5064f1fcc2b2be11', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupCombobox_elStyle, "f") }, h(FTextField, Object.assign({ key: 'b691de937b991985d7045009e371885fc9c6f7f9' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -1082,21 +1083,15 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     __classPrivateFieldGet(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
     return __classPrivateFieldGet(this, _KupCombobox_listEl, "f").menuVisible == true;
-}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, setValue) {
-    let ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
-    if (ret.exists) {
-        if (setValue) {
-            this.value = ret.value;
-            this.displayedValue = ret.displayedValue;
-        }
-        if (__classPrivateFieldGet(this, _KupCombobox_listEl, "f") != null) {
-            __classPrivateFieldGet(this, _KupCombobox_listEl, "f").filter = ret.value;
-        }
+}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, eventShouldSetValue) {
+    if (idIn && idInDecode) {
+        this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode }, this.displayMode, ' - ');
     }
     else {
-        this.value = idIn;
-        if (setValue) {
-            this.displayedValue = getIdOfItemByDisplayMode({ id: idIn, value: idInDecode !== null && idInDecode !== void 0 ? idInDecode : idIn }, this.displayMode, ' - ');
+        const ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        if (ret.exists && eventShouldSetValue) {
+            this.value = ret.value;
+            this.displayedValue = ret.displayedValue;
         }
         else {
             this.displayedValue = idIn;
@@ -1104,8 +1099,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
         if (__classPrivateFieldGet(this, _KupCombobox_listEl, "f") != null) {
             __classPrivateFieldGet(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
+        return ret;
     }
-    return ret;
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
     return (h("kup-list", Object.assign({}, this.data['kup-list'], { displayMode: this.displayMode, "is-menu": true, showFilter: ((_b = (_a = this.data['kup-list']) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) >= 10 ? true : false, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupCombobox_listEl, el, "f")) })));

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

@@ -159,7 +159,8 @@
   --kup_input_panel_padding--inline: var(--kup-input-panel-padding--inline, 0);
   --kup_input_panel_absolute_max_height: var(
     --kup-input-panel-absolute-max-height,
-    500px
+    /* 716px comes from the maximum number of lines (32) multiplied by the default height per line (22px) plus 12px for the possibility that the scrollbar will be rendered */
+      716px
   );
 }
 :host .input-panel {

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

@@ -190,9 +190,9 @@ 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: '01efc669b2945ae37b7c778b3e49e704073512e9', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).bind(this), "onKup-tabbar-click": (e) => {
+        return (h(Host, { key: '99def586b7b0523db2e50bc702d423c3508dfdf0', "onKup-cell-blur": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_onBlurHandler).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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, h("style", { key: '037fb59bdd728f74e833d340c17359e6cc6abad3' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'bcfe3943d2dd8fe70abeb76459a75624af19d424', id: componentWrapperId }, inputPanelContent)));
+            }, "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": __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getOptionHandler).bind(this) }, h("style", { key: 'e038f96ecfe84689ed8f664b5d3cbdb6e8123078' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '974099b920d25293c3c45f3d3fcf80e0944e7ff7', id: componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -692,7 +692,8 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_formRef = new WeakMap(
     else {
         if (layout.absolute) {
             rowContent = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderAbsoluteLayout).call(this, inputPanelCell, layout);
-            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * ROW_HEIGHT}px`;
+            // 12px is added due to the chance that the horizontal scrollbar will be rendered
+            styleObj.height = `${getInpComponentAbsoluteHeight(layout) * ROW_HEIGHT + 12}px`;
         }
         else {
             if (!layout.sectionsType) {

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

@@ -1,23 +1,25 @@
 import { ItemsDisplayMode, } from "./kup-list-declarations";
 export function getIdOfItemByDisplayMode(item, mode, separator) {
-    if (mode == ItemsDisplayMode.CODE) {
-        return item.id;
+    const { id, value } = item;
+    if (!id && value) {
+        return value;
     }
-    if (mode == ItemsDisplayMode.DESCRIPTION) {
-        return item.value;
+    if (id && !value) {
+        return id;
     }
-    if (mode == ItemsDisplayMode.CODE_AND_DESC ||
-        mode == ItemsDisplayMode.CODE_AND_DESC_ALIAS) {
-        if (item.id || item.value) {
-            return item.id + separator + item.value;
-        }
-    }
-    if (mode == ItemsDisplayMode.DESC_AND_CODE) {
-        if (item.id || item.value) {
-            return item.value + separator + item.id;
-        }
+    switch (mode) {
+        case ItemsDisplayMode.CODE:
+            return id;
+        case ItemsDisplayMode.DESCRIPTION:
+            return value;
+        case ItemsDisplayMode.CODE_AND_DESC:
+        case ItemsDisplayMode.CODE_AND_DESC_ALIAS:
+            return id && value ? id + separator + value : id || value;
+        case ItemsDisplayMode.DESC_AND_CODE:
+            return value && id ? value + separator + id : value || id;
+        default:
+            return id;
     }
-    return item.id;
 }
 export function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
     const validList = !!(listEl && listData && listData['data']);

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_globalFilterTimeout, _KupList_radios, _KupList_listItems, _KupList_handleSelection, _KupList_isNested, _KupList_renderListItem, _KupList_getIconTag, _KupList_isMultiSelection, _KupList_isCheckBoxRule, _KupList_isRadioButtonRule, _KupList_isListBoxRule, _KupList_checkRoleType, _KupList_itemCompliant, _KupList_createFilterComponent, _KupList_listenKeydown;
+var _KupList_instances, _KupList_kupManager, _KupList_globalFilterTimeout, _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;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { KupListProps, KupListRole, } from "./kup-list-declarations";
 import { ItemsDisplayMode } from "./kup-list-declarations";
@@ -38,8 +38,10 @@ export class KupList {
         _KupList_globalFilterTimeout.set(this, void 0);
         _KupList_radios.set(this, []);
         _KupList_listItems.set(this, []);
+        _KupList_previouslySelectedItemIndex.set(this, void 0);
+        _KupList_previouslySelectedItemReached.set(this, void 0);
         _KupList_listenKeydown.set(this, (e) => {
-            if (this.keyboardNavigation) {
+            if (this.keyboardNavigation && __classPrivateFieldGet(this, _KupList_listItems, "f")) {
                 switch (e.key) {
                     case 'ArrowDown':
                         e.preventDefault();
@@ -115,7 +117,15 @@ export class KupList {
             if (this.focused > __classPrivateFieldGet(this, _KupList_listItems, "f").length - 1) {
                 this.focused = 0;
             }
-            __classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[__classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[__classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -140,7 +150,15 @@ export class KupList {
             if (this.focused < 0) {
                 this.focused = __classPrivateFieldGet(this, _KupList_listItems, "f").length - 1;
             }
-            __classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[__classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[__classPrivateFieldGet(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -256,7 +274,7 @@ export class KupList {
         }
         __classPrivateFieldSet(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: '468005834f26adb9efe3ed1cb135ddbebc43c052' }, h("style", { key: 'bf9eb11aeb2fe8306d69dcd2b3c1c5215c156881' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3a1c1e82e2407076658af3acfa2a285043ec2843', 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: '16197d421ffde913876b2202167cb3996fcfe7a8', class: listScrollClass }, h("ul", { key: 'a1814e7cf66d882b6ea5915688734f81f856cdae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h(Host, { key: 'f1606c18dcfa35ad02c3c7941d0065eff6c384f7' }, h("style", { key: '7e1103041cd402bd2f8d3adef4bbdf2ffb9a1eb7' }, __classPrivateFieldGet(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0bcaa0498b13c789f3c8d8e62f28c646a6de65be', 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: '062bca5c883a1f5627760985a7e687c9bbb48ed3', class: listScrollClass }, h("ul", { key: '889d0076b199ae805fa9b3dae51c70734efbe0f4', 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++)))))));
     }
@@ -820,7 +838,7 @@ export class KupList {
     }
     static get elementRef() { return "rootElement"; }
 }
-_KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_listenKeydown = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
+_KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(), _KupList_radios = new WeakMap(), _KupList_listItems = new WeakMap(), _KupList_previouslySelectedItemIndex = new WeakMap(), _KupList_previouslySelectedItemReached = new WeakMap(), _KupList_listenKeydown = new WeakMap(), _KupList_instances = new WeakSet(), _KupList_handleSelection = function _KupList_handleSelection(index) {
     if (index !== null && index !== undefined && !isNaN(index)) {
         const listItems = this.rootElement.shadowRoot.querySelectorAll('.list-item');
         const id = listItems[index].dataset.id;
@@ -843,6 +861,8 @@ _KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(
             const item = this.data[index];
             item.selected = this.selected.includes(item.id);
         }
+        __classPrivateFieldSet(this, _KupList_previouslySelectedItemReached, false, "f");
+        __classPrivateFieldSet(this, _KupList_previouslySelectedItemIndex, this.focused, "f");
         this.kupClick.emit({
             comp: this,
             id: this.rootElement.id,

package/dist/components/kup-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
 import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeColorValues, c as KupThemeIconValues } from './p-c8389c1a.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-f1ee3ada.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t } from './p-416c7cc3.js';
 
 /**
  * Props of the kup-accordion component.