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

package/dist/components/{p-f1ee3ada.js → p-416c7cc3.js}

@@ -4106,24 +4106,26 @@ var KupAutocompleteProps;
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
-    if (mode == ItemsDisplayMode.CODE) {
-        return item.id;
-    }
-    if (mode == ItemsDisplayMode.DESCRIPTION) {
-        return item.value;
+    const { id, value } = item;
+    if (!id && value) {
+        return value;
     }
-    if (mode == ItemsDisplayMode.CODE_AND_DESC ||
-        mode == ItemsDisplayMode.CODE_AND_DESC_ALIAS) {
-        if (item.id || item.value) {
-            return item.id + separator + item.value;
-        }
+    if (id && !value) {
+        return id;
     }
-    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;
 }
 function consistencyCheck(idIn, listData, listEl, selectMode, displayMode, e) {
     const validList = !!(listEl && listData && listData['data']);
@@ -19066,7 +19068,7 @@ var __classPrivateFieldSet$4 = (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 = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
     constructor() {
         super();
@@ -19086,8 +19088,10 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         _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$5(this, _KupList_listItems, "f")) {
                 switch (e.key) {
                     case 'ArrowDown':
                         e.preventDefault();
@@ -19163,7 +19167,15 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
             if (this.focused > __classPrivateFieldGet$5(this, _KupList_listItems, "f").length - 1) {
                 this.focused = 0;
             }
-            __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -19188,7 +19200,15 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
             if (this.focused < 0) {
                 this.focused = __classPrivateFieldGet$5(this, _KupList_listItems, "f").length - 1;
             }
-            __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            if (!__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")]) {
+                __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemReached, true, "f");
+                this.focused = __classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+            }
+            else if (__classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            }
         }
     }
     /**
@@ -19304,7 +19324,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
         __classPrivateFieldSet$4(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h$1(Host, { key: '468005834f26adb9efe3ed1cb135ddbebc43c052' }, h$1("style", { key: 'bf9eb11aeb2fe8306d69dcd2b3c1c5215c156881' }, __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '3a1c1e82e2407076658af3acfa2a285043ec2843', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$5(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: '16197d421ffde913876b2202167cb3996fcfe7a8', class: listScrollClass }, h$1("ul", { key: 'a1814e7cf66d882b6ea5915688734f81f856cdae', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+        return (h$1(Host, { key: 'f1606c18dcfa35ad02c3c7941d0065eff6c384f7' }, h$1("style", { key: '7e1103041cd402bd2f8d3adef4bbdf2ffb9a1eb7' }, __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0bcaa0498b13c789f3c8d8e62f28c646a6de65be', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$5(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: '062bca5c883a1f5627760985a7e687c9bbb48ed3', class: listScrollClass }, h$1("ul", { key: '889d0076b199ae805fa9b3dae51c70734efbe0f4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
             .filter((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -19337,7 +19357,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         "select": [64],
         "setProps": [64]
     }]);
-_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;
@@ -19360,6 +19380,8 @@ _KupList_kupManager = new WeakMap(), _KupList_globalFilterTimeout = new WeakMap(
             const item = this.data[index];
             item.selected = this.selected.includes(item.id);
         }
+        __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemReached, false, "f");
+        __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemIndex, this.focused, "f");
         this.kupClick.emit({
             comp: this,
             id: this.rootElement.id,
@@ -26868,6 +26890,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
             inputValue: __classPrivateFieldGet$2(this, _KupCombobox_textfieldEl, "f").value,
             node: ret.node,
         });
+        __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_closeList).call(this);
     }
     onKupClick() {
         this.onKupIconClick();
@@ -27084,7 +27107,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'b4353a55e269ecc7e2cb9970510e5edb40ea2925', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'a537889ba913928d1811540f31c9e6af00211e85' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'fcaad820a96857e907db32e737322f2e65fa9748', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(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$1(Host, { key: '80c4c6a95530fc9886496318a1671f13d49815d9', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'e393281cd26940e3c00fa26e5df5ccd82a560471' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '73e48d76e96587a78c09dc4e5064f1fcc2b2be11', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(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$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -27171,21 +27194,15 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
     __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").removeClickCallback(__classPrivateFieldGet$2(this, _KupCombobox_clickCb, "f"));
 }, _KupCombobox_isListOpened = function _KupCombobox_isListOpened() {
     return __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").menuVisible == true;
-}, _KupCombobox_consistencyCheck = function _KupCombobox_consistencyCheck(idIn, idInDecode, setValue) {
-    let ret = consistencyCheck(idIn, this.data['kup-list'], __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
-    if (ret.exists) {
-        if (setValue) {
-            this.value = ret.value;
-            this.displayedValue = ret.displayedValue;
-        }
-        if (__classPrivateFieldGet$2(this, _KupCombobox_listEl, "f") != null) {
-            __classPrivateFieldGet$2(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$2(this, _KupCombobox_listEl, "f"), this.selectMode, this.displayMode);
+        if (ret.exists && eventShouldSetValue) {
+            this.value = ret.value;
+            this.displayedValue = ret.displayedValue;
         }
         else {
             this.displayedValue = idIn;
@@ -27193,8 +27210,8 @@ _KupCombobox_kupManager = new WeakMap(), _KupCombobox_elStyle = new WeakMap(), _
         if (__classPrivateFieldGet$2(this, _KupCombobox_listEl, "f") != null) {
             __classPrivateFieldGet$2(this, _KupCombobox_listEl, "f").filter = ret.value;
         }
+        return ret;
     }
-    return ret;
 }, _KupCombobox_prepList = function _KupCombobox_prepList() {
     var _a, _b;
     return (h$1("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$1(this, _KupCombobox_listEl, el, "f")) })));
@@ -30885,6 +30902,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
                 node: ret.node,
             });
         }
+        __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
     }
     onKupClick() {
         this.kupClick.emit({
@@ -31105,7 +31123,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: 'e93895124163f4612c3217d3aec82295b7edc66a', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '2d8020e03180653fc8e2fb983ce6e1030ceffe65' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'af68b13d91c4c522983cf354f6708a93f5a6ea41', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '69a7af432c8261a45bca9386f4e278503348c30c' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: '9b562dbefd3dcd6546313faa526d3f6df441de58', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '2399f62d076091ec5b534ab9323a8a7a555e13f5' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c48befc1b4be5ac9563e980076015d71342ce713', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(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"));
@@ -31193,24 +31211,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;
@@ -31218,8 +31233,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$1("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/components/{p-24075bd0.js → p-b5a63eb3.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, g as getProps, s as setProps } from './p-c8389c1a.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-f1ee3ada.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s } from './p-416c7cc3.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

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

@@ -37,24 +37,26 @@ var KupAutocompleteProps;
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
-    if (mode == ItemsDisplayMode.CODE) {
-        return item.id;
-    }
-    if (mode == ItemsDisplayMode.DESCRIPTION) {
-        return item.value;
+    const { id, value } = item;
+    if (!id && value) {
+        return value;
     }
-    if (mode == ItemsDisplayMode.CODE_AND_DESC ||
-        mode == ItemsDisplayMode.CODE_AND_DESC_ALIAS) {
-        if (item.id || item.value) {
-            return item.id + separator + item.value;
-        }
+    if (id && !value) {
+        return 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;
     }
-    if (mode == 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']);
@@ -256,6 +258,7 @@ const KupAutocomplete = class {
                 node: ret.node,
             });
         }
+        __classPrivateFieldGet$9(this, _KupAutocomplete_instances, "m", _KupAutocomplete_closeList).call(this);
     }
     onKupClick() {
         this.kupClick.emit({
@@ -476,7 +479,7 @@ const KupAutocomplete = class {
         };
         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$9(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2d8020e03180653fc8e2fb983ce6e1030ceffe65' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'af68b13d91c4c522983cf354f6708a93f5a6ea41', id: componentWrapperId, style: __classPrivateFieldGet$9(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$9(this, _KupAutocomplete_elStyle, "f") }, h("style", { key: '2399f62d076091ec5b534ab9323a8a7a555e13f5' }, __classPrivateFieldGet$9(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'c48befc1b4be5ac9563e980076015d71342ce713', id: componentWrapperId, style: __classPrivateFieldGet$9(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$9(this, _KupAutocomplete_inputTimeout, "f"));
@@ -531,24 +534,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;
@@ -556,8 +556,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 (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")) })));
 };
@@ -7496,6 +7496,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();
@@ -7712,7 +7713,7 @@ const KupCombobox = class {
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h(Host, { key: 'b4353a55e269ecc7e2cb9970510e5edb40ea2925', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$7(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'a537889ba913928d1811540f31c9e6af00211e85' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fcaad820a96857e907db32e737322f2e65fa9748', id: componentWrapperId, style: __classPrivateFieldGet$7(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$7(this, _KupCombobox_elStyle, "f") }, h("style", { key: 'e393281cd26940e3c00fa26e5df5ccd82a560471' }, __classPrivateFieldGet$7(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '73e48d76e96587a78c09dc4e5064f1fcc2b2be11', id: componentWrapperId, style: __classPrivateFieldGet$7(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$7(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -7767,21 +7768,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;
@@ -7789,8 +7784,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 (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")) })));
@@ -15458,7 +15453,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) {
         registerInstance(this, hostRef);
@@ -15476,8 +15471,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();
@@ -15553,7 +15550,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();
+            }
         }
     }
     /**
@@ -15578,7 +15583,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();
+            }
         }
     }
     /**
@@ -15694,7 +15707,7 @@ const KupList = class {
         }
         __classPrivateFieldSet$1(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h(Host, { key: '468005834f26adb9efe3ed1cb135ddbebc43c052' }, h("style", { key: 'bf9eb11aeb2fe8306d69dcd2b3c1c5215c156881' }, __classPrivateFieldGet$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '3a1c1e82e2407076658af3acfa2a285043ec2843', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(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$4(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: '0bcaa0498b13c789f3c8d8e62f28c646a6de65be', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$4(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h("div", { class: filterClass }, __classPrivateFieldGet$4(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$4(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
             .map((item) => __classPrivateFieldGet$4(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
@@ -15703,7 +15716,7 @@ const KupList = class {
     }
     get rootElement() { return getElement$1(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;
@@ -15726,6 +15739,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,