@sapudex/web-components 2.48.0 → 2.49.0

package/dist/Carousel.d.ts

@@ -1,6 +1,7 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import type UI5Carousel from "@ui5/webcomponents/dist/Carousel.js";
 import type { CarouselNavigateEventDetail } from "@ui5/webcomponents/dist/Carousel.js";
 import type { UI5CustomEvent } from "@ui5/webcomponents-base";
@@ -127,12 +128,37 @@ declare class UDExCarousel extends UI5Element {
      * @public
      */
     accessibleName: string;
+    /**
+     * Tracks whether the inner carousel has multiple pages (updated after render).
+     *
+     * @default false
+     * @private
+     */
+    _hasManyPages: boolean;
     static i18nBundle: I18nBundle;
     _autoplayInterval: ReturnType<typeof setInterval> | null;
     _autoplayLastToggle: number;
     _autoplayMinTimeBetweenToggle: number;
     _autoplayManualStop: boolean;
+    _resizeHandler: ResizeObserverCallback;
+    constructor();
+    onAfterRendering(): void;
+    onExitDOM(): void;
+    onEnterDOM(): void;
+    _onResize(): void;
     _autoplayLoop: () => void;
+    _startAutoplay(): void;
+    _stopAutoplay(): void;
+    _onAutoplayToggleClick(): void;
+    _onFocusIn(): void;
+    _onFocusOut(): void;
+    _onMouseEnter(): void;
+    _onMouseLeave(): void;
+    _calculateDisabledButtonsState(): void;
+    _prevButtonClick(): void;
+    _nextButtonClick(): void;
+    _onkeydown(e: KeyboardEvent): void;
+    _handleNavigate(e: UI5CustomEvent<UI5Carousel, "navigate">): void;
     get nextPageText(): string;
     get previousPageText(): string;
     get carouselClass(): string;
@@ -145,23 +171,8 @@ declare class UDExCarousel extends UI5Element {
     };
     get _hidePageIndicator(): boolean;
     get _carousel(): UI5Carousel | null;
-    get _ui5CarouselRoot(): HTMLElement | null | undefined;
-    _startAutoplay(): void;
-    _stopAutoplay(): void;
-    _onAutoplayToggleClick(): void;
     get _isBottomNavigation(): boolean;
     get autoplayToggleButtonTooltipText(): string;
-    _onFocusIn(): void;
-    _onFocusOut(): void;
-    _onMouseEnter(): void;
-    _onMouseLeave(): void;
-    _calculateDisabledButtonsState(): void;
-    _prevButtonClick(): void;
-    _nextButtonClick(): void;
-    _onkeydown(e: KeyboardEvent): void;
-    _handleNavigate(e: UI5CustomEvent<UI5Carousel, "navigate">): void;
-    onAfterRendering(): void;
-    onExitDOM(): void;
 }
 export default UDExCarousel;
 export type { CarouselNavigateEventDetail, UDExCarouselAutoplayToggleEventDetails };

package/dist/Carousel.js

@@ -12,6 +12,7 @@ import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import { isUp, isDown, isRight, isLeft, } from "@ui5/webcomponents-base/dist/Keys.js";
 import { CAROUSEL_NEXT_ARROW_TEXT, CAROUSEL_PREVIOUS_ARROW_TEXT, CAROUSEL_AUTOPLAY_TOGGLE_START, CAROUSEL_AUTOPLAY_TOGGLE_STOP, } from "./generated/i18n/i18n-defaults.js";
 import redirectAttributes from "./utils/redirectAttributes.js";
@@ -49,7 +50,7 @@ export var UDExCarouselButtonDesign;
  */
 let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
     constructor() {
-        super(...arguments);
+        super();
         /**
          * Defines the position of the navigation.
          * <br><br>
@@ -105,6 +106,13 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
          * @public
          */
         this.accessibleName = "";
+        /**
+         * Tracks whether the inner carousel has multiple pages (updated after render).
+         *
+         * @default false
+         * @private
+         */
+        this._hasManyPages = false;
         this._autoplayInterval = null;
         this._autoplayLastToggle = Date.now();
         this._autoplayMinTimeBetweenToggle = 250;
@@ -126,50 +134,26 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
             this._carousel?.navigateTo(nextSlide);
             this._calculateDisabledButtonsState();
         };
+        this._resizeHandler = this._onResize.bind(this);
     }
-    get nextPageText() {
-        return translate(UDExCarousel_1, CAROUSEL_NEXT_ARROW_TEXT);
-    }
-    get previousPageText() {
-        return translate(UDExCarousel_1, CAROUSEL_PREVIOUS_ARROW_TEXT);
-    }
-    get carouselClass() {
-        const classes = "udex-carousel";
-        return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;
-    }
-    get navigationWrapperClass() {
-        let _class = "udex-carousel__navigation-wrapper";
-        if (this.autoplay) {
-            _class += " udex-carousel__navigation-wrapper--autoplay";
+    onAfterRendering() {
+        redirectAttributes(this, "carousel");
+        this._calculateDisabledButtonsState();
+        if (this._autoplayInterval === null) {
+            this._startAutoplay();
         }
-        return _class;
     }
-    get navigationButtonWrapperClass() {
-        let _class = "udex-carousel__navigation-button-wrapper";
-        if (this._carousel?.isPageTypeDots) {
-            _class += " udex-carousel__navigation-button-wrapper--dot-indicators";
+    onExitDOM() {
+        ResizeHandler.deregister(this, this._resizeHandler);
+        if (this._autoplayInterval) {
+            clearInterval(this._autoplayInterval);
         }
-        return _class;
     }
-    get buttonDesign() {
-        return this.navigationPlacement === UDExCarouselNavigationPosition.top
-            ? UDExCarouselButtonDesign.Secondary
-            : UDExCarouselButtonDesign.Tertiary;
+    onEnterDOM() {
+        ResizeHandler.register(this, this._resizeHandler);
     }
-    get showNavigationButtons() {
-        return {
-            top: this.navigationPlacement === UDExCarouselNavigationPosition.top,
-            bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom,
-        };
-    }
-    get _hidePageIndicator() {
-        return this.navigationPlacement === UDExCarouselNavigationPosition.top;
-    }
-    get _carousel() {
-        return this.shadowRoot.querySelector("[ui5-carousel]");
-    }
-    get _ui5CarouselRoot() {
-        return this._carousel?.shadowRoot?.querySelector(".ui5-carousel-root");
+    _onResize() {
+        this._hasManyPages = this._carousel?.hasManyPages ?? false;
     }
     _startAutoplay() {
         if (!this.autoplay) {
@@ -212,14 +196,6 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
             isPaused: this._autoplayIsPaused,
         });
     }
-    get _isBottomNavigation() {
-        return this.navigationPlacement === UDExCarouselNavigationPosition.bottom;
-    }
-    get autoplayToggleButtonTooltipText() {
-        return this._autoplayIsPaused
-            ? translate(UDExCarousel_1, CAROUSEL_AUTOPLAY_TOGGLE_START)
-            : translate(UDExCarousel_1, CAROUSEL_AUTOPLAY_TOGGLE_STOP);
-    }
     _onFocusIn() {
         this._stopAutoplay();
     }
@@ -263,17 +239,54 @@ let UDExCarousel = UDExCarousel_1 = class UDExCarousel extends UI5Element {
         this._calculateDisabledButtonsState();
         this.fireDecoratorEvent("navigate", e.detail);
     }
-    onAfterRendering() {
-        redirectAttributes(this, "carousel");
-        this._calculateDisabledButtonsState();
-        if (this._autoplayInterval === null) {
-            this._startAutoplay();
+    get nextPageText() {
+        return translate(UDExCarousel_1, CAROUSEL_NEXT_ARROW_TEXT);
+    }
+    get previousPageText() {
+        return translate(UDExCarousel_1, CAROUSEL_PREVIOUS_ARROW_TEXT);
+    }
+    get carouselClass() {
+        const classes = "udex-carousel";
+        return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;
+    }
+    get navigationWrapperClass() {
+        let _class = "udex-carousel__navigation-wrapper";
+        if (this.autoplay) {
+            _class += " udex-carousel__navigation-wrapper--autoplay";
         }
+        return _class;
     }
-    onExitDOM() {
-        if (this._autoplayInterval) {
-            clearInterval(this._autoplayInterval);
+    get navigationButtonWrapperClass() {
+        let _class = "udex-carousel__navigation-button-wrapper";
+        if (this._carousel?.isPageTypeDots) {
+            _class += " udex-carousel__navigation-button-wrapper--dot-indicators";
         }
+        return _class;
+    }
+    get buttonDesign() {
+        return this.navigationPlacement === UDExCarouselNavigationPosition.top
+            ? UDExCarouselButtonDesign.Secondary
+            : UDExCarouselButtonDesign.Tertiary;
+    }
+    get showNavigationButtons() {
+        return {
+            top: this.navigationPlacement === UDExCarouselNavigationPosition.top && this._hasManyPages,
+            bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom && this._hasManyPages,
+        };
+    }
+    get _hidePageIndicator() {
+        return this.navigationPlacement === UDExCarouselNavigationPosition.top;
+    }
+    get _carousel() {
+        return this.shadowRoot.querySelector("[ui5-carousel]");
+    }
+    get _isBottomNavigation() {
+        return this.navigationPlacement === UDExCarouselNavigationPosition.bottom;
+    }
+    get autoplayToggleButtonTooltipText() {
+        return this._autoplayIsPaused
+            ? translate(UDExCarousel_1, CAROUSEL_AUTOPLAY_TOGGLE_START)
+            : translate(UDExCarousel_1, CAROUSEL_AUTOPLAY_TOGGLE_STOP);
     }
 };
 __decorate([
@@ -309,6 +322,9 @@ __decorate([
 __decorate([
     property({ type: String })
 ], UDExCarousel.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExCarousel.prototype, "_hasManyPages", void 0);
 __decorate([
     i18n("@sapudex/web-components")
 ], UDExCarousel, "i18nBundle", void 0);

package/dist/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } 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-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp, isDown, isRight, isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n  CAROUSEL_NEXT_ARROW_TEXT,\n  CAROUSEL_PREVIOUS_ARROW_TEXT,\n  CAROUSEL_AUTOPLAY_TOGGLE_START,\n  CAROUSEL_AUTOPLAY_TOGGLE_STOP,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\nimport type UI5Carousel from \"@ui5/webcomponents/dist/Carousel.js\";\nimport type { CarouselNavigateEventDetail } from \"@ui5/webcomponents/dist/Carousel.js\";\nimport type { UI5CustomEvent } from \"@ui5/webcomponents-base\";\nimport translate from \"./utils/translate.js\";\n\nimport CarouselTemplate from \"./CarouselTemplate.js\";\n\n// Styles\nimport CarouselCss from \"./generated/themes/Carousel.css.js\";\nimport type CarouselPageIndicatorType from \"@ui5/webcomponents/dist/types/CarouselPageIndicatorType.js\";\n\nexport enum UDExCarouselNavigationPosition {\n  top = \"top\",\n  bottom = \"bottom\",\n}\n\nexport enum UDExCarouselButtonDesign {\n  Secondary = \"Secondary\",\n  Tertiary = \"Tertiary\",\n}\n\ntype UDExCarouselAutoplayToggleEventDetails = {\n  isPaused: boolean;\n}\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-carousel</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-carousel\n * @public\n */\n@customElement({\n  tag: \"udex-carousel\",\n  renderer: jsxRenderer,\n  styles: CarouselCss,\n  template: CarouselTemplate,\n})\n/**\n * Triggered when carousel navigates to a new slide\n * @public\n * @param { CustomEvent }\n */\n@event(\"navigate\")\n/**\n * Fired event when the user click on a play/paused button.\n *\n * @public\n * @param {boolean} isPaused - Indicates current state of autoplay\n */\n@event(\"autoplay-toggle-click\", { bubbles: true })\n\nclass UDExCarousel extends UI5Element {\n  eventDetails!: {\n    \"navigate\": CarouselNavigateEventDetail,\n    \"autoplay-toggle-click\": UDExCarouselAutoplayToggleEventDetails,\n  };\n  /**\n   * Defines the position of the navigation.\n   * <br><br>\n   * Available options are:\n   * <ul>\n   * <li><code>top</code> - the navigation button are placed above the component.</li>\n   * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property()\n    navigationPlacement: `${UDExCarouselNavigationPosition}` = UDExCarouselNavigationPosition.top;\n  /**\n   * Controls carousel autoplay functionality\n   * @public\n   * @default undefined\n   */\n  @property({ type: Boolean })\n    autoplay?: boolean;\n\n  /**\n   * Defines carousel autoplay speed in milliseconds till next slide\n   * @public\n   */\n  @property({ type: Number })\n    autoplaySpeed: number = 2000;\n\n  /**\n   * Indicates current state of autoplay.\n   *\n   * @default true\n   * @private\n   */\n  @property({ type: Boolean })\n    _autoplayIsPaused = true;\n\n  /**\n   * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    cyclic?: boolean;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ \"default\": true, type: HTMLElement, individualSlots: true })\n    items!: DefaultSlot<HTMLElement>;\n\n  /**\n   * Defines the number of items per page depending on the carousel width.\n   *\n   * - 'S' for screens smaller than 600 pixels.\n   * - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.\n   * - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.\n   * - 'XL' for screens greater than or equal to 1440 pixels.\n   *\n   * One item per page is shown by default.\n   * @default \"S1 M1 L1 XL1\"\n   * @public\n   */\n  @property()\n    itemsPerPage = \"S1 M1 L1 XL1\";\n\n  /**\n   * Defines the style of the page indicator.\n   * Available options are:\n   *\n   * - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n   * - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)\n   * @since 1.10\n   * @default \"Default\"\n   * @public\n   */\n  @property()\n    pageIndicatorType: `${CarouselPageIndicatorType}` = \"Default\";\n\n  /**\n   * Defines the prev button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isPrevButtonDisabled!: boolean;\n\n  /**\n   * Defines the next button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isNextButtonDisabled!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default ''\n   * @public\n   */\n  @property({ type: String })\n    accessibleName: string = \"\";\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _autoplayInterval: ReturnType<typeof setInterval> | null = null;\n  _autoplayLastToggle = Date.now();\n  _autoplayMinTimeBetweenToggle = 250;\n  _autoplayManualStop = false;\n  _autoplayLoop = () => {\n    const items = this._carousel?.items;\n    if (!items) { return; }\n\n    const currentSlide = this._carousel._currentPageIndex;\n    const itemsPerPage = this._carousel.effectiveItemsPerPage;\n    const isLastSlide = currentSlide === (items.length - itemsPerPage);\n\n    if (isLastSlide && !this.cyclic) {\n      this._stopAutoplay();\n      this._autoplayManualStop = true;\n\n      return;\n    }\n\n    const nextSlide = isLastSlide ? 0 : (currentSlide + itemsPerPage);\n\n    this._carousel?.navigateTo(nextSlide);\n    this._calculateDisabledButtonsState();\n  };\n\n  get nextPageText(): string {\n    return translate(UDExCarousel, CAROUSEL_NEXT_ARROW_TEXT);\n  }\n\n  get previousPageText(): string {\n    return translate(UDExCarousel, CAROUSEL_PREVIOUS_ARROW_TEXT);\n  }\n\n  get carouselClass(): string {\n    const classes = \"udex-carousel\";\n\n    return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;\n  }\n\n  get navigationWrapperClass(): string {\n    let _class = \"udex-carousel__navigation-wrapper\";\n\n    if (this.autoplay) {\n      _class += \" udex-carousel__navigation-wrapper--autoplay\";\n    }\n\n    return _class;\n  }\n\n  get navigationButtonWrapperClass(): string {\n    let _class = \"udex-carousel__navigation-button-wrapper\";\n\n    if (this._carousel?.isPageTypeDots) {\n      _class += \" udex-carousel__navigation-button-wrapper--dot-indicators\";\n    }\n\n    return _class;\n  }\n\n  get buttonDesign(): UDExCarouselButtonDesign {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top\n      ? UDExCarouselButtonDesign.Secondary\n      : UDExCarouselButtonDesign.Tertiary;\n  }\n\n  get showNavigationButtons(): { top: boolean; bottom: boolean } {\n    return {\n      top: this.navigationPlacement === UDExCarouselNavigationPosition.top,\n      bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom,\n    };\n  }\n\n  get _hidePageIndicator(): boolean {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top;\n  }\n\n  get _carousel(): UI5Carousel | null {\n    return this.shadowRoot!.querySelector<UI5Carousel>(\"[ui5-carousel]\");\n  }\n\n  get _ui5CarouselRoot(): HTMLElement | null | undefined {\n    return this._carousel?.shadowRoot?.querySelector(\".ui5-carousel-root\");\n  }\n\n  _startAutoplay(): void {\n    if (!this.autoplay) { return; }\n\n    if (!this._carousel?.items) {\n      console.warn(\"[UDExCarousel] Cannot start autoplay on an empty carousel\");\n      return;\n    }\n\n    const toggleBuffer = Date.now() - this._autoplayLastToggle;\n    if (this._autoplayInterval !== null && toggleBuffer <= this._autoplayMinTimeBetweenToggle) {\n      this._autoplayLastToggle = Date.now();\n      return;\n    }\n\n    if (this._autoplayInterval !== null) {\n      clearInterval(this._autoplayInterval);\n    }\n\n    this._autoplayInterval = setInterval(this._autoplayLoop, this.autoplaySpeed);\n    this._autoplayIsPaused = false;\n    this._autoplayLastToggle = Date.now();\n  }\n\n  _stopAutoplay(): void {\n    if (!this._autoplayInterval) { return; }\n\n    clearInterval(this._autoplayInterval);\n    this._autoplayIsPaused = true;\n    this._autoplayLastToggle = Date.now();\n  }\n\n  _onAutoplayToggleClick(): void {\n    if (this._autoplayIsPaused) {\n      this._startAutoplay();\n      this._autoplayManualStop = false;\n    } else {\n      this._stopAutoplay();\n      this._autoplayManualStop = true;\n    }\n\n    this.fireDecoratorEvent(\"autoplay-toggle-click\", {\n      isPaused: this._autoplayIsPaused,\n    });\n  }\n\n  get _isBottomNavigation(): boolean {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.bottom;\n  }\n\n  get autoplayToggleButtonTooltipText(): string {\n    return this._autoplayIsPaused\n      ? translate(UDExCarousel, CAROUSEL_AUTOPLAY_TOGGLE_START)\n      : translate(UDExCarousel, CAROUSEL_AUTOPLAY_TOGGLE_STOP);\n  }\n\n  _onFocusIn(): void {\n    this._stopAutoplay();\n  }\n\n  _onFocusOut(): void {\n    if (!this._autoplayManualStop) { this._startAutoplay(); }\n  }\n\n  _onMouseEnter(): void {\n    this._stopAutoplay();\n  }\n\n  _onMouseLeave(): void {\n    if (!this._autoplayManualStop) { this._startAutoplay(); }\n  }\n\n  _calculateDisabledButtonsState() {\n    this.isPrevButtonDisabled = !this._carousel?.hasPrev;\n    this.isNextButtonDisabled = !this._carousel?.hasNext;\n  }\n\n  _prevButtonClick() {\n    if (this.isPrevButtonDisabled || !this._carousel) {\n      return;\n    }\n\n    this._carousel.navigateLeft();\n    this._calculateDisabledButtonsState();\n  }\n\n  _nextButtonClick() {\n    if (this.isNextButtonDisabled || !this._carousel) {\n      return;\n    }\n\n    this._carousel.navigateRight();\n    this._calculateDisabledButtonsState();\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {\n      this._calculateDisabledButtonsState();\n    }\n  }\n\n  _handleNavigate(e: UI5CustomEvent<UI5Carousel, \"navigate\">): void {\n    this._calculateDisabledButtonsState();\n\n    this.fireDecoratorEvent(\"navigate\", e.detail);\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"carousel\");\n\n    this._calculateDisabledButtonsState();\n\n    if (this._autoplayInterval === null) { this._startAutoplay(); }\n  }\n\n  onExitDOM(): void {\n    if (this._autoplayInterval) { clearInterval(this._autoplayInterval); }\n  }\n}\n\nUDExCarousel.define();\n\nexport default UDExCarousel;\nexport type { CarouselNavigateEventDetail, UDExCarouselAutoplayToggleEventDetails };\n"]}
+{"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../src/Carousel.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } 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-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isUp, isDown, isRight, isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport {\n  CAROUSEL_NEXT_ARROW_TEXT,\n  CAROUSEL_PREVIOUS_ARROW_TEXT,\n  CAROUSEL_AUTOPLAY_TOGGLE_START,\n  CAROUSEL_AUTOPLAY_TOGGLE_STOP,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport redirectAttributes from \"./utils/redirectAttributes.js\";\nimport type UI5Carousel from \"@ui5/webcomponents/dist/Carousel.js\";\nimport type { CarouselNavigateEventDetail } from \"@ui5/webcomponents/dist/Carousel.js\";\nimport type { UI5CustomEvent } from \"@ui5/webcomponents-base\";\nimport translate from \"./utils/translate.js\";\n\nimport CarouselTemplate from \"./CarouselTemplate.js\";\n\n// Styles\nimport CarouselCss from \"./generated/themes/Carousel.css.js\";\nimport type CarouselPageIndicatorType from \"@ui5/webcomponents/dist/types/CarouselPageIndicatorType.js\";\n\nexport enum UDExCarouselNavigationPosition {\n  top = \"top\",\n  bottom = \"bottom\",\n}\n\nexport enum UDExCarouselButtonDesign {\n  Secondary = \"Secondary\",\n  Tertiary = \"Tertiary\",\n}\n\ntype UDExCarouselAutoplayToggleEventDetails = {\n  isPaused: boolean;\n}\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-carousel</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/Carousel.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @tagname udex-carousel\n * @public\n */\n@customElement({\n  tag: \"udex-carousel\",\n  renderer: jsxRenderer,\n  styles: CarouselCss,\n  template: CarouselTemplate,\n})\n/**\n * Triggered when carousel navigates to a new slide\n * @public\n * @param { CustomEvent }\n */\n@event(\"navigate\")\n/**\n * Fired event when the user click on a play/paused button.\n *\n * @public\n * @param {boolean} isPaused - Indicates current state of autoplay\n */\n@event(\"autoplay-toggle-click\", { bubbles: true })\n\nclass UDExCarousel extends UI5Element {\n  eventDetails!: {\n    \"navigate\": CarouselNavigateEventDetail,\n    \"autoplay-toggle-click\": UDExCarouselAutoplayToggleEventDetails,\n  };\n  /**\n   * Defines the position of the navigation.\n   * <br><br>\n   * Available options are:\n   * <ul>\n   * <li><code>top</code> - the navigation button are placed above the component.</li>\n   * <li><code>bottom</code> - the navigation button arrows are placed below the component.</li>\n   * </ul>\n   *\n   * @public\n   */\n  @property()\n    navigationPlacement: `${UDExCarouselNavigationPosition}` = UDExCarouselNavigationPosition.top;\n  /**\n   * Controls carousel autoplay functionality\n   * @public\n   * @default undefined\n   */\n  @property({ type: Boolean })\n    autoplay?: boolean;\n\n  /**\n   * Defines carousel autoplay speed in milliseconds till next slide\n   * @public\n   */\n  @property({ type: Number })\n    autoplaySpeed: number = 2000;\n\n  /**\n   * Indicates current state of autoplay.\n   *\n   * @default true\n   * @private\n   */\n  @property({ type: Boolean })\n    _autoplayIsPaused = true;\n\n  /**\n   * Defines whether the carousel should loop, i.e show the first page after the last page is reached and vice versa.\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    cyclic?: boolean;\n\n  /**\n   * Defines the content of the component.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ \"default\": true, type: HTMLElement, individualSlots: true })\n    items!: DefaultSlot<HTMLElement>;\n\n  /**\n   * Defines the number of items per page depending on the carousel width.\n   *\n   * - 'S' for screens smaller than 600 pixels.\n   * - 'M' for screens greater than or equal to 600 pixels and smaller than 1024 pixels.\n   * - 'L' for screens greater than or equal to 1024 pixels and smaller than 1440 pixels.\n   * - 'XL' for screens greater than or equal to 1440 pixels.\n   *\n   * One item per page is shown by default.\n   * @default \"S1 M1 L1 XL1\"\n   * @public\n   */\n  @property()\n    itemsPerPage = \"S1 M1 L1 XL1\";\n\n  /**\n   * Defines the style of the page indicator.\n   * Available options are:\n   *\n   * - `Default` - The page indicator will be visualized as dots if there are fewer than 9 pages. If there are more pages, the page indicator will switch to displaying the current page and the total number of pages. (e.g. X of Y)\n   * - `Numeric` - The page indicator will display the current page and the total number of pages. (e.g. X of Y)\n   * @since 1.10\n   * @default \"Default\"\n   * @public\n   */\n  @property()\n    pageIndicatorType: `${CarouselPageIndicatorType}` = \"Default\";\n\n  /**\n   * Defines the prev button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isPrevButtonDisabled!: boolean;\n\n  /**\n   * Defines the next button is disabled\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    isNextButtonDisabled!: boolean;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default ''\n   * @public\n   */\n  @property({ type: String })\n    accessibleName: string = \"\";\n\n  /**\n   * Tracks whether the inner carousel has multiple pages (updated after render).\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _hasManyPages = false;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _autoplayInterval: ReturnType<typeof setInterval> | null = null;\n  _autoplayLastToggle = Date.now();\n  _autoplayMinTimeBetweenToggle = 250;\n  _autoplayManualStop = false;\n  _resizeHandler: ResizeObserverCallback;\n\n  constructor() {\n    super();\n    this._resizeHandler = this._onResize.bind(this);\n  }\n\n  onAfterRendering() {\n    redirectAttributes(this, \"carousel\");\n\n    this._calculateDisabledButtonsState();\n\n    if (this._autoplayInterval === null) {\n      this._startAutoplay();\n    }\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._resizeHandler);\n\n    if (this._autoplayInterval) {\n      clearInterval(this._autoplayInterval);\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._resizeHandler);\n  }\n\n  _onResize(): void {\n    this._hasManyPages = this._carousel?.hasManyPages ?? false;\n  }\n\n  _autoplayLoop = () => {\n    const items = this._carousel?.items;\n    if (!items) {\n      return;\n    }\n\n    const currentSlide = this._carousel._currentPageIndex;\n    const itemsPerPage = this._carousel.effectiveItemsPerPage;\n    const isLastSlide = currentSlide === (items.length - itemsPerPage);\n\n    if (isLastSlide && !this.cyclic) {\n      this._stopAutoplay();\n      this._autoplayManualStop = true;\n\n      return;\n    }\n\n    const nextSlide = isLastSlide ? 0 : (currentSlide + itemsPerPage);\n\n    this._carousel?.navigateTo(nextSlide);\n    this._calculateDisabledButtonsState();\n  };\n\n  _startAutoplay(): void {\n    if (!this.autoplay) {\n      return;\n    }\n\n    if (!this._carousel?.items) {\n      console.warn(\"[UDExCarousel] Cannot start autoplay on an empty carousel\");\n      return;\n    }\n\n    const toggleBuffer = Date.now() - this._autoplayLastToggle;\n    if (this._autoplayInterval !== null && toggleBuffer <= this._autoplayMinTimeBetweenToggle) {\n      this._autoplayLastToggle = Date.now();\n      return;\n    }\n\n    if (this._autoplayInterval !== null) {\n      clearInterval(this._autoplayInterval);\n    }\n\n    this._autoplayInterval = setInterval(this._autoplayLoop, this.autoplaySpeed);\n    this._autoplayIsPaused = false;\n    this._autoplayLastToggle = Date.now();\n  }\n\n  _stopAutoplay(): void {\n    if (!this._autoplayInterval) {\n      return;\n    }\n\n    clearInterval(this._autoplayInterval);\n    this._autoplayIsPaused = true;\n    this._autoplayLastToggle = Date.now();\n  }\n\n  _onAutoplayToggleClick(): void {\n    if (this._autoplayIsPaused) {\n      this._startAutoplay();\n      this._autoplayManualStop = false;\n    } else {\n      this._stopAutoplay();\n      this._autoplayManualStop = true;\n    }\n\n    this.fireDecoratorEvent(\"autoplay-toggle-click\", {\n      isPaused: this._autoplayIsPaused,\n    });\n  }\n\n  _onFocusIn(): void {\n    this._stopAutoplay();\n  }\n\n  _onFocusOut(): void {\n    if (!this._autoplayManualStop) {\n      this._startAutoplay();\n    }\n  }\n\n  _onMouseEnter(): void {\n    this._stopAutoplay();\n  }\n\n  _onMouseLeave(): void {\n    if (!this._autoplayManualStop) {\n      this._startAutoplay();\n    }\n  }\n\n  _calculateDisabledButtonsState() {\n    this.isPrevButtonDisabled = !this._carousel?.hasPrev;\n    this.isNextButtonDisabled = !this._carousel?.hasNext;\n  }\n\n  _prevButtonClick() {\n    if (this.isPrevButtonDisabled || !this._carousel) {\n      return;\n    }\n\n    this._carousel.navigateLeft();\n    this._calculateDisabledButtonsState();\n  }\n\n  _nextButtonClick() {\n    if (this.isNextButtonDisabled || !this._carousel) {\n      return;\n    }\n\n    this._carousel.navigateRight();\n    this._calculateDisabledButtonsState();\n  }\n\n  _onkeydown(e: KeyboardEvent) {\n    if (isLeft(e) || isDown(e) || isRight(e) || isUp(e)) {\n      this._calculateDisabledButtonsState();\n    }\n  }\n\n  _handleNavigate(e: UI5CustomEvent<UI5Carousel, \"navigate\">): void {\n    this._calculateDisabledButtonsState();\n\n    this.fireDecoratorEvent(\"navigate\", e.detail);\n  }\n\n  get nextPageText(): string {\n    return translate(UDExCarousel, CAROUSEL_NEXT_ARROW_TEXT);\n  }\n\n  get previousPageText(): string {\n    return translate(UDExCarousel, CAROUSEL_PREVIOUS_ARROW_TEXT);\n  }\n\n  get carouselClass(): string {\n    const classes = \"udex-carousel\";\n\n    return `${classes} udex-carousel__navigation--${this.navigationPlacement}`;\n  }\n\n  get navigationWrapperClass(): string {\n    let _class = \"udex-carousel__navigation-wrapper\";\n\n    if (this.autoplay) {\n      _class += \" udex-carousel__navigation-wrapper--autoplay\";\n    }\n\n    return _class;\n  }\n\n  get navigationButtonWrapperClass(): string {\n    let _class = \"udex-carousel__navigation-button-wrapper\";\n\n    if (this._carousel?.isPageTypeDots) {\n      _class += \" udex-carousel__navigation-button-wrapper--dot-indicators\";\n    }\n\n    return _class;\n  }\n\n  get buttonDesign(): UDExCarouselButtonDesign {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top\n      ? UDExCarouselButtonDesign.Secondary\n      : UDExCarouselButtonDesign.Tertiary;\n  }\n\n  get showNavigationButtons(): { top: boolean; bottom: boolean } {\n    return {\n      top: this.navigationPlacement === UDExCarouselNavigationPosition.top && this._hasManyPages,\n      bottom: this.navigationPlacement === UDExCarouselNavigationPosition.bottom && this._hasManyPages,\n    };\n  }\n\n  get _hidePageIndicator(): boolean {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.top;\n  }\n\n  get _carousel(): UI5Carousel | null {\n    return this.shadowRoot!.querySelector<UI5Carousel>(\"[ui5-carousel]\");\n  }\n\n  get _isBottomNavigation(): boolean {\n    return this.navigationPlacement === UDExCarouselNavigationPosition.bottom;\n  }\n\n  get autoplayToggleButtonTooltipText(): string {\n    return this._autoplayIsPaused\n      ? translate(UDExCarousel, CAROUSEL_AUTOPLAY_TOGGLE_START)\n      : translate(UDExCarousel, CAROUSEL_AUTOPLAY_TOGGLE_STOP);\n  }\n}\n\nUDExCarousel.define();\n\nexport default UDExCarousel;\nexport type { CarouselNavigateEventDetail, UDExCarouselAutoplayToggleEventDetails };\n"]}

package/dist/FilterMenu.d.ts

@@ -162,13 +162,13 @@ declare class UDExFilterMenu extends UDExSearchableListBase {
     accessibleNameRef: string;
     /**
      * Allows setting a custom role.
-     * @default "None"
+     * @default "Dialog"
      * @public
      */
     accessibleRole: `${PopupAccessibleRole}`;
     /**
      * Allows setting a custom role for dropdown trigger.
-     * @default "combobox"
+     * @default "button"
      * @public
      */
     triggerAccessibleRole: string;
@@ -230,6 +230,16 @@ declare class UDExFilterMenu extends UDExSearchableListBase {
     get getResultLabelText(): string;
     get getResetLabelText(): string;
     get _iconAccessibleNameText(): string;
+    /**
+     * FilterMenu uses the ARIA tree pattern for genuinely grouped items when:
+     *   - MultiSelect mode (headers/items expose aria-checked), or
+     *   - SingleSelect mode with at least one collapsible group
+     *     (headers expose aria-expanded, items expose aria-selected).
+     *
+     * A "Select All" header is NOT a hierarchical group — it is a bulk-select
+     * affordance for a flat list — so it must not trigger the tree pattern.
+     */
+    get isTreeStructure(): boolean;
     get triggerButtonAccessibleName(): string;
     get searchableList(): import("@ui5/webcomponents-base").JSX.Element;
     static get searchableListBaseTemplate(): typeof SearchableListBaseTemplate;

package/dist/FilterMenu.js

@@ -114,16 +114,16 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
         this.hideResetBtn = false;
         /**
          * Allows setting a custom role.
-         * @default "None"
+         * @default "Dialog"
          * @public
          */
-        this.accessibleRole = PopupAccessibleRole.None;
+        this.accessibleRole = PopupAccessibleRole.Dialog;
         /**
          * Allows setting a custom role for dropdown trigger.
-         * @default "combobox"
+         * @default "button"
          * @public
          */
-        this.triggerAccessibleRole = "combobox";
+        this.triggerAccessibleRole = "button";
         /**
          * Determines whether the filter should be applied.
          * @default false
@@ -358,6 +358,26 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
     get _iconAccessibleNameText() {
         return translate(UDExFilterMenu_1, SELECT_OPTIONS);
     }
+    /**
+     * FilterMenu uses the ARIA tree pattern for genuinely grouped items when:
+     *   - MultiSelect mode (headers/items expose aria-checked), or
+     *   - SingleSelect mode with at least one collapsible group
+     *     (headers expose aria-expanded, items expose aria-selected).
+     *
+     * A "Select All" header is NOT a hierarchical group — it is a bulk-select
+     * affordance for a flat list — so it must not trigger the tree pattern.
+     */
+    get isTreeStructure() {
+        const groups = this._filteredItems.filter(e => e.isGroup && !e.item.isSelectAllHeader);
+        if (!groups.length) {
+            return false;
+        }
+        if (this.modeMultiSelect) {
+            return true;
+        }
+        return this.modeSingleSelect
+            && groups.some(e => e.item.collapsible);
+    }
     get triggerButtonAccessibleName() {
         return this.accessibleName || translate(UDExFilterMenu_1, SELECT_OPTIONS);
     }

package/dist/FilterMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../src/FilterMenu.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  isTabPrevious, isTabNext, isEscape, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.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 type { UDExSearchKeydownEventDetail } from \"./Search.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExButton from \"./Button.js\";\nimport type { UDExSearchableListBaseEvents } from \"./SearchableListBase.js\";\nimport UDExSearchableListBase from \"./SearchableListBase.js\";\nimport { UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport UDExFilterMenuSelectAll from \"./FilterMenuSelectAll.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport UDExBadge from \"./Badge.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport { RESET, SHOW_RESULTS, SELECT_OPTIONS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport FilterMenuTemplate from \"./FilterMenuTemplate.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FilterMenuCss from \"./generated/themes/FilterMenu.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type initialItemState = {\n  id: string,\n  selected: boolean,\n  indeterminate?: boolean,\n  collapsed?: boolean,\n  _filtered?: boolean,\n}\n\ntype UDExFilterMenuResultClickEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n}\n\ntype UDExFilterMenuResetClickEventDetail = {\n  restoredItems: Array<UDExListItemBase>,\n}\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 \"@sapudex/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: jsxRenderer,\n  styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],\n  template: FilterMenuTemplate,\n  dependencies: [\n    IllustratedMessage,\n    Popover,\n    Icon,\n    UDExBusyIndicator,\n    UDExFilterMenuItem,\n    UDExFilterMenuGroupHeader,\n    UDExFilterMenuSelectAll,\n    UDExList,\n    UDExListSelectAll,\n    UDExListItem,\n    UDExListGroupHeader,\n    UDExBadge,\n    UDExSearch,\n    UDExButton,\n  ],\n})\n\n/**\n * Fired event when the user click on a reset button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} restoredItems\n */\n@event(\"reset-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on a result button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} selectedItems\n */\n@event(\"result-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on Select All header item.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is opened.\n *\n * @public\n */\n@event(\"before-open\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is opened.\n *\n * @public\n */\n@event(\"after-open\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is closed.\n *\n * @public\n */\n@event(\"before-close\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is closed.\n *\n * @public\n */\n@event(\"after-close\", { bubbles: true })\n\nclass UDExFilterMenu extends UDExSearchableListBase {\n  eventDetails!: {\n    \"result-click\": UDExFilterMenuResultClickEventDetail,\n    \"reset-click\": UDExFilterMenuResetClickEventDetail,\n    \"before-open\": void,\n    \"after-open\": void,\n    \"before-close\": void,\n    \"after-close\": void,\n  } & UDExSearchableListBaseEvents;\n  /**\n   * Determines the value of the badge.\n   *\n   * @public\n   */\n  @property({ type: Number })\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   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Start;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\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 = false;\n\n  /**\n   * Defines whether the dropdown is open or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _open: boolean = false;\n\n  /**\n   * Hides the result button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResultBtn: boolean = false;\n\n  /**\n   * Hides the reset button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResetBtn: boolean = false;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines id (or many ids) of the elements that contain the ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef!: string;\n  /**\n   * Allows setting a custom role.\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.None;\n\n  /**\n   * Allows setting a custom role for dropdown trigger.\n   * @default \"combobox\"\n   * @public\n   */\n  @property({ type: String })\n    triggerAccessibleRole: string = \"combobox\";\n\n  /**\n   * Determines whether the filter should be applied.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldApplyFilter: boolean = false;\n\n  /**\n   * Determines whether the component should be re-rendered.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  _trigger!: UDExButton;\n  _search!: UDExSearch | HTMLInputElement;\n  _popover!: Popover;\n  _breakpointSizeXS = 640;\n  _initialState: Array<initialItemState> = [];\n  _list!: UDExList;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n  }\n\n  onAfterRendering() {\n    this._search = this.getSearch();\n    this._popover = this.getPopover();\n    this._trigger = this.getTriggerButton();\n    this._list = this.getList();\n  }\n\n  handleSelectAll(e:CustomEvent): void {\n    this.onSelectAllHeaderPress(e);\n  }\n\n  handleItemPress(e:CustomEvent): void {\n    this.onItemPress(e);\n\n    if (this.modeSingleSelect) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleHeaderPress(e:CustomEvent): void {\n    this.onHeaderPress(e);\n  }\n\n  handleValueSearch(e:CustomEvent<{ value: string }>): void {\n    this.onSearch(e.detail.value);\n  }\n\n  handleSubmitSearch(): void {\n    this.onDropdownClose();\n    this.onSubmitSearch();\n  }\n\n  handleResetSearch(): void {\n    this.onResetSearch();\n  }\n\n  handleReset(): void {\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"reset-click\", {\n      restoredItems: this.selectedItems,\n    });\n    this.onReset();\n  }\n\n  handleResult(): void {\n    this._shouldApplyFilter = true;\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"result-click\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  handleKeyDownList(e: KeyboardEvent): void {\n    const isTabNextPress = isTabNext(e) && !this.hasFooterButtons;\n    const isTabPrevPress = isTabPrevious(e) && !this._search;\n    const target = e.target as HTMLElement;\n    const isSearchResetTrigger = target === this._search;\n    if ((isTabNextPress && (!isSearchResetTrigger || this.isListEmpty)) || isTabPrevPress) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void {\n    const { detail: { e } } = keyEvent;\n    if (isTabPrevious(e) || isEscape(e)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResultBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e) && !this.hasResetBtn) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e)) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleTriggerClick(): void {\n    this.toggleDropdown();\n  }\n\n  handleTriggerKeydown(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.toggleDropdown();\n    }\n  }\n\n  toggleDropdown(): void {\n    this._open = !this._open;\n\n    if (this._open) {\n      this._trigger.classList.add(\"udex-filter-menu__trigger-active\");\n      this._popover.opener = this._trigger;\n      this._popover.open = true;\n    } else {\n      this.onDropdownClose();\n    }\n  }\n\n  onDropdownClose(e?: KeyboardEvent): void {\n    if (this._popover.open) {\n      if (e && (isTabPrevious(e) || isEscape(e))) {\n        e.preventDefault();\n        this._popover.open = false;\n      } else {\n        this._popover.open = false;\n      }\n    }\n  }\n\n  _dropdownBeforeOpen(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"addEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"addEventListener\");\n    }\n\n    if (this.height) {\n      this._setContentHeight();\n    }\n\n    this._initialState = this._getInitialState(this.items);\n    this.fireDecoratorEvent(\"before-open\");\n  }\n\n  _dropdownAfterOpen(): void {\n    const popoverLeftOffset = +this._popover.style.left.split(\"px\")[0];\n    if (this._popover.offsetWidth + popoverLeftOffset < this._breakpointSizeXS) {\n      this.style.setProperty(\"--udex-filter-menu-popover-left-offset\", `${this._popover.style.left}`);\n    }\n    if (this.modeMultiSelect) {\n      this._focusFirstInteractiveElement();\n    }\n    if (this.modeSingleSelect && !this._search) {\n      this.activeItem?.focus();\n    }\n    this._handleDropdownScroll();\n    this.fireDecoratorEvent(\"after-open\");\n  }\n\n  _focusFirstInteractiveElement(): void {\n    if (this.showSearch && this._search) {\n      this._focusSearchInput();\n      return;\n    }\n\n    this.focusFirstItem();\n  }\n\n  _focusSearchInput(): void {\n    const input = this._search.shadowRoot?.querySelector(\"[id='search-input']\") as HTMLInputElement;\n    input.focus();\n  }\n\n  _getInitialState(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<initialItemState> {\n    return items.flatMap(item => {\n      if (item.isGroup) {\n        const groupState: initialItemState = {\n          id: item._id,\n          selected: item.selected,\n          indeterminate: item.indeterminate,\n          collapsed: item.collapsed,\n          _filtered: item._filtered,\n        };\n        const subItemsState = (item as UDExListGroupHeaderBase).getItems().map(subItem => ({\n          id: subItem._id,\n          selected: subItem.selected,\n        }));\n        return [groupState, ...subItemsState];\n      }\n      return {\n        id: item._id,\n        selected: item.selected,\n      };\n    });\n  }\n\n  _setInitialListState(): void {\n    this.getSlottedItems(this.items).forEach((item, index) => {\n      const initialState = this._initialState[index];\n      if (item._id === initialState?.id) {\n        item.selected = initialState.selected;\n        if (item.isGroup) {\n          item.indeterminate = initialState.indeterminate;\n        }\n      }\n    });\n  }\n\n  _setInitialState(): void {\n    this._setInitialListState();\n    this._requestRender = true;\n  }\n\n  _dropdownBeforeClose(): void {\n    this.fireDecoratorEvent(\"before-close\");\n  }\n\n  _dropdownAfterClose(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"removeEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"removeEventListener\");\n    }\n\n    if (!this._shouldApplyFilter && this.modeMultiSelect && !this.modeSelectAll) {\n      this._setInitialState();\n    }\n\n    this._shouldApplyFilter = false;\n    this._open = false;\n    this._trigger.classList.remove(\"udex-filter-menu__trigger-active\");\n    this.fireDecoratorEvent(\"after-close\");\n  }\n\n  /**\n   * Close the dropdown.\n   * @public\n   */\n  close(): void {\n    this.onDropdownClose();\n  }\n\n  get disableAllowTargetOverlap(): boolean {\n    return !this.disableTargetOverlap;\n  }\n\n  get hasFilterNamePrefix(): boolean {\n    return !!this.filterNamePrefix?.length;\n  }\n\n  get getResultLabelText(): string {\n    return this.resultBtnLabel !== undefined && this.resultBtnLabel.length > 0 && this.resultBtnLabel ? this.resultBtnLabel : translate(UDExFilterMenu, SHOW_RESULTS);\n  }\n\n  get getResetLabelText(): string {\n    return this.resetBtnLabel !== undefined && this.resetBtnLabel.length > 0 ? this.resetBtnLabel : translate(UDExFilterMenu, RESET);\n  }\n\n  get _iconAccessibleNameText(): string {\n    return translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get triggerButtonAccessibleName(): string {\n    return this.accessibleName || translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get searchableList() {\n    return SearchableListBaseTemplate.call(this);\n  }\n\n  static get searchableListBaseTemplate() {\n    return SearchableListBaseTemplate;\n  }\n\n  get hideActionBar(): boolean {\n    return this.hideResultBtn && this.hideResetBtn;\n  }\n\n  get hasFooterButtons(): boolean {\n    return !!this.shadowRoot!.querySelector(\"[udex-button]\");\n  }\n\n  get hasResetBtn(): boolean {\n    return !this.hideResetBtn;\n  }\n\n  get modeSelectAll(): boolean {\n    return !!this.querySelector<UDExFilterMenuSelectAll>(\"[udex-filter-menu-select-all]\");\n  }\n\n  getTriggerButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\"#filterMenuTrigger\")!;\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n}\n\nUDExFilterMenu.define();\n\nexport default UDExFilterMenu;\nexport type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };\n"]}
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../src/FilterMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,wCAAwC,CAAC;AACnE,OAAO,EACL,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,GACrD,MAAM,sCAAsC,CAAC;AAC9C,OAAO,mBAAmB,MAAM,sDAAsD,CAAC;AACvF,OAAO,OAAO,MAAM,oCAAoC,CAAC;AACzD,OAAO,iBAAiB,MAAM,oBAAoB,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,kBAAkB,MAAM,qDAAqD,CAAC;AACrF,OAAO,gEAAgE,CAAC;AACxE,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;AAEnE,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,UAAU,MAAM,aAAa,CAAC;AAErC,OAAO,sBAAsB,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,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,wDAAwD,CAAC;AAChE,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAE7C,SAAS;AACT,OAAO,aAAa,MAAM,sCAAsC,CAAC;AACjE,OAAO,iBAAiB,MAAM,0CAA0C,CAAC;AACzE,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAkB/E;;;;;;;;;;;;;;;;;GAiBG;AA2EH,IAAM,cAAc,sBAApB,MAAM,cAAe,SAAQ,sBAAsB;IAAnD;;QA2BE;;;;;WAKG;QAED,cAAS,GAAmB,SAAS,CAAC,MAAM,CAAC;QAE/C;;;;;WAKG;QAED,oBAAe,GAAyB,eAAe,CAAC,KAAK,CAAC;QAEhE;;;;;WAKG;QAED,SAAI,GAAsB,YAAY,CAAC,YAAY,CAAC;QAsCtD;;;;;WAKG;QAED,aAAQ,GAAY,KAAK,CAAC;QAE5B;;;;;WAKG;QAED,UAAK,GAAY,KAAK,CAAC;QAEzB;;;;;;WAMG;QAED,kBAAa,GAAY,KAAK,CAAC;QAEjC;;;;;;WAMG;QAED,iBAAY,GAAY,KAAK,CAAC;QAmBhC;;;;WAIG;QAED,mBAAc,GAA6B,mBAAmB,CAAC,MAAM,CAAC;QAExE;;;;WAIG;QAED,0BAAqB,GAAW,QAAQ,CAAC;QAE3C;;;;WAIG;QAED,uBAAkB,GAAY,KAAK,CAAC;QAEtC;;;;WAIG;QAED,mBAAc,GAAG,KAAK,CAAC;QAKzB,sBAAiB,GAAG,GAAG,CAAC;QACxB,kBAAa,GAA4B,EAAE,CAAC;IA6T9C,CAAC;IA1TC,UAAU;QACR,IAAI,SAAS,EAAE,EAAE,CAAC;YAChB,IAAI,CAAC,YAAY,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QACnC,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACxC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,EAAE,CAAC;IAC9B,CAAC;IAED,eAAe,CAAC,CAAa;QAC3B,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED,eAAe,CAAC,CAAa;QAC3B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAEpB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,iBAAiB,CAAC,CAAa;QAC7B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC;IAED,iBAAiB,CAAC,CAAgC;QAChD,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,WAAW;QACT,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE;YACrC,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,EAAE,CAAC;IACjB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,CAAC,kBAAkB,CAAC,cAAc,EAAE;YACtC,aAAa,EAAE,IAAI,CAAC,aAAa;SAClC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,CAAgB;QAChC,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC;QAC9D,MAAM,cAAc,GAAG,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QACzD,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,oBAAoB,GAAG,MAAM,KAAK,IAAI,CAAC,OAAO,CAAC;QACrD,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,oBAAoB,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,cAAc,EAAE,CAAC;YACtF,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,mBAAmB,CAAC,QAAmD;QACrE,MAAM,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,EAAE,GAAG,QAAQ,CAAC;QACnC,IAAI,aAAa,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,sBAAsB,CAAC,CAAgB;QACrC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACtC,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,qBAAqB,CAAC,CAAgB;QACpC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;YACjB,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,oBAAoB,CAAC,CAAgB;QACnC,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QAEzB,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,kCAAkC,CAAC,CAAC;YAChE,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,EAAE,CAAC;QACzB,CAAC;IACH,CAAC;IAED,eAAe,CAAC,CAAiB;QAC/B,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3C,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;YAC7B,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,KAAK,CAAC;YAC7B,CAAC;QACH,CAAC;IACH,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;YACvE,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;QACzE,CAAC;QAED,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC;IAED,kBAAkB;QAChB,MAAM,iBAAiB,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3E,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,wCAAwC,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC;QAClG,CAAC;QACD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC;QACD,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAC3C,IAAI,CAAC,UAAU,EAAE,KAAK,EAAE,CAAC;QAC3B,CAAC;QACD,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAC;IACxC,CAAC;IAED,6BAA6B;QAC3B,IAAI,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACpC,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IAED,iBAAiB;QACf,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,qBAAqB,CAAqB,CAAC;QAChG,KAAK,CAAC,KAAK,EAAE,CAAC;IAChB,CAAC;IAED,gBAAgB,CAAC,KAAwD;QACvE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,MAAM,UAAU,GAAqB;oBACnC,EAAE,EAAE,IAAI,CAAC,GAAG;oBACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;oBACvB,aAAa,EAAE,IAAI,CAAC,aAAa;oBACjC,SAAS,EAAE,IAAI,CAAC,SAAS;oBACzB,SAAS,EAAE,IAAI,CAAC,SAAS;iBAC1B,CAAC;gBACF,MAAM,aAAa,GAAI,IAAgC,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;oBACjF,EAAE,EAAE,OAAO,CAAC,GAAG;oBACf,QAAQ,EAAE,OAAO,CAAC,QAAQ;iBAC3B,CAAC,CAAC,CAAC;gBACJ,OAAO,CAAC,UAAU,EAAE,GAAG,aAAa,CAAC,CAAC;YACxC,CAAC;YACD,OAAO;gBACL,EAAE,EAAE,IAAI,CAAC,GAAG;gBACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ;aACxB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvD,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,GAAG,KAAK,YAAY,EAAE,EAAE,EAAE,CAAC;gBAClC,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAC,QAAQ,CAAC;gBACtC,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;oBACjB,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,aAAa,CAAC;gBAClD,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC;IAC7B,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC;IAED,mBAAmB;QACjB,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC3B,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;YAC1E,IAAI,CAAC,qBAAqB,CAAC,eAAe,CAAC,MAAM,EAAE,qBAAqB,CAAC,CAAC;QAC5E,CAAC;QAED,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5E,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;QAED,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,kCAAkC,CAAC,CAAC;QACnE,IAAI,CAAC,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACzC,CAAC;IAED;;;OAGG;IACH,KAAK;QACH,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,IAAI,yBAAyB;QAC3B,OAAO,CAAC,IAAI,CAAC,oBAAoB,CAAC;IACpC,CAAC;IAED,IAAI,mBAAmB;QACrB,OAAO,CAAC,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC;IACzC,CAAC;IAED,IAAI,kBAAkB;QACpB,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,gBAAc,EAAE,YAAY,CAAC,CAAC;IACpK,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,gBAAc,EAAE,KAAK,CAAC,CAAC;IACnI,CAAC;IAED,IAAI,uBAAuB;QACzB,OAAO,SAAS,CAAC,gBAAc,EAAE,cAAc,CAAC,CAAC;IACnD,CAAC;IAED;;;;;;;;OAQG;IACH,IAAa,eAAe;QAC1B,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAE,CAAC,CAAC,IAAgC,CAAC,iBAAiB,CAAC,CAAC;QACpH,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YACnB,OAAO,KAAK,CAAC;QACf,CAAC;QACD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,IAAI,CAAC,gBAAgB;eACvB,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,IAAgC,CAAC,WAAW,CAAC,CAAC;IACzE,CAAC;IAED,IAAI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC,gBAAc,EAAE,cAAc,CAAC,CAAC;IAC1E,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM,KAAK,0BAA0B;QACnC,OAAO,0BAA0B,CAAC;IACpC,CAAC;IAED,IAAI,aAAa;QACf,OAAO,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,YAAY,CAAC;IACjD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,CAAC,CAAC,IAAI,CAAC,UAAW,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,WAAW;QACb,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC;IAC5B,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,aAAa,CAA0B,+BAA+B,CAAC,CAAC;IACxF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAa,oBAAoB,CAAE,CAAC;IAC3E,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzD,CAAC;CACF,CAAA;AAneG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kDACL;AAUpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACK;AAS/B;IADD,QAAQ,EAAE;iDACoC;AAS7C;IADD,QAAQ,EAAE;uDACqD;AAS9D;IADD,QAAQ,EAAE;4CAC2C;AASpD;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;gDACA;AAS1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;6CACH;AAUvB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;qDACK;AAU/B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oDACI;AAS9B;IADD,QAAQ,EAAE;sDACe;AASxB;IADD,QAAQ,EAAE;yDACkB;AAO3B;IADD,QAAQ,EAAE;sDAC6D;AAQtE;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6DACgB;AAQzC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACU;AAQpC;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;sDACtB;AA/KrB,cAAc;IA1EnB,aAAa,CAAC;QACb,GAAG,EAAE,kBAAkB;QACvB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,aAAa,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,CAAC;QACxE,QAAQ,EAAE,kBAAkB;QAC5B,YAAY,EAAE;YACZ,kBAAkB;YAClB,OAAO;YACP,IAAI;YACJ,iBAAiB;YACjB,kBAAkB;YAClB,yBAAyB;YACzB,uBAAuB;YACvB,QAAQ;YACR,iBAAiB;YACjB,YAAY;YACZ,mBAAmB;YACnB,SAAS;YACT,UAAU;YACV,UAAU;SACX;KACF,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAExC;;;;;OAKG;;IACF,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEzC;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEvC;;;;OAIG;;IACF,KAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAExC;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEvC;;;;OAIG;;IACF,KAAK,CAAC,cAAc,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;IAEzC;;;;OAIG;;IACF,KAAK,CAAC,aAAa,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAElC,cAAc,CAkfnB;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-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport {\n  isTabPrevious, isTabNext, isEscape, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport PopupAccessibleRole from \"@ui5/webcomponents/dist/types/PopupAccessibleRole.js\";\nimport Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExBusyIndicator from \"./BusyIndicator.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IllustratedMessage from \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";\nimport \"@ui5/webcomponents-fiori/dist/illustrations/NoSearchResults.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 type { UDExSearchKeydownEventDetail } from \"./Search.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExButton from \"./Button.js\";\nimport type { UDExSearchableListBaseEvents } from \"./SearchableListBase.js\";\nimport UDExSearchableListBase from \"./SearchableListBase.js\";\nimport { UDExPopoverPart } from \"./types/SearchableListBase.js\";\nimport { Placement, HorizontalAlign } from \"./types/Dropdown.js\";\nimport { UDExListMode } from \"./types/List.js\";\nimport UDExFilterMenuSelectAll from \"./FilterMenuSelectAll.js\";\nimport UDExListSelectAll from \"./ListSelectAll.js\";\nimport UDExBadge from \"./Badge.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\nimport { RESET, SHOW_RESULTS, SELECT_OPTIONS } from \"./generated/i18n/i18n-defaults.js\";\nimport \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\nimport FilterMenuTemplate from \"./FilterMenuTemplate.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport FilterMenuCss from \"./generated/themes/FilterMenu.css.js\";\nimport SearchableListCss from \"./generated/themes/SearchableList.css.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type initialItemState = {\n  id: string,\n  selected: boolean,\n  indeterminate?: boolean,\n  collapsed?: boolean,\n  _filtered?: boolean,\n}\n\ntype UDExFilterMenuResultClickEventDetail = {\n  selectedItems: Array<UDExListItemBase>,\n}\n\ntype UDExFilterMenuResetClickEventDetail = {\n  restoredItems: Array<UDExListItemBase>,\n}\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 \"@sapudex/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: jsxRenderer,\n  styles: [FilterMenuCss, SearchableListCss, getEffectiveScrollbarStyle()],\n  template: FilterMenuTemplate,\n  dependencies: [\n    IllustratedMessage,\n    Popover,\n    Icon,\n    UDExBusyIndicator,\n    UDExFilterMenuItem,\n    UDExFilterMenuGroupHeader,\n    UDExFilterMenuSelectAll,\n    UDExList,\n    UDExListSelectAll,\n    UDExListItem,\n    UDExListGroupHeader,\n    UDExBadge,\n    UDExSearch,\n    UDExButton,\n  ],\n})\n\n/**\n * Fired event when the user click on a reset button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} restoredItems\n */\n@event(\"reset-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on a result button on the footer.\n *\n * @public\n * @param {Array<UDExListItemBase>} selectedItems\n */\n@event(\"result-click\", { bubbles: true })\n\n/**\n * Fired event when the user click on Select All header item.\n *\n * @public\n */\n@event(\"select-all\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is opened.\n *\n * @public\n */\n@event(\"before-open\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is opened.\n *\n * @public\n */\n@event(\"after-open\", { bubbles: true })\n\n/**\n * Fired before the dropdown pane is closed.\n *\n * @public\n */\n@event(\"before-close\", { bubbles: true })\n\n/**\n * Fired after the dropdown pane is closed.\n *\n * @public\n */\n@event(\"after-close\", { bubbles: true })\n\nclass UDExFilterMenu extends UDExSearchableListBase {\n  eventDetails!: {\n    \"result-click\": UDExFilterMenuResultClickEventDetail,\n    \"reset-click\": UDExFilterMenuResetClickEventDetail,\n    \"before-open\": void,\n    \"after-open\": void,\n    \"before-close\": void,\n    \"after-close\": void,\n  } & UDExSearchableListBaseEvents;\n  /**\n   * Determines the value of the badge.\n   *\n   * @public\n   */\n  @property({ type: Number })\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   * Determines on which side the component is placed at.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    placement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Determines the horizontal alignment of the component.\n   *\n   * @default \"Left\"\n   * @public\n   */\n  @property()\n    horizontalAlign: `${HorizontalAlign}` = HorizontalAlign.Start;\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\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 = false;\n\n  /**\n   * Defines whether the dropdown is open or not.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _open: boolean = false;\n\n  /**\n   * Hides the result button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResultBtn: boolean = false;\n\n  /**\n   * Hides the reset button in the footer.\n   *\n   * @type {boolean}\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    hideResetBtn: boolean = false;\n\n  /**\n   * Defines the accessible ARIA name of the component.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    accessibleName?: string;\n\n  /**\n   * Defines id (or many ids) of the elements that contain the ARIA name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleNameRef!: string;\n  /**\n   * Allows setting a custom role.\n   * @default \"Dialog\"\n   * @public\n   */\n  @property()\n    accessibleRole: `${PopupAccessibleRole}` = PopupAccessibleRole.Dialog;\n\n  /**\n   * Allows setting a custom role for dropdown trigger.\n   * @default \"button\"\n   * @public\n   */\n  @property({ type: String })\n    triggerAccessibleRole: string = \"button\";\n\n  /**\n   * Determines whether the filter should be applied.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _shouldApplyFilter: boolean = false;\n\n  /**\n   * Determines whether the component should be re-rendered.\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  _trigger!: UDExButton;\n  _search!: UDExSearch | HTMLInputElement;\n  _popover!: Popover;\n  _breakpointSizeXS = 640;\n  _initialState: Array<initialItemState> = [];\n  _list!: UDExList;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onBeforeRendering() {\n    super.onBeforeRendering();\n  }\n\n  onAfterRendering() {\n    this._search = this.getSearch();\n    this._popover = this.getPopover();\n    this._trigger = this.getTriggerButton();\n    this._list = this.getList();\n  }\n\n  handleSelectAll(e:CustomEvent): void {\n    this.onSelectAllHeaderPress(e);\n  }\n\n  handleItemPress(e:CustomEvent): void {\n    this.onItemPress(e);\n\n    if (this.modeSingleSelect) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleHeaderPress(e:CustomEvent): void {\n    this.onHeaderPress(e);\n  }\n\n  handleValueSearch(e:CustomEvent<{ value: string }>): void {\n    this.onSearch(e.detail.value);\n  }\n\n  handleSubmitSearch(): void {\n    this.onDropdownClose();\n    this.onSubmitSearch();\n  }\n\n  handleResetSearch(): void {\n    this.onResetSearch();\n  }\n\n  handleReset(): void {\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"reset-click\", {\n      restoredItems: this.selectedItems,\n    });\n    this.onReset();\n  }\n\n  handleResult(): void {\n    this._shouldApplyFilter = true;\n    this.onDropdownClose();\n    this.fireDecoratorEvent(\"result-click\", {\n      selectedItems: this.selectedItems,\n    });\n  }\n\n  handleKeyDownList(e: KeyboardEvent): void {\n    const isTabNextPress = isTabNext(e) && !this.hasFooterButtons;\n    const isTabPrevPress = isTabPrevious(e) && !this._search;\n    const target = e.target as HTMLElement;\n    const isSearchResetTrigger = target === this._search;\n    if ((isTabNextPress && (!isSearchResetTrigger || this.isListEmpty)) || isTabPrevPress) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownSearch(keyEvent: CustomEvent<UDExSearchKeydownEventDetail>): void {\n    const { detail: { e } } = keyEvent;\n    if (isTabPrevious(e) || isEscape(e)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResultBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e) && !this.hasResetBtn) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isTabNext(e)) {\n      this.onDropdownClose();\n    }\n  }\n\n  handleTriggerClick(): void {\n    this.toggleDropdown();\n  }\n\n  handleTriggerKeydown(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.toggleDropdown();\n    }\n  }\n\n  toggleDropdown(): void {\n    this._open = !this._open;\n\n    if (this._open) {\n      this._trigger.classList.add(\"udex-filter-menu__trigger-active\");\n      this._popover.opener = this._trigger;\n      this._popover.open = true;\n    } else {\n      this.onDropdownClose();\n    }\n  }\n\n  onDropdownClose(e?: KeyboardEvent): void {\n    if (this._popover.open) {\n      if (e && (isTabPrevious(e) || isEscape(e))) {\n        e.preventDefault();\n        this._popover.open = false;\n      } else {\n        this._popover.open = false;\n      }\n    }\n  }\n\n  _dropdownBeforeOpen(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"addEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"addEventListener\");\n    }\n\n    if (this.height) {\n      this._setContentHeight();\n    }\n\n    this._initialState = this._getInitialState(this.items);\n    this.fireDecoratorEvent(\"before-open\");\n  }\n\n  _dropdownAfterOpen(): void {\n    const popoverLeftOffset = +this._popover.style.left.split(\"px\")[0];\n    if (this._popover.offsetWidth + popoverLeftOffset < this._breakpointSizeXS) {\n      this.style.setProperty(\"--udex-filter-menu-popover-left-offset\", `${this._popover.style.left}`);\n    }\n    if (this.modeMultiSelect) {\n      this._focusFirstInteractiveElement();\n    }\n    if (this.modeSingleSelect && !this._search) {\n      this.activeItem?.focus();\n    }\n    this._handleDropdownScroll();\n    this.fireDecoratorEvent(\"after-open\");\n  }\n\n  _focusFirstInteractiveElement(): void {\n    if (this.showSearch && this._search) {\n      this._focusSearchInput();\n      return;\n    }\n\n    this.focusFirstItem();\n  }\n\n  _focusSearchInput(): void {\n    const input = this._search.shadowRoot?.querySelector(\"[id='search-input']\") as HTMLInputElement;\n    input.focus();\n  }\n\n  _getInitialState(items: Array<UDExListItemBase | UDExListGroupHeaderBase>): Array<initialItemState> {\n    return items.flatMap(item => {\n      if (item.isGroup) {\n        const groupState: initialItemState = {\n          id: item._id,\n          selected: item.selected,\n          indeterminate: item.indeterminate,\n          collapsed: item.collapsed,\n          _filtered: item._filtered,\n        };\n        const subItemsState = (item as UDExListGroupHeaderBase).getItems().map(subItem => ({\n          id: subItem._id,\n          selected: subItem.selected,\n        }));\n        return [groupState, ...subItemsState];\n      }\n      return {\n        id: item._id,\n        selected: item.selected,\n      };\n    });\n  }\n\n  _setInitialListState(): void {\n    this.getSlottedItems(this.items).forEach((item, index) => {\n      const initialState = this._initialState[index];\n      if (item._id === initialState?.id) {\n        item.selected = initialState.selected;\n        if (item.isGroup) {\n          item.indeterminate = initialState.indeterminate;\n        }\n      }\n    });\n  }\n\n  _setInitialState(): void {\n    this._setInitialListState();\n    this._requestRender = true;\n  }\n\n  _dropdownBeforeClose(): void {\n    this.fireDecoratorEvent(\"before-close\");\n  }\n\n  _dropdownAfterClose(): void {\n    if (this.preventPageScroll) {\n      this._managePopupListeners(UDExPopoverPart.Header, \"removeEventListener\");\n      this._managePopupListeners(UDExPopoverPart.Footer, \"removeEventListener\");\n    }\n\n    if (!this._shouldApplyFilter && this.modeMultiSelect && !this.modeSelectAll) {\n      this._setInitialState();\n    }\n\n    this._shouldApplyFilter = false;\n    this._open = false;\n    this._trigger.classList.remove(\"udex-filter-menu__trigger-active\");\n    this.fireDecoratorEvent(\"after-close\");\n  }\n\n  /**\n   * Close the dropdown.\n   * @public\n   */\n  close(): void {\n    this.onDropdownClose();\n  }\n\n  get disableAllowTargetOverlap(): boolean {\n    return !this.disableTargetOverlap;\n  }\n\n  get hasFilterNamePrefix(): boolean {\n    return !!this.filterNamePrefix?.length;\n  }\n\n  get getResultLabelText(): string {\n    return this.resultBtnLabel !== undefined && this.resultBtnLabel.length > 0 && this.resultBtnLabel ? this.resultBtnLabel : translate(UDExFilterMenu, SHOW_RESULTS);\n  }\n\n  get getResetLabelText(): string {\n    return this.resetBtnLabel !== undefined && this.resetBtnLabel.length > 0 ? this.resetBtnLabel : translate(UDExFilterMenu, RESET);\n  }\n\n  get _iconAccessibleNameText(): string {\n    return translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  /**\n   * FilterMenu uses the ARIA tree pattern for genuinely grouped items when:\n   *   - MultiSelect mode (headers/items expose aria-checked), or\n   *   - SingleSelect mode with at least one collapsible group\n   *     (headers expose aria-expanded, items expose aria-selected).\n   *\n   * A \"Select All\" header is NOT a hierarchical group — it is a bulk-select\n   * affordance for a flat list — so it must not trigger the tree pattern.\n   */\n  override get isTreeStructure(): boolean {\n    const groups = this._filteredItems.filter(e => e.isGroup && !(e.item as UDExListGroupHeaderBase).isSelectAllHeader);\n    if (!groups.length) {\n      return false;\n    }\n    if (this.modeMultiSelect) {\n      return true;\n    }\n    return this.modeSingleSelect\n      && groups.some(e => (e.item as UDExListGroupHeaderBase).collapsible);\n  }\n\n  get triggerButtonAccessibleName(): string {\n    return this.accessibleName || translate(UDExFilterMenu, SELECT_OPTIONS);\n  }\n\n  get searchableList() {\n    return SearchableListBaseTemplate.call(this);\n  }\n\n  static get searchableListBaseTemplate() {\n    return SearchableListBaseTemplate;\n  }\n\n  get hideActionBar(): boolean {\n    return this.hideResultBtn && this.hideResetBtn;\n  }\n\n  get hasFooterButtons(): boolean {\n    return !!this.shadowRoot!.querySelector(\"[udex-button]\");\n  }\n\n  get hasResetBtn(): boolean {\n    return !this.hideResetBtn;\n  }\n\n  get modeSelectAll(): boolean {\n    return !!this.querySelector<UDExFilterMenuSelectAll>(\"[udex-filter-menu-select-all]\");\n  }\n\n  getTriggerButton(): UDExButton {\n    return this.shadowRoot!.querySelector<UDExButton>(\"#filterMenuTrigger\")!;\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n}\n\nUDExFilterMenu.define();\n\nexport default UDExFilterMenu;\nexport type { UDExFilterMenuResetClickEventDetail, UDExFilterMenuResultClickEventDetail };\n"]}

package/dist/FilterMenuTemplate.js

@@ -8,7 +8,7 @@ import UDExButtonSize from "./types/ButtonSize.js";
 import SearchableListBaseTemplate from "./SearchableListBaseTemplate.js";
 import { UDExTextBadgeDesign, UDExTypeBadgeDesign } from "./types/BadgeDesign.js";
 export default function FilterMenuTemplate() {
-    return (_jsxs("div", { children: [_jsxs("button", { id: "filterMenuTrigger", onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeydown, "aria-label": this.triggerButtonAccessibleName, "aria-labelledby": this.accessibleNameRef, "aria-expanded": this._open, "aria-haspopup": "true", role: this.triggerAccessibleRole, "aria-controls": `${this._id}_udex-filter-menu-dropdown`, disabled: this.disabled, class: "udex-filter-menu__trigger", tabindex: 0, children: [this.hasFilterNamePrefix && (_jsx("span", { class: "udex-filter-menu__trigger-prefix", children: this.filterNamePrefix })), _jsxs("span", { class: "udex-filter-menu__trigger-wrap", ...(this.disabled ? { disabled: "" } : {}), children: [_jsx("span", { class: "udex-filter-menu__trigger-name", children: this.filterName }), !!this.badgeValue && (_jsx(UDExBadge, { class: "udex-filter-menu__badge", type: UDExTypeBadgeDesign.Number, design: UDExTextBadgeDesign.Information, size: "Small", children: this.badgeValue })), _jsx(UI5Icon, { class: "udex-filter-menu__trigger-icon", name: "navigation-down-arrow", mode: "Decorative", "accessible-name": this._iconAccessibleNameText })] })] }), _jsxs(UI5Popover, { id: `${this._id}_udex-filter-menu-dropdown`, "hide-arrow": true, "allow-target-overlap": this.disableAllowTargetOverlap, "accessible-role": this.accessibleRole, placement: this.placement, "horizontal-align": this.horizontalAlign, onKeyDown: this.handleKeyDownList, onBeforeOpen: this._dropdownBeforeOpen, onOpen: this._dropdownAfterOpen, onBeforeClose: this._dropdownBeforeClose, onClose: this._dropdownAfterClose, ...{
+    return (_jsxs("div", { children: [_jsxs("button", { id: "filterMenuTrigger", onClick: this.handleTriggerClick, onKeyDown: this.handleTriggerKeydown, "aria-label": this.triggerButtonAccessibleName, "aria-labelledby": this.accessibleNameRef, "aria-expanded": this._open, "aria-haspopup": "dialog", role: this.triggerAccessibleRole, "aria-controls": `${this._id}_udex-filter-menu-dropdown`, disabled: this.disabled, class: "udex-filter-menu__trigger", tabindex: 0, children: [this.hasFilterNamePrefix && (_jsx("span", { class: "udex-filter-menu__trigger-prefix", children: this.filterNamePrefix })), _jsxs("span", { class: "udex-filter-menu__trigger-wrap", ...(this.disabled ? { disabled: "" } : {}), children: [_jsx("span", { class: "udex-filter-menu__trigger-name", children: this.filterName }), !!this.badgeValue && (_jsx(UDExBadge, { class: "udex-filter-menu__badge", type: UDExTypeBadgeDesign.Number, design: UDExTextBadgeDesign.Information, size: "Small", children: this.badgeValue })), _jsx(UI5Icon, { class: "udex-filter-menu__trigger-icon", name: "navigation-down-arrow", mode: "Decorative", "accessible-name": this._iconAccessibleNameText })] })] }), _jsxs(UI5Popover, { id: `${this._id}_udex-filter-menu-dropdown`, "hide-arrow": true, "allow-target-overlap": this.disableAllowTargetOverlap, "accessible-role": this.accessibleRole, placement: this.placement, "horizontal-align": this.horizontalAlign, onKeyDown: this.handleKeyDownList, onBeforeOpen: this._dropdownBeforeOpen, onOpen: this._dropdownAfterOpen, onBeforeClose: this._dropdownBeforeClose, onClose: this._dropdownAfterClose, ...{
                     onItemPress: this.handleItemPress,
                     onHeaderPress: this.handleHeaderPress,
                     onSelectAll: this.handleSelectAll,

package/dist/FilterMenuTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterMenuTemplate.js","sourceRoot":"","sources":["../src/FilterMenuTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,OAAO,MAAM,iCAAiC,CAAC;AACtD,OAAO,UAAU,MAAM,oCAAoC,CAAC;AAC5D,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,0BAA0B,MAAM,iCAAiC,CAAC;AAEzE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElF,MAAM,CAAC,OAAO,UAAU,kBAAkB;IACxC,OAAO,CACL,0BACE,kBACE,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAE,IAAI,CAAC,kBAAkB,EAChC,SAAS,EAAE,IAAI,CAAC,oBAAoB,gBACxB,IAAI,CAAC,2BAA2B,qBAC3B,IAAI,CAAC,iBAAiB,mBACxB,IAAI,CAAC,KAAK,mBACX,MAAM,EACpB,IAAI,EAAE,IAAI,CAAC,qBAAiC,mBAC7B,GAAG,IAAI,CAAC,GAAG,4BAA4B,EACtD,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,KAAK,EAAC,2BAA2B,EACjC,QAAQ,EAAE,CAAC,aACV,IAAI,CAAC,mBAAmB,IAAI,CAC3B,eAAM,KAAK,EAAC,kCAAkC,YAAE,IAAI,CAAC,gBAAgB,GAAQ,CAC9E,EACD,gBAAM,KAAK,EAAC,gCAAgC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aACtF,eAAM,KAAK,EAAC,gCAAgC,YAAE,IAAI,CAAC,UAAU,GAAQ,EACpE,CAAC,CAAC,IAAI,CAAC,UAAU,IAAI,CACpB,KAAC,SAAS,IACR,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAE,mBAAmB,CAAC,MAAM,EAChC,MAAM,EAAE,mBAAmB,CAAC,WAAW,EACvC,IAAI,EAAC,OAAO,YACX,IAAI,CAAC,UAAU,GACN,CACb,EACD,KAAC,OAAO,IACN,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAC,uBAAuB,EAC5B,IAAI,EAAC,YAAY,qBACA,IAAI,CAAC,uBAAuB,GACrC,IACL,IACA,EACT,MAAC,UAAU,IACT,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,4BAA4B,8CAErB,IAAI,CAAC,yBAAyB,qBACnC,IAAI,CAAC,cAAc,EACpC,SAAS,EAAE,IAAI,CAAC,SAAS,sBACP,IAAI,CAAC,eAAe,EACtC,SAAS,EAAE,IAAI,CAAC,iBAAiB,EACjC,YAAY,EAAE,IAAI,CAAC,mBAAmB,EACtC,MAAM,EAAE,IAAI,CAAC,kBAAkB,EAC/B,aAAa,EAAE,IAAI,CAAC,oBAAoB,EACxC,OAAO,EAAE,IAAI,CAAC,mBAAmB,KAC5B;oBACH,WAAW,EAAE,IAAI,CAAC,eAAe;oBACjC,aAAa,EAAE,IAAI,CAAC,iBAAiB;oBACrC,WAAW,EAAE,IAAI,CAAC,eAAe;oBACjC,eAAe,EAAE,IAAI,CAAC,mBAAmB;oBACzC,mBAAmB,EAAE,IAAI,CAAC,kBAAkB;oBAC5C,mBAAmB,EAAE,IAAI,CAAC,iBAAiB;oBAC3C,kBAAkB,EAAE,IAAI,CAAC,iBAAiB;iBACnC,aACR,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,EACrC,IAAI,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IACtC,IACT,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAAC,OAAO,IAAI,CAAC;IAAC,CAAC;IACxC,OAAO,CACL,eAAK,KAAK,EAAC,0BAA0B,EAAC,IAAI,EAAC,QAAQ,KAAM,EAAE,IAAI,EAAE,QAAQ,EAAU,aAChF,CAAC,IAAI,CAAC,aAAa,IAAI,CACtB,KAAC,UAAU,IACT,KAAK,EAAC,8BAA8B,EACpC,IAAI,EAAE,cAAc,CAAC,MAAM,EAC3B,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAChC,SAAS,EAAE,IAAI,CAAC,sBAAsB,EACtC,OAAO,EAAE,IAAI,CAAC,YAAY,YACzB,IAAI,CAAC,kBAAkB,GACb,CACd,EACA,CAAC,IAAI,CAAC,YAAY,IAAI,CACrB,KAAC,UAAU,IACT,KAAK,EAAC,6BAA6B,EACnC,IAAI,EAAE,cAAc,CAAC,MAAM,EAC3B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,SAAS,EAAE,IAAI,CAAC,qBAAqB,EACrC,OAAO,EAAE,IAAI,CAAC,WAAW,YACxB,IAAI,CAAC,iBAAiB,GACZ,CACd,IACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExFilterMenu from \"./FilterMenu.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { UDExTextBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\n\nexport default function FilterMenuTemplate(this: UDExFilterMenu) {\n  return (\n    <div>\n      <button\n        id=\"filterMenuTrigger\"\n        onClick={this.handleTriggerClick}\n        onKeyDown={this.handleTriggerKeydown}\n        aria-label={this.triggerButtonAccessibleName}\n        aria-labelledby={this.accessibleNameRef}\n        aria-expanded={this._open}\n        aria-haspopup=\"true\"\n        role={this.triggerAccessibleRole as AriaRole}\n        aria-controls={`${this._id}_udex-filter-menu-dropdown`}\n        disabled={this.disabled}\n        class=\"udex-filter-menu__trigger\"\n        tabindex={0}>\n        {this.hasFilterNamePrefix && (\n          <span class=\"udex-filter-menu__trigger-prefix\">{this.filterNamePrefix}</span>\n        )}\n        <span class=\"udex-filter-menu__trigger-wrap\" {...(this.disabled ? { disabled: \"\" } : {})}>\n          <span class=\"udex-filter-menu__trigger-name\">{this.filterName}</span>\n          {!!this.badgeValue && (\n            <UDExBadge\n              class=\"udex-filter-menu__badge\"\n              type={UDExTypeBadgeDesign.Number}\n              design={UDExTextBadgeDesign.Information}\n              size=\"Small\">\n              {this.badgeValue}\n            </UDExBadge>\n          )}\n          <UI5Icon\n            class=\"udex-filter-menu__trigger-icon\"\n            name=\"navigation-down-arrow\"\n            mode=\"Decorative\"\n            accessible-name={this._iconAccessibleNameText}>\n          </UI5Icon>\n        </span>\n      </button>\n      <UI5Popover\n        id={`${this._id}_udex-filter-menu-dropdown`}\n        hide-arrow\n        allow-target-overlap={this.disableAllowTargetOverlap}\n        accessible-role={this.accessibleRole}\n        placement={this.placement}\n        horizontal-align={this.horizontalAlign}\n        onKeyDown={this.handleKeyDownList}\n        onBeforeOpen={this._dropdownBeforeOpen}\n        onOpen={this._dropdownAfterOpen}\n        onBeforeClose={this._dropdownBeforeClose}\n        onClose={this._dropdownAfterClose}\n        {...({\n          onItemPress: this.handleItemPress,\n          onHeaderPress: this.handleHeaderPress,\n          onSelectAll: this.handleSelectAll,\n          onSearchKeydown: this.handleKeyDownSearch,\n          onSubmitSearchValue: this.handleSubmitSearch,\n          onHandleValueSearch: this.handleValueSearch,\n          onHandleValueReset: this.handleResetSearch,\n        } as any)}>\n        {SearchableListBaseTemplate.call(this)}\n        {this.modeMultiSelect && renderButtons.call(this)}\n      </UI5Popover>\n    </div>\n  );\n}\n\nfunction renderButtons(this: UDExFilterMenu) {\n  if (this.hideActionBar) { return null; }\n  return (\n    <div class=\"udex-filter-menu__footer\" slot=\"footer\" {...({ name: \"footer\" } as any)}>\n      {!this.hideResultBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__result-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Primary}\n          onKeyDown={this.handleKeyDownResultBtn}\n          onClick={this.handleResult}>\n          {this.getResultLabelText}\n        </UDExButton>\n      )}\n      {!this.hideResetBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__reset-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Tertiary}\n          onKeyDown={this.handleKeyDownResetBtn}\n          onClick={this.handleReset}>\n          {this.getResetLabelText}\n        </UDExButton>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"FilterMenuTemplate.js","sourceRoot":"","sources":["../src/FilterMenuTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExFilterMenu from \"./FilterMenu.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport SearchableListBaseTemplate from \"./SearchableListBaseTemplate.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\nimport { UDExTextBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\n\nexport default function FilterMenuTemplate(this: UDExFilterMenu) {\n  return (\n    <div>\n      <button\n        id=\"filterMenuTrigger\"\n        onClick={this.handleTriggerClick}\n        onKeyDown={this.handleTriggerKeydown}\n        aria-label={this.triggerButtonAccessibleName}\n        aria-labelledby={this.accessibleNameRef}\n        aria-expanded={this._open}\n        aria-haspopup=\"dialog\"\n        role={this.triggerAccessibleRole as AriaRole}\n        aria-controls={`${this._id}_udex-filter-menu-dropdown`}\n        disabled={this.disabled}\n        class=\"udex-filter-menu__trigger\"\n        tabindex={0}>\n        {this.hasFilterNamePrefix && (\n          <span class=\"udex-filter-menu__trigger-prefix\">{this.filterNamePrefix}</span>\n        )}\n        <span class=\"udex-filter-menu__trigger-wrap\" {...(this.disabled ? { disabled: \"\" } : {})}>\n          <span class=\"udex-filter-menu__trigger-name\">{this.filterName}</span>\n          {!!this.badgeValue && (\n            <UDExBadge\n              class=\"udex-filter-menu__badge\"\n              type={UDExTypeBadgeDesign.Number}\n              design={UDExTextBadgeDesign.Information}\n              size=\"Small\">\n              {this.badgeValue}\n            </UDExBadge>\n          )}\n          <UI5Icon\n            class=\"udex-filter-menu__trigger-icon\"\n            name=\"navigation-down-arrow\"\n            mode=\"Decorative\"\n            accessible-name={this._iconAccessibleNameText}>\n          </UI5Icon>\n        </span>\n      </button>\n      <UI5Popover\n        id={`${this._id}_udex-filter-menu-dropdown`}\n        hide-arrow\n        allow-target-overlap={this.disableAllowTargetOverlap}\n        accessible-role={this.accessibleRole}\n        placement={this.placement}\n        horizontal-align={this.horizontalAlign}\n        onKeyDown={this.handleKeyDownList}\n        onBeforeOpen={this._dropdownBeforeOpen}\n        onOpen={this._dropdownAfterOpen}\n        onBeforeClose={this._dropdownBeforeClose}\n        onClose={this._dropdownAfterClose}\n        {...({\n          onItemPress: this.handleItemPress,\n          onHeaderPress: this.handleHeaderPress,\n          onSelectAll: this.handleSelectAll,\n          onSearchKeydown: this.handleKeyDownSearch,\n          onSubmitSearchValue: this.handleSubmitSearch,\n          onHandleValueSearch: this.handleValueSearch,\n          onHandleValueReset: this.handleResetSearch,\n        } as any)}>\n        {SearchableListBaseTemplate.call(this)}\n        {this.modeMultiSelect && renderButtons.call(this)}\n      </UI5Popover>\n    </div>\n  );\n}\n\nfunction renderButtons(this: UDExFilterMenu) {\n  if (this.hideActionBar) { return null; }\n  return (\n    <div class=\"udex-filter-menu__footer\" slot=\"footer\" {...({ name: \"footer\" } as any)}>\n      {!this.hideResultBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__result-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Primary}\n          onKeyDown={this.handleKeyDownResultBtn}\n          onClick={this.handleResult}>\n          {this.getResultLabelText}\n        </UDExButton>\n      )}\n      {!this.hideResetBtn && (\n        <UDExButton\n          class=\"udex-filter-menu__reset-btn\"\n          size={UDExButtonSize.Medium}\n          design={UDExButtonDesign.Tertiary}\n          onKeyDown={this.handleKeyDownResetBtn}\n          onClick={this.handleReset}>\n          {this.getResetLabelText}\n        </UDExButton>\n      )}\n    </div>\n  );\n}\n"]}