@sapui5/sap.ushell 1.141.3 → 1.142.0

package/src/main/js/sap/ushell/thirdparty/UserMenuAccount.js

@@ -1,114 +0,0 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/Icons'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, Icons) { 'use strict';
-
-    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    let UserMenuAccount = 
-    /**
-     * @class
-     * ### Overview
-     *
-     * The `ui5-user-menu-account` represents an account in the `ui5-user-menu`.
-     *
-     * ### ES6 Module Import
-     * `import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";`
-     *
-     * @constructor
-     * @extends UI5Element
-     * @experimental
-     * @public
-     * @since 2.5.0
-     */
-    class UserMenuAccount extends webcomponentsBase.b {
-        constructor() {
-            super(...arguments);
-            /**
-             * Defines the title text of the user.
-             *
-             * @default ""
-             * @public
-             */
-            this.titleText = "";
-            /**
-             * Defines additional text of the user.
-             *
-             * @default ""
-             * @public
-             */
-            this.subtitleText = "";
-            /**
-             * Defines description of the user.
-             *
-             * @default ""
-             * @public
-             */
-            this.description = "";
-            /**
-             * Defines if the user is selected.
-             *
-             * @default false
-             * @public
-             */
-            this.selected = false;
-            /**
-             * Indicates whether a loading indicator should be shown.
-             * @default false
-             * @public
-             * @since 2.9.0
-             */
-            this.loading = false;
-        }
-        get _initials() {
-            return this.avatarInitials || "undefined";
-        }
-    };
-    __decorate([
-        webcomponentsBase.s({ type: String })
-    ], UserMenuAccount.prototype, "avatarSrc", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: String })
-    ], UserMenuAccount.prototype, "avatarInitials", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: String })
-    ], UserMenuAccount.prototype, "titleText", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: String })
-    ], UserMenuAccount.prototype, "subtitleText", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: String })
-    ], UserMenuAccount.prototype, "description", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], UserMenuAccount.prototype, "selected", void 0);
-    __decorate([
-        webcomponentsBase.s({ type: Boolean })
-    ], UserMenuAccount.prototype, "loading", void 0);
-    UserMenuAccount = __decorate([
-        webcomponentsBase.m({
-            tag: "ui5-user-menu-account",
-        })
-        /**
-         * @class
-         * ### Overview
-         *
-         * The `ui5-user-menu-account` represents an account in the `ui5-user-menu`.
-         *
-         * ### ES6 Module Import
-         * `import "@ui5/webcomponents-fiori/dist/UserMenuAccount.js";`
-         *
-         * @constructor
-         * @extends UI5Element
-         * @experimental
-         * @public
-         * @since 2.5.0
-         */
-    ], UserMenuAccount);
-    UserMenuAccount.define();
-    var UserMenuAccount$1 = UserMenuAccount;
-
-    return UserMenuAccount$1;
-
-}));

package/src/main/js/sap/ushell/thirdparty/UserMenuItem.js

@@ -1,61 +0,0 @@
-sap.ui.define(['sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/MenuItem2', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/ListItemCustom', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/ListItemAdditionalText.css', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Title'], (function (webcomponentsBase, webcomponents, webcomponentsFiori, MenuItem, Icons, parametersBundle_css, parametersBundle_css$1, eventStrict, parametersBundle_css$2, information, ListItemCustom, FocusableElements, ListItemBase, List, toLowercaseEnumValue, ListItemGroup, i18nDefaults, WrappingType, AccessibilityTextsHelper, BusyIndicator, willShowContent, Label, ListItemAdditionalText_css, Button, Icon, ValueState, ResponsivePopover, Title) { 'use strict';
-
-    function UserMenuItemTemplate() {
-        return [MenuItem.MenuItemTemplate.call(this)];
-    }
-
-    Icons.p("@" + "ui5" + "/" + "webcomponents-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
-    Icons.p("@" + "u" + "i" + "5" + "/" + "w" + "e" + "b" + "c" + "o" + "m" + "p" + "o" + "n" + "e" + "n" + "t" + "s" + "-" + "f" + "i" + "o" + "r" + "i", "sap_horizon", async () => parametersBundle_css$1.defaultTheme);
-    var userMenuItemCss = `:host{height:40px}:host(:last-of-type){margin-bottom:0}:host(:first-of-type){margin-top:0}
-`;
-
-    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    /**
-     * @class
-     *
-     * ### Overview
-     *
-     * `ui5-user-menu-item` is the item to use inside a `ui5-user-menu`.
-     * An arbitrary hierarchy structure can be represented by recursively nesting menu items.
-     *
-     * ### Usage
-     *
-     * `ui5-user-menu-item` represents a node in a `ui5-user-menu`. The user menu itself is rendered as a list,
-     * and each `ui5-menu-item` is represented by a menu item in that menu. Therefore, you should only use
-     * `ui5-user-menu-item` directly in your apps. The `ui5-menu` menu item is internal for the menu, and not intended for public use.
-     *
-     * ### ES6 Module Import
-     *
-     * `import "@ui5/webcomponents-fiori/dist/UserMenuItem.js";`
-     * @constructor
-     * @extends MenuItem
-     * @experimental
-     * @public
-     * @since 2.5.0
-     */
-    let UserMenuItem = class UserMenuItem extends MenuItem.MenuItem {
-        get _menuItems() {
-            return this.items.filter(MenuItem.isInstanceOfMenuItem);
-        }
-    };
-    __decorate([
-        webcomponentsBase.d({ "default": true, type: HTMLElement, invalidateOnChildChange: true })
-    ], UserMenuItem.prototype, "items", void 0);
-    UserMenuItem = __decorate([
-        webcomponentsBase.m({
-            tag: "ui5-user-menu-item",
-            template: UserMenuItemTemplate,
-            styles: [MenuItem.MenuItem.styles, userMenuItemCss],
-        })
-    ], UserMenuItem);
-    UserMenuItem.define();
-    var UserMenuItem$1 = UserMenuItem;
-
-    return UserMenuItem$1;
-
-}));

package/src/main/js/sap/ushell/thirdparty/ValueState.js

@@ -1,7 +0,0 @@
-sap.ui.define(['exports'], (function (exports) { 'use strict';
-
-	var o=(i=>(i.None="None",i.Positive="Positive",i.Critical="Critical",i.Negative="Negative",i.Information="Information",i))(o||{});
-
-	exports.o = o;
-
-}));

package/src/main/js/sap/ushell/thirdparty/WrappingType.js

@@ -1,24 +0,0 @@
-sap.ui.define(['exports'], (function (exports) { 'use strict';
-
-    /**
-     * Different types of wrapping.
-     * @public
-     */
-    var WrappingType;
-    (function (WrappingType) {
-        /**
-         * The text will be truncated with an ellipsis.
-         * @public
-         */
-        WrappingType["None"] = "None";
-        /**
-         * The text will wrap. The words will not be broken based on hyphenation.
-         * @public
-         */
-        WrappingType["Normal"] = "Normal";
-    })(WrappingType || (WrappingType = {}));
-    var WrappingType$1 = WrappingType;
-
-    exports.WrappingType = WrappingType$1;
-
-}));

package/src/main/js/sap/ushell/thirdparty/_dynamics/InputComposition.js

@@ -1,35 +0,0 @@
-sap.ui.define(['exports'], (function (exports) { 'use strict';
-
-    class InputComposition {
-        constructor(component) {
-            this._onComposition = () => {
-                this._component.updateCompositionState(true);
-            };
-            this._onCompositionEnd = () => {
-                this._component.updateCompositionState(false);
-            };
-            this._component = component;
-        }
-        addEventListeners() {
-            const el = this._component.getInputEl();
-            if (!el) {
-                return;
-            }
-            el.addEventListener("compositionstart", this._onComposition);
-            el.addEventListener("compositionupdate", this._onComposition);
-            el.addEventListener("compositionend", this._onCompositionEnd);
-        }
-        removeEventListeners() {
-            const el = this._component.getInputEl();
-            if (!el) {
-                return;
-            }
-            el.removeEventListener("compositionstart", this._onComposition);
-            el.removeEventListener("compositionupdate", this._onComposition);
-            el.removeEventListener("compositionend", this._onCompositionEnd);
-        }
-    }
-
-    exports.default = InputComposition;
-
-}));

package/src/main/js/sap/ushell/thirdparty/_dynamics/InputSuggestions.js

@@ -1,397 +0,0 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/generateHighlightedMarkup', 'sap/ushell/thirdparty/ShellBarSearch2', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/ListBoxItemGroupTemplate', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/encodeXML', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/webcomponents-fiori', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/ListItemAdditionalText.css', 'sap/ushell/thirdparty/AccessibilityTextsHelper', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/parameters-bundle.css3', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/FocusableElements'], (function (exports, generateHighlightedMarkup, ShellBarSearch, webcomponentsBase, ListItemGroup, ListBoxItemGroupTemplate, parametersBundle_css, Icon, List, ResponsivePopover, Button, i18nDefaults, encodeXML, webcomponents, Icons, webcomponentsFiori, eventStrict, ListItemBase, parametersBundle_css$1, ListItemAdditionalText_css, AccessibilityTextsHelper, ValueState, information, Label, slimArrowDown, Title, BusyIndicator, willShowContent, information$1, sysEnter2, parametersBundle_css$2, i18nDefaults$1, toLowercaseEnumValue, WrappingType, FocusableElements) { 'use strict';
-
-    var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    };
-    /**
-     * @class
-     * The `ui5-suggestion-item-group` is type of suggestion item,
-     * that can be used to split the `ui5-input` suggestions into groups.
-     * @constructor
-     * @extends ListItemGroup
-     * @public
-     * @since 2.0.0
-     */
-    let SuggestionItemGroup = class SuggestionItemGroup extends ListItemGroup.ListItemGroup {
-    };
-    __decorate([
-        webcomponentsBase.d({
-            "default": true,
-            invalidateOnChildChange: true,
-            type: HTMLElement,
-        })
-    ], SuggestionItemGroup.prototype, "items", void 0);
-    SuggestionItemGroup = __decorate([
-        webcomponentsBase.m({
-            tag: "ui5-suggestion-item-group",
-            template: ListBoxItemGroupTemplate.ListItemGroupTemplate,
-        })
-    ], SuggestionItemGroup);
-    SuggestionItemGroup.define();
-
-    function InputSuggestionsTemplate(hooks) {
-        const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
-        const valueStateMessage = hooks?.valueStateMessage;
-        const valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;
-        return (parametersBundle_css.jsxs(ResponsivePopover.ResponsivePopover, { class: this.classes.popover, hideArrow: true, preventFocusRestore: true, preventInitialFocus: true, placement: "Bottom", horizontalAlign: "Start", tabindex: -1, style: this.styles.suggestionsPopover, onOpen: this._afterOpenPicker, onClose: this._afterClosePicker, onScroll: this._scroll, open: this.open, opener: this, accessibleName: this._popupLabel, children: [this._isPhone &&
-                    parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [parametersBundle_css.jsx("div", { class: "row", children: parametersBundle_css.jsx("span", { children: this._headerTitleText }) }), parametersBundle_css.jsx("div", { class: "row", children: parametersBundle_css.jsx("div", { class: "input-root-phone native-input-wrapper", children: parametersBundle_css.jsx(ShellBarSearch.Input, { class: "ui5-input-inner-phone", type: this.inputType, value: this.value, showClearIcon: this.showClearIcon, placeholder: this.placeholder, onInput: this._handleInput, onChange: this._handleChange }) }) })] }), this.hasValueStateMessage &&
-                                parametersBundle_css.jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [parametersBundle_css.jsx(Icon.Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] })] }), !this._isPhone && this.hasValueStateMessage &&
-                    parametersBundle_css.jsxs("div", { slot: "header", class: {
-                            "ui5-responsive-popover-header": true,
-                            ...this.classes.popoverValueState,
-                        }, style: this.styles.suggestionPopoverHeader, children: [parametersBundle_css.jsx(Icon.Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] }), suggestionsList.call(this), this._isPhone &&
-                    parametersBundle_css.jsxs("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: [parametersBundle_css.jsx(Button.Button, { design: "Emphasized", onClick: this._closePicker, children: this._suggestionsOkButtonText }), parametersBundle_css.jsx(Button.Button, { class: "ui5-responsive-popover-close-btn", design: "Transparent", onClick: this._closePicker, children: this._suggestionsCancelButtonText })] })] }));
-    }
-    function defaultSuggestionsList() {
-        return (parametersBundle_css.jsx(List.List, { accessibleRole: List.ListAccessibleRole.ListBox, separators: this.suggestionSeparators, selectionMode: "Single", onMouseDown: this.onItemMouseDown, onItemClick: this._handleSuggestionItemPress, onSelectionChange: this._handleSelectionChange, children: parametersBundle_css.jsx("slot", {}) }));
-    }
-
-    /**
-     * A class to manage the `Input` suggestion items.
-     * @class
-     * @private
-     */
-    class Suggestions {
-        get template() {
-            return InputSuggestionsTemplate;
-        }
-        constructor(component, slotName, highlight, handleFocus) {
-            // The component, that the suggestion would plug into.
-            this.component = component;
-            // Defines the items` slot name.
-            this.slotName = slotName;
-            // Defines, if the focus will be moved via the arrow keys.
-            this.handleFocus = handleFocus;
-            // Defines, if the suggestions should highlight.
-            this.highlight = highlight;
-            // An integer value to store the currently selected item position,
-            // that changes due to user interaction.
-            this.selectedItemIndex = -1;
-        }
-        onUp(e, indexOfItem) {
-            e.preventDefault();
-            const index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;
-            this._handleItemNavigation(false /* forward */, index);
-            return true;
-        }
-        onDown(e, indexOfItem) {
-            e.preventDefault();
-            const index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;
-            this._handleItemNavigation(true /* forward */, index);
-            return true;
-        }
-        onSpace(e) {
-            if (this._isItemOnTarget()) {
-                e.preventDefault();
-                this.onItemSelected(this._selectedItem, true /* keyboardUsed */);
-                return true;
-            }
-            return false;
-        }
-        onEnter(e) {
-            if (this._isGroupItem) {
-                e.preventDefault();
-                return false;
-            }
-            if (this._isItemOnTarget()) {
-                this.onItemSelected(this._selectedItem, true /* keyboardUsed */);
-                return true;
-            }
-            return false;
-        }
-        onPageUp(e) {
-            e.preventDefault();
-            const isItemIndexValid = this.selectedItemIndex - 10 > -1;
-            this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);
-            return true;
-        }
-        onPageDown(e) {
-            e.preventDefault();
-            const items = this._getItems();
-            if (!items) {
-                return true;
-            }
-            const lastItemIndex = items.length - 1;
-            const isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;
-            this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);
-            return true;
-        }
-        onHome(e) {
-            e.preventDefault();
-            this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);
-            return true;
-        }
-        onEnd(e) {
-            e.preventDefault();
-            const lastItemIndex = this._getItems().length - 1;
-            if (!lastItemIndex) {
-                return true;
-            }
-            this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = lastItemIndex);
-            return true;
-        }
-        onTab() {
-            if (this._isItemOnTarget()) {
-                this.onItemSelected(this._selectedItem, true);
-                return true;
-            }
-            return false;
-        }
-        toggle(bToggle, options) {
-            const toggle = bToggle !== undefined ? bToggle : !this.isOpened();
-            if (toggle) {
-                this._getComponent().open = true;
-            }
-            else {
-                this.close(options.preventFocusRestore);
-            }
-        }
-        get _selectedItem() {
-            return this._getNonGroupItems().find(item => item.selected);
-        }
-        _isScrollable() {
-            const sc = this._getScrollContainer();
-            return sc.offsetHeight < sc.scrollHeight;
-        }
-        close(preventFocusRestore = false) {
-            const selectedItem = this._getItems() && this._getItems()[this.selectedItemIndex];
-            this._getComponent().open = false;
-            const picker = this._getPicker();
-            picker.preventFocusRestore = preventFocusRestore;
-            picker.open = false;
-            if (selectedItem && selectedItem.focused) {
-                selectedItem.focused = false;
-            }
-        }
-        updateSelectedItemPosition(pos) {
-            this.selectedItemIndex = pos;
-        }
-        onItemSelected(selectedItem, keyboardUsed) {
-            const item = selectedItem;
-            const nonGroupItems = this._getNonGroupItems();
-            if (!item) {
-                return;
-            }
-            this.accInfo = {
-                isGroup: item.hasAttribute("ui5-suggestion-item-group"),
-                currentPos: nonGroupItems.indexOf(item) + 1,
-                listSize: nonGroupItems.length,
-                itemText: item.text || "",
-                additionalText: item.additionalText,
-            };
-            this._getComponent().onItemSelected(item, keyboardUsed);
-            this._getComponent().open = false;
-        }
-        onItemSelect(item) {
-            this._getComponent().onItemSelect(item);
-        }
-        /* Private methods */
-        // Note: Split into two separate handlers
-        onItemPress(e) {
-            let pressedItem; // SuggestionListItem
-            const isPressEvent = e.type === "ui5-item-click";
-            // Only use the press e if the item is already selected, in all other cases we are listening for 'ui5-selection-change' from the list
-            // Also we have to check if the selection-change is fired by the list's 'item-click' event handling, to avoid double handling on our side
-            if ((isPressEvent && !e.detail.item.selected) || (this._handledPress && !isPressEvent)) {
-                return;
-            }
-            if (isPressEvent && e.detail.item.selected) {
-                pressedItem = e.detail.item;
-                this._handledPress = true;
-            }
-            else {
-                pressedItem = e.detail.selectedItems[0];
-            }
-            this.onItemSelected(pressedItem, false /* keyboardUsed */);
-        }
-        _onClose() {
-            this._handledPress = false;
-        }
-        _isItemOnTarget() {
-            return this.isOpened() && this.selectedItemIndex !== null && this.selectedItemIndex !== -1 && !this._isGroupItem;
-        }
-        get _isGroupItem() {
-            const items = this._getItems();
-            if (!items || !items[this.selectedItemIndex]) {
-                return false;
-            }
-            return items[this.selectedItemIndex].hasAttribute("ui5-suggestion-item-group");
-        }
-        isOpened() {
-            return !!(this._getPicker()?.open);
-        }
-        _handleItemNavigation(forward, index) {
-            this.selectedItemIndex = index;
-            if (!this._getItems().length) {
-                return;
-            }
-            if (forward) {
-                this._selectNextItem();
-            }
-            else {
-                this._selectPreviousItem();
-            }
-        }
-        _selectNextItem() {
-            const itemsCount = this._getItems().length;
-            const previousSelectedIdx = this.selectedItemIndex;
-            if (previousSelectedIdx !== -1 && previousSelectedIdx + 1 > itemsCount - 1) {
-                return;
-            }
-            this._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);
-        }
-        _selectPreviousItem() {
-            const items = this._getItems();
-            const previousSelectedIdx = this.selectedItemIndex;
-            if (previousSelectedIdx === -1 || previousSelectedIdx === null) {
-                return;
-            }
-            if (previousSelectedIdx - 1 < 0) {
-                if (items[previousSelectedIdx].hasAttribute("ui5-suggestion-item") || items[previousSelectedIdx].hasAttribute("ui5-suggestion-item-custom")) {
-                    items[previousSelectedIdx].selected = false;
-                }
-                items[previousSelectedIdx].focused = false;
-                this.component.focused = true;
-                this.component.hasSuggestionItemSelected = false;
-                this.selectedItemIndex -= 1;
-                return;
-            }
-            this._moveItemSelection(previousSelectedIdx, --this.selectedItemIndex);
-        }
-        _moveItemSelection(previousIdx, nextIdx) {
-            const items = this._getItems();
-            const currentItem = items[nextIdx];
-            const previousItem = items[previousIdx];
-            const nonGroupItems = this._getNonGroupItems();
-            const isGroupItem = currentItem.hasAttribute("ui5-suggestion-item-group");
-            if (!currentItem) {
-                return;
-            }
-            this.component.focused = false;
-            const selectedItem = this._getItems()[this.selectedItemIndex];
-            this.accInfo = {
-                isGroup: isGroupItem,
-                currentPos: items.indexOf(currentItem) + 1,
-                itemText: (isGroupItem ? selectedItem.headerText : selectedItem.text) || "",
-            };
-            if (currentItem.hasAttribute("ui5-suggestion-item") || currentItem.hasAttribute("ui5-suggestion-item-custom")) {
-                this.accInfo.additionalText = currentItem.additionalText || "";
-                this.accInfo.currentPos = nonGroupItems.indexOf(currentItem) + 1;
-                this.accInfo.listSize = nonGroupItems.length;
-            }
-            if (previousItem) {
-                previousItem.focused = false;
-            }
-            if (previousItem?.hasAttribute("ui5-suggestion-item") || previousItem?.hasAttribute("ui5-suggestion-item-custom")) {
-                previousItem.selected = false;
-            }
-            if (currentItem) {
-                currentItem.focused = true;
-                if (!isGroupItem) {
-                    currentItem.selected = true;
-                }
-                if (this.handleFocus) {
-                    currentItem.focus();
-                }
-            }
-            this.component.hasSuggestionItemSelected = true;
-            this.onItemSelect(currentItem);
-            if (!this._isItemIntoView(currentItem)) {
-                const itemRef = this._isGroupItem ? currentItem.shadowRoot.querySelector("[ui5-li-group-header]") : currentItem;
-                this._scrollItemIntoView(itemRef);
-            }
-        }
-        _deselectItems() {
-            const items = this._getItems();
-            items.forEach(item => {
-                if (item.hasAttribute("ui5-suggestion-item")) {
-                    item.selected = false;
-                }
-                item.focused = false;
-            });
-        }
-        _clearItemFocus() {
-            const focusedItem = this._getItems().find(item => item.focused);
-            if (focusedItem) {
-                focusedItem.focused = false;
-            }
-        }
-        _isItemIntoView(item) {
-            const rectItem = item.getDomRef().getBoundingClientRect();
-            const rectInput = this._getComponent().getDomRef().getBoundingClientRect();
-            const windowHeight = (window.innerHeight || document.documentElement.clientHeight);
-            let headerHeight = 0;
-            if (this._hasValueState) {
-                const valueStateHeader = this._getPicker().querySelector("[slot=header]");
-                headerHeight = valueStateHeader.getBoundingClientRect().height;
-            }
-            return (rectItem.top + Suggestions.SCROLL_STEP <= windowHeight) && (rectItem.top >= rectInput.top + headerHeight);
-        }
-        _scrollItemIntoView(item) {
-            item.scrollIntoView({
-                behavior: "auto",
-                block: "nearest",
-                inline: "nearest",
-            });
-        }
-        _getScrollContainer() {
-            if (!this._scrollContainer) {
-                this._scrollContainer = this._getPicker().shadowRoot.querySelector(".ui5-popup-content");
-            }
-            return this._scrollContainer;
-        }
-        /**
-         * Returns the items in 1D array.
-         *
-         */
-        _getItems() {
-            const suggestionComponent = this._getComponent();
-            return suggestionComponent.getSlottedNodes("suggestionItems").flatMap(item => {
-                return item.hasAttribute("ui5-suggestion-item-group") ? [item, ...item.items] : [item];
-            });
-        }
-        _getNonGroupItems() {
-            return this._getItems().filter(item => !item.hasAttribute("ui5-suggestion-item-group"));
-        }
-        _getComponent() {
-            return this.component;
-        }
-        _getList() {
-            return this._getPicker().querySelector("[ui5-list]");
-        }
-        _getListWidth() {
-            return this._getList()?.offsetWidth;
-        }
-        _getPicker() {
-            return this._getComponent().shadowRoot.querySelector("[ui5-responsive-popover]");
-        }
-        get itemSelectionAnnounce() {
-            if (!this.accInfo) {
-                return "";
-            }
-            if (this.accInfo.isGroup) {
-                return `${Suggestions.i18nBundle.getText(i18nDefaults.LIST_ITEM_GROUP_HEADER)} ${this.accInfo.itemText}`;
-            }
-            const itemPositionText = Suggestions.i18nBundle.getText(i18nDefaults.LIST_ITEM_POSITION, this.accInfo.currentPos || 0, this.accInfo.listSize || 0);
-            return `${this.accInfo.additionalText} ${itemPositionText}`;
-        }
-        hightlightInput(text, input) {
-            return generateHighlightedMarkup.f(text, input);
-        }
-        get _hasValueState() {
-            return this.component.hasValueStateMessage;
-        }
-        _clearSelectedSuggestionAndaccInfo() {
-            this.accInfo = undefined;
-            this.selectedItemIndex = 0;
-        }
-    }
-    Suggestions.SCROLL_STEP = 60;
-    ShellBarSearch.Input.SuggestionsClass = Suggestions;
-
-    exports.default = Suggestions;
-
-}));