@sapudex/web-components 0.111.0

package/dist/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../src/Dropdown.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 slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport getEffectiveScrollbarStyle from \"@ui5/webcomponents-base/dist/util/getEffectiveScrollbarStyle.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport DropdownTemplate from \"./generated/templates/DropdownTemplate.lit.js\";\nimport { PlacementType, HorizontalAlign } from \"./types/Dropdown.js\";\n\n// Styles\nimport DropdownCss from \"./generated/themes/Dropdown.css\";\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</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import @udex/web-components/dist/Dropdown.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-dropdown\n * @public\n */\n@customElement({\n  tag: \"udex-dropdown\",\n  renderer: litRender,\n  styles: [\n    DropdownCss,\n    getEffectiveScrollbarStyle(),\n  ],\n  template: DropdownTemplate,\n  dependencies: [Popover],\n})\n\n/**\n * Fired event when the user clicks the trigger.\n *\n * @event sap.ui.webc.web-components.UDExDropdown#clickTrigger\n * @public\n */\n@event(\"click-trigger\")\n\n/**\n * Fired before the dropdown is opened.\n *\n * @event sap.ui.webc.web-components.UDExDropdown#beforeOpen\n * @public\n */\n@event(\"before-open\")\n\n/**\n * Fired after the dropdown is opened.\n *\n * @event sap.ui.webc.web-components.UDExDropdown#afterOpen\n * @public\n */\n@event(\"after-open\")\n\n/**\n * Fired before the menu is closed.\n *\n * @event sap.ui.webc.web-components.UDExDropdown#beforeClose\n * @public\n */\n@event(\"before-close\")\n\n/**\n * Fired after the menu is closed.\n *\n * @event sap.ui.webc.web-components.UDExDropdown#afterClose\n * @public\n */\n@event(\"after-close\")\nclass UDExDropdown extends UI5Element {\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property({ type: PlacementType, defaultValue: PlacementType.Bottom })\n    placementType!: `${PlacementType}`;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property({ type: HorizontalAlign, defaultValue: HorizontalAlign.Left })\n    horizontalAlign!: `${HorizontalAlign}`;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Allows setting a custom role.\n   * @default \"Dialog\"\n   * @public\n   */\n  @property({ type: PopupAccessibleRole, defaultValue: PopupAccessibleRole.Dialog })\n    accessibleRole!: `${PopupAccessibleRole}`;\n\n  /**\n   * Defines the content of the Dropdown.\n   *\n   * @slot content\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content!: Array<HTMLElement>;\n\n  /**\n   * Defines the header HTML Element.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    header!: Array<HTMLElement>;\n\n  /**\n   * Defines the footer HTML Element.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    footer!: Array<HTMLElement>;\n\n  /**\n   * Defines the trigger HTML Element.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    trigger!: Array<HTMLElement>;\n\n  /**\n   * Indicates if the dropdown pane is open\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    open!: boolean;\n\n  /**\n   * Determines if there is no enough space, the component can be placed\n   * over the target.\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disableTargetOverlap?: boolean;\n\n  /**\n   * Defines direction of the component.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction?: string;\n\n  onAfterRendering() {\n    this.handleDirection();\n  }\n\n  handleDirection() {\n    const filterMenu = this.shadowRoot?.querySelector(\".udex-dropdown\");\n    if (filterMenu) {\n      const directionStyles: string = window\n        .getComputedStyle(filterMenu)\n        .getPropertyValue(\"direction\");\n      if (!directionStyles) {\n        this._direction = \"ltr\";\n      } else {\n        this._direction = directionStyles;\n      }\n    }\n  }\n\n  getDropdownPane() {\n    return this.shadowRoot!.querySelector<Popover>(\"[ui5-popover]\")!;\n  }\n\n  getTrigger() {\n    return this.querySelector<HTMLElement>(\"[slot=trigger]\")!;\n  }\n\n  onTriggerClick() {\n    const dropdown = this.getDropdownPane();\n    const opener = this.getTrigger();\n    const isOpenerDisabled = opener.hasAttribute(\"disabled\");\n\n    if (!isOpenerDisabled) {\n      dropdown.showAt(opener);\n      this.fireEvent(\"click-trigger\");\n    }\n  }\n\n  onOpen(opener: HTMLElement): void {\n    const dropdown = this.getDropdownPane();\n    dropdown.showAt(opener);\n  }\n\n  onClose():void {\n    const dropdown = this.getDropdownPane();\n    dropdown.close(true);\n  }\n\n  afterDropdownClose() {\n    this.open = false;\n    this.fireEvent(\"after-close\");\n  }\n\n  afterDropdownOpen() {\n    this.open = true;\n    this.fireEvent(\"after-open\");\n  }\n\n  beforeDropdownOpen() {\n    const dropdown = this.getDropdownPane();\n    const hasContentHeight = !!this?.height?.length;\n\n    if (hasContentHeight) {\n      const content = dropdown.shadowRoot!.querySelector(\"[part=content]\") as HTMLElement;\n      content.style.maxHeight = <string> this.height;\n    }\n\n    this.fireEvent(\"before-open\");\n  }\n\n  beforeDropdownClose() {\n    this.fireEvent(\"before-close\");\n  }\n\n  get hasTriggerSlot(): boolean {\n    return !!this.trigger.length;\n  }\n\n  get hasHeaderSlot(): boolean {\n    return !!this.header.length;\n  }\n\n  get hasFooterSlot(): boolean {\n    return !!this.footer.length;\n  }\n\n  get disableAllowTargetOverlap() {\n    return this.disableTargetOverlap?.toString() !== \"true\";\n  }\n}\n\nUDExDropdown.define();\n\nexport default UDExDropdown;\n"]}

package/dist/FilterMenu.d.ts

@@ -0,0 +1,165 @@
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
+import UDExDropdown from "./Dropdown.js";
+import Search from "./Search.js";
+import UDExSearchableListBase from "./SearchableListBase.js";
+import { PlacementType, HorizontalAlign } from "./types/Dropdown.js";
+import { ListMode } from "./types/List.js";
+import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/UDExFilterMenu.js";</code>
+ *
+ * @constructor
+ * @extends UDExSearchableListBase
+ * @tagname udex-filter-menu
+ * @public
+ */
+declare class UDExFilterMenu extends UDExSearchableListBase {
+    /**
+     * Determines the value of the badge.
+     *
+     * @public
+     */
+    badgeValue?: number;
+    /**
+     * Determines if there is no enough space, the component can be placed
+     * over the target.
+     *
+     * @default false
+     * @public
+     */
+    disableTargetOverlap?: boolean;
+    /**
+     * Allows control over the height.
+     * @public
+     */
+    height?: string;
+    /**
+     * Determines on which side the component is placed at.
+     *
+     * @default "Bottom"
+     * @public
+     */
+    placementType: `${PlacementType}`;
+    /**
+     * Determines the horizontal alignment of the component.
+     *
+     * @default "Left"
+     * @public
+     */
+    horizontalAlign: `${HorizontalAlign}`;
+    /**
+     * Defines the mode of the component.
+     *
+     * @default "SingleSelect"
+     * @public
+     */
+    mode: `${ListMode}`;
+    /**
+     * Defines the label of the button reset in the footer.
+     *
+     * @default "Reset"
+     * @public
+     */
+    resetBtnLabel: string;
+    /**
+     * Defines the label of the button result in the footer.
+     *
+     * @default "Show Result"
+     * @public
+     */
+    resultBtnLabel: string;
+    /**
+     * Defines the filter name of the component.
+     *
+     * @default ""
+     * @public
+     */
+    filterName: string;
+    /**
+     * Defines the filter name prefix of the component.
+     *
+     * @default ""
+     * @public
+     */
+    filterNamePrefix: string;
+    /**
+     * Defines whether the component is in disabled state.
+     *
+     * @default false
+     * @public
+     */
+    disabled: boolean;
+    _open?: boolean;
+    /**
+     * Hides the result button in the footer.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExFilterMenu.prototype.hideResultBtn
+     * @defaultvalue false
+     * @public
+     */
+    hideResultBtn: boolean;
+    /**
+     * Hides the reset button in the footer.
+     *
+     * @type {boolean}
+     * @name sap.ui.webc.web-components.UDExFilterMenu.prototype.hideResetBtn
+     * @defaultvalue false
+     * @public
+     */
+    hideResetBtn: boolean;
+    /**
+     * Defines the accessible ARIA name of the component.
+     *
+     * @default ""
+     * @public
+     */
+    accessibleName: string;
+    /**
+     * Allows setting a custom role.
+     * @default "Dialog"
+     * @public
+     */
+    accessibleRole: `${PopupAccessibleRole}`;
+    _dropdown: UDExDropdown;
+    _search: Search;
+    onAfterRendering(): void;
+    onEnterDOM(): void;
+    onBeforeRendering(): void;
+    handleSelectAll(e: CustomEvent): void;
+    handleItemPress(e: CustomEvent): void;
+    handleHeaderPress(e: CustomEvent): void;
+    handleValueSearch(e: CustomEvent): void;
+    handleSubmitSearch(): void;
+    handleResetSearch(): void;
+    handleReset(): void;
+    handleResult(): void;
+    handleTriggerClick(): void;
+    getDropdown(): UDExDropdown;
+    getSearch(): Search;
+    _dropdownBeforeOpen(): void;
+    _dropdownAfterOpen(): void;
+    _dropdownBeforeClose(): void;
+    _dropdownAfterClose(): void;
+    get hasFilterNamePrefix(): boolean;
+    get getResultLabelText(): string;
+    get getResetLabelText(): string;
+    get disabledResultBtn(): boolean;
+    get _iconAccessibleNameText(): string;
+    get searchableList(): object;
+    get hideActionBar(): boolean;
+    static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;
+}
+export default UDExFilterMenu;

package/dist/FilterMenu.js

@@ -0,0 +1,297 @@
+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 UDExFilterMenu_1;
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import executeTemplate from "@ui5/webcomponents-base/dist/renderer/executeTemplate.js";
+import "@ui5/webcomponents/dist/Icon.js";
+import "@ui5/webcomponents-icons/dist/navigation-down-arrow.js";
+import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
+import UDExDropdown from "./Dropdown.js";
+import UDExList from "./List.js";
+import UDExListItem from "./ListItem.js";
+import UDExListGroupHeader from "./ListGroupHeader.js";
+import UDExFilterMenuItem from "./FilterMenuItem.js";
+import UDExFilterMenuGroupHeader from "./FilterMenuGroupHeader.js";
+import Search from "./Search.js";
+import Button from "./Button.js";
+import UDExSearchableListBase from "./SearchableListBase.js";
+import { PlacementType, HorizontalAlign } from "./types/Dropdown.js";
+import { ListMode } from "./types/List.js";
+import UDExFilterMenuSelectAll from "./FilterMenuSelectAll.js";
+import UDExListSelectAll from "./ListSelectAll.js";
+import UDExBadge from "./Badge.js";
+import { RESET, SHOW_RESULTS, SELECT_OPTIONS } from "./generated/i18n/i18n-defaults.js";
+import FilterMenuTemplate from "./generated/templates/FilterMenuTemplate.lit.js";
+import SearchableListBaseTemplate from "./generated/templates/SearchableListBaseTemplate.lit.js";
+// Styles
+import FilterMenuCss from "./generated/themes/FilterMenu.css.js";
+import SearchableListCss from "./generated/themes/SearchableList.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/UDExFilterMenu.js";</code>
+ *
+ * @constructor
+ * @extends UDExSearchableListBase
+ * @tagname udex-filter-menu
+ * @public
+ */
+let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearchableListBase {
+    constructor() {
+        super(...arguments);
+        this._open = false;
+    }
+    onAfterRendering() {
+        this._dropdown = this.getDropdown();
+        this._search = this.getSearch();
+    }
+    onEnterDOM() {
+        if (isDesktop()) {
+            this.setAttribute("desktop", "");
+        }
+    }
+    onBeforeRendering() {
+        super.onBeforeRendering();
+    }
+    handleSelectAll(e) {
+        this.onFilterSelectAllHeaderPress(e);
+        this.fireEvent("select-all");
+    }
+    handleItemPress(e) {
+        this.onItemPress(e);
+        if (this.modeSingleSelect) {
+            this._dropdown.onClose();
+        }
+    }
+    handleHeaderPress(e) {
+        this.onHeaderPress(e);
+    }
+    handleValueSearch(e) {
+        this.onSearch(e);
+    }
+    handleSubmitSearch() {
+        this._dropdown.onClose();
+        this.onSubmitSearch();
+    }
+    handleResetSearch() {
+        this.onResetSearch();
+    }
+    handleReset() {
+        this.fireEvent("reset-click", {
+            restoredItems: this.selectedItems,
+        });
+        this.onReset();
+    }
+    handleResult() {
+        if (!this.disabledResultBtn) {
+            this._dropdown.onClose();
+            this.fireEvent("result-click", {
+                selectedItems: this.selectedItems,
+            });
+        }
+    }
+    handleTriggerClick() {
+        if (this._dropdown.open) {
+            this._dropdown.onClose();
+        }
+    }
+    getDropdown() {
+        return this.shadowRoot.querySelector("udex-dropdown");
+    }
+    getSearch() {
+        return this.shadowRoot.querySelector("udex-search");
+    }
+    _dropdownBeforeOpen() {
+        this._open = true;
+        this.fireEvent("before-open");
+    }
+    _dropdownAfterOpen() {
+        this.fireEvent("after-open");
+    }
+    _dropdownBeforeClose() {
+        this.fireEvent("before-close");
+    }
+    _dropdownAfterClose() {
+        this._open = false;
+        this.fireEvent("after-close");
+    }
+    get hasFilterNamePrefix() {
+        return !!this.filterNamePrefix?.length;
+    }
+    get getResultLabelText() {
+        const hasLabel = this.resultBtnLabel !== "undefined" && this.resultBtnLabel.length > 0;
+        return hasLabel ? this.resultBtnLabel : UDExFilterMenu_1.i18nBundle.getText(SHOW_RESULTS);
+    }
+    get getResetLabelText() {
+        const hasLabel = this.resetBtnLabel !== "undefined" && this.resetBtnLabel.length > 0;
+        return hasLabel ? this.resetBtnLabel : UDExFilterMenu_1.i18nBundle.getText(RESET);
+    }
+    get disabledResultBtn() {
+        return !this.selectedItems.length && !this.selectAll;
+    }
+    get _iconAccessibleNameText() {
+        return UDExFilterMenu_1.i18nBundle.getText(SELECT_OPTIONS);
+    }
+    get searchableList() {
+        return executeTemplate(UDExFilterMenu_1.searchableListBaseTemplate, this);
+    }
+    get hideActionBar() {
+        return this.hideResultBtn && this.hideResetBtn;
+    }
+    static get searchableListBaseTemplate() {
+        return SearchableListBaseTemplate;
+    }
+};
+__decorate([
+    property({ validator: Integer })
+], UDExFilterMenu.prototype, "badgeValue", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenu.prototype, "disableTargetOverlap", void 0);
+__decorate([
+    property({ type: String })
+], UDExFilterMenu.prototype, "height", void 0);
+__decorate([
+    property({ type: PlacementType, defaultValue: PlacementType.Bottom })
+], UDExFilterMenu.prototype, "placementType", void 0);
+__decorate([
+    property({ type: HorizontalAlign, defaultValue: HorizontalAlign.Left })
+], UDExFilterMenu.prototype, "horizontalAlign", void 0);
+__decorate([
+    property({ type: ListMode, defaultValue: ListMode.SingleSelect })
+], UDExFilterMenu.prototype, "mode", void 0);
+__decorate([
+    property()
+], UDExFilterMenu.prototype, "resetBtnLabel", void 0);
+__decorate([
+    property()
+], UDExFilterMenu.prototype, "resultBtnLabel", void 0);
+__decorate([
+    property()
+], UDExFilterMenu.prototype, "filterName", void 0);
+__decorate([
+    property()
+], UDExFilterMenu.prototype, "filterNamePrefix", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenu.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenu.prototype, "_open", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenu.prototype, "hideResultBtn", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenu.prototype, "hideResetBtn", void 0);
+__decorate([
+    property()
+], UDExFilterMenu.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: PopupAccessibleRole, defaultValue: PopupAccessibleRole.Dialog })
+], UDExFilterMenu.prototype, "accessibleRole", void 0);
+UDExFilterMenu = UDExFilterMenu_1 = __decorate([
+    customElement({
+        tag: "udex-filter-menu",
+        renderer: litRender,
+        styles: [FilterMenuCss, SearchableListCss],
+        template: FilterMenuTemplate,
+        dependencies: [
+            UDExFilterMenuItem,
+            UDExFilterMenuGroupHeader,
+            UDExFilterMenuSelectAll,
+            UDExDropdown,
+            UDExList,
+            UDExListSelectAll,
+            UDExListItem,
+            UDExListGroupHeader,
+            UDExBadge,
+            Search,
+            Button,
+        ],
+    })
+    /**
+     * Fired event when the user click on a reset button on the footer.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#resetClick
+     * @public
+     */
+    ,
+    event("reset-click", {
+        detail: {
+            restoredItems: { type: Array },
+        },
+    })
+    /**
+     * Fired event when the user click on a result button on the footer.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#resultClick
+     * @public
+     */
+    ,
+    event("result-click", {
+        detail: {
+            selectedItems: { type: Array },
+        },
+    })
+    /**
+     * Fired event when the user click on Select All header item.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#selectAll
+     * @public
+     */
+    ,
+    event("select-all")
+    /**
+     * Fired before the dropdown pane is opened.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#beforeOpen
+     * @public
+     */
+    ,
+    event("before-open")
+    /**
+     * Fired after the dropdown pane is opened.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#afterOpen
+     * @public
+     */
+    ,
+    event("after-open")
+    /**
+     * Fired before the dropdown pane is closed.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#beforeClose
+     * @public
+     */
+    ,
+    event("before-close")
+    /**
+     * Fired after the dropdown pane is closed.
+     *
+     * @event sap.ui.webc.web-components.UDExFilterMenu#afterClose
+     * @public
+     */
+    ,
+    event("after-close")
+], UDExFilterMenu);
+UDExFilterMenu.define();
+export default UDExFilterMenu;
+//# sourceMappingURL=FilterMenu.js.map

package/dist/FilterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../src/FilterMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,eAAe,MAAM,0DAA0D,CAAC;AACvF,OAAO,iCAAiC,CAAC;AACzC,OAAO,wDAAwD,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,OAAO,MAAM,+CAA+C,CAAC;AACpE,OAAO,mBAAmB,MAAM,sDAAsD,CAAC;AACvF,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,mBAAmB,MAAM,sBAAsB,CAAC;AACvD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AACrD,OAAO,yBAAyB,MAAM,4BAA4B,CAAC;AACnE,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AACxF,OAAO,kBAAkB,MAAM,iDAAiD,CAAC;AACjF,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AAEjG,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AAEzE;;;;;;;;;;;;;;;;;GAiBG;AAqFH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,sBAAsB;IAAnD;;QAmGI,UAAK,GAAa,KAAK,CAAC;IA0K5B,CAAC;IA9HC,gBAAgB;QACd,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IAClC,CAAC;IAED,UAAU;QACR,IAAI,SAAS,EAAE,EAAE;YACf,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;SAClC;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,eAAe,CAAC,CAAa;QAC3B,IAAI,CAAC,4BAA4B,CAAC,CAAC,CAAC,CAAC;QACrC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IAED,eAAe,CAAC,CAAa;QAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAEpB,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;SAC1B;IACH,CAAC;IAED,iBAAiB,CAAC,CAAa;QAC7B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,iBAAiB,CAAC,CAAa;QAC7B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE;YAC5B,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;YAC3B,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;YACzB,IAAI,CAAC,SAAS,CAAC,cAAc,EAAE;gBAC7B,aAAa,EAAE,IAAI,CAAC,aAAa;aAClC,CAAC,CAAC;SACJ;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACvB,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;SAC1B;IACH,CAAC;IAED,WAAW;QACT,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAe,eAAe,CAAE,CAAC;IACxE,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAS,aAAa,CAAE,CAAC;IAChE,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC;IAC/B,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC;IAED,mBAAmB;QACjB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAChC,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACzC,CAAC;IAED,IAAI,kBAAkB;QACpB,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,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IAC1F,CAAC;IAED,IAAI,iBAAiB;QACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,KAAK,WAAW,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QACrF,OAAO,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAClF,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IACvD,CAAC;IAED,IAAI,uBAAuB;QACzB,OAAO,gBAAc,CAAC,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,eAAe,CAAC,gBAAc,CAAC,0BAA0B,EAAE,IAAI,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC;IACjD,CAAC;IAED,MAAM,KAAK,0BAA0B;QACnC,OAAO,0BAA0B,CAAC;IACpC,CAAC;CACF,CAAA;AAtQG;IADD,QAAQ,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC;kDACX;AAUpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACK;AAO/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACT;AAShB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,CAAC,MAAM,EAAE,CAAC;qDACjC;AASnC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,eAAe,EAAE,YAAY,EAAE,eAAe,CAAC,IAAI,EAAE,CAAC;uDAC/B;AASvC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,CAAC,YAAY,EAAE,CAAC;4CAC3C;AASrB;IADD,QAAQ,EAAE;qDACc;AASvB;IADD,QAAQ,EAAE;sDACe;AASxB;IADD,QAAQ,EAAE;kDACW;AASpB;IADD,QAAQ,EAAE;wDACiB;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gDACP;AAGnB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACF;AAWxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACF;AAWxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACH;AASvB;IADD,QAAQ,EAAE;sDACe;AAQxB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,mBAAmB,EAAE,YAAY,EAAE,mBAAmB,CAAC,MAAM,EAAE,CAAC;sDACtC;AA1IxC,cAAc;IApFnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,aAAa,EAAE,iBAAiB,CAAC;QAC1C,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE;YACZ,kBAAkB;YAClB,yBAAyB;YACzB,uBAAuB;YACvB,YAAY;YACZ,QAAQ;YACR,iBAAiB;YACjB,YAAY;YACZ,mBAAmB;YACnB,SAAS;YACT,MAAM;YACN,MAAM;SACP;KACF,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,EAAE;QACpB,MAAM,EAAE;YACN,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC/B;KACF,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,cAAc,EAAE;QACrB,MAAM,EAAE;YACN,aAAa,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC/B;KACF,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,CAAC;IAEpB;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,CAAC;IAErB;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,CAAC;IAEpB;;;;;OAKG;;IACF,KAAK,CAAC,cAAc,CAAC;IAEtB;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,CAAC;GAEf,cAAc,CA6QnB;AAED,cAAc,CAAC,MAAM,EAAE,CAAC;AAExB,eAAe,cAAc,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport executeTemplate from \"@ui5/webcomponents-base/dist/renderer/executeTemplate.js\";\nimport \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport UDExDropdown from \"./Dropdown.js\";\nimport UDExList from \"./List.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExFilterMenuItem from \"./FilterMenuItem.js\";\nimport UDExFilterMenuGroupHeader from \"./FilterMenuGroupHeader.js\";\nimport Search from \"./Search.js\";\nimport Button from \"./Button.js\";\nimport UDExSearchableListBase from \"./SearchableListBase.js\";\nimport { PlacementType, HorizontalAlign } from \"./types/Dropdown.js\";\nimport { ListMode } from \"./types/List.js\";\nimport UDExFilterMenuSelectAll from \"./FilterMenuSelectAll.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport UDExBadge from \"./Badge.js\";\n\nimport { RESET, SHOW_RESULTS, SELECT_OPTIONS } from \"./generated/i18n/i18n-defaults.js\";\nimport FilterMenuTemplate from \"./generated/templates/FilterMenuTemplate.lit.js\";\nimport SearchableListBaseTemplate from \"./generated/templates/SearchableListBaseTemplate.lit.js\";\n\n// Styles\nimport FilterMenuCss from \"./generated/themes/FilterMenu.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.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-filter-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/UDExFilterMenu.js\";</code>\n *\n * @constructor\n * @extends UDExSearchableListBase\n * @tagname udex-filter-menu\n * @public\n */\n@customElement({\n  tag: \"udex-filter-menu\",\n  renderer: litRender,\n  styles: [FilterMenuCss, SearchableListCss],\n  template: FilterMenuTemplate,\n  dependencies: [\n    UDExFilterMenuItem,\n    UDExFilterMenuGroupHeader,\n    UDExFilterMenuSelectAll,\n    UDExDropdown,\n    UDExList,\n    UDExListSelectAll,\n    UDExListItem,\n    UDExListGroupHeader,\n    UDExBadge,\n    Search,\n    Button,\n  ],\n})\n\n/**\n * Fired event when the user click on a reset button on the footer.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#resetClick\n * @public\n */\n@event(\"reset-click\", {\n  detail: {\n    restoredItems: { type: Array },\n  },\n})\n\n/**\n * Fired event when the user click on a result button on the footer.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#resultClick\n * @public\n */\n@event(\"result-click\", {\n  detail: {\n    selectedItems: { type: Array },\n  },\n})\n\n/**\n * Fired event when the user click on Select All header item.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#selectAll\n * @public\n */\n@event(\"select-all\")\n\n/**\n * Fired before the dropdown pane is opened.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#beforeOpen\n * @public\n */\n@event(\"before-open\")\n\n/**\n * Fired after the dropdown pane is opened.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#afterOpen\n * @public\n */\n@event(\"after-open\")\n\n/**\n * Fired before the dropdown pane is closed.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#beforeClose\n * @public\n */\n@event(\"before-close\")\n\n/**\n * Fired after the dropdown pane is closed.\n *\n * @event sap.ui.webc.web-components.UDExFilterMenu#afterClose\n * @public\n */\n@event(\"after-close\")\n\nclass UDExFilterMenu extends UDExSearchableListBase {\n  /**\n   * Determines the value of the badge.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\n    badgeValue?: number;\n\n  /**\n   * Determines if there is no enough space, the component can be placed\n   * over the target.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disableTargetOverlap?: boolean;\n\n  /**\n   * Allows control over the height.\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property({ type: PlacementType, defaultValue: PlacementType.Bottom })\n    placementType!: `${PlacementType}`;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property({ type: HorizontalAlign, defaultValue: HorizontalAlign.Left })\n    horizontalAlign!: `${HorizontalAlign}`;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property({ type: ListMode, defaultValue: ListMode.SingleSelect })\n    mode!: `${ListMode}`;\n\n  /**\n   * Defines the label of the button reset in the footer.\n   *\n   * @default \"Reset\"\n   * @public\n   */\n  @property()\n    resetBtnLabel!: string;\n\n  /**\n   * Defines the label of the button result in the footer.\n   *\n   * @default \"Show Result\"\n   * @public\n   */\n  @property()\n    resultBtnLabel!: string;\n\n  /**\n   * Defines the filter name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterName!: string;\n\n  /**\n   * Defines the filter name prefix of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    filterNamePrefix!: string;\n\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  @property({ type: Boolean })\n    _open?: boolean = false;\n\n  /**\n   * Hides the result button in the footer.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExFilterMenu.prototype.hideResultBtn\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResultBtn!: boolean;\n\n  /**\n   * Hides the reset button in the footer.\n   *\n   * @type {boolean}\n   * @name sap.ui.webc.web-components.UDExFilterMenu.prototype.hideResetBtn\n   * @defaultvalue false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResetBtn!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName!: string;\n\n  /**\n   * Allows setting a custom role.\n   * @default \"Dialog\"\n   * @public\n   */\n  @property({ type: PopupAccessibleRole, defaultValue: PopupAccessibleRole.Dialog })\n    accessibleRole!: `${PopupAccessibleRole}`;\n\n  _dropdown!: UDExDropdown;\n  _search!: Search;\n\n  onAfterRendering() {\n    this._dropdown = this.getDropdown();\n    this._search = this.getSearch();\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n  }\n\n  handleSelectAll(e:CustomEvent) {\n    this.onFilterSelectAllHeaderPress(e);\n    this.fireEvent(\"select-all\");\n  }\n\n  handleItemPress(e:CustomEvent) {\n    this.onItemPress(e);\n\n    if (this.modeSingleSelect) {\n      this._dropdown.onClose();\n    }\n  }\n\n  handleHeaderPress(e:CustomEvent) {\n    this.onHeaderPress(e);\n  }\n\n  handleValueSearch(e:CustomEvent) {\n    this.onSearch(e);\n  }\n\n  handleSubmitSearch() {\n    this._dropdown.onClose();\n    this.onSubmitSearch();\n  }\n\n  handleResetSearch() {\n    this.onResetSearch();\n  }\n\n  handleReset() {\n    this.fireEvent(\"reset-click\", {\n      restoredItems: this.selectedItems,\n    });\n    this.onReset();\n  }\n\n  handleResult() {\n    if (!this.disabledResultBtn) {\n      this._dropdown.onClose();\n      this.fireEvent(\"result-click\", {\n        selectedItems: this.selectedItems,\n      });\n    }\n  }\n\n  handleTriggerClick() {\n    if (this._dropdown.open) {\n      this._dropdown.onClose();\n    }\n  }\n\n  getDropdown(): UDExDropdown {\n    return this.shadowRoot!.querySelector<UDExDropdown>(\"udex-dropdown\")!;\n  }\n\n  getSearch(): Search {\n    return this.shadowRoot!.querySelector<Search>(\"udex-search\")!;\n  }\n\n  _dropdownBeforeOpen() {\n    this._open = true;\n    this.fireEvent(\"before-open\");\n  }\n\n  _dropdownAfterOpen() {\n    this.fireEvent(\"after-open\");\n  }\n\n  _dropdownBeforeClose() {\n    this.fireEvent(\"before-close\");\n  }\n\n  _dropdownAfterClose() {\n    this._open = false;\n    this.fireEvent(\"after-close\");\n  }\n\n  get hasFilterNamePrefix(): boolean {\n    return !!this.filterNamePrefix?.length;\n  }\n\n  get getResultLabelText(): string {\n    const hasLabel = this.resultBtnLabel !== \"undefined\" && this.resultBtnLabel.length > 0;\n    return hasLabel ? this.resultBtnLabel : UDExFilterMenu.i18nBundle.getText(SHOW_RESULTS);\n  }\n\n  get getResetLabelText(): string {\n    const hasLabel = this.resetBtnLabel !== \"undefined\" && this.resetBtnLabel.length > 0;\n    return hasLabel ? this.resetBtnLabel : UDExFilterMenu.i18nBundle.getText(RESET);\n  }\n\n  get disabledResultBtn() {\n    return !this.selectedItems.length && !this.selectAll;\n  }\n\n  get _iconAccessibleNameText() {\n    return UDExFilterMenu.i18nBundle.getText(SELECT_OPTIONS);\n  }\n\n  get searchableList() {\n    return executeTemplate(UDExFilterMenu.searchableListBaseTemplate, this);\n  }\n\n  get hideActionBar(): boolean {\n    return this.hideResultBtn && this.hideResetBtn;\n  }\n\n  static get searchableListBaseTemplate() {\n    return SearchableListBaseTemplate;\n  }\n}\n\nUDExFilterMenu.define();\n\nexport default UDExFilterMenu;\n"]}

package/dist/FilterMenuGroupHeader.d.ts

@@ -0,0 +1,30 @@
+import UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
+import UDExFilterMenuItem from "./FilterMenuItem.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu-group-header</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/FilterMenuGroupHeader.js";</code>
+ *
+ * @constructor
+ * @extends UDExListGroupHeaderBase
+ * @public
+ */
+declare class UDExFilterMenuGroupHeader extends UDExListGroupHeaderBase {
+    /**
+     * Slot for  list items.
+     *
+     * @slot items
+     * @public
+     */
+    items: Array<UDExFilterMenuItem>;
+    getItems(): Array<UDExFilterMenuItem>;
+}
+export default UDExFilterMenuGroupHeader;

package/dist/FilterMenuGroupHeader.js

@@ -0,0 +1,45 @@
+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 slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
+import UDExFilterMenuItem from "./FilterMenuItem.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu-group-header</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/FilterMenuGroupHeader.js";</code>
+ *
+ * @constructor
+ * @extends UDExListGroupHeaderBase
+ * @public
+ */
+let UDExFilterMenuGroupHeader = class UDExFilterMenuGroupHeader extends UDExListGroupHeaderBase {
+    getItems() {
+        return this.getSlottedNodes("items");
+    }
+};
+__decorate([
+    slot({ type: UDExFilterMenuItem, "default": true })
+], UDExFilterMenuGroupHeader.prototype, "items", void 0);
+UDExFilterMenuGroupHeader = __decorate([
+    customElement({
+        tag: "udex-filter-menu-group-header",
+        renderer: litRender,
+    })
+], UDExFilterMenuGroupHeader);
+UDExFilterMenuGroupHeader.define();
+export default UDExFilterMenuGroupHeader;
+//# sourceMappingURL=FilterMenuGroupHeader.js.map

package/dist/FilterMenuGroupHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenuGroupHeader.js","sourceRoot":"","sources":["../src/FilterMenuGroupHeader.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,uBAAuB,MAAM,0BAA0B,CAAC;AAC/D,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;AAErD;;;;;;;;;;;;;;;;GAgBG;AAOH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,uBAAuB;IAU7D,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAqB,OAAO,CAAC,CAAC;IAC3D,CAAC;CACF,CAAA;AALG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;wDAChB;AARhC,yBAAyB;IAL9B,aAAa,CAAC;QACb,GAAG,EAAE,+BAA+B;QACpC,QAAQ,EAAE,SAAS;KACpB,CAAC;GAEI,yBAAyB,CAa9B;AAED,yBAAyB,CAAC,MAAM,EAAE,CAAC;AAEnC,eAAe,yBAAyB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExFilterMenuItem from \"./FilterMenuItem.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-filter-menu-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/FilterMenuGroupHeader.js\";</code>\n *\n * @constructor\n * @extends UDExListGroupHeaderBase\n * @public\n */\n\n@customElement({\n  tag: \"udex-filter-menu-group-header\",\n  renderer: litRender,\n})\n\nclass UDExFilterMenuGroupHeader extends UDExListGroupHeaderBase {\n  /**\n   * Slot for  list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExFilterMenuItem, \"default\": true })\n    items!: Array<UDExFilterMenuItem>;\n\n  getItems(): Array<UDExFilterMenuItem> {\n    return this.getSlottedNodes<UDExFilterMenuItem>(\"items\");\n  }\n}\n\nUDExFilterMenuGroupHeader.define();\n\nexport default UDExFilterMenuGroupHeader;\n"]}

package/dist/FilterMenuItem.d.ts

@@ -0,0 +1,27 @@
+import UDExListItemBase from "./ListItemBase.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/FilterMenuItem.js";</code>
+ *
+ * @constructor
+ * @extends UDExListItemBase
+ * @public
+ */
+declare class UDExFilterMenuItem extends UDExListItemBase {
+    /**
+     *
+     * @default false
+     * @public
+     */
+    _isFilterSelectAllItem?: boolean;
+}
+export default UDExFilterMenuItem;

package/dist/FilterMenuItem.js

@@ -0,0 +1,41 @@
+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 property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import UDExListItemBase from "./ListItemBase.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-filter-menu-item</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/FilterMenuItem.js";</code>
+ *
+ * @constructor
+ * @extends UDExListItemBase
+ * @public
+ */
+let UDExFilterMenuItem = class UDExFilterMenuItem extends UDExListItemBase {
+};
+__decorate([
+    property({ type: Boolean })
+], UDExFilterMenuItem.prototype, "_isFilterSelectAllItem", void 0);
+UDExFilterMenuItem = __decorate([
+    customElement({
+        tag: "udex-filter-menu-item",
+        renderer: litRender,
+    })
+], UDExFilterMenuItem);
+UDExFilterMenuItem.define();
+export default UDExFilterMenuItem;
+//# sourceMappingURL=FilterMenuItem.js.map