@sapui5/sap.ushell 1.138.1 → 1.139.1

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

@@ -0,0 +1,397 @@
+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.css', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/i18n-defaults', '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/ListItemAdditionalText.css', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/parameters-bundle.css2', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/WrappingType', 'sap/ushell/thirdparty/FocusableElements'], (function (exports, generateHighlightedMarkup, ShellBarSearch, webcomponentsBase, ListItemGroup, ListBoxItemGroupTemplate, parametersBundle_css, Icon, information, List, ResponsivePopover, Button, i18nDefaults, encodeXML, webcomponents, Icons, webcomponentsFiori, eventStrict, ListItemBase, ListItemAdditionalText_css, BusyIndicator, willShowContent, Label, ValueState, slimArrowDown, Title, information$1, sysEnter2, parametersBundle_css$1, 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.jsxs("div", { class: "row", children: [parametersBundle_css.jsx("span", { children: this._headerTitleText }), parametersBundle_css.jsx(Button.Button, { class: "ui5-responsive-popover-close-btn", icon: information.decline, design: "Transparent", onClick: this._closePicker })] }), 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.jsx("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: parametersBundle_css.jsx(Button.Button, { design: "Transparent", onClick: this._closePicker, children: this._suggestionsOkButtonText }) })] }));
+    }
+    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;
+
+}));

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

@@ -1,4 +1,4 @@
-sap.ui.define(['exports', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/Text', 'sap/ushell/thirdparty/Link', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/ListItemTemplate', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/List'], (function (exports, i18nDefaults, webcomponentsBase, Icons, Text, Link, Button, ListItemTemplate, eventStrict, toLowercaseEnumValue, Icon, webcomponents, BusyIndicator, Label, information, List) { 'use strict';
+sap.ui.define(['exports', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/webcomponents-base', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thirdparty/Icons', 'sap/ushell/thirdparty/Text', 'sap/ushell/thirdparty/Link', 'sap/ushell/thirdparty/Button2', 'sap/ushell/thirdparty/ResponsivePopover', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/event-strict', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/FocusableElements', 'sap/ushell/thirdparty/ListItemBase'], (function (exports, parametersBundle_css, webcomponentsBase, i18nDefaults, Icons, Text, Link, Button, ResponsivePopover, willShowContent, eventStrict, BusyIndicator, Label, webcomponents, toLowercaseEnumValue, Icon, information, Title, ValueState, FocusableElements, ListItemBase) { 'use strict';
 
     /**
      * Overflow Mode.
@@ -20,12 +20,12 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thi
     var ExpandableTextOverflowMode$1 = ExpandableTextOverflowMode;
 
     function ExpandableTextTemplate() {
-        return (i18nDefaults.jsxs("div", { children: [i18nDefaults.jsx(Text.Text, { class: "ui5-exp-text-text", emptyIndicatorMode: this.emptyIndicatorMode, children: this._displayedText }), this._maxCharactersExceeded && i18nDefaults.jsxs(i18nDefaults.Fragment, { children: [i18nDefaults.jsx("span", { class: "ui5-exp-text-ellipsis", children: this._ellipsisText }), i18nDefaults.jsx(Link.Link, { id: "toggle", class: "ui5-exp-text-toggle", accessibleRole: "Button", accessibleName: this._accessibleNameForToggle, accessibilityAttributes: this._accessibilityAttributesForToggle, onClick: this._handleToggleClick, children: this._textForToggle }), this._usePopover &&
-                            i18nDefaults.jsxs(ListItemTemplate.ResponsivePopover, { open: this._expanded, opener: "toggle", accessibleNameRef: "popover-text", contentOnlyOnDesktop: true, _hideHeader: true, class: "ui5-exp-text-popover", onClose: this._handlePopoverClose, children: [i18nDefaults.jsx(Text.Text, { id: "popover-text", children: this.text }), i18nDefaults.jsx("div", { slot: "footer", class: "ui5-exp-text-footer", children: i18nDefaults.jsx(Button.Button, { design: "Transparent", onClick: this._handleCloseButtonClick, children: this._closeButtonText }) })] })] })] }));
+        return (parametersBundle_css.jsxs("div", { children: [parametersBundle_css.jsx(Text.Text, { class: "ui5-exp-text-text", emptyIndicatorMode: this.emptyIndicatorMode, children: this._displayedText }), this._maxCharactersExceeded && parametersBundle_css.jsxs(parametersBundle_css.Fragment, { children: [parametersBundle_css.jsx("span", { class: "ui5-exp-text-ellipsis", children: this._ellipsisText }), parametersBundle_css.jsx(Link.Link, { id: "toggle", class: "ui5-exp-text-toggle", accessibleRole: "Button", accessibleName: this._accessibleNameForToggle, accessibilityAttributes: this._accessibilityAttributesForToggle, onClick: this._handleToggleClick, children: this._textForToggle }), this._usePopover &&
+                            parametersBundle_css.jsxs(ResponsivePopover.ResponsivePopover, { open: this._expanded, opener: "toggle", accessibleNameRef: "popover-text", contentOnlyOnDesktop: true, _hideHeader: true, class: "ui5-exp-text-popover", onClose: this._handlePopoverClose, children: [parametersBundle_css.jsx(Text.Text, { id: "popover-text", children: this.text }), parametersBundle_css.jsx("div", { slot: "footer", class: "ui5-exp-text-footer", children: parametersBundle_css.jsx(Button.Button, { design: "Transparent", onClick: this._handleCloseButtonClick, children: this._closeButtonText }) })] })] })] }));
     }
 
-    Icons.p("@ui5/webcomponents-theming", "sap_horizon", async () => i18nDefaults.defaultThemeBase);
-    Icons.p("@ui5/webcomponents", "sap_horizon", async () => i18nDefaults.defaultTheme);
+    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", "sap_horizon", async () => i18nDefaults.defaultTheme);
     var ExpandableTextCss = `:host{display:inline-block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);color:var(--sapTextColor)}:host([hidden]){display:none}.ui5-exp-text-text{display:inline}.ui5-exp-text-text,.ui5-exp-text-toggle{font-family:inherit;font-size:inherit}.ui5-exp-text-text,.ui5-exp-text-ellipsis{color:inherit}.ui5-exp-text-popover::part(content){padding-inline:1rem}.ui5-exp-text-footer{width:100%;display:flex;align-items:center;justify-content:flex-end}
 `;
 
@@ -136,7 +136,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thi
             return undefined;
         }
         _handlePopoverClose() {
-            if (!Icons.d$1()) {
+            if (!Icons.d()) {
                 this._expanded = false;
             }
         }
@@ -169,7 +169,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thi
     ExpandableText = ExpandableText_1 = __decorate([
         webcomponentsBase.m({
             tag: "ui5-expandable-text",
-            renderer: i18nDefaults.y,
+            renderer: parametersBundle_css.y,
             styles: ExpandableTextCss,
             template: ExpandableTextTemplate,
         })
@@ -185,7 +185,7 @@ sap.ui.define(['exports', 'sap/ushell/thirdparty/i18n-defaults', 'sap/ushell/thi
      */
     function ListItemStandardExpandableTextTemplate(injectedProps) {
         const { className, text, maxCharacters, part } = injectedProps;
-        return (i18nDefaults.jsx(ExpandableText, { part: part, class: className, text: text, maxCharacters: maxCharacters }));
+        return (parametersBundle_css.jsx(ExpandableText, { part: part, class: className, text: text, maxCharacters: maxCharacters }));
     }
 
     exports.default = ListItemStandardExpandableTextTemplate;