@sapudex/web-components 0.192.4 → 0.224.0

package/config/dist/DropdownList.js

@@ -1,243 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownList.js","sourceRoot":"","sources":["../src/DropdownList.ts"],"names":[],"mappings":"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","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

@@ -1,49 +0,0 @@
-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;

package/config/dist/DropdownListGroupHeader.js

@@ -1,97 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-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 } from "@ui5/webcomponents-base/dist/Keys.js";
-import UDExDropdownGroupHeaderBase from "./DropdownGroupHeaderBase.js";
-import UDExDropdownListItemBase from "./DropdownListItemBase.js";
-import DropdownListGroupHeaderTemplate from "./generated/templates/DropdownListGroupHeaderTemplate.lit.js";
-// Styles
-import DropdownListGroupHeaderCss from "./generated/themes/DropdownListGroupHeader.css.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
- */
-let UDExDropdownListGroupHeader = class UDExDropdownListGroupHeader extends UDExDropdownGroupHeaderBase {
-    handleHeaderPress(e) {
-        if (!this.controlled) {
-            this.handleSelectionGroupState(this.items);
-        }
-        this.fireHeaderPress(e);
-    }
-    handleKeyDownPress(e) {
-        if (!this.controlled) {
-            this.handleKeyDown(e);
-        }
-    }
-    handleKeyDown(e) {
-        if (isSpace(e) || isEnter(e)) {
-            this.handleHeaderPress(e);
-        }
-    }
-    fireHeaderPress(e) {
-        if (isEnter(e)) {
-            e.preventDefault();
-        }
-        this.fireEvent("header-press", {
-            item: this,
-        });
-    }
-    getHandleGroupItemsClick() {
-        const hasHandle = this.modeMultiSelect && !this.controlled;
-        return hasHandle ? this.handleHeaderState(this.items) : undefined;
-    }
-    get className() {
-        const className = "udex-dropdown-list__group-header";
-        const controlledClassName = this.controlled ? `${className}_controlled` : "";
-        return `${className} ${this._additionalClassName} ${controlledClassName}`;
-    }
-};
-__decorate([
-    property()
-], UDExDropdownListGroupHeader.prototype, "label", void 0);
-__decorate([
-    slot({ type: UDExDropdownListItemBase, "default": true })
-], UDExDropdownListGroupHeader.prototype, "items", void 0);
-__decorate([
-    property({ type: String })
-], UDExDropdownListGroupHeader.prototype, "_additionalClassName", void 0);
-UDExDropdownListGroupHeader = __decorate([
-    customElement({
-        tag: "udex-dropdown-list-group-header",
-        renderer: litRender,
-        styles: DropdownListGroupHeaderCss,
-        template: DropdownListGroupHeaderTemplate,
-    }),
-    event("header-press", {
-        detail: {
-            item: { type: HTMLElement },
-        },
-    })
-], UDExDropdownListGroupHeader);
-UDExDropdownListGroupHeader.define();
-export default UDExDropdownListGroupHeader;
-//# sourceMappingURL=DropdownListGroupHeader.js.map

package/config/dist/DropdownListGroupHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownListGroupHeader.js","sourceRoot":"","sources":["../src/DropdownListGroupHeader.ts"],"names":[],"mappings":";;;;;;AAAA,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,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,2BAA2B,MAAM,8BAA8B,CAAC;AACvE,OAAO,wBAAwB,MAAM,2BAA2B,CAAC;AACjE,OAAO,+BAA+B,MAAM,8DAA8D,CAAC;AAE3G,SAAS;AACT,OAAO,0BAA0B,MAAM,mDAAmD,CAAC;AAE3F;;;;;;;;;;;;;;;;;;;GAmBG;AAcH,IAAM,2BAA2B,GAAjC,MAAM,2BAA4B,SAAQ,2BAA2B;IAyBnE,iBAAiB,CAAC,CAA6B;QAC7C,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SAC5C;QACD,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,kBAAkB,CAAC,CAAgB;QACjC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACvB;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,eAAe,CAAC,CAAQ;QACtB,IAAI,OAAO,CAAC,CAAkB,CAAC,EAAE;YAC/B,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;QAED,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;YAC7B,IAAI,EAAE,IAAI;SACX,CAAC,CAAC;IACL,CAAC;IAED,wBAAwB;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;QAC3D,OAAO,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACpE,CAAC;IAED,IAAI,SAAS;QACX,MAAM,SAAS,GAAG,kCAAkC,CAAC;QACrD,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7E,OAAO,GAAG,SAAS,IAAI,IAAI,CAAC,oBAAoB,IAAI,mBAAmB,EAAE,CAAC;IAC5E,CAAC;CACF,CAAA;AAvDG;IADD,QAAQ,EAAE;0DACM;AAWf;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,wBAAwB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;0DAChB;AAGxC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;yEACK;AAvB5B,2BAA2B;IAbhC,aAAa,CAAC;QACb,GAAG,EAAE,iCAAiC;QACtC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,0BAA0B;QAClC,QAAQ,EAAE,+BAA+B;KAC1C,CAAC;IAED,KAAK,CAAC,cAAc,EAAE;QACrB,MAAM,EAAE;YACN,IAAI,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAC5B;KACF,CAAC;GAEI,2BAA2B,CAgEhC;AAED,2BAA2B,CAAC,MAAM,EAAE,CAAC;AAErC,eAAe,2BAA2B,CAAC","sourcesContent":["import 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 { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExDropdownGroupHeaderBase from \"./DropdownGroupHeaderBase.js\";\nimport UDExDropdownListItemBase from \"./DropdownListItemBase.js\";\nimport DropdownListGroupHeaderTemplate from \"./generated/templates/DropdownListGroupHeaderTemplate.lit.js\";\n\n// Styles\nimport DropdownListGroupHeaderCss from \"./generated/themes/DropdownListGroupHeader.css.js\";\n\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-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/DropdownListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.web-components.UDExDropdownListGroupHeader\n * @extends sap.ui.webc.base.UDExDropdownGroupHeaderBase\n * @tagname udex-dropdown-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-dropdown-list-group-header\",\n  renderer: litRender,\n  styles: DropdownListGroupHeaderCss,\n  template: DropdownListGroupHeaderTemplate,\n})\n\n@event(\"header-press\", {\n  detail: {\n    item: { type: HTMLElement },\n  },\n})\n\nclass UDExDropdownListGroupHeader extends UDExDropdownGroupHeaderBase {\n  /**\n   * Defines the title of the GroupHeader item component.\n   *\n   * @type {string}\n   * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.label\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Slot for dropdown list items.\n   *\n   * @type @type {UDExDropdownListItemBase[]}\n   * @name sap.ui.webc.web-components.UDExDropdownListGroupHeader.prototype.default\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExDropdownListItemBase, \"default\": true })\n    items!: Array<UDExDropdownListItemBase>;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  handleHeaderPress(e: MouseEvent | KeyboardEvent) {\n    if (!this.controlled) {\n      this.handleSelectionGroupState(this.items);\n    }\n    this.fireHeaderPress(e);\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (!this.controlled) {\n      this.handleKeyDown(e);\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress(e);\n    }\n  }\n\n  fireHeaderPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n\n    this.fireEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState(this.items) : undefined;\n  }\n\n  get className() {\n    const className = \"udex-dropdown-list__group-header\";\n    const controlledClassName = this.controlled ? `${className}_controlled` : \"\";\n    return `${className} ${this._additionalClassName} ${controlledClassName}`;\n  }\n}\n\nUDExDropdownListGroupHeader.define();\n\nexport default UDExDropdownListGroupHeader;\n"]}

package/config/dist/DropdownListItem.d.ts

@@ -1,68 +0,0 @@
-import UDExDropdownListItemBase from "./DropdownListItemBase.js";
-/**
- * @class
- *
- * <h3 class="comment-api-title">Overview</h3>
- *
- *
- * <h3>Usage</h3>
- *
- * For the <code>udex-dropdown-list-item</code>
- * <h3>ES6 Module Import</h3>
- *
- * <code>import @udex/web-components/dist/DropdownListItem.js";</code>
- *
- * @constructor
- * @author SAP SE
- * @alias sap.ui.webc.web-components.UDExDropdownListItem
- * @extends sap.ui.webc.base.UDExDropdownListItemBase
- * @tagname udex-dropdown-list-item
- * @public
- */
-declare class UDExDropdownListItem extends UDExDropdownListItemBase {
-    /**
-     * Indicates if the item is active.
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.active
-     * @private
-     */
-    active: boolean;
-    /**
-     * Indicates if the item is on focus
-     *
-     * @type {boolean}
-     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.focused
-     * @private
-     */
-    focused: boolean;
-    /**
-     * Slot for dropdown list item content.
-     *
-     * @type {Node[]}
-     * @name sap.ui.webc.web-components.UDExDropdownListItem.prototype.content
-     * @slot
-     * @public
-     */
-    content: Array<Node>;
-    _role: string;
-    _additionalClassName: string;
-    deactivate: () => void;
-    constructor();
-    onEnterDOM(): void;
-    onExitDOM(): void;
-    handleMouseDown(): void;
-    handleMouseUp(): void;
-    handleKeyUp(e: KeyboardEvent): void;
-    handleKeyDown(e: KeyboardEvent): void;
-    handleItemClick(e: Event): void;
-    handleFocusIn(): void;
-    handleFocusOut(): void;
-    fireItemPress(e: Event): void;
-    activate(): void;
-    get className(): string;
-    get roleItem(): string;
-    get _ariaDisabled(): true | undefined;
-    get _tabIndex(): -1 | 0;
-}
-export default UDExDropdownListItem;