@sapudex/web-components 0.111.0

package/config/dist/DropdownGroupHeaderBase.js

@@ -0,0 +1,133 @@
+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;
+};
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UDExDropdownListItemBase from "./DropdownListItemBase.js";
+/**
+ * @class
+ *
+ * A class to serve as a foundation
+ * for the <code>UDExDropdownListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownGroupHeaderBase
+ * @extends sap.ui.webc.base.UDExDropdownListItemBase
+ * @public
+ */
+let UDExDropdownGroupHeaderBase = class UDExDropdownGroupHeaderBase extends UDExDropdownListItemBase {
+    handleSelectionGroupState(items) {
+        const isAnyEnabledOption = this.isAnyEnabledOption(items);
+        if (!isAnyEnabledOption) {
+            return;
+        }
+        const isAllSelectedGroupState = this.isAllSelected(items);
+        const isIndeterminateGroupState = this.indeterminate;
+        if (isAllSelectedGroupState) {
+            this.processGroupDeselectAll(items);
+        }
+        else if (isIndeterminateGroupState) {
+            this.toggleIndeterminateGroupState(items);
+        }
+        else {
+            this.processGroupSelectAll(items);
+        }
+    }
+    processGroupDeselectAll(items) {
+        const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled(items);
+        this.setAllItems(false);
+        if (isAnySelectedOptionDisabled) {
+            this.activateHeaderIndeterminate();
+        }
+        else {
+            this.deactivateHeader();
+        }
+    }
+    toggleIndeterminateGroupState(items) {
+        const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected(items);
+        if (isEachEnabledOptionSelected) {
+            this.processGroupDeselectAll(items);
+        }
+        else {
+            this.processGroupSelectAll(items);
+        }
+    }
+    processGroupSelectAll(items) {
+        const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled(items);
+        this.setAllItems(true);
+        if (isAnyNotSelectedOptionDisabled) {
+            this.activateHeaderIndeterminate();
+        }
+        else {
+            this.activateHeader();
+        }
+    }
+    handleHeaderState(items) {
+        const isAllSelected = this.isAllSelected(items);
+        const isAllDeselected = this.isAllDeselected(items);
+        if (isAllDeselected) {
+            this.deactivateHeader();
+            return;
+        }
+        if (isAllSelected) {
+            this.activateHeader();
+            return;
+        }
+        this.activateHeaderIndeterminate();
+    }
+    activateHeaderIndeterminate() {
+        this.selected = true;
+        this.indeterminate = true;
+    }
+    activateHeader() {
+        this.indeterminate = false;
+        this.selected = true;
+    }
+    deactivateHeader() {
+        this.selected = false;
+        this.indeterminate = false;
+    }
+    setAllItems(value) {
+        this.getItems().forEach(item => {
+            if (!item.disabled) {
+                item.selected = value;
+            }
+        });
+    }
+    isAllSelected(items) {
+        return items.every(({ selected }) => selected);
+    }
+    isAllDeselected(items) {
+        return items.every(({ selected }) => !selected);
+    }
+    isEachEnabledOptionSelected(items) {
+        return items.every(item => item.disabled || item.selected);
+    }
+    isAnyNotSelectedOptionDisabled(items) {
+        return items.some(item => !item.selected && item.disabled);
+    }
+    isAnySelectedOptionDisabled(items) {
+        return items.some(({ disabled, selected }) => disabled && selected);
+    }
+    isAnyEnabledOption(items) {
+        return items.some(({ disabled }) => !disabled);
+    }
+    getItems() {
+        return this.getSlottedNodes("items");
+    }
+    get isGroup() {
+        return true;
+    }
+};
+UDExDropdownGroupHeaderBase = __decorate([
+    customElement({
+        languageAware: true,
+        renderer: litRender,
+    })
+], UDExDropdownGroupHeaderBase);
+export default UDExDropdownGroupHeaderBase;
+//# sourceMappingURL=DropdownGroupHeaderBase.js.map

package/config/dist/DropdownGroupHeaderBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownGroupHeaderBase.js","sourceRoot":"","sources":["../src/DropdownGroupHeaderBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExDropdownListItemBase from \"./DropdownListItemBase.js\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExDropdownListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownGroupHeaderBase\n * @extends sap.ui.webc.base.UDExDropdownListItemBase\n * @public\n */\n\n@customElement({\n  languageAware: true,\n  renderer: litRender,\n})\n\nclass UDExDropdownGroupHeaderBase extends UDExDropdownListItemBase {\n  handleSelectionGroupState(items: Array<UDExDropdownListItemBase>) {\n    const isAnyEnabledOption = this.isAnyEnabledOption(items);\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected(items);\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll(items);\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState(items);\n    } else {\n      this.processGroupSelectAll(items);\n    }\n  }\n\n  processGroupDeselectAll(items: Array<UDExDropdownListItemBase>) {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled(items);\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState(items: Array<UDExDropdownListItemBase>) {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected(items);\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll(items);\n    } else {\n      this.processGroupSelectAll(items);\n    }\n  }\n\n  processGroupSelectAll(items: Array<UDExDropdownListItemBase>) {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled(items);\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState(items: Array<UDExDropdownListItemBase>) {\n    const isAllSelected = this.isAllSelected(items);\n    const isAllDeselected = this.isAllDeselected(items);\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(items: Array<UDExDropdownListItemBase>) {\n    return items.every(({ selected }) => selected);\n  }\n\n  isAllDeselected(items: Array<UDExDropdownListItemBase>) {\n    return items.every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(items: Array<UDExDropdownListItemBase>) {\n    return items.every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(items: Array<UDExDropdownListItemBase>) {\n    return items.some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelectedOptionDisabled(items: Array<UDExDropdownListItemBase>) {\n    return items.some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(items: Array<UDExDropdownListItemBase>) {\n    return items.some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExDropdownListItemBase> {\n    return this.getSlottedNodes<UDExDropdownListItemBase>(\"items\");\n  }\n\n  get isGroup() {\n    return true;\n  }\n}\n\nexport default UDExDropdownGroupHeaderBase;\n"]}

package/config/dist/DropdownList.d.ts

@@ -0,0 +1,127 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import UDExDropdownListItem from "./DropdownListItem.js";
+import { DropdownListMode } from "./types/Dropdown.js";
+import UDExDropdownListGroupHeader from "./DropdownListGroupHeader.js";
+export type UDExListItemBase = UDExDropdownListItem | UDExDropdownListGroupHeader;
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownList.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownList
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-dropdown-list
+ * @public
+ */
+declare class UDExDropdownList extends UI5Element {
+    /**
+     * Defines the selectAll option of the component.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.selectAll
+     * @defaultvalue false
+     * @public
+     */
+    selectAll?: boolean;
+    /**
+     * Defines label text for select all header.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.selectAllLabel
+     * @defaultvalue "Select All"
+     * @public
+     */
+    selectAllLabel: string;
+    /**
+     * Defines the accessible role of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.accessibleRole
+     * @defaultvalue "list"
+     * @public
+     */
+    accessibleRole: string;
+    /**
+     * Defines the accessible name of the component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownList..prototype.accessibleName
+     * @defaultvalue ""
+     * @public
+     */
+    accessibleName: string;
+    /**
+     * Defines the mode of the component.
+     *
+     * @type {DropdownListMode}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.mode
+     * @defaultvalue "SingleSelect"
+     * @public
+     */
+    mode: `${DropdownListMode}`;
+    /**
+     * Allows control over the height.
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.height
+     * @public
+     */
+    height?: string;
+    /**
+     * Defines the controlled of the component.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.controlled
+     * @defaultvalue false
+     * @public
+     */
+    controlled?: boolean;
+    /**
+     * Slot for dropdown list items.
+     *
+     * @type @type {HTMLElement[]}
+     * @name sap.ui.webc.web-components.UDExDropdownList.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<HTMLElement>;
+    _selectAllSelected?: boolean;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
+    onBeforeRendering(): void;
+    handleItemPress(e: CustomEvent): void;
+    handleSelectAll(): void;
+    handleSelectAllKeyDown(e: KeyboardEvent): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    handleUpArrow(e: KeyboardEvent): void;
+    handleDownArrow(e: KeyboardEvent): void;
+    handleHomeKey(e: KeyboardEvent): void;
+    handleEndKey(e: KeyboardEvent): void;
+    revertSelectedItems(): void;
+    focusHeader(item: UDExListItemBase): void;
+    getItems(): Array<UDExListItemBase>;
+    getSelectedItems(): Array<UDExListItemBase>;
+    getCurrentIndex(items: Array<UDExListItemBase>, item: UDExListItemBase): number;
+    getItemsWithoutHeader(): Array<UDExListItemBase>;
+    getKeyboardNavigationItems(): Array<UDExListItemBase>;
+    getItemsFromList(): Array<UDExListItemBase>;
+    prepareListItemsMode(): void;
+    get ariaLabelModeText(): string;
+    get ariaLabelledBy(): string;
+    get modeMultiSelect(): boolean;
+    get modeSingleSelect(): boolean;
+    get holderHeight(): string;
+    get isSelectAll(): boolean | undefined;
+    get getSelectAllLabel(): string;
+}
+export default UDExDropdownList;

package/config/dist/DropdownList.js

@@ -0,0 +1,243 @@
+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;
+};
+var UDExDropdownList_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import { isEnter, isSpace, isUp, isDown, isHome, isEnd, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
+import { DropdownListMode } from "./types/Dropdown.js";
+import { ARIA_LABEL_DROPDOWN_LIST_MULTISELECTABLE, ARIA_LABEL_DROPDOWN_LIST_SELECTABLE, SELECT_ALL, } from "./generated/i18n/i18n-defaults.js";
+import DropdownListTemplate from "./generated/templates/DropdownListTemplate.lit.js";
+// Styles
+import DropdownListCss from "./generated/themes/DropdownList.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownList.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownList
+ * @extends sap.ui.webc.base.UI5Element
+ * @tagname udex-dropdown-list
+ * @public
+ */
+let UDExDropdownList = UDExDropdownList_1 = class UDExDropdownList extends UI5Element {
+    static async onDefine() {
+        UDExDropdownList_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
+    }
+    onBeforeRendering() {
+        this._selectAllSelected = !this.getSelectedItems().length;
+        this.prepareListItemsMode();
+    }
+    handleItemPress(e) {
+        const clickedItem = e.detail.item;
+        if (this.modeSingleSelect && !this.controlled) {
+            this.revertSelectedItems();
+            clickedItem.selected = true;
+        }
+        if (this.selectAll) {
+            this._selectAllSelected = !this.getSelectedItems().length;
+        }
+        this.fireEvent("selection-change", {
+            listItems: this.getItemsFromList(),
+            selectedItems: this.getSelectedItems(),
+            item: clickedItem,
+        });
+    }
+    handleSelectAll() {
+        this._selectAllSelected = true;
+        this.revertSelectedItems();
+        this.fireEvent("select-all");
+    }
+    handleSelectAllKeyDown(e) {
+        if (isSpace(e) || isEnter(e)) {
+            this.handleSelectAll();
+        }
+    }
+    handleKeyDown(e) {
+        this.handleUpArrow(e);
+        this.handleDownArrow(e);
+        this.handleHomeKey(e);
+        this.handleEndKey(e);
+    }
+    handleUpArrow(e) {
+        if (isUp(e)) {
+            e.preventDefault();
+            const items = this.getKeyboardNavigationItems();
+            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+            const previousSelectIndex = currentSelectedIndex - 1 < 0 ? items.length - 1 : currentSelectedIndex - 1;
+            const isHeaderItem = items[previousSelectIndex].isGroup;
+            if (isHeaderItem) {
+                this.focusHeader(items[previousSelectIndex]);
+                return;
+            }
+            items[previousSelectIndex].focus();
+        }
+    }
+    handleDownArrow(e) {
+        if (isDown(e)) {
+            e.preventDefault();
+            const items = this.getKeyboardNavigationItems();
+            const currentSelectedIndex = this.getCurrentIndex(items, e.target);
+            const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;
+            const isHeaderItem = items[nextSelectIndex].isGroup;
+            if (isHeaderItem) {
+                this.focusHeader(items[nextSelectIndex]);
+                return;
+            }
+            items[nextSelectIndex].focus();
+        }
+    }
+    handleHomeKey(e) {
+        if (isHome(e)) {
+            const items = this.getKeyboardNavigationItems();
+            const isHeaderItem = items[0].isGroup;
+            if (isHeaderItem) {
+                this.focusHeader(items[0]);
+                return;
+            }
+            items[0].focus();
+        }
+    }
+    handleEndKey(e) {
+        if (isEnd(e)) {
+            e.preventDefault();
+            const items = this.getKeyboardNavigationItems();
+            items[items.length - 1].focus();
+        }
+    }
+    revertSelectedItems() {
+        const previouslySelectedItems = this.getSelectedItems();
+        previouslySelectedItems.forEach((item) => {
+            if (!item.disabled) {
+                item.selected = false;
+            }
+        });
+    }
+    focusHeader(item) {
+        const header = item.shadowRoot?.querySelector(".udex-dropdown-list__group-header");
+        header.focus();
+    }
+    getItems() {
+        return this.getSlottedNodes("items");
+    }
+    getSelectedItems() {
+        return this.getItemsFromList().filter(item => item.selected);
+    }
+    getCurrentIndex(items, item) {
+        return items.indexOf(item);
+    }
+    getItemsWithoutHeader() {
+        return this.getItemsFromList().filter(item => !item.isGroup);
+    }
+    getKeyboardNavigationItems() {
+        const items = this.modeMultiSelect ? this.getItemsFromList() : this.getItemsWithoutHeader();
+        return items.filter(item => !item.disabled);
+    }
+    getItemsFromList() {
+        const items = [];
+        const slottedItems = this.getItems();
+        slottedItems.forEach(item => {
+            const childItems = item.isGroup ? item.children : [];
+            items.push(item, ...childItems);
+        });
+        return items;
+    }
+    prepareListItemsMode() {
+        const slottedItems = this.getItemsFromList();
+        slottedItems.forEach(item => {
+            item.mode = this.mode;
+            item.controlled = this.controlled;
+        });
+    }
+    get ariaLabelModeText() {
+        if (this.modeMultiSelect) {
+            return UDExDropdownList_1.i18nBundle.getText(ARIA_LABEL_DROPDOWN_LIST_MULTISELECTABLE);
+        }
+        return UDExDropdownList_1.i18nBundle.getText(ARIA_LABEL_DROPDOWN_LIST_SELECTABLE);
+    }
+    get ariaLabelledBy() {
+        return `${this._id}-modeLabel`;
+    }
+    get modeMultiSelect() {
+        return this.mode === DropdownListMode.MultiSelect;
+    }
+    get modeSingleSelect() {
+        return this.mode === DropdownListMode.SingleSelect;
+    }
+    get holderHeight() {
+        return this.height ? this.height : "auto";
+    }
+    get isSelectAll() {
+        return this.selectAll && this.modeMultiSelect;
+    }
+    get getSelectAllLabel() {
+        const hasLabel = this.selectAllLabel !== "undefined" && this.selectAllLabel.length > 0;
+        return hasLabel ? this.selectAllLabel : UDExDropdownList_1.i18nBundle.getText(SELECT_ALL);
+    }
+};
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownList.prototype, "selectAll", void 0);
+__decorate([
+    property()
+], UDExDropdownList.prototype, "selectAllLabel", void 0);
+__decorate([
+    property({ defaultValue: "list" })
+], UDExDropdownList.prototype, "accessibleRole", void 0);
+__decorate([
+    property()
+], UDExDropdownList.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: DropdownListMode, defaultValue: DropdownListMode.SingleSelect })
+], UDExDropdownList.prototype, "mode", void 0);
+__decorate([
+    property({ type: String })
+], UDExDropdownList.prototype, "height", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownList.prototype, "controlled", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], UDExDropdownList.prototype, "items", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExDropdownList.prototype, "_selectAllSelected", void 0);
+UDExDropdownList = UDExDropdownList_1 = __decorate([
+    customElement({
+        tag: "udex-dropdown-list",
+        renderer: litRender,
+        styles: [DropdownListCss, browserScrollbarCSS],
+        template: DropdownListTemplate,
+        dependencies: [],
+    }),
+    event("selection-change", {
+        detail: {
+            listItems: { type: Array },
+            selectedItems: { type: Array },
+            item: { type: HTMLElement },
+        },
+    }),
+    event("select-all")
+], UDExDropdownList);
+UDExDropdownList.define();
+export default UDExDropdownList;
+//# sourceMappingURL=DropdownList.js.map

package/config/dist/DropdownList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../src/DropdownList.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EACL,OAAO,EACP,OAAO,EACP,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,GACN,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,mBAAmB,MAAM,kEAAkE,CAAC;AAEnG,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,OAAO,EACL,wCAAwC,EACxC,mCAAmC,EACnC,UAAU,GACX,MAAM,mCAAmC,CAAC;AAC3C,OAAO,oBAAoB,MAAM,mDAAmD,CAAC;AAErF,SAAS;AACT,OAAO,eAAe,MAAM,wCAAwC,CAAC;AAGrE;;;;;;;;;;;;;;;;;;;GAmBG;AAmBH,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IA4FvC,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,kBAAgB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACnF,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;QAC1D,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,eAAe,CAAC,CAAc;QAC5B,MAAM,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;QAElC,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YAC7C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YAC3B,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;SAC7B;QAED,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;SAC3D;QAED,IAAI,CAAC,SAAS,CAAC,kBAAkB,EAAE;YACjC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE;YAClC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACtC,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;IACL,CAAC;IAED,eAAe;QACb,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,mBAAmB,EAAE,CAAC;QAC3B,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IAED,sBAAsB,CAAC,CAAgB;QACrC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA8B,CAAC,CAAC;YAC3F,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;YACvG,MAAM,YAAY,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;YAExD,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;gBAC7C,OAAO;aACR;YAED,KAAK,CAAC,mBAAmB,CAAC,CAAC,KAAK,EAAE,CAAC;SACpC;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA8B,CAAC,CAAC;YAC3F,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;YACnG,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;YAEpD,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;gBACzC,OAAO;aACR;YAED,KAAK,CAAC,eAAe,CAAC,CAAC,KAAK,EAAE,CAAC;SAChC;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;YACb,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChD,MAAM,YAAY,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;YAEtC,IAAI,YAAY,EAAE;gBAChB,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC3B,OAAO;aACR;YAED,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SAClB;IACH,CAAC;IAED,YAAY,CAAC,CAAgB;QAC3B,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE;YACZ,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;YAChD,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SACjC;IACH,CAAC;IAED,mBAAmB;QACjB,MAAM,uBAAuB,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxD,uBAAuB,CAAC,OAAO,CAAC,CAAC,IAAsB,EAAE,EAAE;YACzD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;aACvB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,IAAsB;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,mCAAmC,CAAgB,CAAC;QAClG,MAAM,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,eAAe,CAAC,KAA8B,EAAE,IAAsB;QACpE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,qBAAqB;QACnB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC/D,CAAC;IAED,0BAA0B;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC5F,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC9C,CAAC;IAED,gBAAgB;QACd,MAAM,KAAK,GAAuB,EAAE,CAAC;QACrC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAErC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,UAAgC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,oBAAoB;QAClB,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC7C,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;QACpC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,iBAAiB;QACnB,IAAI,IAAI,CAAC,eAAe,EAAE;YACxB,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,wCAAwC,CAAC,CAAC;SACtF;QACD,OAAO,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,mCAAmC,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,GAAG,IAAI,CAAC,GAAG,YAAY,CAAC;IACjC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,WAAW,CAAC;IACpD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,KAAK,gBAAgB,CAAC,YAAY,CAAC;IACrD,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5C,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,eAAe,CAAC;IAChD,CAAC;IAED,IAAI,iBAAiB;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,cAAc,KAAK,WAAW,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC;QACvF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,kBAAgB,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;IAC1F,CAAC;CACF,CAAA;AA/QG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACN;AAWpB;IADD,QAAQ,EAAE;wDACe;AAWxB;IADD,QAAQ,CAAC,EAAE,YAAY,EAAE,MAAM,EAAE,CAAC;wDACT;AAWxB;IADD,QAAQ,EAAE;wDACe;AAWxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,gBAAgB,CAAC,YAAY,EAAE,CAAC;8CACnD;AAS7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;gDACT;AAWhB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACL;AAWrB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CAChB;AAG3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACG;AAxF3B,gBAAgB;IAlBrB,aAAa,CAAC;QACb,GAAG,EAAE,oBAAoB;QACzB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,eAAe,EAAE,mBAAmB,CAAC;QAC9C,QAAQ,EAAE,oBAAoB;QAC9B,YAAY,EAAE,EAAE;KACjB,CAAC;IAED,KAAK,CAAC,kBAAkB,EAAE;QACzB,MAAM,EAAE;YACN,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC9B,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC5B;KACF,CAAC;IAED,KAAK,CAAC,YAAY,CAAC;GAEd,gBAAgB,CAyRrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isEnter,\n  isSpace,\n  isUp,\n  isDown,\n  isHome,\n  isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport UDExDropdownListItem from \"./DropdownListItem.js\";\nimport { DropdownListMode } from \"./types/Dropdown.js\";\nimport UDExDropdownListGroupHeader from \"./DropdownListGroupHeader.js\";\nimport {\n  ARIA_LABEL_DROPDOWN_LIST_MULTISELECTABLE,\n  ARIA_LABEL_DROPDOWN_LIST_SELECTABLE,\n  SELECT_ALL,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport DropdownListTemplate from \"./generated/templates/DropdownListTemplate.lit.js\";\n\n// Styles\nimport DropdownListCss from \"./generated/themes/DropdownList.css.js\";\n\nexport type UDExListItemBase = UDExDropdownListItem | UDExDropdownListGroupHeader;\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-dropdown-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/DropdownList.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownList\n * @extends sap.ui.webc.base.UI5Element\n * @tagname udex-dropdown-list\n * @public\n */\n@customElement({\n  tag: \"udex-dropdown-list\",\n  renderer: litRender,\n  styles: [DropdownListCss, browserScrollbarCSS],\n  template: DropdownListTemplate,\n  dependencies: [],\n})\n\n@event(\"selection-change\", {\n  detail: {\n    listItems: { type: Array },\n    selectedItems: { type: Array },\n    item: { type: HTMLElement },\n  },\n})\n\n@event(\"select-all\")\n\nclass UDExDropdownList extends UI5Element {\n  /**\n   * Defines the selectAll option of the component.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.selectAll\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    selectAll?: boolean;\n\n  /**\n   * Defines label text for select all header.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.selectAllLabel\n   * @defaultvalue \"Select All\"\n   * @public\n   */\n  @property()\n    selectAllLabel!: string;\n\n  /**\n   * Defines the accessible role of the component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.accessibleRole\n   * @defaultvalue \"list\"\n   * @public\n   */\n  @property({ defaultValue: \"list\" })\n    accessibleRole!: string;\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownList..prototype.accessibleName\n   * @defaultvalue \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @type {DropdownListMode}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.mode\n   * @defaultvalue \"SingleSelect\"\n   * @public\n   */\n  @property({ type: DropdownListMode, defaultValue: DropdownListMode.SingleSelect })\n    mode!: `${DropdownListMode}`;\n\n  /**\n   * Allows control over the height.\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.height\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the controlled of the component.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.controlled\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Slot for dropdown list items.\n   *\n   * @type @type {HTMLElement[]}\n   * @name sap.ui.webc.web-components.UDExDropdownList.prototype.default\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<HTMLElement>;\n\n  @property({ type: Boolean })\n    _selectAllSelected?: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExDropdownList.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  onBeforeRendering() {\n    this._selectAllSelected = !this.getSelectedItems().length;\n    this.prepareListItemsMode();\n  }\n\n  handleItemPress(e: CustomEvent) {\n    const clickedItem = e.detail.item;\n\n    if (this.modeSingleSelect && !this.controlled) {\n      this.revertSelectedItems();\n      clickedItem.selected = true;\n    }\n\n    if (this.selectAll) {\n      this._selectAllSelected = !this.getSelectedItems().length;\n    }\n\n    this.fireEvent(\"selection-change\", {\n      listItems: this.getItemsFromList(),\n      selectedItems: this.getSelectedItems(),\n      item: clickedItem,\n    });\n  }\n\n  handleSelectAll() {\n    this._selectAllSelected = true;\n    this.revertSelectedItems();\n    this.fireEvent(\"select-all\");\n  }\n\n  handleSelectAllKeyDown(e: KeyboardEvent) {\n    if (isSpace(e) || isEnter(e)) {\n      this.handleSelectAll();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n    this.handleHomeKey(e);\n    this.handleEndKey(e);\n  }\n\n  handleUpArrow(e: KeyboardEvent) {\n    if (isUp(e)) {\n      e.preventDefault();\n      const items = this.getKeyboardNavigationItems();\n      const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExDropdownListItem);\n      const previousSelectIndex = currentSelectedIndex - 1 < 0 ? items.length - 1 : currentSelectedIndex - 1;\n      const isHeaderItem = items[previousSelectIndex].isGroup;\n\n      if (isHeaderItem) {\n        this.focusHeader(items[previousSelectIndex]);\n        return;\n      }\n\n      items[previousSelectIndex].focus();\n    }\n  }\n\n  handleDownArrow(e: KeyboardEvent) {\n    if (isDown(e)) {\n      e.preventDefault();\n      const items = this.getKeyboardNavigationItems();\n      const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExDropdownListItem);\n      const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;\n      const isHeaderItem = items[nextSelectIndex].isGroup;\n\n      if (isHeaderItem) {\n        this.focusHeader(items[nextSelectIndex]);\n        return;\n      }\n\n      items[nextSelectIndex].focus();\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent) {\n    if (isHome(e)) {\n      const items = this.getKeyboardNavigationItems();\n      const isHeaderItem = items[0].isGroup;\n\n      if (isHeaderItem) {\n        this.focusHeader(items[0]);\n        return;\n      }\n\n      items[0].focus();\n    }\n  }\n\n  handleEndKey(e: KeyboardEvent) {\n    if (isEnd(e)) {\n      e.preventDefault();\n      const items = this.getKeyboardNavigationItems();\n      items[items.length - 1].focus();\n    }\n  }\n\n  revertSelectedItems() {\n    const previouslySelectedItems = this.getSelectedItems();\n    previouslySelectedItems.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusHeader(item: UDExListItemBase) {\n    const header = item.shadowRoot?.querySelector(\".udex-dropdown-list__group-header\") as HTMLElement;\n    header.focus();\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  getSelectedItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => item.selected);\n  }\n\n  getCurrentIndex(items: Array<UDExListItemBase>, item: UDExListItemBase): number {\n    return items.indexOf(item);\n  }\n\n  getItemsWithoutHeader(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => !item.isGroup);\n  }\n\n  getKeyboardNavigationItems(): Array<UDExListItemBase> {\n    const items = this.modeMultiSelect ? this.getItemsFromList() : this.getItemsWithoutHeader();\n    return items.filter(item => !item.disabled);\n  }\n\n  getItemsFromList(): Array<UDExListItemBase> {\n    const items: UDExListItemBase[] = [];\n    const slottedItems = this.getItems();\n\n    slottedItems.forEach(item => {\n      const childItems = item.isGroup ? item.children : [];\n      items.push(item, ...childItems as UDExListItemBase[]);\n    });\n\n    return items;\n  }\n\n  prepareListItemsMode() {\n    const slottedItems = this.getItemsFromList();\n    slottedItems.forEach(item => {\n      item.mode = this.mode;\n      item.controlled = this.controlled;\n    });\n  }\n\n  get ariaLabelModeText(): string {\n    if (this.modeMultiSelect) {\n      return UDExDropdownList.i18nBundle.getText(ARIA_LABEL_DROPDOWN_LIST_MULTISELECTABLE);\n    }\n    return UDExDropdownList.i18nBundle.getText(ARIA_LABEL_DROPDOWN_LIST_SELECTABLE);\n  }\n\n  get ariaLabelledBy() {\n    return `${this._id}-modeLabel`;\n  }\n\n  get modeMultiSelect() {\n    return this.mode === DropdownListMode.MultiSelect;\n  }\n\n  get modeSingleSelect() {\n    return this.mode === DropdownListMode.SingleSelect;\n  }\n\n  get holderHeight() {\n    return this.height ? this.height : \"auto\";\n  }\n\n  get isSelectAll() {\n    return this.selectAll && this.modeMultiSelect;\n  }\n\n  get getSelectAllLabel(): string {\n    const hasLabel = this.selectAllLabel !== \"undefined\" && this.selectAllLabel.length > 0;\n    return hasLabel ? this.selectAllLabel : UDExDropdownList.i18nBundle.getText(SELECT_ALL);\n  }\n}\n\nUDExDropdownList.define();\n\nexport default UDExDropdownList;\n"]}

package/config/dist/DropdownListGroupHeader.d.ts

@@ -0,0 +1,49 @@
+import UDExDropdownGroupHeaderBase from "./DropdownGroupHeaderBase.js";
+import UDExDropdownListItemBase from "./DropdownListItemBase.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-dropdown-list-group-header</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/DropdownListGroupHeader.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @alias sap.ui.webc.web-components.UDExDropdownListGroupHeader
+ * @extends sap.ui.webc.base.UDExDropdownGroupHeaderBase
+ * @tagname udex-dropdown-list-group-header
+ * @public
+ */
+declare class UDExDropdownListGroupHeader extends UDExDropdownGroupHeaderBase {
+    /**
+     * Defines the title of the GroupHeader item component.
+     *
+     * @type {string}
+     * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.label
+     * @public
+     */
+    label: string;
+    /**
+     * Slot for dropdown list items.
+     *
+     * @type @type {UDExDropdownListItemBase[]}
+     * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.default
+     * @slot items
+     * @public
+     */
+    items: Array<UDExDropdownListItemBase>;
+    _additionalClassName: string;
+    handleHeaderPress(e: MouseEvent | KeyboardEvent): void;
+    handleKeyDownPress(e: KeyboardEvent): void;
+    handleKeyDown(e: KeyboardEvent): void;
+    fireHeaderPress(e: Event): void;
+    getHandleGroupItemsClick(): void;
+    get className(): string;
+}
+export default UDExDropdownListGroupHeader;