@sapudex/web-components 2.55.0 → 2.56.0

package/cypress/specs/HeroBanner.cy.tsx

@@ -1,5 +1,7 @@
-import {UDExHeroBanner, UDExButton, UDExBreadcrumbs, UDExBreadcrumbsItem} from "../support/component-imports.js";
+import {UDExHeroBanner, UDExButton, UDExBreadcrumbs, UDExBreadcrumbsItem, UDExSearch} from "../support/component-imports.js";
 import UDExButtonDesign from "../../src/types/ButtonDesign.js";
+// The SearchSuggestionsPopover feature must be imported so the backdrop events are enabled.
+import "../../src/features/SearchSuggestionsPopover.js";
 
 const primaryContentHeader = "Grow your business through enterprise";
 const secondaryContentHeader = "Entertain an idea";
@@ -172,3 +174,35 @@ describe("Hero Banner component", () => {
     });
   });
 });
+
+const BACKDROP_SUGGESTION_LIST = JSON.stringify({
+  suggested: ["SAP HANA", "SAP BTP"],
+  recommended: ["What is SAP HANA"],
+});
+
+const heroBannerWithSearch = (
+  <UDExHeroBanner id="heroBannerSearchBackdrop">
+    <div slot="content">
+      <UDExSearch show-suggested-popover open-suggestion-popup />
+    </div>
+  </UDExHeroBanner>
+);
+
+describe("HeroBanner — search backdrop", () => {
+  beforeEach(() => {
+    cy.mount(heroBannerWithSearch);
+    cy.get("[udex-search]").invoke("attr", "suggestion-list", BACKDROP_SUGGESTION_LIST);
+  });
+
+  it("backdrop is rendered after search suggestions are opened", () => {
+    cy.get(".udex-search-backdrop").should("be.visible");
+  });
+
+  it("backdrop is not visible after search dropdown is closed", () => {
+    cy.get(".udex-search-backdrop").should("be.visible");
+    cy.get("[udex-search]").invoke("removeAttr", "open-suggestion-popup");
+    cy.get("[udex-search]").shadow().find("#search-input").focus();
+    cy.realPress("Escape");
+    cy.get(".udex-search-backdrop").should("not.be.visible");
+  });
+});

package/cypress/specs/List.cy.tsx

@@ -421,4 +421,66 @@ describe("List component - SingleContent accessible name", () => {
     );
     cy.get("[udex-list]").shadow().find(".udex-list").should("not.have.attr", "aria-label");
   });
-});
+});
+
+// SingleContent is purely informational (no selection), so the inner list container must
+// expose the generic list/listitem semantics instead of the listbox/option selection-widget
+// semantics. listbox/option compute the option's accessible name from its whole subtree, which
+// pulls a nested udex-button (e.g. an info icon) label into the option name AND announces it
+// again when focused — a double announcement.
+describe("List component - SingleContent uses list/listitem role", () => {
+  const innerList = () =>
+    cy.get("[udex-list]").shadow().find(".udex-list");
+
+  it("SingleContent: inner list container has role=\"list\" by default", () => {
+    cy.mount(
+      <UDExList mode="SingleContent" accessible-name="Info list">
+        <UDExListItem id="sc-item">Cloud Solution</UDExListItem>
+      </UDExList>
+    );
+    innerList().should("have.attr", "role", "list");
+  });
+
+  it("SingleContent list item: shadow [part=item] has role=\"listitem\" by default", () => {
+    cy.mount(
+      <UDExList mode="SingleContent" accessible-name="Info list">
+        <UDExListItem id="sc-item">Cloud Solution</UDExListItem>
+      </UDExList>
+    );
+    cy.get("#sc-item").shadow().find("[part=item]").should("have.attr", "role", "listitem");
+  });
+
+
+  it("SingleContent: an explicit non-listbox accessible-role is respected (not forced to \"list\")", () => {
+    cy.mount(
+      <UDExList mode="SingleContent" accessible-role="menu" accessible-name="Info list">
+        <UDExListItem>Cloud Solution</UDExListItem>
+      </UDExList>
+    );
+    innerList().should("have.attr", "role", "menu");
+  });
+});
+
+// The SingleContent fix must not alter the selection modes. SingleSelect / MultiSelect /
+// RadioGroup lists (without collapsible group headers, so no tree pattern) still render the
+// listbox/option selection-widget semantics.
+describe("List component - selection modes keep listbox/option role", () => {
+  const listboxFixture = (mode: string) => (
+    <UDExList id="selection-list" mode={mode as "SingleSelect" | "MultiSelect" | "RadioGroup"}>
+      <UDExListItem id="selection-item">Item 1</UDExListItem>
+      <UDExListItem>Item 2</UDExListItem>
+    </UDExList>
+  );
+
+  ["SingleSelect", "MultiSelect", "RadioGroup"].forEach(mode => {
+    it(`${mode}: inner #udex-list div keeps role="listbox"`, () => {
+      cy.mount(listboxFixture(mode));
+      cy.get("#selection-list").shadow().find("#udex-list").should("have.attr", "role", "listbox");
+    });
+
+    it(`${mode}: list item shadow [part=item] keeps role="option"`, () => {
+      cy.mount(listboxFixture(mode));
+      cy.get("#selection-item").shadow().find("[part=item]").should("have.attr", "role", "option");
+    });
+  });
+});

package/cypress/specs/ListItem.cy.tsx

@@ -511,4 +511,48 @@ describe("ListItem", () => {
           .and("not.have.attr", "aria-checked");
       });
     });
+
+    // SingleContent is informational, not a selection widget, so the item's shadow
+    // [part=item] renders role="listitem" (not "option").
+    describe("SingleContent role", () => {
+      it("SingleContent item: [part=item] has role=\"listitem\" by default", () => {
+        cy.mount(<UDExListItem
+          id="sc-role-item"
+          mode={UDExListMode.SingleContent}
+          label="Cloud Solution">
+        </UDExListItem>);
+
+        cy.get("#sc-role-item").shadow()
+          .find("[part=item]").should("have.attr", "role", "listitem");
+      });
+
+      // Regression: the selection modes keep role="option" (roleItem returns the "option"
+      // fallback for every mode except SingleContent).
+      [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].forEach(mode => {
+        it(`${mode} item: [part=item] keeps role="option" by default`, () => {
+          cy.mount(<UDExListItem
+            id="sel-role-item"
+            mode={mode}
+            label="JavaScript">
+          </UDExListItem>);
+
+          cy.get("#sel-role-item").shadow()
+            .find("[part=item]").should("have.attr", "role", "option");
+        });
+      });
+
+      // An explicit accessible-role always wins over the SingleContent default (getter
+      // returns accessibleRole before falling through to the mode-based default).
+      it("explicit accessible-role overrides the SingleContent \"listitem\" default", () => {
+        cy.mount(<UDExListItem
+          id="sc-role-override"
+          accessible-role="option"
+          mode={UDExListMode.SingleContent}
+          label="Cloud Solution">
+        </UDExListItem>);
+
+        cy.get("#sc-role-override").shadow()
+          .find("[part=item]").should("have.attr", "role", "option");
+      });
+    });
 });

package/cypress/specs/MastheadShell.cy.tsx

@@ -8,6 +8,8 @@ import {
   UDExSearch,
 } from "../support/component-imports.js";
 import { profileLoggedInUser, profileLinks, subItemsExplore, subItemsProduct } from "../fixtures/masthead-shell.js";
+// The SearchSuggestionsPopover feature must be imported so the backdrop events are enabled.
+import "../../src/features/SearchSuggestionsPopover.js";
 
 const logoUrl = "https://cdn.udex.services.sap.com/dds/design-tokens/assets/logos/sap-logo.svg";
 const homeUrl = "https://sap.com";
@@ -724,3 +726,40 @@ describe("MastheadShell Search-Focused", () => {
     });
   });
 });
+
+const BACKDROP_SUGGESTION_LIST = JSON.stringify({
+  suggested: ["SAP HANA", "SAP BTP"],
+  recommended: ["What is SAP HANA"],
+});
+
+const mastheadWithSuggestionsSearch = (
+  <UDExMastheadShell
+    id="mastheadBackdropTest"
+    show-search-by-default
+    logo-url={logoUrl}
+    site-label="Test"
+    homepage-aria-label="SAP Homepage"
+    close-button-accessible-name="Close Search">
+    <UDExSearch slot="search" show-suggested-popover open-suggestion-popup />
+  </UDExMastheadShell>
+);
+
+describe("MastheadShell — search backdrop", () => {
+  beforeEach(() => {
+    cy.viewport(1440, 900);
+    cy.mount(mastheadWithSuggestionsSearch);
+    cy.get("[udex-search]").invoke("attr", "suggestion-list", BACKDROP_SUGGESTION_LIST);
+  });
+
+  it("backdrop is rendered after search suggestions are opened", () => {
+    cy.get(".udex-search-backdrop").should("be.visible");
+  });
+
+  it("backdrop is not visible after search dropdown is closed", () => {
+    cy.get(".udex-search-backdrop").should("be.visible");
+    cy.get("[udex-search]").invoke("removeAttr", "open-suggestion-popup");
+    cy.get("[udex-search]").shadow().find("#search-input").focus();
+    cy.realPress("Escape");
+    cy.get(".udex-search-backdrop").should("not.be.visible");
+  });
+});

package/cypress/specs/PhoneNumberField.cy.tsx

@@ -116,6 +116,34 @@ describe("PhoneNumberField", () => {
       cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "UA")
     });
 
+    it("country flag is automatically updated when value is set programmatically", () => {
+      cy.mount(defaultPhoneNumberField)
+      cy.get("#default").then($el => {
+        ($el[0] as any).value = "+38012345678"
+      })
+      cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "UA")
+      cy.get("#default").shadow().find("input").should("have.attr", "placeholder", "+380 XXXXX XXXXX")
+    });
+
+    it("country flag is updated when value is set programmatically after manual country selection", () => {
+      cy.mount(defaultPhoneNumberField)
+      cy.get("#default").shadow().find(".udex-phone-number-field__input-wrapper").find(".udex-phone-number-field__open-button").click().realPress("d").realPress("Enter")
+      cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "DK")
+      cy.get("#default").then($el => {
+        ($el[0] as any).value = "+38012345678"
+      })
+      cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "UA")
+    });
+
+    it("changing country from dropdown updates flag and resets value to new prefix", () => {
+      cy.mount(defaultPhoneNumberField)
+      cy.get("#default").shadow().find("input").type("38012345")
+      cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "UA")
+      cy.get("#default").shadow().find(".udex-phone-number-field__input-wrapper").find(".udex-phone-number-field__open-button").click().realPress("d").realPress("Enter")
+      cy.get("#default").shadow().find("udex-list-item[selected]").should("have.attr", "id", "DK")
+      cy.get("#default").shadow().find("input").should("have.value", "+45")
+    });
+
     it("check that the maxlength and formatting is applied correctly", () => {
       cy.mount(defaultPhoneNumberField)
       cy.get("#default").shadow().find("input").type("+380123456789123456").should("have.value", "+380 12345 6789123")
@@ -192,4 +220,4 @@ describe("PhoneNumberField", () => {
       cy.get("#default").shadow().find("input").type("123-abc-456!@#").should("have.value", "+1 (234) 56")
     });
   });
-});
+});

package/cypress/specs/SelectBox.cy.tsx

@@ -2494,6 +2494,105 @@ describe("SelectBox", () => {
         .invoke("prop", "scrollTop")
         .should("be.greaterThan", 0);
     });
+
+    const singleSelectCollapsibleGroupScrollFixture = <div style="width: 350px; position:relative;">
+      <UDExSelectBox id="select-box" height="200px" label="Languages">
+        <UDExSelectBoxGroupHeader label="Backend Languages" collapsible>
+          <UDExSelectBoxItem label="Java"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Python"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Go"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Ruby"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Rust"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Node.js" selected></UDExSelectBoxItem>
+        </UDExSelectBoxGroupHeader>
+        <UDExSelectBoxGroupHeader label="Frontend Languages" collapsible>
+          <UDExSelectBoxItem label="JavaScript"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="TypeScript"></UDExSelectBoxItem>
+        </UDExSelectBoxGroupHeader>
+      </UDExSelectBox>
+    </div>;
+
+    it("SingleSelect mode with collapsible group - selected item is scrolled into view after reopening the dropdown", () => {
+      cy.mount(singleSelectCollapsibleGroupScrollFixture);
+      cy.get("#select-box").shadow().find(".udex-text-field__trigger").as("trigger");
+
+      cy.get("@trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("have.attr", "open");
+      cy.get("@trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("not.have.attr", "open");
+      cy.get("@trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("have.attr", "open");
+
+      cy.get("#select-box").shadow()
+        .find("ui5-popover").shadow()
+        .find("[part=content]")
+        .invoke("prop", "scrollTop")
+        .should("be.greaterThan", 0);
+    });
+
+    const collapsedGroupWithSelectionFixture = <div style="width: 350px; position:relative;">
+      <UDExSelectBox id="select-box" height="200px" label="Languages">
+        <UDExSelectBoxGroupHeader label="Backend Languages" collapsible collapsed>
+          <UDExSelectBoxItem label="Java"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Python"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="Node.js" selected></UDExSelectBoxItem>
+        </UDExSelectBoxGroupHeader>
+        <UDExSelectBoxGroupHeader label="Frontend Languages" collapsible>
+          <UDExSelectBoxItem label="JavaScript"></UDExSelectBoxItem>
+          <UDExSelectBoxItem label="TypeScript"></UDExSelectBoxItem>
+        </UDExSelectBoxGroupHeader>
+      </UDExSelectBox>
+    </div>;
+
+    it("SingleSelect mode - collapsed group containing selected item is auto-expanded on dropdown open", () => {
+      cy.mount(collapsedGroupWithSelectionFixture);
+      cy.get("#select-box").shadow().find(".udex-text-field__trigger").click();
+
+      cy.get("#select-box").shadow()
+        .find(".udex-select-box__dropdown")
+        .should("have.attr", "open");
+
+      // The group that contains the selected item must be expanded (collapsed attribute removed).
+      cy.get("[udex-select-box-group-header]").filter("[label='Backend Languages']")
+        .should("not.have.attr", "collapsed");
+
+      // The rendered group header in the shadow DOM must also reflect the expanded state.
+      cy.get("#select-box").shadow()
+        .find("[udex-list-group-header]")
+        .first()
+        .should("not.have.attr", "collapsed");
+    });
+
+    it("SingleSelect mode - manually collapsed group with selected item re-expands on next dropdown open", () => {
+      cy.mount(collapsedGroupWithSelectionFixture);
+
+      // First open: group auto-expands.
+      cy.get("#select-box").shadow().find(".udex-text-field__trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("have.attr", "open");
+      cy.get("#select-box").shadow().find("[udex-list-group-header]").first().should("not.have.attr", "collapsed");
+
+      // Simulate user manually collapsing the group:
+      // - Set collapsed on the original item so _expandCollapsedGroupsWithSelection detects it.
+      // - Also set it on the rendered element in case the template re-render is async.
+      cy.get("[udex-select-box-group-header]").filter("[label='Backend Languages']")
+        .invoke("prop", "collapsed", true);
+      cy.get("#select-box").shadow()
+        .find("[udex-list-group-header]").first()
+        .invoke("prop", "collapsed", true);
+      cy.get("#select-box").shadow().find("[udex-list-group-header]").first().should("have.attr", "collapsed");
+
+      // Close the dropdown.
+      cy.get("#select-box").shadow().find(".udex-text-field__trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("not.have.attr", "open");
+
+      // Reopen: the group must be auto-expanded again.
+      cy.get("#select-box").shadow().find(".udex-text-field__trigger").click();
+      cy.get("#select-box").shadow().find(".udex-select-box__dropdown").should("have.attr", "open");
+      cy.get("#select-box").shadow()
+        .find("[udex-list-group-header]")
+        .first()
+        .should("not.have.attr", "collapsed");
+    });
   });
 
   // Tree accessibility pattern: SelectBox uses tree pattern when group headers are present.

package/dist/CountrySelectorTemplate.js

@@ -3,6 +3,6 @@ export default function CountrySelectorTemplate() {
     if (this.hideFlagImages) {
         return _jsx(_Fragment, {});
     }
-    return (_jsx("img", { class: "udex-text-field__image", "aria-label": this.flagAriaLabel, style: `background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}` }));
+    return (_jsx("span", { class: "udex-text-field__image", "aria-label": this.flagAriaLabel, style: `background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}` }));
 }
 //# sourceMappingURL=CountrySelectorTemplate.js.map

package/dist/CountrySelectorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelectorTemplate.js","sourceRoot":"","sources":["../src/CountrySelectorTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAAC,OAAO,mBAAK,CAAC;IAAC,CAAC;IAC1C,OAAO,CACL,cACE,KAAK,EAAC,wBAAwB,gBAClB,IAAI,CAAC,aAAa,EAC9B,KAAK,EAAE,0BAA0B,IAAI,CAAC,oBAAoB,4BAA4B,IAAI,CAAC,oBAAoB,EAAE,GAC7G,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type UDExCountrySelector from \"./CountrySelector.js\";\n\nexport default function CountrySelectorTemplate(this: UDExCountrySelector) {\n  if (this.hideFlagImages) { return <></>; }\n  return (\n    <img\n      class=\"udex-text-field__image\"\n      aria-label={this.flagAriaLabel}\n      style={`background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}`}>\n    </img>\n  );\n}\n"]}
+{"version":3,"file":"CountrySelectorTemplate.js","sourceRoot":"","sources":["../src/CountrySelectorTemplate.tsx"],"names":[],"mappings":";AAEA,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;QAAC,OAAO,mBAAK,CAAC;IAAC,CAAC;IAC1C,OAAO,CACL,eACE,KAAK,EAAC,wBAAwB,gBAClB,IAAI,CAAC,aAAa,EAC9B,KAAK,EAAE,0BAA0B,IAAI,CAAC,oBAAoB,4BAA4B,IAAI,CAAC,oBAAoB,EAAE,GAC5G,CACR,CAAC;AACJ,CAAC","sourcesContent":["import type UDExCountrySelector from \"./CountrySelector.js\";\n\nexport default function CountrySelectorTemplate(this: UDExCountrySelector) {\n  if (this.hideFlagImages) { return <></>; }\n  return (\n    <span\n      class=\"udex-text-field__image\"\n      aria-label={this.flagAriaLabel}\n      style={`background-position-x: ${this.selectedCountryFlagX}; background-position-y: ${this.selectedCountryFlagY}`}>\n    </span>\n  );\n}\n"]}

package/dist/FilterMenu.js

@@ -11,6 +11,7 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import { isTabPrevious, isTabNext, isEscape, isSpace, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
 import PopupAccessibleRole from "@ui5/webcomponents/dist/types/PopupAccessibleRole.js";
 import Popover from "@ui5/webcomponents/dist/Popover.js";
 import UDExBusyIndicator from "./BusyIndicator.js";
@@ -269,7 +270,10 @@ let UDExFilterMenu = UDExFilterMenu_1 = class UDExFilterMenu extends UDExSearcha
         if (this.modeSingleSelect && !this._search) {
             this.activeItem?.focus();
         }
-        this._handleDropdownScroll();
+        this._expandCollapsedGroupsWithSelection();
+        renderFinished().then(() => {
+            this._handleDropdownScroll();
+        }).catch(() => { });
         this.fireDecoratorEvent("after-open");
     }
     _focusFirstInteractiveElement() {

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 \"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._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"]}
+{"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"]}

package/dist/HeroBanner.d.ts

@@ -102,6 +102,18 @@ declare class UDExHeroBanner extends UI5Element {
      */
     breadcrumbs: Slot<UDExBreadcrumbs>;
     onEnterDOM(): void;
+    onExitDOM(): void;
+    _handleSuggestionOpenedBound: () => void;
+    _handleSuggestionClosedBound: () => void;
+    _handleBackdropScrollBound: () => void;
+    _bodyBackdropEl: HTMLElement | null;
+    private _getBackdropEl;
+    private _updateBackdropTop;
+    private _addBackdropScrollListener;
+    private _removeBackdropScrollListener;
+    private _showSearchBackdrop;
+    private _hideSearchBackdrop;
+    handleBackdropClick(): void;
     _toggleMediaButton(): void;
     _calculateMediaButtonState(): void;
     _isHTMLDivElement: (element: HTMLElement) => element is HTMLDivElement;

package/dist/HeroBanner.js

@@ -12,6 +12,7 @@ import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import HeroBannerTemplate from "./HeroBannerTemplate.js";
+import ensureSearchBackdropStyles from "./utils/searchBackdrop.js";
 // Styles
 import HeroBannerCss from "./generated/themes/HeroBanner.css.js";
 export var UDExImageLoadingStrategies;
@@ -36,6 +37,7 @@ let UDExHeroBanner = class UDExHeroBanner extends UI5Element {
          * @public
          */
         this.backgroundImageLoadingStrategy = UDExImageLoadingStrategies.Eager;
+        this._bodyBackdropEl = null;
         this._isHTMLDivElement = (element) => {
             return element.tagName === "DIV";
         };
@@ -49,6 +51,58 @@ let UDExHeroBanner = class UDExHeroBanner extends UI5Element {
                 this._calculateMediaButtonState();
             });
         }
+        this._handleSuggestionOpenedBound = this._showSearchBackdrop.bind(this);
+        this._handleSuggestionClosedBound = this._hideSearchBackdrop.bind(this);
+        this.addEventListener("suggestion-popover-opened", this._handleSuggestionOpenedBound);
+        this.addEventListener("suggestion-popover-closed", this._handleSuggestionClosedBound);
+    }
+    onExitDOM() {
+        this.removeEventListener("suggestion-popover-opened", this._handleSuggestionOpenedBound);
+        this.removeEventListener("suggestion-popover-closed", this._handleSuggestionClosedBound);
+        this._removeBackdropScrollListener();
+        this._bodyBackdropEl?.remove();
+        this._bodyBackdropEl = null;
+    }
+    _getBackdropEl() {
+        if (!this._bodyBackdropEl) {
+            ensureSearchBackdropStyles(this.ownerDocument);
+            const el = this.ownerDocument.createElement("div");
+            el.className = "udex-search-backdrop";
+            el.addEventListener("click", () => this.handleBackdropClick());
+            this.ownerDocument.body.appendChild(el);
+            this._bodyBackdropEl = el;
+        }
+        return this._bodyBackdropEl;
+    }
+    _updateBackdropTop() {
+        if (this._bodyBackdropEl) {
+            this._bodyBackdropEl.style.top = `${this.getBoundingClientRect().bottom}px`;
+        }
+    }
+    _addBackdropScrollListener() {
+        this._handleBackdropScrollBound = this._updateBackdropTop.bind(this);
+        window.addEventListener("scroll", this._handleBackdropScrollBound, { passive: true });
+    }
+    _removeBackdropScrollListener() {
+        if (this._handleBackdropScrollBound) {
+            window.removeEventListener("scroll", this._handleBackdropScrollBound);
+        }
+    }
+    _showSearchBackdrop() {
+        const backdrop = this._getBackdropEl();
+        this._updateBackdropTop();
+        this._addBackdropScrollListener();
+        backdrop.style.display = "block";
+    }
+    _hideSearchBackdrop() {
+        this._removeBackdropScrollListener();
+        if (this._bodyBackdropEl) {
+            this._bodyBackdropEl.style.display = "none";
+        }
+    }
+    handleBackdropClick() {
+        const search = this.querySelector("[udex-search]");
+        search?.onClosePopover?.();
     }
     _toggleMediaButton() {
         if (this._video?.paused) {