@sapudex/web-components 2.63.0 → 2.63.1

package/cypress/specs/ListItem.cy.tsx

@@ -223,7 +223,8 @@ describe("ListItem", () => {
     });
 
     describe("Standalone rated MultiSelect preservation", () => {
-      it("keeps real focus and selection on the inner option while retaining the standalone checkbox and rating names", () => {
+      // Updated: decorative checkboxes are unnamed in every mode; the real-focus row owns the complete rating name.
+      it("keeps real focus and native selection on the fully named inner option with an unnamed decorative checkbox", () => {
         cy.mount(
           <div>
             <button id="before-rated-list-item">Previous</button>
@@ -238,6 +239,7 @@ describe("ListItem", () => {
             expect($row).to.have.attr("role", "option");
             expect($row).to.have.attr("tabindex", "0");
             expect($row).to.have.attr("aria-selected", String(UDExSelected));
+            expect($row).to.have.attr("aria-label", "Rated choice Rating 4.0, Total 20, Rating Indicator 4 of 5");
             expect($row).not.to.have.attr("aria-checked");
           });
           UDExItem().should($host => {
@@ -249,12 +251,12 @@ describe("ListItem", () => {
             expect($checkbox).to.have.attr("aria-hidden", "true");
             expect($checkbox).to.have.attr("tabindex", "-1");
             expect($checkbox[0]).to.have.property("checked", UDExSelected);
-            // Standalone real-focus items retain the existing name, including its trailing space.
-            const UDExName = `checkbox ${UDExSelected ? "Selected" : "Unselected"} `;
-            expect($checkbox[0]).to.have.property("accessibleName", UDExName);
-            expect($checkbox).to.have.attr("accessible-name", UDExName);
+            expect($checkbox).not.to.have.attr("accessible-name");
+            expect($checkbox).not.to.have.attr("aria-label");
+            expect(($checkbox[0] as HTMLElement & { accessibleName?: string }).accessibleName || "").to.equal("");
           });
-          UDExItem().shadow().find(".udex-list__content-wrap").should("have.attr", "aria-label", "Rated choice");
+          UDExItem().shadow().find(".udex-list__content-wrap")
+            .should("have.attr", "aria-label", "Rated choice Rating 4.0, Total 20, Rating Indicator 4 of 5");
           UDExItem().shadow().find("[udex-rating-indicator]").should($rating => {
             expect($rating).to.have.attr("aria-label", "Rating 4.0, Total 20, Rating Indicator 4 of 5");
             expect($rating).to.have.attr("disabled");
@@ -272,6 +274,232 @@ describe("ListItem", () => {
       });
     });
 
+    describe("Accessible row name ownership", () => {
+      const normalizeText = (text: string | null) => (text || "").replace(/\s+/g, " ").trim();
+
+      function flattenedTextContent(node: Node): string {
+        if (node.nodeType === Node.ELEMENT_NODE && (node as Element).localName === "slot") {
+          const assigned = (node as HTMLSlotElement).assignedNodes({ flatten: true });
+          const nodes = assigned.length ? assigned : Array.from(node.childNodes);
+          return nodes.map(flattenedTextContent).join("");
+        }
+        if (!node.hasChildNodes()) {
+          return node.textContent || "";
+        }
+        // Preserve the raw text-node sequence, including adjacent inline elements, without adding separators.
+        return Array.from(node.childNodes).map(flattenedTextContent).join("");
+      }
+
+      function assertVisibleName(item: Cypress.Chainable<JQuery<HTMLElement>>, expected: string,
+        { owner = "row", name = expected, slotted = false }:
+        { owner?: "row" | "content" | "host"; name?: string; slotted?: boolean } = {}) {
+        item.shadow().find(".udex-list__content-wrap").should($wrapper => {
+          const wrapper = $wrapper[0];
+          const root = wrapper.getRootNode() as ShadowRoot;
+          const row = root.querySelector('[part="item"]')!;
+          const content = wrapper.querySelector(".udex-list__content")!;
+          const visibleText = normalizeText(slotted ? flattenedTextContent(content) : content.textContent);
+          expect(visibleText, "raw shared-container text retains literal word boundaries").to.equal(expected);
+          expect(wrapper).to.have.attr("aria-label", name);
+          const nameId = wrapper.getAttribute("aria-labelledby")!;
+          expect(nameId).to.equal(`${wrapper.getAttribute("_id")}-invisibleText`);
+          const source = root.getElementById(nameId);
+          expect(source, "hidden name source resolves in the row's own shadow root").not.to.equal(null);
+          expect(source!.getRootNode()).to.equal(root);
+          expect(source).to.have.class("hidden");
+          expect(normalizeText(source!.textContent)).to.equal(name);
+          if (owner === "row") {
+            expect(row).to.have.attr("aria-label", name);
+          } else {
+            expect(row).not.to.have.attr("aria-label");
+            if (owner === "host") {
+              expect(root.host).to.have.attr("aria-label", name);
+            }
+          }
+          if (name === expected) {
+            expect(normalizeText(source!.textContent)).to.equal(visibleText);
+          }
+        });
+      }
+
+      [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.SingleContent].forEach(mode => {
+        it(`preserves raw label/support/additional boundaries and local name ownership in ${mode}`, () => {
+          cy.mount(
+            <div>
+              <button id="before-boundary-item">Previous</button>
+              <UDExListItem id="boundary-item" mode={mode} label="<b>Java</b>Script"
+                supportingText="Frontend web development" additionalText="Code JS" />
+            </div>
+          );
+          const item = () => cy.get("#boundary-item");
+          const row = () => item().shadow().find('[part="item"]');
+          const singleContent = mode === UDExListMode.SingleContent;
+          if (!singleContent) {
+            cy.get("#before-boundary-item").realClick();
+            cy.realPress("Tab");
+            row().should("be.focused");
+            row().should("have.attr", "aria-selected", "false");
+          }
+          row().should("have.attr", "role", singleContent ? "listitem" : "option");
+          assertVisibleName(item(), "JavaScript Frontend web development Code JS",
+            { owner: singleContent ? "content" : "row" });
+          item().shadow().find(".udex-list__text-holder").should($holder => {
+            expect(normalizeText($holder[0].textContent)).to.equal("JavaScript Frontend web development");
+          });
+          item().shadow().find('[part="title"]').should("have.text", "JavaScript");
+          item().shadow().find('[part="title"] b').should("have.text", "Java");
+        });
+      });
+
+      it("preserves raw label/support/additional boundaries with a host-owned name and presentational native row", () => {
+        const expected = "JavaScript Frontend web development Code JS";
+        cy.mount(<UDExListItem id="host-boundary-item" mode={UDExListMode.MultiSelect}
+          _useHostAriaRole={true} role="option" aria-label={expected} aria-selected="false"
+          label="<b>Java</b>Script" supportingText="Frontend web development" additionalText="Code JS" />);
+        const item = () => cy.get("#host-boundary-item");
+        assertVisibleName(item(), expected, { owner: "host" });
+        item().shadow().find('[part="title"]').should("have.text", "JavaScript");
+        item().shadow().find('[part="item"]').should($row => {
+          expect($row).to.have.attr("role", "presentation");
+          ["aria-label", "aria-selected", "aria-checked", "tabindex"].forEach(attribute => {
+            expect($row).not.to.have.attr(attribute);
+          });
+        });
+      });
+
+      it("preserves literal boundaries with supporting-only or additional-only secondary text", () => {
+        cy.wrap([
+          { supportingText: "Frontend web development", additionalText: "", expected: "JavaScript Frontend web development" },
+          { supportingText: "", additionalText: "Code JS", expected: "JavaScript Code JS" },
+        ]).each(testCase => {
+          cy.mount(<UDExListItem id="partial-boundary-item" mode={UDExListMode.SingleSelect}
+            label="<b>Java</b>Script" supportingText={testCase.supportingText} additionalText={testCase.additionalText} />);
+          const item = () => cy.get("#partial-boundary-item");
+          assertVisibleName(item(), testCase.expected);
+          item().shadow().find('[part="title"]').should("have.text", "JavaScript");
+          item().shadow().find(testCase.supportingText ? '[part="additional-text"]' : '[part="supporting"]')
+            .should("not.exist");
+        });
+      });
+
+      it("removes and restores supporting text without concatenating label and additional text while focused", () => {
+        cy.mount(
+          <div>
+            <button id="before-reactive-boundary-item">Previous</button>
+            <UDExListItem id="reactive-boundary-item" mode={UDExListMode.MultiSelect}
+              label="<b>Java</b>Script" supportingText="Frontend web development" additionalText="Code JS" />
+          </div>
+        );
+        const item = () => cy.get("#reactive-boundary-item");
+        const row = () => item().shadow().find('[part="item"]');
+        cy.get("#before-reactive-boundary-item").realClick();
+        cy.realPress("Tab");
+        row().should("be.focused");
+        assertVisibleName(item(), "JavaScript Frontend web development Code JS");
+        item().invoke("prop", "supportingText", "");
+        assertVisibleName(item(), "JavaScript Code JS");
+        item().shadow().find('[part="supporting"]').should("not.exist");
+        row().should("be.focused");
+        item().invoke("prop", "supportingText", "Digital Builders");
+        assertVisibleName(item(), "JavaScript Digital Builders Code JS");
+        item().shadow().find('[part="title"]').should("have.text", "JavaScript");
+        row().should("be.focused");
+      });
+
+      // Updated: flatten the shared slot container without inserting whitespace, checking hidden names even during overrides.
+      it("names a real-focus row from default slotted text before support and additional text, restoring it after an explicit override", () => {
+        cy.mount(
+          <div>
+            <button id="before-slotted-list-item">Previous</button>
+            <UDExListItem id="slotted-name-item" mode={UDExListMode.MultiSelect}
+              supportingText="Choice support" additionalText="Code A">
+              {"  Slotted \n "}<span id="slotted-choice-label"><b>choice</b>{" label"}</span>{" \t text"}
+            </UDExListItem>
+          </div>
+        );
+        const UDExItem = () => cy.get("#slotted-name-item");
+        const UDExRow = () => UDExItem().shadow().find('[part="item"]');
+        const UDExFullName = "Slotted choice label text Choice support Code A";
+        const UDExAssertSlottedName = (UDExName: string) => {
+          assertVisibleName(UDExItem(), UDExFullName, { name: UDExName, slotted: true });
+          UDExItem().should($item => {
+            expect($item).not.to.have.attr("label");
+            expect(($item[0] as UDExListItem).label || "").to.equal("");
+          });
+          UDExRow().should("be.focused").should($row => {
+            expect($row).to.have.attr("role", "option");
+            expect($row).to.have.attr("aria-label", UDExName);
+            expect($row).to.have.attr("aria-selected", "false");
+            expect($row).not.to.have.attr("aria-checked");
+          });
+          UDExItem().shadow().find('slot[part="content"]').should($slot => {
+            expect(normalizeText(flattenedTextContent($slot[0]))).to.equal("Slotted choice label text");
+          });
+          UDExItem().find("#slotted-choice-label").should("be.visible").and("have.text", "choice label");
+          UDExItem().find("#slotted-choice-label b").should("be.visible").and("have.text", "choice");
+          UDExItem().shadow().find('[part="supporting"]').should("have.text", "Choice support");
+          UDExItem().shadow().find('[part="additional-text"]').should("have.text", "Code A");
+        };
+
+        cy.get("#before-slotted-list-item").realClick();
+        cy.realPress("Tab");
+        UDExAssertSlottedName(UDExFullName);
+        UDExItem().invoke("prop", "accessibleName", "Explicit slotted choice");
+        UDExAssertSlottedName("Explicit slotted choice");
+        UDExItem().invoke("prop", "accessibleName", "");
+        UDExAssertSlottedName(UDExFullName);
+      });
+
+      // Updated: verify the referenced hidden source independently without equating visible text to an override.
+      it("keeps an explicit row name instead of appending visible support, additional text or rating metadata", () => {
+        cy.mount(<UDExListItem id="explicit-name-item" mode={UDExListMode.MultiSelect}
+          accessibleName="Explicit choice" label="<b>Rated</b> choice" supportingText="Choice support"
+          additionalText="Code A" rating="4" ratingCount="4.0" totalCount="20" />);
+        const UDExRow = () => cy.get("#explicit-name-item").shadow().find('[part="item"]');
+        const assertNameSource = (expected: string) => {
+          UDExRow().should("have.attr", "aria-label", expected);
+          cy.get("#explicit-name-item").shadow().find(".udex-list__content-wrap").should($wrapper => {
+            const root = $wrapper[0].getRootNode() as ShadowRoot;
+            expect($wrapper).to.have.attr("aria-label", expected);
+            const source = root.getElementById($wrapper[0].getAttribute("aria-labelledby")!);
+            expect(source, "explicit name source resolves in the native row's shadow root").not.to.equal(null);
+            expect(source!.getRootNode()).to.equal(root);
+            expect(source).to.have.class("hidden");
+            expect(normalizeText(source!.textContent)).to.equal(expected);
+          });
+          cy.get("#explicit-name-item").shadow().find('[part="title"]').should("have.text", "Rated choice");
+        };
+        assertNameSource("Explicit choice");
+        cy.get("#explicit-name-item").invoke("prop", "accessibleName", "");
+        assertNameSource("Rated choice Choice support Code A Rating 4.0, Total 20, Rating Indicator 4 of 5");
+        cy.get("#explicit-name-item").invoke("prop", "accessibleName", "Restored override");
+        assertNameSource("Restored override");
+      });
+
+      it("does not duplicate the host-owned name or state on a presentational inner row", () => {
+        cy.mount(<UDExListItem id="host-named-item" mode={UDExListMode.MultiSelect}
+          _useHostAriaRole={true} role="option" aria-label="Host-owned choice" aria-selected="true"
+          selected accessibleName="Explicit inner name" label="Visible choice" supportingText="Choice support" />);
+        cy.get("#host-named-item").should($host => {
+          expect($host).to.have.attr("role", "option");
+          expect($host).to.have.attr("aria-label", "Host-owned choice");
+          expect($host).to.have.attr("aria-selected", "true");
+        });
+        cy.get("#host-named-item").shadow().find('[part="item"]').should($row => {
+          expect($row).to.have.attr("role", "presentation");
+          ["aria-label", "aria-selected", "aria-checked", "tabindex"].forEach(UDExAttribute => {
+            expect($row).not.to.have.attr(UDExAttribute);
+          });
+        });
+        cy.get("#host-named-item").shadow().find("[udex-checkbox]").should($checkbox => {
+          expect($checkbox).to.have.attr("aria-hidden", "true");
+          expect($checkbox).to.have.attr("tabindex", "-1");
+          expect($checkbox).not.to.have.attr("accessible-name");
+          expect($checkbox[0]).to.have.property("checked", true);
+        });
+      });
+    });
+
     // Added: unit-level coverage for the WCAG 4.1.2 Treeview Checkbox pattern getter
     // (ariaCheckedValue). It only activates when the item's accessible-role ===
     // "treeitem" (set by SearchableListBase in the tree pattern). The inner checkbox

package/cypress/specs/SelectBox.cy.tsx

@@ -3020,10 +3020,15 @@ describe("SelectBox", () => {
             .to.deep.equal([$host[0]]);
         });
       });
-      // Preserve rendered title checks in addition to the complete host aria-label.
+      // Updated: the full accessible name includes metadata; the visible title is only the primary label.
       UDExActiveHost().then($host => {
         if ($host.is("[udex-list-item]")) {
-          cy.wrap($host).shadow().find(".udex-list__content-wrap").should("have.attr", "aria-label", UDExLabel);
+          cy.wrap($host).shadow().find(".udex-list__content-wrap").should($content => {
+            expect($content).to.have.attr("aria-label", UDExAccessibleName);
+            const labelId = $content.attr("aria-labelledby")!;
+            const root = $content[0].getRootNode() as ShadowRoot;
+            expect(root.getElementById(labelId)?.textContent).to.equal(UDExAccessibleName);
+          });
           cy.wrap($host).shadow().find('[part="title"]').should("have.text", UDExLabel);
         }
       });

package/cypress/specs/SelectBoxAccessibility.cy.tsx

@@ -260,14 +260,14 @@ function UDExAssertNativeHostStates() {
 }
 
 function UDExAssertLeafName(UDExHost: Cypress.Chainable<JQuery<HTMLElement>>, UDExLabel: string, UDExSupportingText = "", UDExAdditionalText = "") {
-  // Active-descendant hosts expose the complete name, including text outside the title.
-  UDExHost.should("have.attr", "aria-label", [UDExLabel, UDExSupportingText, UDExAdditionalText].filter(Boolean).join(" "));
-  // Keep the rendered title/name-source checks, including after search highlighting.
+  const accessibleName = [UDExLabel, UDExSupportingText, UDExAdditionalText].filter(Boolean).join(" ");
+  // Updated: hosts and both wrapper name sources expose the full name, not just the visible title.
+  UDExHost.should("have.attr", "aria-label", accessibleName);
   UDExHost.shadow().find(".udex-list__content-wrap").should($content => {
-    expect($content).to.have.attr("aria-label", UDExLabel);
+    expect($content).to.have.attr("aria-label", accessibleName);
     const UDExLabelId = $content.attr("aria-labelledby")!;
     const UDExRoot = $content[0].getRootNode() as ShadowRoot;
-    expect(UDExRoot.getElementById(UDExLabelId)?.textContent).to.equal(UDExLabel);
+    expect(UDExRoot.getElementById(UDExLabelId)?.textContent).to.equal(accessibleName);
     expect($content.find('[part="title"]').text()).to.equal(UDExLabel);
   });
 }

package/dist/FilterMenu.d.ts

@@ -236,8 +236,8 @@ declare class UDExFilterMenu extends UDExSearchableListBase {
      *   - 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.
+     * MultiSelect Select All is a parent of its controlled items, not an extra
+     * option in their sibling count. It therefore uses the same tree hierarchy.
      */
     get isTreeStructure(): boolean;
     get triggerButtonAccessibleName(): string;

package/dist/FilterMenu.js

@@ -368,11 +368,11 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
      *   - 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.
+     * MultiSelect Select All is a parent of its controlled items, not an extra
+     * option in their sibling count. It therefore uses the same tree hierarchy.
      */
     get isTreeStructure() {
-        const groups = this._filteredItems.filter(e => e.isGroup && !e.item.isSelectAllHeader);
+        const groups = this._filteredItems.filter(e => e.isGroup);
         if (!groups.length) {
             return false;
         }
@@ -383,7 +383,9 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
             && groups.some(e => e.item.collapsible);
     }
     get triggerButtonAccessibleName() {
-        return this.accessibleName || translate(UDExFilterMenu_1, SELECT_OPTIONS);
+        const visibleLabel = [this.filterNamePrefix, this.filterName, this.badgeValue || undefined]
+            .filter(Boolean).join(" ").trim();
+        return this.accessibleName || visibleLabel || translate(UDExFilterMenu_1, SELECT_OPTIONS);
     }
     get searchableList() {
         return SearchableListBaseTemplate.call(this);

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 { renderFinished } from \"@ui5/webcomponents-base/dist/Render.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 \"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 (isEscape(e) || (isTabNext(e) && !this.hasResetBtn)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isEscape(e) || isTabNext(e)) {\n      this.onDropdownClose(e);\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._expandCollapsedGroupsWithSelection();\n    renderFinished().then(() => {\n      this._handleDropdownScroll();\n    }).catch(() => {});\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"]}
+{"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 { renderFinished } from \"@ui5/webcomponents-base/dist/Render.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 \"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 (isEscape(e) || (isTabNext(e) && !this.hasResetBtn)) {\n      this.onDropdownClose(e);\n    }\n  }\n\n  handleKeyDownResetBtn(e: KeyboardEvent): void {\n    e.stopPropagation();\n    if (isEscape(e) || isTabNext(e)) {\n      this.onDropdownClose(e);\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._expandCollapsedGroupsWithSelection();\n    renderFinished().then(() => {\n      this._handleDropdownScroll();\n    }).catch(() => {});\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   * MultiSelect Select All is a parent of its controlled items, not an extra\n   * option in their sibling count. It therefore uses the same tree hierarchy.\n   */\n  override get isTreeStructure(): boolean {\n    const groups = this._filteredItems.filter(e => e.isGroup);\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    const visibleLabel = [this.filterNamePrefix, this.filterName, this.badgeValue || undefined]\n      .filter(Boolean).join(\" \").trim();\n    return this.accessibleName || visibleLabel || 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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
 import UDExBadge from "./Badge.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import UI5Popover from "@ui5/webcomponents/dist/Popover.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": "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, ...{
+    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 && (_jsxs(_Fragment, { children: [_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 && (_jsxs(_Fragment, { children: [" ", _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":"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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"]}
+{"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          <>\n            <span class=\"udex-filter-menu__trigger-prefix\">{this.filterNamePrefix}</span>{\" \"}\n          </>\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            <>\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          )}\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"]}

package/dist/List.d.ts

@@ -113,14 +113,7 @@ declare class UDExList extends UI5Element {
     handleKeyDown(e: KeyboardEvent): void;
     handleArrowRight(e: KeyboardEvent): void;
     handleArrowLeft(e: KeyboardEvent): void;
-    /**
-     * Arrow-key expand/collapse toggles `collapsed` directly here (multi-select
-     * headers deliver Left/Right to the List, not to the header's own key handler),
-     * so the `accordion-icon-click` event that drives the collapse/expand live-region
-     * announcement is never fired on this path. Re-emit it from the header so
-     * SearchableListBase announces the new state to screen readers, matching the
-     * chevron/pointer and single-select paths.
-     */
+    /** Synchronize arrow-key expansion with the source without selection or focus changes. */
     fireAccordionToggle(target: UDExListItemBase): void;
     handleUpArrow(e: KeyboardEvent): void;
     handleDownArrow(e: KeyboardEvent): void;

package/dist/List.js

@@ -125,6 +125,7 @@ let UDExList = UDExList_1 = class UDExList extends UI5Element {
     handleArrowRight(e) {
         const target = e.target;
         if (target.isGroup && target.hasAttribute("collapsible") && target.collapsed) {
+            e.preventDefault();
             target.collapsed = false;
             this.setCollapsedItems(false, target);
             this.fireAccordionToggle(target);
@@ -133,24 +134,15 @@ let UDExList = UDExList_1 = class UDExList extends UI5Element {
     handleArrowLeft(e) {
         const target = e.target;
         if (target.isGroup && target.hasAttribute("collapsible") && !target.collapsed) {
+            e.preventDefault();
             target.collapsed = true;
             this.setCollapsedItems(true, target);
             this.fireAccordionToggle(target);
         }
     }
-    /**
-     * Arrow-key expand/collapse toggles `collapsed` directly here (multi-select
-     * headers deliver Left/Right to the List, not to the header's own key handler),
-     * so the `accordion-icon-click` event that drives the collapse/expand live-region
-     * announcement is never fired on this path. Re-emit it from the header so
-     * SearchableListBase announces the new state to screen readers, matching the
-     * chevron/pointer and single-select paths.
-     */
+    /** Synchronize arrow-key expansion with the source without selection or focus changes. */
     fireAccordionToggle(target) {
-        target.dispatchEvent(new CustomEvent("accordion-icon-click", {
-            bubbles: true,
-            detail: { collapsed: target.collapsed },
-        }));
+        target.fireDecoratorEvent("accordion-icon-click", { collapsed: target.collapsed });
     }
     handleUpArrow(e) {
         e.preventDefault();