@sapui5/sap.ushell 1.138.0 → 1.139.0

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

@@ -0,0 +1,444 @@
+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/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/AccessibilityTextsHelper', 'sap/ushell/thirdparty/ValueState', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/slim-arrow-down', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/willShowContent', 'sap/ushell/thirdparty/information2', 'sap/ushell/thirdparty/sys-enter-2', 'sap/ushell/thirdparty/parameters-bundle.css', 'sap/ushell/thirdparty/i18n-defaults2', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Title'], (function (exports, generateHighlightedMarkup, ShellBarSearch, webcomponentsBase, ListItemGroup, ListBoxItemGroupTemplate, parametersBundle_css, Icon, information, List, ResponsivePopover, Button, i18nDefaults, encodeXML, webcomponents, Icons, webcomponentsFiori, eventStrict, ListItemBase, AccessibilityTextsHelper, ValueState, Label, slimArrowDown, BusyIndicator, willShowContent, information$1, sysEnter2, parametersBundle_css$1, i18nDefaults$1, toLowercaseEnumValue, Title) { '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,
+                            "ui5-responsive-popover-header--focused": this._isValueStateFocused,
+                            ...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;
+            if (this._hasValueState && !isItemIndexValid) {
+                this._focusValueState();
+                return true;
+            }
+            this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);
+            return true;
+        }
+        onPageDown(e) {
+            e.preventDefault();
+            const items = this._getItems();
+            const lastItemIndex = items.length - 1;
+            const isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;
+            if (this._hasValueState && !items) {
+                this._focusValueState();
+                return true;
+            }
+            this._moveItemSelection(this.selectedItemIndex, isItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);
+            return true;
+        }
+        onHome(e) {
+            e.preventDefault();
+            if (this._hasValueState) {
+                this._focusValueState();
+                return true;
+            }
+            this._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);
+            return true;
+        }
+        onEnd(e) {
+            e.preventDefault();
+            const lastItemIndex = this._getItems().length - 1;
+            if (this._hasValueState && !lastItemIndex) {
+                this._focusValueState();
+                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 (this._hasValueState && previousSelectedIdx === -1 && !this.component._isValueStateFocused) {
+                this._focusValueState();
+                return;
+            }
+            if ((previousSelectedIdx === -1 && !this._hasValueState) || this.component._isValueStateFocused) {
+                this._clearValueStateFocus();
+                this.selectedItemIndex = -1;
+            }
+            if (previousSelectedIdx !== -1 && previousSelectedIdx + 1 > itemsCount - 1) {
+                return;
+            }
+            this._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);
+        }
+        _selectPreviousItem() {
+            const items = this._getItems();
+            const previousSelectedIdx = this.selectedItemIndex;
+            if (this._hasValueState && previousSelectedIdx === 0 && !this.component._isValueStateFocused) {
+                this.component.hasSuggestionItemSelected = false;
+                this.component._isValueStateFocused = true;
+                this.selectedItemIndex = 0;
+                items[0].focused = false;
+                if (items[0].hasAttribute("ui5-suggestion-item")) {
+                    items[0].selected = false;
+                }
+                return;
+            }
+            if (this.component._isValueStateFocused) {
+                this.component.focused = true;
+                this.component._isValueStateFocused = false;
+                this.selectedItemIndex = 0;
+                return;
+            }
+            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;
+            this._clearValueStateFocus();
+            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;
+        }
+        _focusValueState() {
+            this.component._isValueStateFocused = true;
+            this.component.focused = false;
+            this.component.hasSuggestionItemSelected = false;
+            this.selectedItemIndex = 0;
+            this.component.value = this.component.typedInValue;
+            this._deselectItems();
+        }
+        _clearValueStateFocus() {
+            this.component._isValueStateFocused = false;
+        }
+        _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.css2', '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/AccessibilityTextsHelper', 'sap/ushell/thirdparty/toLowercaseEnumValue', 'sap/ushell/thirdparty/Icon', 'sap/ushell/thirdparty/webcomponents', 'sap/ushell/thirdparty/information', 'sap/ushell/thirdparty/Title', 'sap/ushell/thirdparty/List', 'sap/ushell/thirdparty/ListItemGroup', 'sap/ushell/thirdparty/ListItemBase', 'sap/ushell/thirdparty/BusyIndicator', 'sap/ushell/thirdparty/Label', 'sap/ushell/thirdparty/ValueState'], (function (exports, parametersBundle_css, webcomponentsBase, i18nDefaults, Icons, Text, Link, Button, ResponsivePopover, willShowContent, eventStrict, AccessibilityTextsHelper, toLowercaseEnumValue, Icon, webcomponents, information, Title, List, ListItemGroup, ListItemBase, BusyIndicator, Label, ValueState) { 'use strict';
 
     /**
      * Overflow Mode.
@@ -20,11 +20,11 @@ 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-theming", "sap_horizon", async () => parametersBundle_css.defaultThemeBase);
     Icons.p("@ui5/webcomponents", "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;

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

@@ -85,6 +85,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	var INPUT_SUGGESTIONS_MORE_HITS = "{0} النتائج متوفرة";
 	var INPUT_SUGGESTIONS_NO_HIT = "لا توجد نتائج";
 	var INPUT_CLEAR_ICON_ACC_NAME = "مسح";
+	var INPUT_SUGGESTIONS_OK_BUTTON = "موافق";
 	var LINK_SUBTLE = "غامض";
 	var LINK_EMPHASIZED = "مؤكد";
 	var LIST_ITEM_ACTIVE = "نشط";
@@ -112,6 +113,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	var MESSAGE_STRIP_CUSTOM = "شريط المعلومات المخصص";
 	var MULTICOMBOBOX_DIALOG_OK_BUTTON = "موافق";
 	var COMBOBOX_AVAILABLE_OPTIONS = "الخيارات المتوفرة";
+	var COMBOBOX_DIALOG_OK_BUTTON = "موافق";
 	var INPUT_AVALIABLE_VALUES = "القيم المتوفرة";
 	var VALUE_STATE_ERROR_ALREADY_SELECTED = "هذه القيمة محددة بالفعل.";
 	var MULTIINPUT_ROLEDESCRIPTION_TEXT = "إدخال متعدد القيمة";
@@ -173,6 +175,8 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	var TOKENIZER_POPOVER_REMOVE = "كل البنود";
 	var TOKENIZER_SHOW_ALL_ITEMS = "{0} من البنود";
 	var TOKENIZER_CLEAR_ALL = "مسح الكل";
+	var TOKENIZER_DIALOG_CANCEL_BUTTON = "إلغاء";
+	var TOKENIZER_DIALOG_OK_BUTTON = "موافق";
 	var TREE_ITEM_ARIA_LABEL = "عنصر الشجرة";
 	var TREE_ITEM_EXPAND_NODE = "توسيع العقدة";
 	var TREE_ITEM_COLLAPSE_NODE = "طي العقدة";
@@ -191,6 +195,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	var DAY_PICKER_TODAY = "اليوم";
 	var MONTH_PICKER_DESCRIPTION = "أداة انتقاء الشهر";
 	var YEAR_PICKER_DESCRIPTION = "أداة انتقاء السنة";
+	var YEAR_RANGE_PICKER_DESCRIPTION = "أداة انتقاء نطاق السنوات";
 	var SLIDER_TOOLTIP_INPUT_DESCRIPTION = "اضغط على F2 لإدخال قيمة.";
 	var SLIDER_TOOLTIP_INPUT_LABEL = "القيمة الحالية";
 	var STEPINPUT_DEC_ICON_TITLE = "تخفيض";
@@ -223,6 +228,14 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	var TABLE_ROW_ACTIONS = "إجراءات الصف";
 	var TABLE_NAVIGATION = "تنقل";
 	var TABLE_GENERATED_BY_AI = "مُنشأ بواسطة الذكاء الاصطناعي";
+	var DYNAMIC_DATE_RANGE_YESTERDAY_TEXT = "أمس";
+	var DYNAMIC_DATE_RANGE_TODAY_TEXT = "اليوم";
+	var DYNAMIC_DATE_RANGE_TOMORROW_TEXT = "غدًا";
+	var DYNAMIC_DATE_RANGE_DATE_TEXT = "التاريخ";
+	var DYNAMIC_DATE_RANGE_DATERANGE_TEXT = "من/إلى";
+	var DYNAMIC_DATE_RANGE_SELECTED_TEXT = "مُحدد";
+	var DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT = "اختيار التواريخ";
+	var DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP = "التنقل للخلف";
 	var TABLE_COLUMN_HEADER_ROW = "صف مقدمة العمود";
 	var messagebundle_ar = {
 		ARIA_LABEL_CARD_CONTENT: ARIA_LABEL_CARD_CONTENT,
@@ -310,6 +323,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 		INPUT_SUGGESTIONS_MORE_HITS: INPUT_SUGGESTIONS_MORE_HITS,
 		INPUT_SUGGESTIONS_NO_HIT: INPUT_SUGGESTIONS_NO_HIT,
 		INPUT_CLEAR_ICON_ACC_NAME: INPUT_CLEAR_ICON_ACC_NAME,
+		INPUT_SUGGESTIONS_OK_BUTTON: INPUT_SUGGESTIONS_OK_BUTTON,
 		LINK_SUBTLE: LINK_SUBTLE,
 		LINK_EMPHASIZED: LINK_EMPHASIZED,
 		LIST_ITEM_ACTIVE: LIST_ITEM_ACTIVE,
@@ -337,6 +351,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 		MESSAGE_STRIP_CUSTOM: MESSAGE_STRIP_CUSTOM,
 		MULTICOMBOBOX_DIALOG_OK_BUTTON: MULTICOMBOBOX_DIALOG_OK_BUTTON,
 		COMBOBOX_AVAILABLE_OPTIONS: COMBOBOX_AVAILABLE_OPTIONS,
+		COMBOBOX_DIALOG_OK_BUTTON: COMBOBOX_DIALOG_OK_BUTTON,
 		INPUT_AVALIABLE_VALUES: INPUT_AVALIABLE_VALUES,
 		VALUE_STATE_ERROR_ALREADY_SELECTED: VALUE_STATE_ERROR_ALREADY_SELECTED,
 		MULTIINPUT_ROLEDESCRIPTION_TEXT: MULTIINPUT_ROLEDESCRIPTION_TEXT,
@@ -398,6 +413,8 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 		TOKENIZER_POPOVER_REMOVE: TOKENIZER_POPOVER_REMOVE,
 		TOKENIZER_SHOW_ALL_ITEMS: TOKENIZER_SHOW_ALL_ITEMS,
 		TOKENIZER_CLEAR_ALL: TOKENIZER_CLEAR_ALL,
+		TOKENIZER_DIALOG_CANCEL_BUTTON: TOKENIZER_DIALOG_CANCEL_BUTTON,
+		TOKENIZER_DIALOG_OK_BUTTON: TOKENIZER_DIALOG_OK_BUTTON,
 		TREE_ITEM_ARIA_LABEL: TREE_ITEM_ARIA_LABEL,
 		TREE_ITEM_EXPAND_NODE: TREE_ITEM_EXPAND_NODE,
 		TREE_ITEM_COLLAPSE_NODE: TREE_ITEM_COLLAPSE_NODE,
@@ -416,6 +433,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 		DAY_PICKER_TODAY: DAY_PICKER_TODAY,
 		MONTH_PICKER_DESCRIPTION: MONTH_PICKER_DESCRIPTION,
 		YEAR_PICKER_DESCRIPTION: YEAR_PICKER_DESCRIPTION,
+		YEAR_RANGE_PICKER_DESCRIPTION: YEAR_RANGE_PICKER_DESCRIPTION,
 		SLIDER_TOOLTIP_INPUT_DESCRIPTION: SLIDER_TOOLTIP_INPUT_DESCRIPTION,
 		SLIDER_TOOLTIP_INPUT_LABEL: SLIDER_TOOLTIP_INPUT_LABEL,
 		STEPINPUT_DEC_ICON_TITLE: STEPINPUT_DEC_ICON_TITLE,
@@ -448,6 +466,14 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 		TABLE_ROW_ACTIONS: TABLE_ROW_ACTIONS,
 		TABLE_NAVIGATION: TABLE_NAVIGATION,
 		TABLE_GENERATED_BY_AI: TABLE_GENERATED_BY_AI,
+		DYNAMIC_DATE_RANGE_YESTERDAY_TEXT: DYNAMIC_DATE_RANGE_YESTERDAY_TEXT,
+		DYNAMIC_DATE_RANGE_TODAY_TEXT: DYNAMIC_DATE_RANGE_TODAY_TEXT,
+		DYNAMIC_DATE_RANGE_TOMORROW_TEXT: DYNAMIC_DATE_RANGE_TOMORROW_TEXT,
+		DYNAMIC_DATE_RANGE_DATE_TEXT: DYNAMIC_DATE_RANGE_DATE_TEXT,
+		DYNAMIC_DATE_RANGE_DATERANGE_TEXT: DYNAMIC_DATE_RANGE_DATERANGE_TEXT,
+		DYNAMIC_DATE_RANGE_SELECTED_TEXT: DYNAMIC_DATE_RANGE_SELECTED_TEXT,
+		DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT: DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT,
+		DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP: DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP,
 		TABLE_COLUMN_HEADER_ROW: TABLE_COLUMN_HEADER_ROW
 	};
 
@@ -512,6 +538,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	exports.COLOR_PALETTE_DIALOG_TITLE = COLOR_PALETTE_DIALOG_TITLE;
 	exports.COLOR_PALETTE_MORE_COLORS_TEXT = COLOR_PALETTE_MORE_COLORS_TEXT;
 	exports.COMBOBOX_AVAILABLE_OPTIONS = COMBOBOX_AVAILABLE_OPTIONS;
+	exports.COMBOBOX_DIALOG_OK_BUTTON = COMBOBOX_DIALOG_OK_BUTTON;
 	exports.DATEPICKER_DATE_DESCRIPTION = DATEPICKER_DATE_DESCRIPTION;
 	exports.DATEPICKER_OPEN_ICON_TITLE = DATEPICKER_OPEN_ICON_TITLE;
 	exports.DATEPICKER_POPOVER_ACCESSIBLE_NAME = DATEPICKER_POPOVER_ACCESSIBLE_NAME;
@@ -530,6 +557,14 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	exports.DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE = DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE;
 	exports.DIALOG_HEADER_ARIA_ROLE_DESCRIPTION = DIALOG_HEADER_ARIA_ROLE_DESCRIPTION;
 	exports.DURATION_INPUT_DESCRIPTION = DURATION_INPUT_DESCRIPTION;
+	exports.DYNAMIC_DATE_RANGE_DATERANGE_TEXT = DYNAMIC_DATE_RANGE_DATERANGE_TEXT;
+	exports.DYNAMIC_DATE_RANGE_DATE_TEXT = DYNAMIC_DATE_RANGE_DATE_TEXT;
+	exports.DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT = DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT;
+	exports.DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP = DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP;
+	exports.DYNAMIC_DATE_RANGE_SELECTED_TEXT = DYNAMIC_DATE_RANGE_SELECTED_TEXT;
+	exports.DYNAMIC_DATE_RANGE_TODAY_TEXT = DYNAMIC_DATE_RANGE_TODAY_TEXT;
+	exports.DYNAMIC_DATE_RANGE_TOMORROW_TEXT = DYNAMIC_DATE_RANGE_TOMORROW_TEXT;
+	exports.DYNAMIC_DATE_RANGE_YESTERDAY_TEXT = DYNAMIC_DATE_RANGE_YESTERDAY_TEXT;
 	exports.EMPTY_INDICATOR_ACCESSIBLE_TEXT = EMPTY_INDICATOR_ACCESSIBLE_TEXT;
 	exports.EMPTY_INDICATOR_SYMBOL = EMPTY_INDICATOR_SYMBOL;
 	exports.EXPANDABLE_TEXT_CLOSE = EXPANDABLE_TEXT_CLOSE;
@@ -552,6 +587,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	exports.INPUT_SUGGESTIONS = INPUT_SUGGESTIONS;
 	exports.INPUT_SUGGESTIONS_MORE_HITS = INPUT_SUGGESTIONS_MORE_HITS;
 	exports.INPUT_SUGGESTIONS_NO_HIT = INPUT_SUGGESTIONS_NO_HIT;
+	exports.INPUT_SUGGESTIONS_OK_BUTTON = INPUT_SUGGESTIONS_OK_BUTTON;
 	exports.INPUT_SUGGESTIONS_ONE_HIT = INPUT_SUGGESTIONS_ONE_HIT;
 	exports.INPUT_SUGGESTIONS_TITLE = INPUT_SUGGESTIONS_TITLE;
 	exports.LABEL_COLON = LABEL_COLON;
@@ -656,6 +692,8 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	exports.TOKENIZER_ARIA_CONTAIN_TOKEN = TOKENIZER_ARIA_CONTAIN_TOKEN;
 	exports.TOKENIZER_ARIA_LABEL = TOKENIZER_ARIA_LABEL;
 	exports.TOKENIZER_CLEAR_ALL = TOKENIZER_CLEAR_ALL;
+	exports.TOKENIZER_DIALOG_CANCEL_BUTTON = TOKENIZER_DIALOG_CANCEL_BUTTON;
+	exports.TOKENIZER_DIALOG_OK_BUTTON = TOKENIZER_DIALOG_OK_BUTTON;
 	exports.TOKENIZER_POPOVER_REMOVE = TOKENIZER_POPOVER_REMOVE;
 	exports.TOKENIZER_SHOW_ALL_ITEMS = TOKENIZER_SHOW_ALL_ITEMS;
 	exports.TOKEN_ARIA_DELETABLE = TOKEN_ARIA_DELETABLE;
@@ -675,6 +713,7 @@ sap.ui.define(['exports'], (function (exports) { 'use strict';
 	exports.VALUE_STATE_TYPE_WARNING = VALUE_STATE_TYPE_WARNING;
 	exports.VALUE_STATE_WARNING = VALUE_STATE_WARNING;
 	exports.YEAR_PICKER_DESCRIPTION = YEAR_PICKER_DESCRIPTION;
+	exports.YEAR_RANGE_PICKER_DESCRIPTION = YEAR_RANGE_PICKER_DESCRIPTION;
 	exports.default = messagebundle_ar;
 
 }));