@ui5/webcomponents 0.0.0-037d08c67

package/dist/features/InputSuggestions.js

@@ -0,0 +1,353 @@
+import generateHighlightedMarkup from "@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js";
+import "../SuggestionItem.js";
+import "../SuggestionItemGroup.js";
+import InputSuggestionsTemplate from "./InputSuggestionsTemplate.js";
+import Input from "../Input.js";
+import { LIST_ITEM_POSITION, LIST_ITEM_GROUP_HEADER, } from "../generated/i18n/i18n-defaults.js";
+/**
+ * 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.visibleItems;
+        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.visibleItems;
+        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);
+    }
+    get visibleItems() {
+        return this._getItems().filter(item => !item.hidden);
+    }
+    _moveItemSelection(previousIdx, nextIdx) {
+        const items = this.visibleItems;
+        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.visibleItems[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(LIST_ITEM_GROUP_HEADER)} ${this.accInfo.itemText}`;
+        }
+        const itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos || 0, this.accInfo.listSize || 0);
+        return `${this.accInfo.additionalText} ${itemPositionText}`.trim();
+    }
+    hightlightInput(text, input) {
+        return generateHighlightedMarkup(text, input);
+    }
+    get _hasValueState() {
+        return this.component.hasValueStateMessage;
+    }
+    _clearSelectedSuggestionAndaccInfo() {
+        this.accInfo = undefined;
+        this.selectedItemIndex = 0;
+    }
+}
+Suggestions.SCROLL_STEP = 60;
+Input.SuggestionsClass = Suggestions;
+export default Suggestions;
+//# sourceMappingURL=InputSuggestions.js.map

package/dist/features/InputSuggestions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSuggestions.js","sourceRoot":"","sources":["../../src/features/InputSuggestions.ts"],"names":[],"mappings":"AAEA,OAAO,yBAAyB,MAAM,gEAAgE,CAAC;AAIvG,OAAO,sBAAsB,CAAC;AAC9B,OAAO,2BAA2B,CAAC;AAGnC,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AACrE,OAAO,KAAK,MAAM,aAAa,CAAC;AAEhC,OAAO,EACN,kBAAkB,EAClB,sBAAsB,GACtB,MAAM,oCAAoC,CAAC;AAyB5C;;;;GAIG;AACH,MAAM,WAAW;IAchB,IAAI,QAAQ;QACX,OAAO,wBAAwB,CAAC;IACjC,CAAC;IAED,YAAY,SAA8B,EAAE,QAAgB,EAAE,SAAkB,EAAE,WAAoB;QACrG,sDAAsD;QACtD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,gCAAgC;QAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,0DAA0D;QAC1D,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;QAE/B,gDAAgD;QAChD,IAAI,CAAC,SAAS,GAAG,SAAS,CAAC;QAE3B,kEAAkE;QAClE,wCAAwC;QACxC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IAC7B,CAAC;IAED,IAAI,CAAC,CAAgB,EAAE,WAAmB;QACzC,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5F,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACvD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,CAAC,CAAgB,EAAE,WAAmB;QAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,cAAc,IAAI,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5F,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACtD,OAAO,IAAI,CAAC;IACb,CAAC;IAED,OAAO,CAAC,CAAgB;QACvB,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACjE,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,OAAO,CAAC,CAAgB;QACvB,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,OAAO,KAAK,CAAC;QACd,CAAC;QAED,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;YACjE,OAAO,IAAI,CAAC;QACb,CAAC;QAED,OAAO,KAAK,CAAC;IACd,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;QAE1D,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,EAC7C,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC/E,OAAO,IAAI,CAAC;IACb,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QAEhC,IAAI,CAAC,KAAK,EAAE,CAAC;YACZ,OAAO,IAAI,CAAC;QACb,CAAC;QAED,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,GAAG,EAAE,IAAI,aAAa,CAAC;QAEtE,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,EAC7C,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAC;QAC3F,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,CAAC,CAAgB;QACtB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC5E,OAAO,IAAI,CAAC;IACb,CAAC;IAED,KAAK,CAAC,CAAgB;QACrB,CAAC,CAAC,cAAc,EAAE,CAAC;QAEnB,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAElD,IAAI,CAAC,aAAa,EAAE,CAAC;YACpB,OAAO,IAAI,CAAC;QACb,CAAC;QAED,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,GAAG,aAAa,CAAC,CAAC;QACxF,OAAO,IAAI,CAAC;IACb,CAAC;IAED,KAAK;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,EAAE,CAAC;YAC5B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC;YAC9C,OAAO,IAAI,CAAC;QACb,CAAC;QACD,OAAO,KAAK,CAAC;IACd,CAAC;IAED,MAAM,CAAC,OAAgB,EAAE,OAAyC;QACjE,MAAM,MAAM,GAAG,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAElE,IAAI,MAAM,EAAE,CAAC;YACZ,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC;QAClC,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACzC,CAAC;IACF,CAAC;IAED,IAAI,aAAa;QAChB,OAAO,IAAI,CAAC,iBAAiB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAA0B,CAAC;IACtF,CAAC;IAED,aAAa;QACZ,MAAM,EAAE,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,CAAC;IAC1C,CAAC;IAED,KAAK,CAAC,mBAAmB,GAAG,KAAK;QAChC,MAAM,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAElF,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC;QAClC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACjC,MAAM,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QACjD,MAAM,CAAC,IAAI,GAAG,KAAK,CAAC;QAEpB,IAAI,YAAY,IAAI,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1C,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,0BAA0B,CAAC,GAAW;QACrC,IAAI,CAAC,iBAAiB,GAAG,GAAG,CAAC;IAC9B,CAAC;IAED,cAAc,CAAC,YAAmD,EAAE,YAAqB;QACxF,MAAM,IAAI,GAAG,YAAY,CAAC;QAC1B,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAE/C,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,OAAO;QACR,CAAC;QAED,IAAI,CAAC,OAAO,GAAG;YACd,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC;YACvD,UAAU,EAAE,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;YAC3C,QAAQ,EAAE,aAAa,CAAC,MAAM;YAC9B,QAAQ,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE;YACzB,cAAc,EAAE,IAAI,CAAC,cAAc;SACnC,CAAC;QAEF,IAAI,CAAC,aAAa,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC;QACxD,IAAI,CAAC,aAAa,EAAE,CAAC,IAAI,GAAG,KAAK,CAAC;IACnC,CAAC;IAED,YAAY,CAAC,IAA0B;QACtC,IAAI,CAAC,aAAa,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACzC,CAAC;IAED,qBAAqB;IACrB,yCAAyC;IACzC,WAAW,CAAC,CAAyE;QACpF,IAAI,WAAyB,CAAC,CAAC,qBAAqB;QACpD,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC;QAEjD,qIAAqI;QACrI,yIAAyI;QACzI,IAAI,CAAC,YAAY,IAAI,CAAE,CAAC,CAAC,MAAmC,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC;YACtH,OAAO;QACR,CAAC;QAED,IAAI,YAAY,IAAK,CAAC,CAAC,MAAmC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YAC1E,WAAW,GAAI,CAAC,CAAC,MAAmC,CAAC,IAAI,CAAC;YAC1D,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;QAC3B,CAAC;aAAM,CAAC;YACP,WAAW,GAAI,CAAC,CAAC,MAAyC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QAC7E,CAAC;QAED,IAAI,CAAC,cAAc,CAAC,WAA6B,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC;IAC9E,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC5B,CAAC;IAED,eAAe;QACd,OAAO,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,iBAAiB,KAAK,IAAI,IAAI,IAAI,CAAC,iBAAiB,KAAK,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;IAClH,CAAC;IAED,IAAI,YAAY;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAE/B,IAAI,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC9C,OAAO,KAAK,CAAC;QACd,CAAC;QAED,OAAO,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC;IAChF,CAAC;IAED,QAAQ;QACP,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAED,qBAAqB,CAAC,OAAgB,EAAE,KAAa;QACpD,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,EAAE,CAAC;YAC9B,OAAO;QACR,CAAC;QACD,IAAI,OAAO,EAAE,CAAC;YACb,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC5B,CAAC;IACF,CAAC;IAED,eAAe;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC;QAE3C,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAEnD,IAAI,mBAAmB,KAAK,CAAC,CAAC,IAAI,mBAAmB,GAAG,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,CAAC;YAC5E,OAAO;QACR,CAAC;QAED,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACxE,CAAC;IAED,mBAAmB;QAClB,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QAChC,MAAM,mBAAmB,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAEnD,IAAI,mBAAmB,KAAK,CAAC,CAAC,IAAI,mBAAmB,KAAK,IAAI,EAAE,CAAC;YAChE,OAAO;QACR,CAAC;QAED,IAAI,mBAAmB,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC;YACjC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,YAAY,CAAC,4BAA4B,CAAC,EAAE,CAAC;gBAC5I,KAAK,CAAC,mBAAmB,CAAoB,CAAC,QAAQ,GAAG,KAAK,CAAC;YACjE,CAAC;YAED,KAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,GAAG,KAAK,CAAC;YAE3C,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;YAC9B,IAAI,CAAC,SAAS,CAAC,yBAAyB,GAAG,KAAK,CAAC;YACjD,IAAI,CAAC,iBAAiB,IAAI,CAAC,CAAC;YAC5B,OAAO;QACR,CAAC;QAED,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;IACxE,CAAC;IAED,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC;IAED,kBAAkB,CAAC,WAAmB,EAAE,OAAe;QACtD,MAAM,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC;QAChC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;QACnC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;QACxC,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC/C,MAAM,WAAW,GAAG,WAAW,EAAE,YAAY,CAAC,2BAA2B,CAAC,CAAC;QAE3E,IAAI,CAAC,WAAW,EAAE,CAAC;YAClB,OAAO;QACR,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC;QAE/B,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QAE/D,IAAI,CAAC,OAAO,GAAG;YACd,OAAO,EAAE,WAAW;YACpB,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,GAAG,CAAC;YAC1C,QAAQ,EAAE,CAAC,WAAW,CAAC,CAAC,CAAE,YAAoC,CAAC,UAAU,CAAC,CAAC,CAAE,YAA+C,CAAC,IAAI,CAAC,IAAI,EAAE;SACxI,CAAC;QAEF,IAAI,WAAW,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,4BAA4B,CAAC,EAAE,CAAC;YAC/G,IAAI,CAAC,OAAO,CAAC,cAAc,GAAI,WAA8C,CAAC,cAAc,IAAI,EAAE,CAAC;YACnG,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC,WAA6C,CAAC,GAAG,CAAC,CAAC;YACnG,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC;QAC9C,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YAClB,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC;QAC9B,CAAC;QACD,IAAI,YAAY,EAAE,YAAY,CAAC,qBAAqB,CAAC,IAAI,YAAY,EAAE,YAAY,CAAC,4BAA4B,CAAC,EAAE,CAAC;YAClH,YAA+C,CAAC,QAAQ,GAAG,KAAK,CAAC;QACnE,CAAC;QAED,IAAI,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;YAE3B,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,WAA8C,CAAC,QAAQ,GAAG,IAAI,CAAC;YACjE,CAAC;YAED,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC;gBACtB,WAAW,CAAC,KAAK,EAAE,CAAC;YACrB,CAAC;QACF,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,yBAAyB,GAAG,IAAI,CAAC;QAChD,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC;QAE/B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,EAAE,CAAC;YACxC,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,CAAE,WAAW,CAAC,UAAW,CAAC,aAAa,CAAC,uBAAuB,CAAyB,CAAC,CAAC,CAAC,WAAW,CAAC;YAC1I,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QACnC,CAAC;IACF,CAAC;IAED,cAAc;QACb,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC/B,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACpB,IAAI,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,EAAE,CAAC;gBAC7C,IAAuB,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC3C,CAAC;YAED,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,eAAe;QACd,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEhE,IAAI,WAAW,EAAE,CAAC;YACjB,WAAW,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B,CAAC;IACF,CAAC;IAED,eAAe,CAAC,IAA0B;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC,qBAAqB,EAAE,CAAC;QAC3D,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC,SAAS,EAAG,CAAC,qBAAqB,EAAE,CAAC;QAC5E,MAAM,YAAY,GAAG,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;QACnF,IAAI,YAAY,GAAG,CAAC,CAAC;QAErB,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACzB,MAAM,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,CAAC,eAAe,CAAE,CAAC;YAC3E,YAAY,GAAG,gBAAgB,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;QAChE,CAAC;QAED,OAAO,CAAC,QAAQ,CAAC,GAAG,GAAG,WAAW,CAAC,WAAW,IAAI,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,GAAG,YAAY,CAAC,CAAC;IACnH,CAAC;IAED,mBAAmB,CAAC,IAA0B;QAC7C,IAAI,CAAC,cAAc,CAAC;YACnB,QAAQ,EAAE,MAAM;YAChB,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,SAAS;SACjB,CAAC,CAAC;IACJ,CAAC;IAED,mBAAmB;QAClB,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC5B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,UAAW,CAAC,aAAa,CAAC,oBAAoB,CAAE,CAAC;QAC5F,CAAC;QAED,OAAO,IAAI,CAAC,gBAAgB,CAAC;IAC9B,CAAC;IAED;;;OAGG;IACH,SAAS;QACR,MAAM,mBAAmB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAEjD,OAAO,mBAAmB,CAAC,eAAe,CAAuB,iBAAiB,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAClG,OAAO,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,KAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACzF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,iBAAiB;QAChB,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,2BAA2B,CAAC,CAA0C,CAAC;IAClI,CAAC;IAED,aAAa;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC;IACvB,CAAC;IAED,QAAQ;QACP,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC,aAAa,CAAO,YAAY,CAAE,CAAC;IAC7D,CAAC;IAED,aAAa;QACZ,OAAO,IAAI,CAAC,QAAQ,EAAE,EAAE,WAAW,CAAC;IACrC,CAAC;IAED,UAAU;QACT,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,UAAW,CAAC,aAAa,CAAoB,0BAA0B,CAAE,CAAC;IACvG,CAAC;IAED,IAAI,qBAAqB;QACxB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YACnB,OAAO,EAAE,CAAC;QACX,CAAC;QAED,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;YAC1B,OAAO,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,sBAAsB,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC;QAC7F,CAAC;QAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,UAAU,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC;QAEtI,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,IAAI,gBAAgB,EAAE,CAAC,IAAI,EAAE,CAAC;IACpE,CAAC;IAED,eAAe,CAAC,IAAY,EAAE,KAAa;QAC1C,OAAO,yBAAyB,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,SAAS,CAAC,oBAAoB,CAAC;IAC5C,CAAC;IAED,kCAAkC;QACjC,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;QACzB,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAC;IAC5B,CAAC;;AAlbM,uBAAW,GAAG,EAAE,CAAC;AAqbzB,KAAK,CAAC,gBAAgB,GAAG,WAAW,CAAC;AAErC,eAAe,WAAW,CAAC","sourcesContent":["import type UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport generateHighlightedMarkup from \"@ui5/webcomponents-base/dist/util/generateHighlightedMarkup.js\";\nimport type List from \"../List.js\";\nimport type { ListItemClickEventDetail, ListSelectionChangeEventDetail } from \"../List.js\";\nimport type ResponsivePopover from \"../ResponsivePopover.js\";\nimport \"../SuggestionItem.js\";\nimport \"../SuggestionItemGroup.js\";\nimport type SuggestionItem from \"../SuggestionItem.js\";\nimport type ListItemGroupHeader from \"../ListItemGroupHeader.js\";\nimport InputSuggestionsTemplate from \"./InputSuggestionsTemplate.js\";\nimport Input from \"../Input.js\";\n\nimport {\n\tLIST_ITEM_POSITION,\n\tLIST_ITEM_GROUP_HEADER,\n} from \"../generated/i18n/i18n-defaults.js\";\nimport type ListItemBase from \"../ListItemBase.js\";\nimport type SuggestionItemGroup from \"../SuggestionItemGroup.js\";\nimport type { IInputSuggestionItem, IInputSuggestionItemSelectable } from \"../Input.js\";\n\ninterface SuggestionComponent extends UI5Element {\n\tfocused: boolean;\n\thasSuggestionItemSelected: boolean;\n\tvalue: string;\n\ttypedInValue: string;\n\thasValueStateMessage: boolean;\n\tsuggestionItems: Array<IInputSuggestionItem>;\n\topen: boolean;\n\tonItemSelected: (pressedItem: IInputSuggestionItemSelectable, keyboardUsed: boolean) => void;\n\tonItemSelect: (item: IInputSuggestionItem) => void;\n}\n\ntype SuggestionsAccInfo = {\n\tisGroup: boolean;\n\tcurrentPos?: number;\n\tlistSize?: number;\n\titemText: string;\n\tadditionalText?: string;\n}\n\n/**\n * A class to manage the `Input` suggestion items.\n * @class\n * @private\n */\nclass Suggestions {\n\tcomponent: SuggestionComponent;\n\tslotName: string;\n\thandleFocus: boolean;\n\thighlight: boolean;\n\tselectedItemIndex: number;\n\taccInfo?: SuggestionsAccInfo;\n\t_scrollContainer?: HTMLElement;\n\t_handledPress?: boolean;\n\tattachedAfterOpened?: boolean;\n\tattachedAfterClose?: boolean;\n\tstatic i18nBundle: I18nBundle;\n\tstatic SCROLL_STEP = 60;\n\n\tget template() {\n\t\treturn InputSuggestionsTemplate;\n\t}\n\n\tconstructor(component: SuggestionComponent, slotName: string, highlight: boolean, handleFocus: boolean) {\n\t\t// The component, that the suggestion would plug into.\n\t\tthis.component = component;\n\n\t\t// Defines the items` slot name.\n\t\tthis.slotName = slotName;\n\n\t\t// Defines, if the focus will be moved via the arrow keys.\n\t\tthis.handleFocus = handleFocus;\n\n\t\t// Defines, if the suggestions should highlight.\n\t\tthis.highlight = highlight;\n\n\t\t// An integer value to store the currently selected item position,\n\t\t// that changes due to user interaction.\n\t\tthis.selectedItemIndex = -1;\n\t}\n\n\tonUp(e: KeyboardEvent, indexOfItem: number) {\n\t\te.preventDefault();\n\t\tconst index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;\n\t\tthis._handleItemNavigation(false /* forward */, index);\n\t\treturn true;\n\t}\n\n\tonDown(e: KeyboardEvent, indexOfItem: number) {\n\t\te.preventDefault();\n\t\tconst index = !this.isOpened && this._hasValueState && indexOfItem === -1 ? 0 : indexOfItem;\n\t\tthis._handleItemNavigation(true /* forward */, index);\n\t\treturn true;\n\t}\n\n\tonSpace(e: KeyboardEvent) {\n\t\tif (this._isItemOnTarget()) {\n\t\t\te.preventDefault();\n\t\t\tthis.onItemSelected(this._selectedItem, true /* keyboardUsed */);\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\tonEnter(e: KeyboardEvent) {\n\t\tif (this._isGroupItem) {\n\t\t\te.preventDefault();\n\t\t\treturn false;\n\t\t}\n\n\t\tif (this._isItemOnTarget()) {\n\t\t\tthis.onItemSelected(this._selectedItem, true /* keyboardUsed */);\n\t\t\treturn true;\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tonPageUp(e: KeyboardEvent) {\n\t\te.preventDefault();\n\n\t\tconst isItemIndexValid = this.selectedItemIndex - 10 > -1;\n\n\t\tthis._moveItemSelection(this.selectedItemIndex,\n\t\t\tisItemIndexValid ? this.selectedItemIndex -= 10 : this.selectedItemIndex = 0);\n\t\treturn true;\n\t}\n\n\tonPageDown(e: KeyboardEvent) {\n\t\te.preventDefault();\n\n\t\tconst items = this.visibleItems;\n\n\t\tif (!items) {\n\t\t\treturn true;\n\t\t}\n\n\t\tconst lastItemIndex = items.length - 1;\n\t\tconst isItemIndexValid = this.selectedItemIndex + 10 <= lastItemIndex;\n\n\t\tthis._moveItemSelection(this.selectedItemIndex,\n\t\t\tisItemIndexValid ? this.selectedItemIndex += 10 : this.selectedItemIndex = lastItemIndex);\n\t\treturn true;\n\t}\n\n\tonHome(e: KeyboardEvent) {\n\t\te.preventDefault();\n\n\t\tthis._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = 0);\n\t\treturn true;\n\t}\n\n\tonEnd(e: KeyboardEvent) {\n\t\te.preventDefault();\n\n\t\tconst lastItemIndex = this._getItems().length - 1;\n\n\t\tif (!lastItemIndex) {\n\t\t\treturn true;\n\t\t}\n\n\t\tthis._moveItemSelection(this.selectedItemIndex, this.selectedItemIndex = lastItemIndex);\n\t\treturn true;\n\t}\n\n\tonTab() {\n\t\tif (this._isItemOnTarget()) {\n\t\t\tthis.onItemSelected(this._selectedItem, true);\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t}\n\n\ttoggle(bToggle: boolean, options: { preventFocusRestore: boolean }) {\n\t\tconst toggle = bToggle !== undefined ? bToggle : !this.isOpened();\n\n\t\tif (toggle) {\n\t\t\tthis._getComponent().open = true;\n\t\t} else {\n\t\t\tthis.close(options.preventFocusRestore);\n\t\t}\n\t}\n\n\tget _selectedItem() {\n\t\treturn this._getNonGroupItems().find(item => item.selected) as SuggestionItem | null;\n\t}\n\n\t_isScrollable() {\n\t\tconst sc = this._getScrollContainer();\n\t\treturn sc.offsetHeight < sc.scrollHeight;\n\t}\n\n\tclose(preventFocusRestore = false) {\n\t\tconst selectedItem = this._getItems() && this._getItems()[this.selectedItemIndex];\n\n\t\tthis._getComponent().open = false;\n\t\tconst picker = this._getPicker();\n\t\tpicker.preventFocusRestore = preventFocusRestore;\n\t\tpicker.open = false;\n\n\t\tif (selectedItem && selectedItem.focused) {\n\t\t\tselectedItem.focused = false;\n\t\t}\n\t}\n\n\tupdateSelectedItemPosition(pos: number) {\n\t\tthis.selectedItemIndex = pos;\n\t}\n\n\tonItemSelected(selectedItem: IInputSuggestionItemSelectable | null, keyboardUsed: boolean) {\n\t\tconst item = selectedItem;\n\t\tconst nonGroupItems = this._getNonGroupItems();\n\n\t\tif (!item) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.accInfo = {\n\t\t\tisGroup: item.hasAttribute(\"ui5-suggestion-item-group\"),\n\t\t\tcurrentPos: nonGroupItems.indexOf(item) + 1,\n\t\t\tlistSize: nonGroupItems.length,\n\t\t\titemText: item.text || \"\",\n\t\t\tadditionalText: item.additionalText,\n\t\t};\n\n\t\tthis._getComponent().onItemSelected(item, keyboardUsed);\n\t\tthis._getComponent().open = false;\n\t}\n\n\tonItemSelect(item: IInputSuggestionItem) {\n\t\tthis._getComponent().onItemSelect(item);\n\t}\n\n\t/* Private methods */\n\t// Note: Split into two separate handlers\n\tonItemPress(e: CustomEvent<ListItemClickEventDetail | ListSelectionChangeEventDetail>) {\n\t\tlet pressedItem: ListItemBase; // SuggestionListItem\n\t\tconst isPressEvent = e.type === \"ui5-item-click\";\n\n\t\t// 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\n\t\t// 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\n\t\tif ((isPressEvent && !(e.detail as ListItemClickEventDetail).item.selected) || (this._handledPress && !isPressEvent)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isPressEvent && (e.detail as ListItemClickEventDetail).item.selected) {\n\t\t\tpressedItem = (e.detail as ListItemClickEventDetail).item;\n\t\t\tthis._handledPress = true;\n\t\t} else {\n\t\t\tpressedItem = (e.detail as ListSelectionChangeEventDetail).selectedItems[0];\n\t\t}\n\n\t\tthis.onItemSelected(pressedItem as SuggestionItem, false /* keyboardUsed */);\n\t}\n\n\t_onClose() {\n\t\tthis._handledPress = false;\n\t}\n\n\t_isItemOnTarget() {\n\t\treturn this.isOpened() && this.selectedItemIndex !== null && this.selectedItemIndex !== -1 && !this._isGroupItem;\n\t}\n\n\tget _isGroupItem() {\n\t\tconst items = this._getItems();\n\n\t\tif (!items || !items[this.selectedItemIndex]) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn items[this.selectedItemIndex].hasAttribute(\"ui5-suggestion-item-group\");\n\t}\n\n\tisOpened() {\n\t\treturn !!(this._getPicker()?.open);\n\t}\n\n\t_handleItemNavigation(forward: boolean, index: number) {\n\t\tthis.selectedItemIndex = index;\n\n\t\tif (!this._getItems().length) {\n\t\t\treturn;\n\t\t}\n\t\tif (forward) {\n\t\t\tthis._selectNextItem();\n\t\t} else {\n\t\t\tthis._selectPreviousItem();\n\t\t}\n\t}\n\n\t_selectNextItem() {\n\t\tconst itemsCount = this._getItems().length;\n\n\t\tconst previousSelectedIdx = this.selectedItemIndex;\n\n\t\tif (previousSelectedIdx !== -1 && previousSelectedIdx + 1 > itemsCount - 1) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._moveItemSelection(previousSelectedIdx, ++this.selectedItemIndex);\n\t}\n\n\t_selectPreviousItem() {\n\t\tconst items = this.visibleItems;\n\t\tconst previousSelectedIdx = this.selectedItemIndex;\n\n\t\tif (previousSelectedIdx === -1 || previousSelectedIdx === null) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (previousSelectedIdx - 1 < 0) {\n\t\t\tif (items[previousSelectedIdx].hasAttribute(\"ui5-suggestion-item\") || items[previousSelectedIdx].hasAttribute(\"ui5-suggestion-item-custom\")) {\n\t\t\t\t(items[previousSelectedIdx] as SuggestionItem).selected = false;\n\t\t\t}\n\n\t\t\titems[previousSelectedIdx].focused = false;\n\n\t\t\tthis.component.focused = true;\n\t\t\tthis.component.hasSuggestionItemSelected = false;\n\t\t\tthis.selectedItemIndex -= 1;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._moveItemSelection(previousSelectedIdx, --this.selectedItemIndex);\n\t}\n\n\tget visibleItems() {\n\t\treturn this._getItems().filter(item => !item.hidden);\n\t}\n\n\t_moveItemSelection(previousIdx: number, nextIdx: number) {\n\t\tconst items = this.visibleItems;\n\t\tconst currentItem = items[nextIdx];\n\t\tconst previousItem = items[previousIdx];\n\t\tconst nonGroupItems = this._getNonGroupItems();\n\t\tconst isGroupItem = currentItem?.hasAttribute(\"ui5-suggestion-item-group\");\n\n\t\tif (!currentItem) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.component.focused = false;\n\n\t\tconst selectedItem = this.visibleItems[this.selectedItemIndex];\n\n\t\tthis.accInfo = {\n\t\t\tisGroup: isGroupItem,\n\t\t\tcurrentPos: items.indexOf(currentItem) + 1,\n\t\t\titemText: (isGroupItem ? (selectedItem as SuggestionItemGroup).headerText : (selectedItem as IInputSuggestionItemSelectable).text) || \"\",\n\t\t};\n\n\t\tif (currentItem.hasAttribute(\"ui5-suggestion-item\") || currentItem.hasAttribute(\"ui5-suggestion-item-custom\")) {\n\t\t\tthis.accInfo.additionalText = (currentItem as IInputSuggestionItemSelectable).additionalText || \"\";\n\t\t\tthis.accInfo.currentPos = nonGroupItems.indexOf(currentItem as IInputSuggestionItemSelectable) + 1;\n\t\t\tthis.accInfo.listSize = nonGroupItems.length;\n\t\t}\n\n\t\tif (previousItem) {\n\t\t\tpreviousItem.focused = false;\n\t\t}\n\t\tif (previousItem?.hasAttribute(\"ui5-suggestion-item\") || previousItem?.hasAttribute(\"ui5-suggestion-item-custom\")) {\n\t\t\t(previousItem as IInputSuggestionItemSelectable).selected = false;\n\t\t}\n\n\t\tif (currentItem) {\n\t\t\tcurrentItem.focused = true;\n\n\t\t\tif (!isGroupItem) {\n\t\t\t\t(currentItem as IInputSuggestionItemSelectable).selected = true;\n\t\t\t}\n\n\t\t\tif (this.handleFocus) {\n\t\t\t\tcurrentItem.focus();\n\t\t\t}\n\t\t}\n\n\t\tthis.component.hasSuggestionItemSelected = true;\n\t\tthis.onItemSelect(currentItem);\n\n\t\tif (!this._isItemIntoView(currentItem)) {\n\t\t\tconst itemRef = this._isGroupItem ? (currentItem.shadowRoot!.querySelector(\"[ui5-li-group-header]\") as ListItemGroupHeader) : currentItem;\n\t\t\tthis._scrollItemIntoView(itemRef);\n\t\t}\n\t}\n\n\t_deselectItems() {\n\t\tconst items = this._getItems();\n\t\titems.forEach(item => {\n\t\t\tif (item.hasAttribute(\"ui5-suggestion-item\")) {\n\t\t\t\t(item as SuggestionItem).selected = false;\n\t\t\t}\n\n\t\t\titem.focused = false;\n\t\t});\n\t}\n\n\t_clearItemFocus() {\n\t\tconst focusedItem = this._getItems().find(item => item.focused);\n\n\t\tif (focusedItem) {\n\t\t\tfocusedItem.focused = false;\n\t\t}\n\t}\n\n\t_isItemIntoView(item: IInputSuggestionItem) {\n\t\tconst rectItem = item.getDomRef()!.getBoundingClientRect();\n\t\tconst rectInput = this._getComponent().getDomRef()!.getBoundingClientRect();\n\t\tconst windowHeight = (window.innerHeight || document.documentElement.clientHeight);\n\t\tlet headerHeight = 0;\n\n\t\tif (this._hasValueState) {\n\t\t\tconst valueStateHeader = this._getPicker().querySelector(\"[slot=header]\")!;\n\t\t\theaderHeight = valueStateHeader.getBoundingClientRect().height;\n\t\t}\n\n\t\treturn (rectItem.top + Suggestions.SCROLL_STEP <= windowHeight) && (rectItem.top >= rectInput.top + headerHeight);\n\t}\n\n\t_scrollItemIntoView(item: IInputSuggestionItem) {\n\t\titem.scrollIntoView({\n\t\t\tbehavior: \"auto\",\n\t\t\tblock: \"nearest\",\n\t\t\tinline: \"nearest\",\n\t\t});\n\t}\n\n\t_getScrollContainer() {\n\t\tif (!this._scrollContainer) {\n\t\t\tthis._scrollContainer = this._getPicker().shadowRoot!.querySelector(\".ui5-popup-content\")!;\n\t\t}\n\n\t\treturn this._scrollContainer;\n\t}\n\n\t/**\n\t * Returns the items in 1D array.\n\t *\n\t */\n\t_getItems(): Array<IInputSuggestionItem> {\n\t\tconst suggestionComponent = this._getComponent();\n\n\t\treturn suggestionComponent.getSlottedNodes<IInputSuggestionItem>(\"suggestionItems\").flatMap(item => {\n\t\t\treturn item.hasAttribute(\"ui5-suggestion-item-group\") ? [item, ...item.items!] : [item];\n\t\t});\n\t}\n\n\t_getNonGroupItems(): Array<IInputSuggestionItemSelectable> {\n\t\treturn this._getItems().filter(item => !item.hasAttribute(\"ui5-suggestion-item-group\")) as Array<IInputSuggestionItemSelectable>;\n\t}\n\n\t_getComponent(): SuggestionComponent {\n\t\treturn this.component;\n\t}\n\n\t_getList() {\n\t\treturn this._getPicker().querySelector<List>(\"[ui5-list]\")!;\n\t}\n\n\t_getListWidth() {\n\t\treturn this._getList()?.offsetWidth;\n\t}\n\n\t_getPicker() {\n\t\treturn this._getComponent().shadowRoot!.querySelector<ResponsivePopover>(\"[ui5-responsive-popover]\")!;\n\t}\n\n\tget itemSelectionAnnounce() {\n\t\tif (!this.accInfo) {\n\t\t\treturn \"\";\n\t\t}\n\n\t\tif (this.accInfo.isGroup) {\n\t\t\treturn `${Suggestions.i18nBundle.getText(LIST_ITEM_GROUP_HEADER)} ${this.accInfo.itemText}`;\n\t\t}\n\n\t\tconst itemPositionText = Suggestions.i18nBundle.getText(LIST_ITEM_POSITION, this.accInfo.currentPos || 0, this.accInfo.listSize || 0);\n\n\t\treturn `${this.accInfo.additionalText} ${itemPositionText}`.trim();\n\t}\n\n\thightlightInput(text: string, input: string) {\n\t\treturn generateHighlightedMarkup(text, input);\n\t}\n\n\tget _hasValueState() {\n\t\treturn this.component.hasValueStateMessage;\n\t}\n\n\t_clearSelectedSuggestionAndaccInfo() {\n\t\tthis.accInfo = undefined;\n\t\tthis.selectedItemIndex = 0;\n\t}\n}\n\nInput.SuggestionsClass = Suggestions;\n\nexport default Suggestions;\n\nexport type {\n\tSuggestionComponent,\n};\n"]}

package/dist/features/InputSuggestionsTemplate.d.ts

@@ -0,0 +1,8 @@
+import type { JsxTemplateResult } from "@ui5/webcomponents-base/dist/index.js";
+import Input from "../Input.js";
+export default function InputSuggestionsTemplate(this: Input, hooks?: {
+    suggestionsList?: (this: Input) => JsxTemplateResult;
+    mobileHeader?: (this: Input) => JsxTemplateResult;
+    valueStateMessage: (this: Input) => JsxTemplateResult;
+    valueStateMessageInputIcon: (this: Input) => string;
+}): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/features/InputSuggestionsTemplate.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import Input from "../Input.js";
+import Icon from "../Icon.js";
+import List from "../List.js";
+import ResponsivePopover from "../ResponsivePopover.js";
+import Button from "../Button.js";
+import ListAccessibleRole from "../types/ListAccessibleRole.js";
+export default function InputSuggestionsTemplate(hooks) {
+    const suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;
+    // Mobile header hook - intended only for MultiInput design scenario
+    const mobileHeader = hooks?.mobileHeader;
+    const valueStateMessage = hooks?.valueStateMessage;
+    const valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;
+    return (_jsxs(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 &&
+                _jsx(_Fragment, { children: _jsxs("div", { slot: "header", class: "ui5-responsive-popover-header", children: [_jsx("div", { class: "row", children: _jsx("span", { children: this._headerTitleText }) }), _jsx("div", { class: "row", children: _jsxs("div", { class: "input-root-phone native-input-wrapper", children: [_jsx(Input, { class: "ui5-input-inner-phone", type: this.inputType, value: this.value, showClearIcon: this.showClearIcon, placeholder: this.placeholder, onInput: this._handleInput }), mobileHeader?.call(this)] }) }), this.hasValueStateMessage &&
+                                _jsxs("div", { class: this.classes.popoverValueState, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] })] }) }), !this._isPhone && this.hasValueStateMessage &&
+                _jsxs("div", { slot: "header", class: {
+                        "ui5-responsive-popover-header": true,
+                        ...this.classes.popoverValueState,
+                    }, style: this.styles.suggestionPopoverHeader, children: [_jsx(Icon, { class: "ui5-input-value-state-message-icon", name: valueStateMessageInputIcon?.call(this) }), this.open && valueStateMessage?.call(this)] }), this.showSuggestions && suggestionsList.call(this), this._isPhone &&
+                _jsxs("div", { slot: "footer", class: "ui5-responsive-popover-footer", children: [_jsx(Button, { design: "Emphasized", onClick: this._confirmMobileValue, children: this._suggestionsOkButtonText }), _jsx(Button, { class: "ui5-responsive-popover-close-btn", design: "Transparent", onClick: this._cancelMobileValue, children: this._suggestionsCancelButtonText })] })] }));
+}
+function defaultSuggestionsList() {
+    return (_jsx(List, { accessibleRole: ListAccessibleRole.ListBox, separators: this.suggestionSeparators, selectionMode: "Single", onMouseDown: this.onItemMouseDown, onItemClick: this._handleSuggestionItemPress, onSelectionChange: this._handleSelectionChange, children: _jsx("slot", {}) }));
+}
+//# sourceMappingURL=InputSuggestionsTemplate.js.map

package/dist/features/InputSuggestionsTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSuggestionsTemplate.js","sourceRoot":"","sources":["../../src/features/InputSuggestionsTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { JsxTemplateResult } from \"@ui5/webcomponents-base/dist/index.js\";\nimport Input from \"../Input.js\";\nimport Icon from \"../Icon.js\";\n\nimport List from \"../List.js\";\nimport ResponsivePopover from \"../ResponsivePopover.js\";\nimport Button from \"../Button.js\";\nimport ListAccessibleRole from \"../types/ListAccessibleRole.js\";\n\nexport default function InputSuggestionsTemplate(this: Input, hooks?: { suggestionsList?: (this: Input) => JsxTemplateResult, mobileHeader?: (this: Input) => JsxTemplateResult, valueStateMessage: (this: Input) => JsxTemplateResult, valueStateMessageInputIcon: (this: Input) => string }) {\n\tconst suggestionsList = hooks?.suggestionsList || defaultSuggestionsList;\n\t// Mobile header hook - intended only for MultiInput design scenario\n\tconst mobileHeader = hooks?.mobileHeader;\n\tconst valueStateMessage = hooks?.valueStateMessage;\n\tconst valueStateMessageInputIcon = hooks?.valueStateMessageInputIcon;\n\n\treturn (\n\t\t<ResponsivePopover\n\t\t\tclass={this.classes.popover}\n\t\t\thideArrow={true}\n\t\t\tpreventFocusRestore={true}\n\t\t\tpreventInitialFocus={true}\n\t\t\tplacement=\"Bottom\"\n\t\t\thorizontalAlign=\"Start\"\n\t\t\ttabindex={-1}\n\t\t\tstyle={this.styles.suggestionsPopover}\n\t\t\tonOpen={this._afterOpenPicker}\n\t\t\tonClose={this._afterClosePicker}\n\t\t\tonScroll={this._scroll}\n\t\t\topen={this.open}\n\t\t\topener={this}\n\t\t\taccessibleName={this._popupLabel}\n\t\t>\n\t\t\t{this._isPhone &&\n\t\t\t\t<>\n\t\t\t\t\t<div slot=\"header\" class=\"ui5-responsive-popover-header\">\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<span>{this._headerTitleText}</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class=\"row\">\n\t\t\t\t\t\t\t<div class=\"input-root-phone native-input-wrapper\">\n\t\t\t\t\t\t\t\t<Input\n\t\t\t\t\t\t\t\t\tclass=\"ui5-input-inner-phone\"\n\t\t\t\t\t\t\t\t\ttype={this.inputType}\n\t\t\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\t\t\tshowClearIcon={this.showClearIcon}\n\t\t\t\t\t\t\t\t\tplaceholder={this.placeholder}\n\t\t\t\t\t\t\t\t\tonInput={this._handleInput}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{mobileHeader?.call(this)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t{this.hasValueStateMessage &&\n\t\t\t\t\t\t\t<div class={this.classes.popoverValueState} style={this.styles.suggestionPopoverHeader}>\n\t\t\t\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon?.call(this)} />\n\t\t\t\t\t\t\t\t{this.open && valueStateMessage?.call(this)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t</>\n\t\t\t}\n\n\t\t\t{!this._isPhone && this.hasValueStateMessage &&\n\t\t\t\t<div\n\t\t\t\t\tslot=\"header\"\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"ui5-responsive-popover-header\": true,\n\t\t\t\t\t\t...this.classes.popoverValueState,\n\t\t\t\t\t}}\n\t\t\t\t\tstyle={this.styles.suggestionPopoverHeader}\n\t\t\t\t>\n\t\t\t\t\t<Icon class=\"ui5-input-value-state-message-icon\" name={valueStateMessageInputIcon?.call(this)} />\n\t\t\t\t\t{this.open && valueStateMessage?.call(this)}\n\t\t\t\t</div>\n\t\t\t}\n\n\t\t\t{ this.showSuggestions && suggestionsList.call(this) }\n\n\t\t\t{this._isPhone &&\n\t\t\t\t<div slot=\"footer\" class=\"ui5-responsive-popover-footer\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\tdesign=\"Emphasized\"\n\t\t\t\t\t\tonClick={this._confirmMobileValue}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._suggestionsOkButtonText}\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tclass=\"ui5-responsive-popover-close-btn\"\n\t\t\t\t\t\tdesign=\"Transparent\"\n\t\t\t\t\t\tonClick={this._cancelMobileValue}\n\t\t\t\t\t>\n\t\t\t\t\t\t{this._suggestionsCancelButtonText}\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ResponsivePopover>\n\t);\n}\n\nfunction defaultSuggestionsList(this: Input) {\n\treturn (\n\t\t<List\n\t\t\taccessibleRole={ListAccessibleRole.ListBox}\n\t\t\tseparators={this.suggestionSeparators}\n\t\t\tselectionMode=\"Single\"\n\t\t\tonMouseDown={this.onItemMouseDown}\n\t\t\tonItemClick={this._handleSuggestionItemPress}\n\t\t\tonSelectionChange={this._handleSelectionChange}\n\t\t>\n\t\t\t<slot></slot>\n\t\t</List>\n\t);\n}\n"]}

package/dist/features/ListItemStandardExpandableText.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/features/ListItemStandardExpandableText.js

@@ -0,0 +1,7 @@
+import ListItemStandard from "../ListItemStandard.js";
+import ListItemGroupHeader from "../ListItemGroupHeader.js";
+import ListItemStandardExpandableTextTemplate from "./ListItemStandardExpandableTextTemplate.js";
+// Assigns the template to the component to be used when the feature is preloaded
+ListItemStandard.ExpandableTextTemplate = ListItemStandardExpandableTextTemplate;
+ListItemGroupHeader.ExpandableTextTemplate = ListItemStandardExpandableTextTemplate;
+//# sourceMappingURL=ListItemStandardExpandableText.js.map

package/dist/features/ListItemStandardExpandableText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemStandardExpandableText.js","sourceRoot":"","sources":["../../src/features/ListItemStandardExpandableText.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,MAAM,wBAAwB,CAAC;AACtD,OAAO,mBAAmB,MAAM,2BAA2B,CAAC;AAC5D,OAAO,sCAAsC,MAAM,6CAA6C,CAAC;AAEjG,iFAAiF;AACjF,gBAAgB,CAAC,sBAAsB,GAAG,sCAAsC,CAAC;AACjF,mBAAmB,CAAC,sBAAsB,GAAG,sCAAsC,CAAC","sourcesContent":["import ListItemStandard from \"../ListItemStandard.js\";\nimport ListItemGroupHeader from \"../ListItemGroupHeader.js\";\nimport ListItemStandardExpandableTextTemplate from \"./ListItemStandardExpandableTextTemplate.js\";\n\n// Assigns the template to the component to be used when the feature is preloaded\nListItemStandard.ExpandableTextTemplate = ListItemStandardExpandableTextTemplate;\nListItemGroupHeader.ExpandableTextTemplate = ListItemStandardExpandableTextTemplate;\n"]}

package/dist/features/ListItemStandardExpandableTextTemplate.d.ts

@@ -0,0 +1,10 @@
+import type ListItemBase from "../ListItemBase.js";
+import type { ExpandableTextTemplateParams } from "../types/ExpandableTextTemplateParams.js";
+/**
+ * Provides a template for rendering text with the ExpandableText component
+ * when wrappingType is set to "Normal".
+ *
+ * @param {object} injectedProps - The configuration options for the expandable text
+ * @returns {JSX.Element} The rendered ExpandableText component
+ */
+export default function ListItemStandardExpandableTextTemplate(this: ListItemBase, injectedProps: ExpandableTextTemplateParams): JSX.Element;

package/dist/features/ListItemStandardExpandableTextTemplate.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import ExpandableText from "../ExpandableText.js";
+/**
+ * Provides a template for rendering text with the ExpandableText component
+ * when wrappingType is set to "Normal".
+ *
+ * @param {object} injectedProps - The configuration options for the expandable text
+ * @returns {JSX.Element} The rendered ExpandableText component
+ */
+export default function ListItemStandardExpandableTextTemplate(injectedProps) {
+    const { className, text, maxCharacters, part } = injectedProps;
+    return (_jsx(ExpandableText, { part: part, class: className, text: text, maxCharacters: maxCharacters }));
+}
+//# sourceMappingURL=ListItemStandardExpandableTextTemplate.js.map

package/dist/features/ListItemStandardExpandableTextTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemStandardExpandableTextTemplate.js","sourceRoot":"","sources":["../../src/features/ListItemStandardExpandableTextTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,cAAc,MAAM,sBAAsB,CAAC;AAIlD;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,sCAAsC,CAE7D,aAA2C;IAE3C,MAAM,EACL,SAAS,EACT,IAAI,EACJ,aAAa,EACb,IAAI,EACJ,GAAG,aAAa,CAAC;IAElB,OAAO,CACN,KAAC,cAAc,IACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,GAC3B,CACF,CAAC;AACH,CAAC","sourcesContent":["import ExpandableText from \"../ExpandableText.js\";\nimport type ListItemBase from \"../ListItemBase.js\";\nimport type { ExpandableTextTemplateParams } from \"../types/ExpandableTextTemplateParams.js\";\n\n/**\n * Provides a template for rendering text with the ExpandableText component\n * when wrappingType is set to \"Normal\".\n *\n * @param {object} injectedProps - The configuration options for the expandable text\n * @returns {JSX.Element} The rendered ExpandableText component\n */\nexport default function ListItemStandardExpandableTextTemplate(\n\tthis: ListItemBase,\n\tinjectedProps: ExpandableTextTemplateParams\n): JSX.Element {\n\tconst {\n\t\tclassName,\n\t\ttext,\n\t\tmaxCharacters,\n\t\tpart\n\t} = injectedProps;\n\n\treturn (\n\t\t<ExpandableText\n\t\t\tpart={part}\n\t\t\tclass={className}\n\t\t\ttext={text}\n\t\t\tmaxCharacters={maxCharacters}\n\t\t/>\n\t);\n}\n"]}

package/dist/generated/assets/i18n/messagebundle_ar.json

@@ -0,0 +1 @@
+{"ARIA_LABEL_CARD_CONTENT":"محتوى البطاقة","ARIA_ROLEDESCRIPTION_CARD":"البطاقة","ARIA_ROLEDESCRIPTION_CARD_HEADER":"مقدمة البطاقة","ARIA_ROLEDESCRIPTION_INTERACTIVE_CARD_HEADER":"مقدمة بطاقة تفاعلية","AVATAR_TOOLTIP":"صورة رمزية (أفاتار)","AVATAR_TYPE_BUTTON":"الزر","AVATAR_TYPE_IMAGE":"الصورة","AVATAR_GROUP_DISPLAYED_HIDDEN_LABEL":"{0} معروض، {1} مخفي.","AVATAR_GROUP_SHOW_COMPLETE_LIST_LABEL":"قم بالتنشيط للقائمة بأكملها.","AVATAR_GROUP_ARIA_LABEL_INDIVIDUAL":"الأفاتارز الفردية.","AVATAR_GROUP_ARIA_LABEL_GROUP":"الأفاتارز المربوطة.","AVATAR_GROUP_MOVE":"اضغط على مفاتيح الأسهم للنقل.","TAG_DESCRIPTION_TAG":"علامة","TAG_ROLE_DESCRIPTION":"زر العلامة","TAG_ERROR":"خطأ","TAG_WARNING":"تحذير","TAG_SUCCESS":"نجاح","TAG_INFORMATION":"معلومات","BREADCRUMB_ITEM_POS":"{0} من {1}","BREADCRUMBS_ARIA_LABEL":"مسار التنقل","BREADCRUMBS_OVERFLOW_ARIA_LABEL":"المزيد","BREADCRUMBS_CANCEL_BUTTON":"إلغاء","FORM_SELECTABLE_AVALIABLE_VALUES":"القيم المتوفرة","BUSY_INDICATOR_TITLE":"الرجاء الانتظار","BUTTON_ARIA_TYPE_ACCEPT":"إجراء موجب","BUTTON_ARIA_TYPE_REJECT":"إجراء سالب","BUTTON_ARIA_TYPE_EMPHASIZED":"الإجراء الافتراضي","BUTTON_ARIA_TYPE_ATTENTION":"تحذير","BUTTON_BADGE_ONE_ITEM":"{0} بند","BUTTON_BADGE_MANY_ITEMS":"{0} من البنود","BUTTON_ROLE_DESCRIPTION":"الزر","LINK_ROLE_DESCRIPTION":"الارتباط","CAL_LEGEND_TODAY_TEXT":"اليوم","CAL_LEGEND_SELECTED_TEXT":"اليوم المحدد","CAL_LEGEND_WORKING_DAY_TEXT":"يوم عمل","CAL_LEGEND_NON_WORKING_DAY_TEXT":"يوم عطلة","CAL_LEGEND_ROLE_DESCRIPTION":"وسيلة إيضاح التقويم","CAROUSEL_OF_TEXT":"من","CAROUSEL_DOT_TEXT":"الصفحة {0} من {1}","CAROUSEL_PREVIOUS_ARROW_TEXT":"الصفحة السابقة","CAROUSEL_NEXT_ARROW_TEXT":"الصفحة التالية","CAROUSEL_ARIA_ROLE_DESCRIPTION":"شريط التمرير","CAROUSEL_ARIA_LIST_LABEL":"حاوية البنود","COLORPALETTE_CONTAINER_LABEL":"لوحة الألوان - الألوان المحددة مسبقًا","COLORPALETTE_POPOVER_TITLE":"لوحة الألوان","COLORPALETTE_COLOR_LABEL":"اللون","COLOR_PALETTE_DIALOG_CANCEL_BUTTON":"إلغاء","COLOR_PALETTE_DIALOG_OK_BUTTON":"موافق","COLOR_PALETTE_DIALOG_TITLE":"تغيير اللون","COLOR_PALETTE_MORE_COLORS_TEXT":"مزيد من الألوان...","COLOR_PALETTE_DEFAULT_COLOR_TEXT":"اللون الافتراضي","COLORPICKER_LABEL":"منتقي الألوان","COLORPICKER_SLIDER_GROUP":"أشرطة تمرير الألوان","COLORPICKER_ALPHA_SLIDER":"شريط تمرير التحكم بالشفافية","COLORPICKER_HUE_SLIDER":"ِشريط تمرير التحكم في درجة اللون","COLORPICKER_HEX":"ست عشري","COLORPICKER_RED":"أحمر","COLORPICKER_GREEN":"أخضر","COLORPICKER_BLUE":"أزرق","COLORPICKER_HUE":"تدرج اللون","COLORPICKER_SATURATION":"تشبع","COLORPICKER_LIGHT":"فاتح","COLORPICKER_TOGGLE_MODE_TOOLTIP":"تغيير نمط اللون","COLORPICKER_ALPHA":"ألفا","COLORPICKER_PERCENTAGE":"%","COLORPICKER_COLOR_MODE_CHANGED":"تم تغيير نمط اللون إلى {0}. القيم الحالية: {1}.","DATEPICKER_OPEN_ICON_TITLE":"فتح أداة الانتقاء","DATEPICKER_OPEN_ICON_TITLE_OPENED":"إغلاق أداة الانتقاء","DATEPICKER_DATE_DESCRIPTION":"إدخال التاريخ","DATEPICKER_VALUE_MISSING":"أدخل التاريخ بالتنسيق التالي: {0}.","DATEPICKER_PATTERN_MISSMATCH":"هذا التنسيق غير مدعوم. أدخل نطاق تواريخ ووقت بالتنسيق التالي: {0}.","DATEPICKER_RANGE_OVERFLOW":"أدخل تاريخًا أقل من القيمة القصوى لـ {0}.","DATEPICKER_RANGE_UNDERFLOW":"أدخل تاريخًا أعلى من القيمة الدنيا لـ {0}.","DATETIME_DESCRIPTION":"إدخال التاريخ/الوقت","DATETIME_VALUE_MISSING":"أدخل التاريخ والوقت بالتنسيق التالي: {0}.","DATETIME_PATTERN_MISMATCH":"هذا التنسيق غير مدعوم. أدخل تاريخ ووقت بالتنسيق التالي: {0}.","DATETIME_RANGEOVERFLOW":"أدخل قيمة أقل من القيمة القصوى لـ {0}.","DATETIME_RANGEUNDERFLOW":"أدخل قيمة أعلى من القيمة الدنيا لـ {0}.","DATERANGE_DESCRIPTION":"إدخال نطاق التواريخ","DATERANGE_VALUE_MISSING":"أدخل نطاق التواريخ بالتنسيق التالي: {0} - {0}.","DATERANGE_PATTERN_MISMATCH":"هذا التنسيق غير مدعوم. أدخل التاريخ بالتنسيق التالي: {0} - {0}.","DATERANGE_OVERFLOW":"أدخل قيمة أقل من القيمة القصوى لـ {0}.","DATERANGE_UNDERFLOW":"أدخل قيمة أعلى من القيمة الدنيا لـ {0}.","DATEPICKER_POPOVER_ACCESSIBLE_NAME":"اختيار تاريخ لـ {0}","DATETIME_COMPONENTS_PLACEHOLDER_PREFIX":"على سبيل المثال","DATETIMEPICKER_POPOVER_ACCESSIBLE_NAME":"اختيار التاريخ والوقت لـ {0}","DATERANGEPICKER_POPOVER_ACCESSIBLE_NAME":"اختيار نطاق تواريخ لـ {0}","DELETE":"حذف","EMPTY_INDICATOR_SYMBOL":"–","EMPTY_INDICATOR_ACCESSIBLE_TEXT":"قيمة فارغة","EXPANDABLE_TEXT_SHOW_MORE":"إظهار المزيد","EXPANDABLE_TEXT_SHOW_LESS":"إظهار أقل","EXPANDABLE_TEXT_CLOSE":"إغلاق","EXPANDABLE_TEXT_SHOW_MORE_POPOVER_ARIA_LABEL":"إظهار النص الكامل","EXPANDABLE_TEXT_SHOW_LESS_POPOVER_ARIA_LABEL":"إغلاق الإطار المنبثق","FILEUPLOADER_ROLE_DESCRIPTION":"برنامج تحميل الملف","FILEUPLOADER_DEFAULT_PLACEHOLDER":"استعراض ملف أو إسقاطه","FILEUPLOADER_DEFAULT_MULTIPLE_PLACEHOLDER":"استعراض ملفات متعددة أو إسقاطها","FILEUPLOADER_INPUT_TOOLTIP":"سيتم استبدال كل الملفات في كل تحميل","FILEUPLOADER_VALUE_HELP_TOOLTIP":"استعراض كل الملفات واستبدالها","FILEUPLOADER_CLEAR_ICON_TOOLTIP":"إزالة كل الملفات","FILEUPLOAER_VALUE_MISSING":"حدد ملفًا أو أسطقه وأدرجه.","GROUP_HEADER_TEXT":"مقدمة المجموعة","SELECT_ROLE_DESCRIPTION":"مربع القائمة","SELECT_OPTIONS":"تحديد الخيارات","SHOW_SELECTED_BUTTON":"إظهار البنود المحددة فقط","INPUT_SUGGESTIONS":"اقترحات متوفرة","MCB_SELECTED_ITEMS":"تحديد الكل ({0} من أصل {1})","INPUT_SUGGESTIONS_TITLE":"تحديد","INPUT_SUGGESTIONS_ONE_HIT":"النتيجة المتوفرة: 1","INPUT_SUGGESTIONS_MORE_HITS":"{0} النتائج متوفرة","INPUT_SUGGESTIONS_NO_HIT":"لا توجد نتائج","INPUT_CLEAR_ICON_ACC_NAME":"مسح","INPUT_SUGGESTIONS_OK_BUTTON":"موافق","INPUT_SUGGESTIONS_CANCEL_BUTTON":"إلغاء","LINK_SUBTLE":"غامض","LINK_EMPHASIZED":"مؤكد","LIST_ITEM_ACTIVE":"نشط","LIST_ITEM_POSITION":"بند القائمة {0} لـ {1}","LIST_ITEM_SELECTED":"محدد","LIST_ITEM_NOT_SELECTED":"غير محدد","LIST_ITEM_GROUP_HEADER":"مقدمة المجموعة","LIST_ROLE_LIST_GROUP_DESCRIPTION":"يحتوي على {0} من المجموعات الفرعية مع {1} من البنود","LIST_ROLE_LISTBOX_GROUP_DESCRIPTION":"يحتوي على {0} من المجموعات الفرعية","ARIA_LABEL_LIST_ITEM_CHECKBOX":"نمط التحديد المتعدد","ARIA_LABEL_LIST_ITEM_RADIO_BUTTON":"تحديد البنود.","ARIA_LABEL_LIST_SELECTABLE":"توجد بنود قابلة للتحديد","ARIA_LABEL_LIST_MULTISELECTABLE":"توجد بنود قابلة للتحديد المتعدد","ARIA_LABEL_LIST_DELETABLE":"توجد بنود قابلة للحذف","MESSAGE_STRIP_CLOSE_BUTTON_INFORMATION":"إغلاق شريط رسالة المعلومات","MESSAGE_STRIP_CLOSE_BUTTON_POSITIVE":"إغلاق شريط الرسالة الإيجابية","MESSAGE_STRIP_CLOSE_BUTTON_NEGATIVE":"إغلاق شريط الرسالة السلبية","MESSAGE_STRIP_CLOSE_BUTTON_CRITICAL":"إغلاق شريط الرسالة الحرجة","MESSAGE_STRIP_CLOSE_BUTTON_CUSTOM":"إغلاق شريط الرسالة المخصصة","MESSAGE_STRIP_CLOSABLE":"ممكن إغلاقه","MESSAGE_STRIP_ERROR":"شريط رسالة الخطأ","MESSAGE_STRIP_WARNING":"شريط رسالة التحذير","MESSAGE_STRIP_SUCCESS":"شريط رسالة النجاح","MESSAGE_STRIP_INFORMATION":"شريط الرسالة","MESSAGE_STRIP_CUSTOM":"شريط الرسالة المخصصة","MULTICOMBOBOX_DIALOG_OK_BUTTON":"موافق","MULTICOMBOBOX_DIALOG_CANCEL_BUTTON":"إلغاء","COMBOBOX_AVAILABLE_OPTIONS":"الخيارات المتوفرة","COMBOBOX_DIALOG_OK_BUTTON":"موافق","COMBOBOX_DIALOG_CANCEL_BUTTON":"إلغاء","INPUT_AVALIABLE_VALUES":"القيم المتوفرة","VALUE_STATE_ERROR_ALREADY_SELECTED":"هذه القيمة محددة بالفعل.","MULTIINPUT_ROLEDESCRIPTION_TEXT":"إدخال متعدد القيمة","MULTIINPUT_SHOW_MORE_TOKENS":"{0} إضافي","MULTIINPUT_VALUE_HELP_LABEL":"إظهار مساعدة الإدخال","MULTIINPUT_VALUE_HELP":"تتوفر مساعدة الإدخال","MULTIINPUT_FILTER_BUTTON_LABEL":"إظهار الرموز المميزة المحددة","PANEL_ICON":"توسيع/طي","RANGE_SLIDER_ARIA_DESCRIPTION":"النطاق","RANGE_SLIDER_START_HANDLE_DESCRIPTION":"المؤشر الأيمن","RANGE_SLIDER_END_HANDLE_DESCRIPTION":"المؤشر الأيسر","RATING_INDICATOR_TOOLTIP_TEXT":"التصنيف","RATING_INDICATOR_TEXT":"مؤشر التقييم","RATING_INDICATOR_ARIA_DESCRIPTION":"مطلوب","RESPONSIVE_POPOVER_CLOSE_DIALOG_BUTTON":"رفض","SEGMENTEDBUTTON_ARIA_DESCRIPTION":"مجموعة الأزرار المقسَّمة","SEGMENTEDBUTTON_ARIA_DESCRIBEDBY":"اضغط على SPACE أو ENTER لتحديد أحد البنود","SEGMENTEDBUTTONITEM_ARIA_DESCRIPTION":"الزر المقسَّم","SLIDER_ARIA_DESCRIPTION":"مؤشر مربع التمرير","LOAD_MORE_TEXT":"المزيد","TABLE_HEADER_ROW_INFORMATION":"صف المقدمة 1 من أصل {0}","TABLE_ROW_POSITION":"{0} من {1}","TABLE_GROUP_ROW_ARIA_LABEL":"صف مقدمة المجموعة","ARIA_LABEL_ROW_SELECTION":"تحديد البنود","ARIA_LABEL_SELECT_ALL_CHECKBOX":"تحديد كل الصفوف","ARIA_LABEL_EMPTY_CELL":"فارغ","TAB_ARIA_DESIGN_POSITIVE":"إيجابية","TAB_ARIA_DESIGN_NEGATIVE":"سلبية","TAB_ARIA_DESIGN_CRITICAL":"مهم","TAB_ARIA_DESIGN_NEUTRAL":"محايد","TAB_SPLIT_ROLE_DESCRIPTION":"علامة تبويب بالبنود الفرعية","TABCONTAINER_NEXT_ICON_ACC_NAME":"التالي","TABCONTAINER_PREVIOUS_ICON_ACC_NAME":"السابق","TABCONTAINER_OVERFLOW_MENU_TITLE":"قائمة التدفق","TABCONTAINER_END_OVERFLOW":"المزيد","TABCONTAINER_POPOVER_CANCEL_BUTTON":"إلغاء","TABCONTAINER_SUBTABS_DESCRIPTION":"اضغط على مفتاح السهم لأسفل لفتح قائمة البنود الفرعية","TEXTAREA_CHARACTERS_LEFT":"متبق {0} من الحروف","TEXTAREA_CHARACTERS_EXCEEDED":"تم تجاوز الحد بمقدار {0} من الحروف","TEXTAREA_EXCEEDS_MAXLENGTH":"القيمة كبيرة للغاية بمقدار {0} من الحروف.","TIMEPICKER_HOURS_LABEL":"الساعات","TIMEPICKER_MINUTES_LABEL":"الدقائق","TIMEPICKER_SECONDS_LABEL":"الثواني","TIMEPICKER_SUBMIT_BUTTON":"موافق","TIMEPICKER_CANCEL_BUTTON":"إلغاء","TIMEPICKER_INPUT_DESCRIPTION":"إدخال الوقت","TIMEPICKER_POPOVER_ACCESSIBLE_NAME":"اختيار الوقت لـ {0}","TIMEPICKER_CLOCK_DIAL_LABEL":"طلب الساعة","TIMEPICKER_INPUTS_ENTER_HOURS":"يُرجى إدخال الساعات","TIMEPICKER_INPUTS_ENTER_MINUTES":"يُرجى إدخال الدقائق","TIMEPICKER_INPUTS_ENTER_SECONDS":"يُرجى إدخال الثواني","TIMEPICKER_OPEN_ICON_TITLE":"فتح أداة الانتقاء","TIMEPICKER_OPEN_ICON_TITLE_OPENED":"إغلاق أداة الانتقاء","TIMEPICKER_VALUE_MISSING":"أدخل الوقت بالتنسيق التالي: {0}.","TIMEPICKER_PATTERN_MISSMATCH":"هذا التنسيق غير مدعوم. أدخل الوقت بالتنسيق التالي: {0}.","DURATION_INPUT_DESCRIPTION":"إدخال المدة","DATETIME_PICKER_DATE_BUTTON":"التاريخ","DATETIME_PICKER_TIME_BUTTON":"الوقت","TOKEN_ARIA_DELETABLE":"قابل للحذف","TOKEN_ARIA_REMOVE":"إزالة","TOKEN_ARIA_LABEL":"الرمز المميز","TOKENIZER_ARIA_CONTAIN_TOKEN":"لا توجد رموز مميزة","TOKENIZER_ARIA_CONTAIN_ONE_TOKEN":"يتضمن رمز مميز واحد","TOKENIZER_ARIA_CONTAIN_SEVERAL_TOKENS":"يحتوى على {0} من الرموز المميزة","TOKENIZER_ARIA_LABEL":"عارض الرموز المميزة","TOKENIZER_POPOVER_REMOVE":"كل البنود","TOKENIZER_SHOW_ALL_ITEMS":"{0} من البنود","TOKENIZER_CLEAR_ALL":"مسح الكل","TOKENIZER_DIALOG_CANCEL_BUTTON":"إلغاء","TOKENIZER_DIALOG_OK_BUTTON":"موافق","TREE_ITEM_ARIA_LABEL":"عنصر الشجرة","TREE_ITEM_EXPAND_NODE":"توسيع العقدة","TREE_ITEM_COLLAPSE_NODE":"طي العقدة","VALUE_STATE_TYPE_ERROR":"حالة القيمة ’خطأ‘","VALUE_STATE_TYPE_WARNING":"حالة القيمة ’تحذير‘","VALUE_STATE_TYPE_SUCCESS":"حالة القيمة ناجح","VALUE_STATE_TYPE_INFORMATION":"حالة القيمة ’معلومات‘","VALUE_STATE_ERROR":"إدخال غير صالح","VALUE_STATE_WARNING":"تم إصدار تحذير","VALUE_STATE_INFORMATION":"إدخال معلوماتي","VALUE_STATE_SUCCESS":"تم التحقق من صحة الإدخال بنجاح","VALUE_STATE_LINK":"لنقل التركيز إلى الارتباط، اضغط على Ctrl+Alt+F8","VALUE_STATE_LINK_MAC":"لنقل التركيز إلى الارتباط، اضغط على Cmd+Option+F8","VALUE_STATE_LINKS":"اضغط على Ctrl+Alt+F8 للانتقال إلى الارتباط الأول. للانتقال إلى الارتباط التالي، استخدم علامة التبويب","VALUE_STATE_LINKS_MAC":"اضغط على Cmd+Option+F8 للانتقال إلى الارتباط الأول واستخدم علامة التبويب للانتقال إلى الارتباط التالي","CALENDAR_HEADER_MONTH_BUTTON":"شهر {0}","CALENDAR_HEADER_YEAR_BUTTON":"السنة {0}","CALENDAR_HEADER_YEAR_RANGE_BUTTON":"نطاق السنة من {0} إلى {1}","CALENDAR_HEADER_MONTH_BUTTON_SHORTCUT":"F4","CALENDAR_HEADER_YEAR_BUTTON_SHORTCUT":"Shift + F4","CALENDAR_HEADER_YEAR_RANGE_BUTTON_SHORTCUT":"Shift + F4","CALENDAR_HEADER_MONTH_NEXT_BUTTON_TITLE":"الشهر التالي","CALENDAR_HEADER_YEAR_NEXT_BUTTON_TITLE":"السنة التالية","CALENDAR_HEADER_YEAR_RANGE_NEXT_BUTTON_TITLE":"نطاق السنة التالية","CALENDAR_HEADER_MONTH_NEXT_BUTTON_SHORTCUT":"صفحة إلى أعلى","CALENDAR_HEADER_MONTH_PREVIOUS_BUTTON_TITLE":"الشهر السابق","CALENDAR_HEADER_YEAR_PREVIOUS_BUTTON_TITLE":"السنة السابقة","CALENDAR_HEADER_YEAR_RANGE_PREVIOUS_BUTTON_TITLE":"نطاق السنة السابقة","CALENDAR_HEADER_MONTH_PREVIOUS_BUTTON_SHORTCUT":"صفحة إلى أسفل","DAY_PICKER_SELECTED_RANGE_START":"{0} أول تاريخ للنطاق","DAY_PICKER_SELECTED_RANGE_BETWEEN":"{0} في نطاق محدد","DAY_PICKER_SELECTED_RANGE_END":"{0} آخر تاريخ للنطاق","DAY_PICKER_WEEK_NUMBER_TEXT":"رقم الأسبوع","DAY_PICKER_NON_WORKING_DAY":"يوم عطلة","DAY_PICKER_TODAY":"اليوم","MONTH_PICKER_DESCRIPTION":"أداة انتقاء الشهر","YEAR_PICKER_DESCRIPTION":"أداة انتقاء السنة","YEAR_RANGE_PICKER_DESCRIPTION":"أداة انتقاء نطاق السنوات","SLIDER_TOOLTIP_INPUT_DESCRIPTION":"اضغط على F2 لإدخال قيمة.","SLIDER_TOOLTIP_INPUT_LABEL":"القيمة الحالية","STEPINPUT_DEC_ICON_TITLE":"تخفيض","STEPINPUT_INC_ICON_TITLE":"زيادة","STEPINPUT_PATTER_MISSMATCH":"هذا التنسيق غير مدعوم. أدخل عددًا بـ {0} من المنازل العشرية.","STEPINPUT_RANGEOVERFLOW":"أدخل عددًا أقل من القيمة القصوى لـ {0}.","STEPINPUT_RANGEUNDERFLOW":"أدخل عددًا أعلى من القيمة الدنيا لـ {0}.","SPLIT_BUTTON_DESCRIPTION":"زر التقسيم","SPLIT_BUTTON_KEYBOARD_HINT":"اضغط على Space أو Enter لبدء تشغيل الإجراء الافتراضي وAlt + Arrow Down أو F4 لبدء تشغيل إجراء السهم","SPLIT_BUTTON_ARROW_BUTTON_TOOLTIP":"فتح القائمة","MENU_BACK_BUTTON_ARIA_LABEL":"الخلف","MENU_CANCEL_BUTTON_TEXT":"إلغاء","MENU_POPOVER_ACCESSIBLE_NAME":"حدد خيارًا من القائمة","MENU_ITEM_GROUP_NONE_ACCESSIBLE_NAME":"يحتوي على بنود غير قابلة للتحديد","MENU_ITEM_GROUP_SINGLE_ACCESSIBLE_NAME":"توجد بنود قابلة للتحديد","MENU_ITEM_GROUP_MULTI_ACCESSIBLE_NAME":"توجد بنود قابلة للتحديد المتعدد","DIALOG_HEADER_ARIA_ROLE_DESCRIPTION":"مقدمة تفاعلية","DIALOG_HEADER_ARIA_DESCRIBEDBY_RESIZABLE":"استخدام مفاتيح Shift+Arrow لتغيير الحجم","DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE":"استخدام مفاتيح الأسهم للانتقال","DIALOG_HEADER_ARIA_DESCRIBEDBY_DRAGGABLE_RESIZABLE":"استخدام مفاتيح الأسهم للانتقال، مفاتيح Shift+Arrow لتغيير الحجم","LABEL_COLON":":","TOOLBAR_OVERFLOW_BUTTON_ARIA_LABEL":"خيارات إضافية","TOOLBAR_POPOVER_AVAILABLE_VALUES":"القيم المتوفرة","FORM_ACCESSIBLE_NAME":"النموذج","FORM_GROUP_ACCESSIBLE_NAME":"المجموعة {0}","FORM_CHECKABLE_REQUIRED":"يرجى وضع علامة على هذا المربع إذا كنت تريد المتابعة.","FORM_MIXED_TEXTFIELD_REQUIRED":"يرجى ملء هذا الحقل أو تحديد بند في القائمة.","FORM_SELECTABLE_REQUIRED":"يرجى تحديد بند في القائمة.","FORM_SELECTABLE_REQUIRED2":"يرجى تحديد أحد هذه الخيارات.","FORM_TEXTFIELD_REQUIRED":"يرجى ملء هذا الحقل.","TABLE_SELECTION":"التحديد","TABLE_ROW_SELECTOR":"مُحدِّد أولي","TABLE_ROW_NAVIGATED":"انتقل إلى","TABLE_NO_DATA":"لا توجد بيانات","TABLE_SINGLE_SELECTABLE":"جدول التحديد الفردي","TABLE_MULTI_SELECTABLE":"جدول التحديد المتعدد","TABLE_CELL_SINGLE_CONTROL":"يتضمن عنصر","TABLE_CELL_MULTIPLE_CONTROLS":"يتضمن عناصر","TABLE_COLUMNHEADER_SELECTALL_DESCRIPTION":"خانات الاختيار تحديد الكل","TABLE_COLUMNHEADER_SELECTALL_CHECKED":"محدد","TABLE_COLUMNHEADER_SELECTALL_NOT_CHECKED":"غير محدد","TABLE_COLUMNHEADER_CLEARALL_DESCRIPTION":"مسح كل الأزرار","TABLE_ROW":"الصف","TABLE_ROW_POPIN":"منطقة إدخال الصف","TABLE_ROW_INDEX":"{0} من {1}","TABLE_ROW_SELECTED":"مُحدد","TABLE_ROW_ACTIVE":"نشط","TABLE_ROW_NAVIGABLE":"به تفاصيل","TABLE_COLUMN_HEADER_ROW":"صف مقدمة العمود","TABLE_MORE":"المزيد","TABLE_MORE_DESCRIPTION":"لتحميل المزيد من الصفوف، اضغط على Enter أو Space","TABLE_ROW_ACTIONS":"إجراءات الصف","TABLE_ROW_SINGLE_ACTION":"يتوفر 1 إجراء صف","TABLE_ROW_MULTIPLE_ACTIONS":"يتوفر {0} من إجراءات الصف","TABLE_NAVIGATION":"تنقل","TABLE_GENERATED_BY_AI":"مُنشأ بواسطة الذكاء الاصطناعي","TABLE_SELECT_ALL_ROWS":"تحديد كل الصفوف","TABLE_DESELECT_ALL_ROWS":"إلغاء تحديد كل الصفوف","TABLE_ACC_STATE_DISABLED":"معطَّل","TABLE_ACC_STATE_READONLY":"للقراءة فقط","TABLE_ACC_STATE_REQUIRED":"مطلوب","TABLE_ACC_STATE_EMPTY":"فارغ","DYNAMIC_DATE_RANGE_YESTERDAY_TEXT":"أمس","DYNAMIC_DATE_RANGE_TODAY_TEXT":"اليوم","DYNAMIC_DATE_RANGE_TOMORROW_TEXT":"غدًا","DYNAMIC_DATE_RANGE_DATE_TEXT":"التاريخ","DYNAMIC_DATE_RANGE_DATERANGE_TEXT":"من/إلى","DYNAMIC_DATE_RANGE_FROM_INPUT_TEXT":"من","DYNAMIC_DATE_RANGE_TO_INPUT_TEXT":"إلى","DYNAMIC_DATE_RANGE_FROM_TEXT":"من (التاريخ/الوقت)","DYNAMIC_DATE_RANGE_TO_TEXT":"إلى (التاريخ/الوقت)","DYNAMIC_DATE_RANGE_SELECTED_TEXT":"مُحدد","DYNAMIC_DATE_TIME_RANGE_TEXT":"البدء/الانتهاء (التاريخ والوقت)","DYNAMIC_DATE_TIME_RANGE_TEXT_TO_LABEL":"إلى","DYNAMIC_DATE_TIME_RANGE_TEXT_FROM_LABEL":"من","DYNAMIC_DATE_RANGE_EMPTY_SELECTED_TEXT":"اختيار التواريخ","DYNAMIC_DATE_RANGE_NAVIGATION_ICON_TOOLTIP":"التنقل للخلف","DYNAMIC_DATE_RANGE_LAST_DAYS_TEXT":"آخر X من الأيام","DYNAMIC_DATE_RANGE_NEXT_DAYS_TEXT":"X من الأيام التالية","DYNAMIC_DATE_RANGE_LAST_WEEKS_TEXT":"آخر X من الأسابيع","DYNAMIC_DATE_RANGE_NEXT_WEEKS_TEXT":"X من الأسابيع التالية","DYNAMIC_DATE_RANGE_LAST_MONTHS_TEXT":"آخر X من الشهور","DYNAMIC_DATE_RANGE_NEXT_MONTHS_TEXT":"X من الشهور التالية","DYNAMIC_DATE_RANGE_LAST_QUARTERS_TEXT":"آخر X من أرباع السنة","DYNAMIC_DATE_RANGE_NEXT_QUARTERS_TEXT":"X من أرباع السنة التالية","DYNAMIC_DATE_RANGE_LAST_YEARS_TEXT":"آخر x من السنوات","DYNAMIC_DATE_RANGE_NEXT_YEARS_TEXT":"X من السنوات التالية","CHECKBOX_CHECKED":"محدد","CHECKBOX_NOT_CHECKED":"غير محدد","CHECKBOX_ARIA_TYPE":"خانة الاختيار","DYNAMIC_DATE_RANGE_VALUE_LABEL_TEXT":"قيمة X","DYNAMIC_DATE_RANGE_UNIT_OF_TIME_LABEL_TEXT":"وحدة الوقت","DYNAMIC_DATE_RANGE_DAYS_UNIT_TEXT":"أيام","DYNAMIC_DATE_RANGE_WEEKS_UNIT_TEXT":"الأسابيع","DYNAMIC_DATE_RANGE_MONTHS_UNIT_TEXT":"الشهور","DYNAMIC_DATE_RANGE_QUARTERS_UNIT_TEXT":"أرباع","DYNAMIC_DATE_RANGE_YEARS_UNIT_TEXT":"السنوات","DYNAMIC_DATE_RANGE_LAST_COMBINED_TEXT":"آخر X {0} (متضمن)","DYNAMIC_DATE_RANGE_NEXT_COMBINED_TEXT":"X {0} التالي (متضمن)","DYNAMIC_DATE_RANGE_INCLUDED_TEXT":"(متضمن)","ICON_ARIA_TYPE_IMAGE":"الصورة","ICON_ARIA_TYPE_INTERACTIVE":"الزر"}