@sapudex/web-components 2.58.0 → 2.60.0

package/cypress/specs/TabNavigation.cy.tsx

@@ -682,6 +682,60 @@ describe("Tab Navigation component", () => {
           .should("exist");
       });
 
+      it("does not set a dangling aria-labelledby on the tab list", () => {
+        cy.get("[udex-tab-navigation]")
+          .shadow()
+          .find("[role='tablist']")
+          .should("not.have.attr", "aria-labelledby");
+      });
+
+      it("has no aria-label on the tab list when accessibleName is not set", () => {
+        cy.get("[udex-tab-navigation]")
+          .shadow()
+          .find("[role='tablist']")
+          .should("not.have.attr", "aria-label");
+      });
+
+      it("exposes accessibleName as aria-label on the tab list", () => {
+        cy.mount(
+          <UDExTabNavigation accessibleName="Profile navigation">
+            <UDExTab text="Privacy" selected>
+              <div>Privacy content</div>
+            </UDExTab>
+            <UDExTab text="Security">
+              <div>Security content</div>
+            </UDExTab>
+          </UDExTabNavigation>
+        );
+
+        cy.get("[udex-tab-navigation]")
+          .shadow()
+          .find("[role='tablist']")
+          .should("have.attr", "aria-label", "Profile navigation");
+      });
+
+      it("removes the aria-label when accessibleName is cleared", () => {
+        cy.mount(
+          <UDExTabNavigation accessibleName="Profile navigation">
+            <UDExTab text="Privacy" selected>
+              <div>Privacy content</div>
+            </UDExTab>
+            <UDExTab text="Security">
+              <div>Security content</div>
+            </UDExTab>
+          </UDExTabNavigation>
+        );
+
+        cy.get("[udex-tab-navigation]").then($el => {
+          ($el[0] as UDExTabNavigation).accessibleName = "";
+        });
+
+        cy.get("[udex-tab-navigation]")
+          .shadow()
+          .find("[role='tablist']")
+          .should("not.have.attr", "aria-label");
+      });
+
       it("has correct tabindex on selected tab", () => {
         cy.get("[udex-tab-navigation]")
           .shadow()

package/cypress/specs/TagGroup.cy.tsx

@@ -67,7 +67,7 @@ describe("TagGroup", () => {
     const nMore = cy.get("[udex-tag-group]").shadow().find(".udex-tag-group__tokenizer").shadow().find(".ui5-tokenizer-more-text")
     nMore.click()
     cy.get("[udex-tag-group]").shadow().find(".udex-tag-group-tooltip__content").then($tooltip => {
-      expect($tooltip.find(".udex-tag-group__tag")).lengthOf(9)
+      expect($tooltip.find(".udex-tag-group__tag")).lengthOf(10)
     })
   });
 

package/dist/ListGroupHeaderBase.js

@@ -179,6 +179,15 @@ let UDExListGroupHeaderBase = class UDExListGroupHeaderBase extends UDExListItem
         return this._groupAsListbox && !this._useHostAriaRole && !this._treeMode;
     }
     get singleCollapsibleHeaderRole() {
+        // In aria-activedescendant mode (SelectBox/CountrySelector) the HOST element
+        // carries the treeitem role + state (set via SearchableListBaseTemplate's
+        // hostAriaAttrs). The inner focusable div must then be presentational, otherwise
+        // it is a second treeitem nested inside the host treeitem with no owning
+        // tree/group — the "role not inside the required context" axe/SiteImprove error.
+        // Mirrors UDExListItem.roleItem, which is presentational under _useHostAriaRole.
+        if (this._useHostAriaRole) {
+            return "presentation";
+        }
         return this._treeMode ? "treeitem" : "button";
     }
     // Pins the collapsible header's accessible name to its heading (+ supporting text)

package/dist/ListGroupHeaderBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  languageAware: true,\n  renderer: jsxRenderer,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Marks the group header as part of a tree structure. When true, the header\n   * renders as a treeitem and its children container as a group.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _treeMode: boolean = false;\n\n  /**\n   * Marks the group as a self-contained role=\"listbox\" (FilterMenu real-focus\n   * SingleSelect, non-collapsible groups). When true, this group's options are\n   * wrapped in their own listbox so JAWS counts them natively per group. Set by\n   * the parent (SearchableListBase.isPerGroupListbox) only when the whole list is\n   * grouped; the outer #udex-list drops its listbox role in that case.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _groupAsListbox: boolean = false;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  /**\n   * Decides which collapsible-header partial to render.\n   * Uses the udex-list-item-based partial for MultiSelect/RadioGroup only.\n   * SingleSelect collapsible headers use the plain div partial — the list-item\n   * partial fires its own Enter/Space/click selection handlers that must not run.\n   */\n  get useListItemHeader(): boolean {\n    return this.modeMultiSelectOrRadioGroup;\n  }\n\n  get isTreeAccessibleRole(): boolean {\n    return this._treeMode;\n  }\n\n  // FilterMenu real-focus SingleSelect non-collapsible group: its options are\n  // rendered inside their own role=\"listbox\" so JAWS counts them natively per\n  // group (\"1 of 4\"). JAWS ignores role=\"group\" boundaries and author\n  // aria-posinset within a single listbox, but counts reliably within a flat\n  // listbox. Excludes SelectBox (_useHostAriaRole) and tree mode.\n  get isPerGroupListbox(): boolean {\n    return this._groupAsListbox && !this._useHostAriaRole && !this._treeMode;\n  }\n\n  get singleCollapsibleHeaderRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  // Pins the collapsible header's accessible name to its heading (+ supporting text)\n  // so the decorative expand/collapse chevron button — a child of the header — does\n  // not fold its \"Expand\"/\"Collapse\" label into the header's name. The chevron is a\n  // mouse affordance only (tabindex=-1); its state is already conveyed by\n  // aria-expanded, so excluding its name avoids announcing \"Collapse\" alongside the\n  // spoken \"expanded\"/\"collapsed\" state.\n  get collapsibleHeaderLabelledBy(): string {\n    return this.supportingText ? \"group-heading group-supporting-text\" : \"group-heading\";\n  }\n\n  get collapsibleHeaderAccessibleRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  get groupWrapperRole(): string {\n    if (this._useHostAriaRole) {\n      return \"presentation\";\n    }\n    // Tree mode keeps the treeitem/group nesting; per-group-listbox mode moves the\n    // single labelled role=\"listbox\" onto the inner options wrapper — the outer div\n    // is transparent so screen readers don't announce a redundant \"group\" around it.\n    if (this._treeMode || this.isPerGroupListbox) {\n      return \"none\";\n    }\n    return \"group\";\n  }\n\n  get contentRegionRole(): string {\n    return this._treeMode ? \"group\" : \"region\";\n  }\n\n  get nonCollapsibleContainerRole(): string {\n    // The single role=\"group\" for non-collapsible headers lives on the outer\n    // div.udex-list__group wrapper (groupWrapperRole = \"group\" in non-tree mode,\n    // labelled by aria-labelledby=\"group-heading\"). This container div must be\n    // transparent so that extra \"group group\" announcements are avoided.\n    return \"none\";\n  }\n\n  get nonCollapsibleHeaderAccessibleRole(): string | undefined {\n    return this._treeMode ? \"treeitem\" : undefined;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName} ${listGroupHeaderClass}-wrap`;\n  }\n\n  get listItem(): UDExListItemBase {\n    return this.shadowRoot!.querySelector<UDExListItemBase>(\"[udex-list-item]\")!;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}
+{"version":3,"file":"ListGroupHeaderBase.js","sourceRoot":"","sources":["../src/ListGroupHeaderBase.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AAEjD,MAAM,oBAAoB,GAAW,yBAAyB,CAAC;AAE/D;;;;;;;;;;GAUG;AAMH,IAAM,uBAAuB,GAA7B,MAAM,uBAAwB,SAAQ,gBAAgB;IAAtD;;QAaE;;;;;;WAMG;QAED,cAAS,GAAY,KAAK,CAAC;QAE7B;;;;;;;;;WASG;QAED,oBAAe,GAAY,KAAK,CAAC;IA+OrC,CAAC;IApOC,yBAAyB;QACvB,MAAM,kBAAkB,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAErD,IAAI,CAAC,kBAAkB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,MAAM,uBAAuB,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QACrD,MAAM,yBAAyB,GAAG,IAAI,CAAC,aAAa,CAAC;QAErD,IAAI,uBAAuB,EAAE,CAAC;YAC5B,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;aAAM,IAAI,yBAAyB,EAAE,CAAC;YACrC,IAAI,CAAC,6BAA6B,EAAE,CAAC;QACvC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,uBAAuB;QACrB,MAAM,2BAA2B,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QAEvE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;QAExB,IAAI,2BAA2B,EAAE,CAAC;YAChC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,6BAA6B;QAC3B,MAAM,2BAA2B,GAAG,IAAI,CAAC,2BAA2B,EAAE,CAAC;QAEvE,IAAI,2BAA2B,EAAE,CAAC;YAChC,IAAI,CAAC,uBAAuB,EAAE,CAAC;QACjC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,qBAAqB;QACnB,MAAM,8BAA8B,GAAG,IAAI,CAAC,8BAA8B,EAAE,CAAC;QAE7E,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAEvB,IAAI,8BAA8B,EAAE,CAAC;YACnC,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,cAAc,EAAE,CAAC;QACxB,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3C,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAE/C,IAAI,eAAe,EAAE,CAAC;YACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QAED,IAAI,aAAa,EAAE,CAAC;YAClB,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,OAAO;QACT,CAAC;QAED,IAAI,CAAC,2BAA2B,EAAE,CAAC;IACrC,CAAC;IAED,2BAA2B;QACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;IAC5B,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;QAC3B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACvB,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC;IAC7B,CAAC;IAED,WAAW,CAAC,KAAc;QACxB,IAAI,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC7B,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC5D,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvE,CAAC;IAED,8BAA8B;QAC5B,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC;IACvE,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACrD,CAAC;IAED,2BAA2B;QACzB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC;IAChF,CAAC;IAED,kBAAkB;QAChB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzD,CAAC;IAED,IAAI,OAAO;QACT,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,2BAA2B;QAC7B,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,cAAc,CAAC;IACpD,CAAC;IAED;;;;;OAKG;IACH,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,2BAA2B,CAAC;IAC1C,CAAC;IAED,IAAI,oBAAoB;QACtB,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,4EAA4E;IAC5E,4EAA4E;IAC5E,oEAAoE;IACpE,2EAA2E;IAC3E,gEAAgE;IAChE,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;IAC3E,CAAC;IAED,IAAI,2BAA2B;QAC7B,6EAA6E;QAC7E,0EAA0E;QAC1E,iFAAiF;QACjF,yEAAyE;QACzE,iFAAiF;QACjF,iFAAiF;QACjF,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChD,CAAC;IAED,mFAAmF;IACnF,kFAAkF;IAClF,kFAAkF;IAClF,wEAAwE;IACxE,kFAAkF;IAClF,uCAAuC;IACvC,IAAI,2BAA2B;QAC7B,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC,eAAe,CAAC;IACvF,CAAC;IAED,IAAI,+BAA+B;QACjC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChD,CAAC;IAED,IAAI,gBAAgB;QAClB,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YAC1B,OAAO,cAAc,CAAC;QACxB,CAAC;QACD,+EAA+E;QAC/E,gFAAgF;QAChF,iFAAiF;QACjF,IAAI,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC7C,OAAO,MAAM,CAAC;QAChB,CAAC;QACD,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC7C,CAAC;IAED,IAAI,2BAA2B;QAC7B,yEAAyE;QACzE,6EAA6E;QAC7E,2EAA2E;QAC3E,qEAAqE;QACrE,OAAO,MAAM,CAAC;IAChB,CAAC;IAED,IAAI,kCAAkC;QACpC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACjD,CAAC;IAED,IAAI,SAAS;QACX,MAAM,mBAAmB,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,oBAAoB,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;QACxF,OAAO,GAAG,oBAAoB,IAAI,IAAI,CAAC,oBAAoB,IAAI,mBAAmB,IAAI,oBAAoB,OAAO,CAAC;IACpH,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAmB,kBAAkB,CAAE,CAAC;IAC/E,CAAC;CACF,CAAA;AAzQG;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACD;AAGzB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qEACK;AAU9B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0DACC;AAa3B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;gEACO;AASjC;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;sDACV;AA3CpC,uBAAuB;IAL5B,aAAa,CAAC;QACb,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;KACtB,CAAC;GAEI,uBAAuB,CAiR5B;AAED,eAAe,uBAAuB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\n\nconst listGroupHeaderClass: string = \"udex-list__group-header\";\n\n/**\n * @class\n *\n * A class to serve as a foundation\n * for the <code>UDExListGroupHeader</code> and <code>UDExFilterMenuGroupHeader</code> classes.\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @public\n */\n@customElement({\n  languageAware: true,\n  renderer: jsxRenderer,\n})\n\nclass UDExListGroupHeaderBase extends UDExListItemBase {\n  /**\n   * Defines non-interactive the group header.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    nonInteractive!: boolean;\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  /**\n   * Marks the group header as part of a tree structure. When true, the header\n   * renders as a treeitem and its children container as a group.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _treeMode: boolean = false;\n\n  /**\n   * Marks the group as a self-contained role=\"listbox\" (FilterMenu real-focus\n   * SingleSelect, non-collapsible groups). When true, this group's options are\n   * wrapped in their own listbox so JAWS counts them natively per group. Set by\n   * the parent (SearchableListBase.isPerGroupListbox) only when the whole list is\n   * grouped; the outer #udex-list drops its listbox role in that case.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _groupAsListbox: boolean = false;\n\n  /**\n   * Slot for group header list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: UDExListItemBase, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  handleSelectionGroupState() {\n    const isAnyEnabledOption = this.isAnyEnabledOption();\n\n    if (!isAnyEnabledOption) {\n      return;\n    }\n\n    const isAllSelectedGroupState = this.isAllSelected();\n    const isIndeterminateGroupState = this.indeterminate;\n\n    if (isAllSelectedGroupState) {\n      this.processGroupDeselectAll();\n    } else if (isIndeterminateGroupState) {\n      this.toggleIndeterminateGroupState();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupDeselectAll() {\n    const isAnySelectedOptionDisabled = this.isAnySelectedOptionDisabled();\n\n    this.setAllItems(false);\n\n    if (isAnySelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.deactivateHeader();\n    }\n  }\n\n  toggleIndeterminateGroupState() {\n    const isEachEnabledOptionSelected = this.isEachEnabledOptionSelected();\n\n    if (isEachEnabledOptionSelected) {\n      this.processGroupDeselectAll();\n    } else {\n      this.processGroupSelectAll();\n    }\n  }\n\n  processGroupSelectAll() {\n    const isAnyNotSelectedOptionDisabled = this.isAnyNotSelectedOptionDisabled();\n\n    this.setAllItems(true);\n\n    if (isAnyNotSelectedOptionDisabled) {\n      this.activateHeaderIndeterminate();\n    } else {\n      this.activateHeader();\n    }\n  }\n\n  handleHeaderState() {\n    const isAllSelected = this.isAllSelected();\n    const isAllDeselected = this.isAllDeselected();\n\n    if (isAllDeselected) {\n      this.deactivateHeader();\n      return;\n    }\n\n    if (isAllSelected) {\n      this.activateHeader();\n      return;\n    }\n\n    this.activateHeaderIndeterminate();\n  }\n\n  activateHeaderIndeterminate() {\n    this.selected = true;\n    this.indeterminate = true;\n  }\n\n  activateHeader() {\n    this.indeterminate = false;\n    this.selected = true;\n  }\n\n  deactivateHeader() {\n    this.selected = false;\n    this.indeterminate = false;\n  }\n\n  setAllItems(value: boolean) {\n    this.getItems().forEach(item => {\n      if (!item.disabled) {\n        item.selected = value;\n      }\n    });\n  }\n\n  isAllSelected(): boolean {\n    return this.getItems().every(({ selected }) => selected);\n  }\n\n  isAllDeselected(): boolean {\n    return this.getItems().every(({ selected }) => !selected);\n  }\n\n  isEachEnabledOptionSelected(): boolean {\n    return this.getItems().every(item => item.disabled || item.selected);\n  }\n\n  isAnyNotSelectedOptionDisabled(): boolean {\n    return this.getItems().some(item => !item.selected && item.disabled);\n  }\n\n  isAnySelected(): boolean {\n    return this.getItems().some(item => item.selected);\n  }\n\n  isAnySelectedOptionDisabled(): boolean {\n    return this.getItems().some(({ disabled, selected }) => disabled && selected);\n  }\n\n  isAnyEnabledOption(): boolean {\n    return this.getItems().some(({ disabled }) => !disabled);\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  get isGroup(): boolean {\n    return true;\n  }\n\n  get isSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isFilterMenuSelectAllHeader(): boolean {\n    return false;\n  }\n\n  get isNonActiveHeader(): boolean {\n    return this.nonInteractive || this.modeRadioGroup;\n  }\n\n  /**\n   * Decides which collapsible-header partial to render.\n   * Uses the udex-list-item-based partial for MultiSelect/RadioGroup only.\n   * SingleSelect collapsible headers use the plain div partial — the list-item\n   * partial fires its own Enter/Space/click selection handlers that must not run.\n   */\n  get useListItemHeader(): boolean {\n    return this.modeMultiSelectOrRadioGroup;\n  }\n\n  get isTreeAccessibleRole(): boolean {\n    return this._treeMode;\n  }\n\n  // FilterMenu real-focus SingleSelect non-collapsible group: its options are\n  // rendered inside their own role=\"listbox\" so JAWS counts them natively per\n  // group (\"1 of 4\"). JAWS ignores role=\"group\" boundaries and author\n  // aria-posinset within a single listbox, but counts reliably within a flat\n  // listbox. Excludes SelectBox (_useHostAriaRole) and tree mode.\n  get isPerGroupListbox(): boolean {\n    return this._groupAsListbox && !this._useHostAriaRole && !this._treeMode;\n  }\n\n  get singleCollapsibleHeaderRole(): string {\n    // In aria-activedescendant mode (SelectBox/CountrySelector) the HOST element\n    // carries the treeitem role + state (set via SearchableListBaseTemplate's\n    // hostAriaAttrs). The inner focusable div must then be presentational, otherwise\n    // it is a second treeitem nested inside the host treeitem with no owning\n    // tree/group — the \"role not inside the required context\" axe/SiteImprove error.\n    // Mirrors UDExListItem.roleItem, which is presentational under _useHostAriaRole.\n    if (this._useHostAriaRole) {\n      return \"presentation\";\n    }\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  // Pins the collapsible header's accessible name to its heading (+ supporting text)\n  // so the decorative expand/collapse chevron button — a child of the header — does\n  // not fold its \"Expand\"/\"Collapse\" label into the header's name. The chevron is a\n  // mouse affordance only (tabindex=-1); its state is already conveyed by\n  // aria-expanded, so excluding its name avoids announcing \"Collapse\" alongside the\n  // spoken \"expanded\"/\"collapsed\" state.\n  get collapsibleHeaderLabelledBy(): string {\n    return this.supportingText ? \"group-heading group-supporting-text\" : \"group-heading\";\n  }\n\n  get collapsibleHeaderAccessibleRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\n  }\n\n  get groupWrapperRole(): string {\n    if (this._useHostAriaRole) {\n      return \"presentation\";\n    }\n    // Tree mode keeps the treeitem/group nesting; per-group-listbox mode moves the\n    // single labelled role=\"listbox\" onto the inner options wrapper — the outer div\n    // is transparent so screen readers don't announce a redundant \"group\" around it.\n    if (this._treeMode || this.isPerGroupListbox) {\n      return \"none\";\n    }\n    return \"group\";\n  }\n\n  get contentRegionRole(): string {\n    return this._treeMode ? \"group\" : \"region\";\n  }\n\n  get nonCollapsibleContainerRole(): string {\n    // The single role=\"group\" for non-collapsible headers lives on the outer\n    // div.udex-list__group wrapper (groupWrapperRole = \"group\" in non-tree mode,\n    // labelled by aria-labelledby=\"group-heading\"). This container div must be\n    // transparent so that extra \"group group\" announcements are avoided.\n    return \"none\";\n  }\n\n  get nonCollapsibleHeaderAccessibleRole(): string | undefined {\n    return this._treeMode ? \"treeitem\" : undefined;\n  }\n\n  get className(): string {\n    const controlledClassName = this.controlled ? `${listGroupHeaderClass}_controlled` : \"\";\n    return `${listGroupHeaderClass} ${this._additionalClassName} ${controlledClassName} ${listGroupHeaderClass}-wrap`;\n  }\n\n  get listItem(): UDExListItemBase {\n    return this.shadowRoot!.querySelector<UDExListItemBase>(\"[udex-list-item]\")!;\n  }\n}\n\nexport default UDExListGroupHeaderBase;\n"]}

package/dist/ListGroupHeaderTemplate.js

@@ -20,7 +20,21 @@ function SingleGroupHeaderCollapsible() {
     // (aria-activedescendant, _useHostAriaRole) and non-tree modes, which keep the flat
     // structure with the content region emitted as a sibling by the template body.
     const nested = this.isTreeAccessibleRole && !this._useHostAriaRole;
-    return (_jsx("div", { class: `udex-list__group-content ${nested ? "udex-list__group-content--nested " : ""}udex-list__group-header-wrap ${this.sizeClass}`, part: "group-item", id: `${this._id}_group-content__focusable`, role: this.singleCollapsibleHeaderRole, tabIndex: 0, onKeyDown: this.handleKeyDown, "aria-expanded": this.expanded, "aria-controls": this.ariaControlsId, "aria-labelledby": this.collapsibleHeaderLabelledBy, "_tab-index": Number(this._effectiveTabIndex), children: nested ? (_jsxs(_Fragment, { children: [_jsx("div", { class: "udex-list__group-header-row", children: SingleCollapsibleHeaderRow.call(this) }), _jsx("div", { id: this.ariaControlsId, role: this.contentRegionRole, class: "udex-list__group-list__content", children: _jsx("slot", {}) })] })) : (SingleCollapsibleHeaderRow.call(this)) }));
+    // In aria-activedescendant mode (SelectBox) the HOST element is the treeitem and
+    // already carries aria-expanded + the accessible name. This inner div must then be
+    // presentational (singleCollapsibleHeaderRole) and must NOT duplicate those states,
+    // otherwise it is a second treeitem nested inside the host treeitem with no owning
+    // tree/group (axe/SiteImprove aria-required-parent). It stays focusable, though:
+    // clicking the collapsible-header body relies on it receiving DOM focus to redirect
+    // focus back to the combobox input — the same focusable, role="presentation" shape
+    // the list-item [part=item] divs already use. The real-focus (FilterMenu) path keeps
+    // the treeitem semantics plus controls/labelling on this div.
+    const headerAriaAttrs = this._useHostAriaRole ? {} : {
+        "aria-expanded": this.expanded,
+        "aria-controls": this.ariaControlsId,
+        "aria-labelledby": this.collapsibleHeaderLabelledBy,
+    };
+    return (_jsx("div", { class: `udex-list__group-content ${nested ? "udex-list__group-content--nested " : ""}udex-list__group-header-wrap ${this.sizeClass}`, part: "group-item", id: `${this._id}_group-content__focusable`, role: this.singleCollapsibleHeaderRole, tabIndex: 0, onKeyDown: this.handleKeyDown, ...headerAriaAttrs, "_tab-index": Number(this._effectiveTabIndex), children: nested ? (_jsxs(_Fragment, { children: [_jsx("div", { class: "udex-list__group-header-row", children: SingleCollapsibleHeaderRow.call(this) }), _jsx("div", { id: this.ariaControlsId, role: this.contentRegionRole, class: "udex-list__group-list__content", children: _jsx("slot", {}) })] })) : (SingleCollapsibleHeaderRow.call(this)) }));
 }
 function MultiOrRadioGroupHeader() {
     if (this.isNonActiveHeader) {

package/dist/ListGroupHeaderTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeaderTemplate.js","sourceRoot":"","sources":["../src/ListGroupHeaderTemplate.tsx"],"names":[],"mappings":";AAEA,OAAO,YAAY,MAAM,eAAe,CAAC;AACzC,OAAO,UAAU,MAAM,aAAa,CAAC;AACrC,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,gBAAgB,MAAM,yBAAyB,CAAC;AACvD,OAAO,cAAc,MAAM,mDAAmD,CAAC;AAE/E,SAAS,iBAAiB;IACxB,OAAO,CACL,eAAK,KAAK,EAAE,yDAAyD,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,EAAC,YAAY,aACrG,IAAI,CAAC,UAAU,IAAI,gBAAM,KAAK,EAAC,mBAAmB,aAAE,IAAI,CAAC,YAAY,SAAS,EAC9E,IAAI,CAAC,UAAU,IAAI,eAAM,KAAK,EAAC,mBAAmB,uBAAgB,EAClE,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,IAAI,IACH,KAAK,EAAC,iBAAiB,qBACP,cAAc,iBAClB,MAAM,EAClB,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,IAAI,CAAC,KAAK,GAChB,CACH,EACD,eAAK,KAAK,EAAC,mBAAmB,aAC5B,eACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,yBAAyB,KAC1B,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAa,GACpC,EACN,IAAI,CAAC,cAAc,IAAI,CACtB,eAAM,KAAK,EAAE,8BAA8B,IAAI,CAAC,SAAS,EAAE,YAAG,IAAI,CAAC,cAAc,GAAQ,CAC1F,IACG,IACF,CACP,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,8DAA8D;AAC9D,SAAS,0BAA0B;IACjC,OAAO,CACL,8BACG,IAAI,CAAC,UAAU,IAAI,gBAAM,KAAK,EAAC,mBAAmB,aAAE,IAAI,CAAC,YAAY,SAAS,EAC9E,IAAI,CAAC,UAAU,IAAI,eAAM,KAAK,EAAC,mBAAmB,uBAAgB,EAClE,IAAI,CAAC,QAAQ,IAAI,CAChB,KAAC,IAAI,IACH,IAAI,EAAE,IAAI,CAAC,KAAK,EAChB,KAAK,EAAC,iBAAiB,qBACP,cAAc,iBAClB,MAAM,EAClB,IAAI,EAAC,MAAM,GACX,CACH,EACD,eAAK,KAAK,EAAC,mBAAmB,aAC5B,eACE,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,yBAAyB,KAC1B,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAa,GACpC,EACN,IAAI,CAAC,cAAc,IAAI,CACtB,eAAM,EAAE,EAAC,uBAAuB,EAAC,KAAK,EAAE,8BAA8B,IAAI,CAAC,SAAS,EAAE,YAAG,IAAI,CAAC,cAAc,GAAQ,CACrH,IACG,EACN,cAAK,KAAK,EAAC,wCAAwC,YACjD,KAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,UAAU,EACjB,KAAK,EAAC,gCAAgC,EACtC,OAAO,EAAE,IAAI,CAAC,uBAAmD,EACjE,WAAW,EAAE,IAAI,CAAC,2BAA2B,EAC7C,QAAQ,EAAE,CAAC,CAAC,qBACK,IAAI,CAAC,0BAA0B,EAChD,IAAI,EAAE,cAAc,KACf,EAAE,MAAM,EAAE,aAAa,EAAa,GACzC,GACE,IACL,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,4BAA4B;IACnC,gFAAgF;IAChF,gFAAgF;IAChF,iFAAiF;IACjF,oFAAoF;IACpF,+EAA+E;IAC/E,MAAM,MAAM,GAAG,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC;IACnE,OAAO,CACL,cACE,KAAK,EAAE,4BAA4B,MAAM,CAAC,CAAC,CAAC,mCAAmC,CAAC,CAAC,CAAC,EAAE,gCAAgC,IAAI,CAAC,SAAS,EAAE,EACpI,IAAI,EAAC,YAAY,EACjB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,2BAA2B,EAC1C,IAAI,EAAE,IAAI,CAAC,2BAAuC,EAClD,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,IAAI,CAAC,aAAa,mBACd,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,cAAc,qBACjB,IAAI,CAAC,2BAA2B,gBACrC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAC1C,MAAM,CAAC,CAAC,CAAC,CACR,8BACE,cAAK,KAAK,EAAC,6BAA6B,YACrC,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,GAClC,EACN,cAAK,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,iBAA6B,EAAE,KAAK,EAAC,gCAAgC,YAC5G,gBAAa,GACT,IACL,CACJ,CAAC,CAAC,CAAC,CACF,0BAA0B,CAAC,IAAI,CAAC,IAAI,CAAC,CACtC,GACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,uBAAuB;IAC9B,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,OAAO,CACL,iBAAQ,EAAE,EAAC,eAAe,EAAC,KAAK,EAAC,yDAAyD,YACxF,eAAK,KAAK,EAAC,oCAAoC,aAC7C,eAAM,KAAK,EAAC,yBAAyB,KAAM,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAa,GAAS,EACvF,IAAI,CAAC,cAAc,IAAI,CACtB,eAAM,KAAK,EAAC,4BAA4B,YAAE,IAAI,CAAC,cAAc,GAAQ,CACtE,IACG,GACC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAClC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,cAAc,EAAE,IAAI,CAAC,cAAc,qBAClB,IAAI,CAAC,kCAAkC,4BAChC,IAAI,CAAC,oBAAoB,gBACrC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,sBACzB,IAAI,CAAC,aAAa,oBACpB,IAAI,CAAC,YAAY,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,CAAC;AACJ,CAAC;AAED,SAAS,kCAAkC;IACzC,IAAI,IAAI,CAAC,iBAAiB,EAAE,CAAC;QAC3B,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,EAAE,EAAC,eAAe,EAClB,KAAK,EAAC,yDAAyD,EAC/D,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,mBAC1B,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,cAAc,aAClC,eAAK,KAAK,EAAC,oCAAoC,aAC7C,eAAM,KAAK,EAAC,yBAAyB,KAAM,EAAE,SAAS,EAAE,IAAI,CAAC,KAAK,EAAa,GAAS,EACvF,IAAI,CAAC,cAAc,IAAI,CACtB,eAAM,KAAK,EAAC,4BAA4B,YAAE,IAAI,CAAC,cAAc,GAAQ,CACtE,IACG,EACN,cAAK,KAAK,EAAC,wCAAwC,YACjD,KAAC,UAAU,IACT,KAAK,EAAC,gCAAgC,EACtC,IAAI,EAAE,cAAc,CAAC,KAAK,EAC1B,MAAM,EAAE,gBAAgB,CAAC,QAAQ,EACjC,QAAQ,EAAE,CAAC,CAAC,EACZ,IAAI,EAAE,cAAc,EACpB,OAAO,EAAE,IAAI,CAAC,uBAAwC,qBACrC,IAAI,CAAC,0BAA0B,KAC3C,EAAE,MAAM,EAAE,aAAa,EAAa,GACzC,GACE,IACC,CACV,CAAC;IACJ,CAAC;IACD,OAAO,CACL,KAAC,YAAY,IACX,EAAE,EAAC,eAAe,EAClB,IAAI,EAAC,YAAY,EACjB,IAAI,EAAC,MAAM,mBACI,IAAI,CAAC,QAAQ,mBACb,IAAI,CAAC,cAAc,EAClC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,aAAa,EAAE,IAAI,CAAC,aAAa,EACjC,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAE,IAAI,CAAC,SAAS,EACzB,KAAK,EAAE,IAAI,CAAC,SAAS,EACrB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,UAAU,EAAE,IAAI,CAAC,UAAU,EAC3B,OAAO,EAAE,IAAI,CAAC,iBAAiB,EAC/B,SAAS,EAAE,IAAI,CAAC,kBAAkB,EAClC,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,cAAc,EAAE,IAAI,CAAC,cAAc,qBAClB,IAAI,CAAC,+BAA+B,EACrD,oBAAoB,EAAE,IAAI,CAAC,uBAAwC,4BAC3C,IAAI,CAAC,oBAAoB,gBACrC,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,sBACzB,IAAI,CAAC,aAAa,oBACpB,IAAI,CAAC,YAAY,EACjC,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,SAAS,EAAE,IAAI,CAAC,SAAS,GACzB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,uBAAuB;IAC7C,4EAA4E;IAC5E,+EAA+E;IAC/E,2DAA2D;IAC3D,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC;IAC1G,OAAO,CACL,cACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,IAAI,CAAC,gBAA4B,qBACtB,CAAC,CAAC,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,YACrG,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAClB,eACE,KAAK,EAAC,uBAAuB,sBACX,IAAI,CAAC,wBAAwB,KAC1C,EAAE,IAAI,EAAE,OAAO,EAAa,aAChC,IAAI,CAAC,iBAAiB;oBACrB,CAAC,CAAC,kCAAkC,CAAC,IAAI,CAAC,IAAI,CAAC;oBAC/C,CAAC,CAAC,4BAA4B,CAAC,IAAI,CAAC,IAAI,CAAC,EAE1C,CAAC,kBAAkB,IAAI,CACtB,cAAK,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,iBAA6B,EAAE,KAAK,EAAC,gCAAgC,YAC3G,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAC3B,gBAAa,CACd,CAAC,CAAC,CAAC,CACF,cAAK,IAAI,EAAC,SAAS,gBAAY,OAAO,YACpC,gBAAa,GACT,CACP,GACG,CACP,IACG,CACP,CAAC,CAAC,CAAC,CACF,eACE,IAAI,EAAE,IAAI,CAAC,2BAAuC,EAClD,KAAK,EAAC,uBAAuB,sBACX,IAAI,CAAC,wBAAwB,KAC1C,EAAE,IAAI,EAAE,OAAO,EAAa,aAChC,IAAI,CAAC,2BAA2B;oBAC/B,CAAC,CAAC,uBAAuB,CAAC,IAAI,CAAC,IAAI,CAAC;oBACpC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,EAE/B,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAC3B,cAAK,IAAI,EAAC,OAAO,YACf,gBAAa,GACT,CACP,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;gBAC3B,2EAA2E;gBAC3E,uEAAuE;gBACvE,0EAA0E;gBAC1E,cAAK,IAAI,EAAC,SAAS,qBAAiB,eAAe,YACjD,gBAAa,GACT,CACP,CAAC,CAAC,CAAC,CACF,gBAAa,CACd,IACG,CACP,GACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n\nfunction SingleGroupHeader(this: UDExListGroupHeader) {\n  return (\n    <div class={`udex-list__group-content udex-list__group-header-wrap ${this.sizeClass}`} part=\"group-item\">\n      {this.typeNumber && <span class=\"udex-list__number\">{this.numberOfItem}.</span>}\n      {this.typeCircle && <span class=\"udex-list__circle\">&#x2022;</span>}\n      {this.typeIcon && (\n        <Icon\n          class=\"udex-list__icon\"\n          accessible-role=\"presentation\"\n          aria-hidden=\"true\"\n          part=\"icon\"\n          name={this._icon}\n        />\n      )}\n      <div class=\"udex-list__header\">\n        <span\n          id=\"group-heading\"\n          class=\"udex-list__header-title\"\n          {...({ innerHTML: this.label } as object)}>\n        </span>\n        {this.supportingText && (\n          <span class={`udex-list__supporting-text ${this.sizeClass}`}>{this.supportingText}</span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// The visible header row of the single-select collapsible group: number/icon,\n// heading + supporting text, and the expand/collapse chevron.\nfunction SingleCollapsibleHeaderRow(this: UDExListGroupHeader) {\n  return (\n    <>\n      {this.typeNumber && <span class=\"udex-list__number\">{this.numberOfItem}.</span>}\n      {this.typeCircle && <span class=\"udex-list__circle\">&#x2022;</span>}\n      {this.typeIcon && (\n        <Icon\n          name={this._icon}\n          class=\"udex-list__icon\"\n          accessible-role=\"presentation\"\n          aria-hidden=\"true\"\n          part=\"icon\"\n        />\n      )}\n      <div class=\"udex-list__header\">\n        <span\n          id=\"group-heading\"\n          class=\"udex-list__header-title\"\n          {...({ innerHTML: this.label } as object)}>\n        </span>\n        {this.supportingText && (\n          <span id=\"group-supporting-text\" class={`udex-list__supporting-text ${this.sizeClass}`}>{this.supportingText}</span>\n        )}\n      </div>\n      <div class=\"udex-list__group-heading__icon-wrapper\">\n        <UDExButton\n          size=\"Small\"\n          design=\"Tertiary\"\n          class=\"udex-list__group-heading__icon\"\n          onClick={this.handleCollapseIconClick as unknown as EventListener}\n          onMouseDown={this.handleCollapseIconMouseDown}\n          tabindex={-1}\n          accessible-name={this.expandButtonAccessibleName}\n          icon={slimArrowRight}\n          {...({ \"mode\": \"Interactive\" } as object)}\n        />\n      </div>\n    </>\n  );\n}\n\nfunction SingleGroupHeaderCollapsible(this: UDExListGroupHeader) {\n  // Conformant WAI-ARIA tree (FilterMenu real focus): nest the child role=\"group\"\n  // INSIDE this treeitem so screen readers count children per group natively — no\n  // explicit aria-posinset/aria-setsize (which JAWS distrusts). Excludes SelectBox\n  // (aria-activedescendant, _useHostAriaRole) and non-tree modes, which keep the flat\n  // structure with the content region emitted as a sibling by the template body.\n  const nested = this.isTreeAccessibleRole && !this._useHostAriaRole;\n  return (\n    <div\n      class={`udex-list__group-content ${nested ? \"udex-list__group-content--nested \" : \"\"}udex-list__group-header-wrap ${this.sizeClass}`}\n      part=\"group-item\"\n      id={`${this._id}_group-content__focusable`}\n      role={this.singleCollapsibleHeaderRole as AriaRole}\n      tabIndex={0}\n      onKeyDown={this.handleKeyDown}\n      aria-expanded={this.expanded}\n      aria-controls={this.ariaControlsId}\n      aria-labelledby={this.collapsibleHeaderLabelledBy}\n      _tab-index={Number(this._effectiveTabIndex)}>\n      {nested ? (\n        <>\n          <div class=\"udex-list__group-header-row\">\n            {SingleCollapsibleHeaderRow.call(this)}\n          </div>\n          <div id={this.ariaControlsId} role={this.contentRegionRole as AriaRole} class=\"udex-list__group-list__content\">\n            <slot></slot>\n          </div>\n        </>\n      ) : (\n        SingleCollapsibleHeaderRow.call(this)\n      )}\n    </div>\n  );\n}\n\nfunction MultiOrRadioGroupHeader(this: UDExListGroupHeader) {\n  if (this.isNonActiveHeader) {\n    return (\n      <header id=\"group-heading\" class=\"udex-list__inactive-header udex-list__group-header-wrap\">\n        <div class=\"udex-list__inactive-header-content\">\n          <span class=\"udex-list__header-title\" {...({ innerHTML: this.label } as object)}></span>\n          {this.supportingText && (\n            <span class=\"udex-list__supporting-text\">{this.supportingText}</span>\n          )}\n        </div>\n      </header>\n    );\n  }\n  return (\n    <UDExListItem\n      id=\"group-heading\"\n      part=\"group-item\"\n      role=\"none\"\n      selected={this.selected}\n      indeterminate={this.indeterminate}\n      class={this.className}\n      mode={this.mode}\n      controlled={this.controlled}\n      onClick={this.handleHeaderPress}\n      onKeyDown={this.handleKeyDownPress}\n      type={this.type}\n      label={this.label}\n      size={this.size}\n      supportingText={this.supportingText}\n      accessible-role={this.nonCollapsibleHeaderAccessibleRole}\n      _additional-class-name={this._additionalClassName}\n      _tab-index={Number(this._effectiveTabIndex)}\n      _aria-pos-in-set={this._ariaPosInSet}\n      _aria-set-size={this._ariaSetSize}\n      _icon={this._icon}\n      _filtered={this._filtered}\n    />\n  );\n}\n\nfunction MultiOrRadioGroupHeaderCollapsible(this: UDExListGroupHeader) {\n  if (this.isNonActiveHeader) {\n    return (\n      <header\n        role=\"button\"\n        id=\"group-heading\"\n        class=\"udex-list__inactive-header udex-list__group-header-wrap\"\n        tabIndex={Number(this._effectiveTabIndex)}\n        aria-expanded={this.expanded}\n        aria-controls={this.ariaControlsId}>\n        <div class=\"udex-list__inactive-header-content\">\n          <span class=\"udex-list__header-title\" {...({ innerHTML: this.label } as object)}></span>\n          {this.supportingText && (\n            <span class=\"udex-list__supporting-text\">{this.supportingText}</span>\n          )}\n        </div>\n        <div class=\"udex-list__group-heading__icon-wrapper\">\n          <UDExButton\n            class=\"udex-list__group-heading__icon\"\n            size={UDExButtonSize.Small}\n            design={UDExButtonDesign.Tertiary}\n            tabindex={-1}\n            icon={slimArrowRight}\n            onClick={this.handleCollapseIconClick as EventListener}\n            accessible-name={this.expandButtonAccessibleName}\n            {...({ \"mode\": \"Interactive\" } as object)}\n          />\n        </div>\n      </header>\n    );\n  }\n  return (\n    <UDExListItem\n      id=\"group-heading\"\n      part=\"group-item\"\n      role=\"none\"\n      aria-expanded={this.expanded}\n      aria-controls={this.ariaControlsId}\n      selected={this.selected}\n      indeterminate={this.indeterminate}\n      collapsible={this.collapsible}\n      collapsed={this.collapsed}\n      class={this.className}\n      mode={this.mode}\n      controlled={this.controlled}\n      onClick={this.handleHeaderPress}\n      onKeyDown={this.handleKeyDownPress}\n      type={this.type}\n      label={this.label}\n      size={this.size}\n      supportingText={this.supportingText}\n      accessible-role={this.collapsibleHeaderAccessibleRole}\n      onAccordionIconClick={this.handleCollapseIconClick as EventListener}\n      _additional-class-name={this._additionalClassName}\n      _tab-index={Number(this._effectiveTabIndex)}\n      _aria-pos-in-set={this._ariaPosInSet}\n      _aria-set-size={this._ariaSetSize}\n      _icon={this._icon}\n      _filtered={this._filtered}\n    />\n  );\n}\n\nexport default function ListGroupHeaderTemplate(this: UDExListGroupHeader) {\n  // Single-select real-focus tree: SingleGroupHeaderCollapsible now emits the\n  // role=\"group\" content region as a CHILD of the treeitem (conformant nesting),\n  // so the template body must not also emit it as a sibling.\n  const singleSelectNested = this.isTreeAccessibleRole && !this.useListItemHeader && !this._useHostAriaRole;\n  return (\n    <div\n      part=\"item\"\n      class=\"udex-list__group\"\n      role={this.groupWrapperRole as AriaRole}\n      aria-labelledby={(!this.isTreeAccessibleRole && !this.isPerGroupListbox) ? \"group-heading\" : undefined}>\n      {this.collapsible ? (\n        <div\n          class=\"udex-list__group-list\"\n          onui5-item-press={this.getHandleGroupItemsClick}\n          {...({ name: \"group\" } as object)}>\n          {this.useListItemHeader\n            ? MultiOrRadioGroupHeaderCollapsible.call(this)\n            : SingleGroupHeaderCollapsible.call(this)\n          }\n          {!singleSelectNested && (\n            <div id={this.ariaControlsId} role={this.contentRegionRole as AriaRole} class=\"udex-list__group-list__content\">\n              {this.isTreeAccessibleRole ? (\n                <slot></slot>\n              ) : (\n                <div role=\"listbox\" aria-label=\"group\">\n                  <slot></slot>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      ) : (\n        <div\n          role={this.nonCollapsibleContainerRole as AriaRole}\n          class=\"udex-list__group-list\"\n          onui5-item-press={this.getHandleGroupItemsClick}\n          {...({ name: \"group\" } as object)}>\n          {this.modeMultiSelectOrRadioGroup\n            ? MultiOrRadioGroupHeader.call(this)\n            : SingleGroupHeader.call(this)\n          }\n          {this.isTreeAccessibleRole ? (\n            <div role=\"group\">\n              <slot></slot>\n            </div>\n          ) : this.isPerGroupListbox ? (\n            // Each group is its own labelled listbox: JAWS counts the options natively\n            // per group (\"Python, 1 of 4\"). The outer #udex-list is presentational\n            // (SearchableListBase.isPerGroupListbox) so this is not a nested listbox.\n            <div role=\"listbox\" aria-labelledby=\"group-heading\">\n              <slot></slot>\n            </div>\n          ) : (\n            <slot></slot>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"ListGroupHeaderTemplate.js","sourceRoot":"","sources":["../src/ListGroupHeaderTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaRole } from \"@ui5/webcomponents-base/dist/types.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport UDExListItem from \"./ListItem.js\";\nimport UDExButton from \"./Button.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UDExButtonSize from \"./types/ButtonSize.js\";\nimport UDExButtonDesign from \"./types/ButtonDesign.js\";\nimport slimArrowRight from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\n\nfunction SingleGroupHeader(this: UDExListGroupHeader) {\n  return (\n    <div class={`udex-list__group-content udex-list__group-header-wrap ${this.sizeClass}`} part=\"group-item\">\n      {this.typeNumber && <span class=\"udex-list__number\">{this.numberOfItem}.</span>}\n      {this.typeCircle && <span class=\"udex-list__circle\">&#x2022;</span>}\n      {this.typeIcon && (\n        <Icon\n          class=\"udex-list__icon\"\n          accessible-role=\"presentation\"\n          aria-hidden=\"true\"\n          part=\"icon\"\n          name={this._icon}\n        />\n      )}\n      <div class=\"udex-list__header\">\n        <span\n          id=\"group-heading\"\n          class=\"udex-list__header-title\"\n          {...({ innerHTML: this.label } as object)}>\n        </span>\n        {this.supportingText && (\n          <span class={`udex-list__supporting-text ${this.sizeClass}`}>{this.supportingText}</span>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// The visible header row of the single-select collapsible group: number/icon,\n// heading + supporting text, and the expand/collapse chevron.\nfunction SingleCollapsibleHeaderRow(this: UDExListGroupHeader) {\n  return (\n    <>\n      {this.typeNumber && <span class=\"udex-list__number\">{this.numberOfItem}.</span>}\n      {this.typeCircle && <span class=\"udex-list__circle\">&#x2022;</span>}\n      {this.typeIcon && (\n        <Icon\n          name={this._icon}\n          class=\"udex-list__icon\"\n          accessible-role=\"presentation\"\n          aria-hidden=\"true\"\n          part=\"icon\"\n        />\n      )}\n      <div class=\"udex-list__header\">\n        <span\n          id=\"group-heading\"\n          class=\"udex-list__header-title\"\n          {...({ innerHTML: this.label } as object)}>\n        </span>\n        {this.supportingText && (\n          <span id=\"group-supporting-text\" class={`udex-list__supporting-text ${this.sizeClass}`}>{this.supportingText}</span>\n        )}\n      </div>\n      <div class=\"udex-list__group-heading__icon-wrapper\">\n        <UDExButton\n          size=\"Small\"\n          design=\"Tertiary\"\n          class=\"udex-list__group-heading__icon\"\n          onClick={this.handleCollapseIconClick as unknown as EventListener}\n          onMouseDown={this.handleCollapseIconMouseDown}\n          tabindex={-1}\n          accessible-name={this.expandButtonAccessibleName}\n          icon={slimArrowRight}\n          {...({ \"mode\": \"Interactive\" } as object)}\n        />\n      </div>\n    </>\n  );\n}\n\nfunction SingleGroupHeaderCollapsible(this: UDExListGroupHeader) {\n  // Conformant WAI-ARIA tree (FilterMenu real focus): nest the child role=\"group\"\n  // INSIDE this treeitem so screen readers count children per group natively — no\n  // explicit aria-posinset/aria-setsize (which JAWS distrusts). Excludes SelectBox\n  // (aria-activedescendant, _useHostAriaRole) and non-tree modes, which keep the flat\n  // structure with the content region emitted as a sibling by the template body.\n  const nested = this.isTreeAccessibleRole && !this._useHostAriaRole;\n  // In aria-activedescendant mode (SelectBox) the HOST element is the treeitem and\n  // already carries aria-expanded + the accessible name. This inner div must then be\n  // presentational (singleCollapsibleHeaderRole) and must NOT duplicate those states,\n  // otherwise it is a second treeitem nested inside the host treeitem with no owning\n  // tree/group (axe/SiteImprove aria-required-parent). It stays focusable, though:\n  // clicking the collapsible-header body relies on it receiving DOM focus to redirect\n  // focus back to the combobox input — the same focusable, role=\"presentation\" shape\n  // the list-item [part=item] divs already use. The real-focus (FilterMenu) path keeps\n  // the treeitem semantics plus controls/labelling on this div.\n  const headerAriaAttrs = this._useHostAriaRole ? {} : {\n    \"aria-expanded\": this.expanded,\n    \"aria-controls\": this.ariaControlsId,\n    \"aria-labelledby\": this.collapsibleHeaderLabelledBy,\n  };\n  return (\n    <div\n      class={`udex-list__group-content ${nested ? \"udex-list__group-content--nested \" : \"\"}udex-list__group-header-wrap ${this.sizeClass}`}\n      part=\"group-item\"\n      id={`${this._id}_group-content__focusable`}\n      role={this.singleCollapsibleHeaderRole as AriaRole}\n      tabIndex={0}\n      onKeyDown={this.handleKeyDown}\n      {...headerAriaAttrs}\n      _tab-index={Number(this._effectiveTabIndex)}>\n      {nested ? (\n        <>\n          <div class=\"udex-list__group-header-row\">\n            {SingleCollapsibleHeaderRow.call(this)}\n          </div>\n          <div id={this.ariaControlsId} role={this.contentRegionRole as AriaRole} class=\"udex-list__group-list__content\">\n            <slot></slot>\n          </div>\n        </>\n      ) : (\n        SingleCollapsibleHeaderRow.call(this)\n      )}\n    </div>\n  );\n}\n\nfunction MultiOrRadioGroupHeader(this: UDExListGroupHeader) {\n  if (this.isNonActiveHeader) {\n    return (\n      <header id=\"group-heading\" class=\"udex-list__inactive-header udex-list__group-header-wrap\">\n        <div class=\"udex-list__inactive-header-content\">\n          <span class=\"udex-list__header-title\" {...({ innerHTML: this.label } as object)}></span>\n          {this.supportingText && (\n            <span class=\"udex-list__supporting-text\">{this.supportingText}</span>\n          )}\n        </div>\n      </header>\n    );\n  }\n  return (\n    <UDExListItem\n      id=\"group-heading\"\n      part=\"group-item\"\n      role=\"none\"\n      selected={this.selected}\n      indeterminate={this.indeterminate}\n      class={this.className}\n      mode={this.mode}\n      controlled={this.controlled}\n      onClick={this.handleHeaderPress}\n      onKeyDown={this.handleKeyDownPress}\n      type={this.type}\n      label={this.label}\n      size={this.size}\n      supportingText={this.supportingText}\n      accessible-role={this.nonCollapsibleHeaderAccessibleRole}\n      _additional-class-name={this._additionalClassName}\n      _tab-index={Number(this._effectiveTabIndex)}\n      _aria-pos-in-set={this._ariaPosInSet}\n      _aria-set-size={this._ariaSetSize}\n      _icon={this._icon}\n      _filtered={this._filtered}\n    />\n  );\n}\n\nfunction MultiOrRadioGroupHeaderCollapsible(this: UDExListGroupHeader) {\n  if (this.isNonActiveHeader) {\n    return (\n      <header\n        role=\"button\"\n        id=\"group-heading\"\n        class=\"udex-list__inactive-header udex-list__group-header-wrap\"\n        tabIndex={Number(this._effectiveTabIndex)}\n        aria-expanded={this.expanded}\n        aria-controls={this.ariaControlsId}>\n        <div class=\"udex-list__inactive-header-content\">\n          <span class=\"udex-list__header-title\" {...({ innerHTML: this.label } as object)}></span>\n          {this.supportingText && (\n            <span class=\"udex-list__supporting-text\">{this.supportingText}</span>\n          )}\n        </div>\n        <div class=\"udex-list__group-heading__icon-wrapper\">\n          <UDExButton\n            class=\"udex-list__group-heading__icon\"\n            size={UDExButtonSize.Small}\n            design={UDExButtonDesign.Tertiary}\n            tabindex={-1}\n            icon={slimArrowRight}\n            onClick={this.handleCollapseIconClick as EventListener}\n            accessible-name={this.expandButtonAccessibleName}\n            {...({ \"mode\": \"Interactive\" } as object)}\n          />\n        </div>\n      </header>\n    );\n  }\n  return (\n    <UDExListItem\n      id=\"group-heading\"\n      part=\"group-item\"\n      role=\"none\"\n      aria-expanded={this.expanded}\n      aria-controls={this.ariaControlsId}\n      selected={this.selected}\n      indeterminate={this.indeterminate}\n      collapsible={this.collapsible}\n      collapsed={this.collapsed}\n      class={this.className}\n      mode={this.mode}\n      controlled={this.controlled}\n      onClick={this.handleHeaderPress}\n      onKeyDown={this.handleKeyDownPress}\n      type={this.type}\n      label={this.label}\n      size={this.size}\n      supportingText={this.supportingText}\n      accessible-role={this.collapsibleHeaderAccessibleRole}\n      onAccordionIconClick={this.handleCollapseIconClick as EventListener}\n      _additional-class-name={this._additionalClassName}\n      _tab-index={Number(this._effectiveTabIndex)}\n      _aria-pos-in-set={this._ariaPosInSet}\n      _aria-set-size={this._ariaSetSize}\n      _icon={this._icon}\n      _filtered={this._filtered}\n    />\n  );\n}\n\nexport default function ListGroupHeaderTemplate(this: UDExListGroupHeader) {\n  // Single-select real-focus tree: SingleGroupHeaderCollapsible now emits the\n  // role=\"group\" content region as a CHILD of the treeitem (conformant nesting),\n  // so the template body must not also emit it as a sibling.\n  const singleSelectNested = this.isTreeAccessibleRole && !this.useListItemHeader && !this._useHostAriaRole;\n  return (\n    <div\n      part=\"item\"\n      class=\"udex-list__group\"\n      role={this.groupWrapperRole as AriaRole}\n      aria-labelledby={(!this.isTreeAccessibleRole && !this.isPerGroupListbox) ? \"group-heading\" : undefined}>\n      {this.collapsible ? (\n        <div\n          class=\"udex-list__group-list\"\n          onui5-item-press={this.getHandleGroupItemsClick}\n          {...({ name: \"group\" } as object)}>\n          {this.useListItemHeader\n            ? MultiOrRadioGroupHeaderCollapsible.call(this)\n            : SingleGroupHeaderCollapsible.call(this)\n          }\n          {!singleSelectNested && (\n            <div id={this.ariaControlsId} role={this.contentRegionRole as AriaRole} class=\"udex-list__group-list__content\">\n              {this.isTreeAccessibleRole ? (\n                <slot></slot>\n              ) : (\n                <div role=\"listbox\" aria-label=\"group\">\n                  <slot></slot>\n                </div>\n              )}\n            </div>\n          )}\n        </div>\n      ) : (\n        <div\n          role={this.nonCollapsibleContainerRole as AriaRole}\n          class=\"udex-list__group-list\"\n          onui5-item-press={this.getHandleGroupItemsClick}\n          {...({ name: \"group\" } as object)}>\n          {this.modeMultiSelectOrRadioGroup\n            ? MultiOrRadioGroupHeader.call(this)\n            : SingleGroupHeader.call(this)\n          }\n          {this.isTreeAccessibleRole ? (\n            <div role=\"group\">\n              <slot></slot>\n            </div>\n          ) : this.isPerGroupListbox ? (\n            // Each group is its own labelled listbox: JAWS counts the options natively\n            // per group (\"Python, 1 of 4\"). The outer #udex-list is presentational\n            // (SearchableListBase.isPerGroupListbox) so this is not a nested listbox.\n            <div role=\"listbox\" aria-labelledby=\"group-heading\">\n              <slot></slot>\n            </div>\n          ) : (\n            <slot></slot>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/MastheadCountrySelectorTemplate.js

@@ -5,7 +5,7 @@ export default function MastheadCountrySelectorTemplate() {
     return (_jsx("div", { class: "udex-masthead-country-selector", children: this._isActiveRegionOpen ? activeRegionView.call(this) : regionsView.call(this) }));
 }
 function activeRegionView() {
-    return (_jsxs(_Fragment, { children: [_jsx("span", { class: "udex-masthead-country-selector__title", children: this.countryTitle }), !this.isSingleMode && (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-country-selector__region-back-item", "accessible-role": "button", onClick: this.backToRegions, label: this._activeRegion?.title, type: "Button", part: "menu-item", "icon-start": true, "_accessible-name": this.backToRegionListAccessibleName, "is-back": "" })), !this.hideSearch && (_jsxs(_Fragment, { children: [_jsx(UDExSearch, { class: "udex-masthead-country-selector__search", "onui5-handle-value-search": this.handleSearch, "onui5-handle-value-reset": this.handleSearchReset, "onui5-submit-search-value": this.handleSearch, "language-voice": this.languageVoice, label: this.searchLabel, mode: this.homeSearchMode, "show-voice-button": this.showSearchVoiceButton, "non-interactive-submit-button": true, "show-submit-button": true }), _jsx("span", { "aria-live": "polite", "aria-atomic": "true", class: "hidden", children: this._accSearchResultInfo })] })), _jsx("div", { class: "udex-masthead-country-selector__list-container", children: _jsx("div", { class: "udex-masthead-country-selector__list-wrap", onScroll: this.handleCountryListShadowVisible, children: _jsx("ul", { class: "udex-masthead-country-selector__list udex-masthead-country-selector__list_countries", role: "menu", children: this._activeCountries.map((country, index) => (_jsx("li", { role: "none", children: _jsx(UDExMastheadMenuItem, { class: "udex-masthead-country-selector__item udex-masthead-country-selector__item_countries", onClick: this.handleCountryClick, url: country.url, label: country.displayTitle, index: index, part: "menu-item", "_country-code": country.countryCode,
+    return (_jsxs(_Fragment, { children: [_jsx("span", { class: "udex-masthead-country-selector__title", children: this.countryTitle }), !this.isSingleMode && (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-country-selector__region-back-item", "accessible-role": "button", onClick: this.backToRegions, label: this._activeRegion?.title, type: "Button", part: "menu-item", "icon-start": true, "_accessible-name": this.backToRegionListAccessibleName, "is-back": "" })), !this.hideSearch && (_jsxs(_Fragment, { children: [_jsx(UDExSearch, { class: "udex-masthead-country-selector__search", "onui5-handle-value-search": this.handleSearch, "onui5-handle-value-reset": this.handleSearchReset, "onui5-submit-search-value": this.handleSearch, "language-voice": this.languageVoice, label: this.searchLabel, mode: this.homeSearchMode, "show-voice-button": this.showSearchVoiceButton, "non-interactive-submit-button": true, "show-submit-button": true }), _jsx("span", { "aria-live": "polite", "aria-atomic": "true", class: "hidden", children: this._accSearchResultInfo })] })), _jsx("div", { class: "udex-masthead-country-selector__list-container", children: _jsx("div", { class: "udex-masthead-country-selector__list-wrap", onScroll: this.handleCountryListShadowVisible, children: _jsx("ul", { class: "udex-masthead-country-selector__list udex-masthead-country-selector__list_countries", children: this._activeCountries.map((country, index) => (_jsx("li", { children: _jsx(UDExMastheadMenuItem, { class: "udex-masthead-country-selector__item udex-masthead-country-selector__item_countries", onClick: this.handleCountryClick, "accessible-role": "link", url: country.url, label: country.displayTitle, index: index, part: "menu-item", "_country-code": country.countryCode,
                                 "is-nav-item": "",
                                 ...(country.active ? { "_is-active-country": "" } : {}) }) }, index))) }) }) })] }));
 }

package/dist/MastheadCountrySelectorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadCountrySelectorTemplate.js","sourceRoot":"","sources":["../src/MastheadCountrySelectorTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport UDExSearch from \"./Search.js\";\n\nexport default function MastheadCountrySelectorTemplate(this: UDExMastheadCountrySelector) {\n  return (\n    <div class=\"udex-masthead-country-selector\">\n      {this._isActiveRegionOpen ? activeRegionView.call(this) : regionsView.call(this)}\n    </div>\n  );\n}\n\nfunction activeRegionView(this: UDExMastheadCountrySelector) {\n  return (\n    <>\n      <span class=\"udex-masthead-country-selector__title\">{this.countryTitle}</span>\n      {!this.isSingleMode && (\n        <UDExMastheadMenuItem\n          class=\"udex-masthead-country-selector__region-back-item\"\n          accessible-role=\"button\"\n          onClick={this.backToRegions}\n          label={this._activeRegion?.title}\n          type=\"Button\"\n          part=\"menu-item\"\n          icon-start={true}\n          {...{ \"_accessible-name\": this.backToRegionListAccessibleName, \"is-back\": \"\" }}>\n        </UDExMastheadMenuItem>\n      )}\n      {!this.hideSearch && (\n        <>\n          <UDExSearch\n            class=\"udex-masthead-country-selector__search\"\n            onui5-handle-value-search={this.handleSearch}\n            onui5-handle-value-reset={this.handleSearchReset}\n            onui5-submit-search-value={this.handleSearch}\n            language-voice={this.languageVoice}\n            label={this.searchLabel}\n            mode={this.homeSearchMode}\n            show-voice-button={this.showSearchVoiceButton}\n            non-interactive-submit-button={true}\n            show-submit-button={true}>\n          </UDExSearch>\n          <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n        </>\n      )}\n      <div class=\"udex-masthead-country-selector__list-container\">\n        <div class=\"udex-masthead-country-selector__list-wrap\" onScroll={this.handleCountryListShadowVisible}>\n          <ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\" role=\"menu\">\n            {this._activeCountries.map((country, index) => (\n              <li role=\"none\" key={index}>\n                <UDExMastheadMenuItem\n                  class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\"\n                  onClick={this.handleCountryClick as any}\n                  url={country.url}\n                  label={country.displayTitle}\n                  index={index}\n                  part=\"menu-item\"\n                  {...{\n                    \"_country-code\": country.countryCode,\n                    \"is-nav-item\": \"\",\n                    ...(country.active ? { \"_is-active-country\": \"\" } : {}),\n                  }}>\n                </UDExMastheadMenuItem>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n    </>\n  );\n}\n\nfunction regionsView(this: UDExMastheadCountrySelector) {\n  return (\n    <>\n      <span class=\"udex-masthead-country-selector__title\">{this.regionTitle}</span>\n      <ul class=\"udex-masthead-country-selector__list\">\n        {this.regionsData.map((region, index) => (\n          <li key={index}>\n            <UDExMastheadMenuItem\n              onClick={this.handleRegionClick as any}\n              index={index}\n              accessible-role=\"button\"\n              class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\"\n              aria-haspopup=\"true\"\n              type=\"Button\"\n              part=\"menu-item\"\n              has-border={true}\n              icon-end={true}\n              label={region.title}\n              {...{ \"is-nav-item\": \"\" }}>\n            </UDExMastheadMenuItem>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"MastheadCountrySelectorTemplate.js","sourceRoot":"","sources":["../src/MastheadCountrySelectorTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport UDExSearch from \"./Search.js\";\n\nexport default function MastheadCountrySelectorTemplate(this: UDExMastheadCountrySelector) {\n  return (\n    <div class=\"udex-masthead-country-selector\">\n      {this._isActiveRegionOpen ? activeRegionView.call(this) : regionsView.call(this)}\n    </div>\n  );\n}\n\nfunction activeRegionView(this: UDExMastheadCountrySelector) {\n  return (\n    <>\n      <span class=\"udex-masthead-country-selector__title\">{this.countryTitle}</span>\n      {!this.isSingleMode && (\n        <UDExMastheadMenuItem\n          class=\"udex-masthead-country-selector__region-back-item\"\n          accessible-role=\"button\"\n          onClick={this.backToRegions}\n          label={this._activeRegion?.title}\n          type=\"Button\"\n          part=\"menu-item\"\n          icon-start={true}\n          {...{ \"_accessible-name\": this.backToRegionListAccessibleName, \"is-back\": \"\" }}>\n        </UDExMastheadMenuItem>\n      )}\n      {!this.hideSearch && (\n        <>\n          <UDExSearch\n            class=\"udex-masthead-country-selector__search\"\n            onui5-handle-value-search={this.handleSearch}\n            onui5-handle-value-reset={this.handleSearchReset}\n            onui5-submit-search-value={this.handleSearch}\n            language-voice={this.languageVoice}\n            label={this.searchLabel}\n            mode={this.homeSearchMode}\n            show-voice-button={this.showSearchVoiceButton}\n            non-interactive-submit-button={true}\n            show-submit-button={true}>\n          </UDExSearch>\n          <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n        </>\n      )}\n      <div class=\"udex-masthead-country-selector__list-container\">\n        <div class=\"udex-masthead-country-selector__list-wrap\" onScroll={this.handleCountryListShadowVisible}>\n          <ul class=\"udex-masthead-country-selector__list udex-masthead-country-selector__list_countries\">\n            {this._activeCountries.map((country, index) => (\n              <li key={index}>\n                <UDExMastheadMenuItem\n                  class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_countries\"\n                  onClick={this.handleCountryClick as any}\n                  accessible-role=\"link\"\n                  url={country.url}\n                  label={country.displayTitle}\n                  index={index}\n                  part=\"menu-item\"\n                  {...{\n                    \"_country-code\": country.countryCode,\n                    \"is-nav-item\": \"\",\n                    ...(country.active ? { \"_is-active-country\": \"\" } : {}),\n                  }}>\n                </UDExMastheadMenuItem>\n              </li>\n            ))}\n          </ul>\n        </div>\n      </div>\n    </>\n  );\n}\n\nfunction regionsView(this: UDExMastheadCountrySelector) {\n  return (\n    <>\n      <span class=\"udex-masthead-country-selector__title\">{this.regionTitle}</span>\n      <ul class=\"udex-masthead-country-selector__list\">\n        {this.regionsData.map((region, index) => (\n          <li key={index}>\n            <UDExMastheadMenuItem\n              onClick={this.handleRegionClick as any}\n              index={index}\n              accessible-role=\"button\"\n              class=\"udex-masthead-country-selector__item udex-masthead-country-selector__item_region\"\n              aria-haspopup=\"true\"\n              type=\"Button\"\n              part=\"menu-item\"\n              has-border={true}\n              icon-end={true}\n              label={region.title}\n              {...{ \"is-nav-item\": \"\" }}>\n            </UDExMastheadMenuItem>\n          </li>\n        ))}\n      </ul>\n    </>\n  );\n}\n"]}

package/dist/RatingIndicatorTemplate.js

@@ -3,7 +3,7 @@ import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 export default function RatingIndicatorTemplate() {
     const rootClass = "udex-rating-indicator";
     const ui5Class = "ui5-rating-indicator";
-    return (_jsxs("div", { class: `${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`, role: this.readonly ? "img" : "slider", "aria-roledescription": this._ariaRoleDescription, "aria-valuemin": 0, "aria-valuenow": this.value, "aria-valuemax": this.max, "aria-valuetext": `${this.value} of ${this.max}`, "aria-orientation": "horizontal", "aria-disabled": this._ariaDisabled, "aria-readonly": this.ariaReadonly, "aria-description": this._ariaDescription, tabindex: this.effectiveTabIndex, onFocusIn: this._onfocusin, onFocusOut: this._onfocusout, onClick: this._onclick, onKeyDown: this._onkeydown, title: this.ratingTooltip, "aria-label": this.readonly ? this._readonlyAriaLabel : this._ariaLabel, children: [_jsx("ul", { class: `${rootClass}__list ${ui5Class}-list`, "aria-hidden": "true", children: this._stars.map(star => (_jsx("li", { "data-ui5-value": star.index, class: {
+    return (_jsxs("div", { class: `${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`, role: this.readonly ? "img" : "slider", "aria-roledescription": this._ariaRoleDescription, "aria-valuemin": 0, "aria-valuenow": this.value, "aria-valuemax": this.max, "aria-valuetext": `${this.value} of ${this.max}`, "aria-orientation": "horizontal", "aria-disabled": this._ariaDisabled, "aria-readonly": this.ariaReadonly, "aria-description": this._ariaDescription, tabindex: this.effectiveTabIndex, onFocusIn: this._onfocusin, onClick: this._onclick, onKeyDown: this._onkeydown, title: this.ratingTooltip, "aria-label": this.readonly ? this._readonlyAriaLabel : this._ariaLabel, children: [_jsx("ul", { class: `${rootClass}__list ${ui5Class}-list`, "aria-hidden": "true", children: this._stars.map(star => (_jsx("li", { "data-ui5-value": star.index, class: {
                         "udex-rating-indicator__item ui5-rating-indicator-item": true,
                         "udex-rating-indicator__item-sel ui5-rating-indicator-item-sel": star.selected,
                         "udex-rating-indicator__item-unsel ui5-rating-indicator-item-unsel": !star.selected && !star.halfStar,

package/dist/RatingIndicatorTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"RatingIndicatorTemplate.js","sourceRoot":"","sources":["../src/RatingIndicatorTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExRatingIndicator from \"./RatingIndicator.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\ntype Star = {\n  selected: boolean;\n  index: number;\n  halfStar: boolean;\n};\n\nexport default function RatingIndicatorTemplate(this: UDExRatingIndicator) {\n  const rootClass = \"udex-rating-indicator\";\n  const ui5Class = \"ui5-rating-indicator\";\n\n  return (\n    <div class={`${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`}\n      role={this.readonly ? \"img\" : \"slider\"}\n      aria-roledescription={this._ariaRoleDescription}\n      aria-valuemin={0}\n      aria-valuenow={this.value}\n      aria-valuemax={this.max}\n      aria-valuetext={`${this.value} of ${this.max}`}\n      aria-orientation=\"horizontal\"\n      aria-disabled={this._ariaDisabled}\n      aria-readonly={this.ariaReadonly}\n      aria-description={this._ariaDescription}\n      tabindex={this.effectiveTabIndex}\n      onFocusIn={this._onfocusin}\n      onFocusOut={this._onfocusout}\n      onClick={this._onclick}\n      onKeyDown={this._onkeydown}\n      title={this.ratingTooltip}\n      aria-label={this.readonly ? this._readonlyAriaLabel : this._ariaLabel}>\n      <ul class={`${rootClass}__list ${ui5Class}-list`}\n        aria-hidden=\"true\">\n        {this._stars.map(star => (\n          <li data-ui5-value={star.index}\n            class={{\n              \"udex-rating-indicator__item ui5-rating-indicator-item\": true,\n              \"udex-rating-indicator__item-sel ui5-rating-indicator-item-sel\": star.selected,\n              \"udex-rating-indicator__item-unsel ui5-rating-indicator-item-unsel\": !star.selected && !star.halfStar,\n              \"udex-rating-indicator__item-half ui5-rating-indicator-item-half udex-rating-indicator__item-unsel\": star.halfStar && !star.selected,\n            }}>\n            {starRender.call(this, star, ui5Class, rootClass)}\n          </li>\n        ))}\n      </ul>\n      {(this.hasRatingCount || this.hasTotalCount) && (\n        <div class={`${rootClass}__total`}>\n          {this.hasRatingCount && <>{this.ratingCount} </>}\n          {this.hasTotalCount && <>&#40;{this.totalCount}&#41;</>}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction starRender(this: UDExRatingIndicator, star: Star, ui5Class: string, rootClass: string) {\n  if (star.selected) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  if (star.halfStar) {\n    return (\n      <>\n        <UI5Icon data-ui5-value={star.index} name={this.readonly ? \"favorite\" : \"unfavorite\"}/>\n        <div class={`${rootClass}__half-icon-wrapper ${ui5Class}-half-icon-wrapper`}>\n          <UI5Icon data-ui5-value={star.index} name=\"favorite\" class={`${rootClass}__half-icon ${ui5Class}-half-icon`}></UI5Icon>\n        </div>\n      </>\n    );\n  }\n  if (this.readonly) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  return (\n    <UI5Icon data-ui5-value={star.index} name=\"unfavorite\"/>\n  );\n}\n"]}
+{"version":3,"file":"RatingIndicatorTemplate.js","sourceRoot":"","sources":["../src/RatingIndicatorTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExRatingIndicator from \"./RatingIndicator.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\n\ntype Star = {\n  selected: boolean;\n  index: number;\n  halfStar: boolean;\n};\n\nexport default function RatingIndicatorTemplate(this: UDExRatingIndicator) {\n  const rootClass = \"udex-rating-indicator\";\n  const ui5Class = \"ui5-rating-indicator\";\n\n  return (\n    <div class={`${rootClass} ${rootClass}--${this.display.toLowerCase()} ${ui5Class}-root`}\n      role={this.readonly ? \"img\" : \"slider\"}\n      aria-roledescription={this._ariaRoleDescription}\n      aria-valuemin={0}\n      aria-valuenow={this.value}\n      aria-valuemax={this.max}\n      aria-valuetext={`${this.value} of ${this.max}`}\n      aria-orientation=\"horizontal\"\n      aria-disabled={this._ariaDisabled}\n      aria-readonly={this.ariaReadonly}\n      aria-description={this._ariaDescription}\n      tabindex={this.effectiveTabIndex}\n      onFocusIn={this._onfocusin}\n      onClick={this._onclick}\n      onKeyDown={this._onkeydown}\n      title={this.ratingTooltip}\n      aria-label={this.readonly ? this._readonlyAriaLabel : this._ariaLabel}>\n      <ul class={`${rootClass}__list ${ui5Class}-list`}\n        aria-hidden=\"true\">\n        {this._stars.map(star => (\n          <li data-ui5-value={star.index}\n            class={{\n              \"udex-rating-indicator__item ui5-rating-indicator-item\": true,\n              \"udex-rating-indicator__item-sel ui5-rating-indicator-item-sel\": star.selected,\n              \"udex-rating-indicator__item-unsel ui5-rating-indicator-item-unsel\": !star.selected && !star.halfStar,\n              \"udex-rating-indicator__item-half ui5-rating-indicator-item-half udex-rating-indicator__item-unsel\": star.halfStar && !star.selected,\n            }}>\n            {starRender.call(this, star, ui5Class, rootClass)}\n          </li>\n        ))}\n      </ul>\n      {(this.hasRatingCount || this.hasTotalCount) && (\n        <div class={`${rootClass}__total`}>\n          {this.hasRatingCount && <>{this.ratingCount} </>}\n          {this.hasTotalCount && <>&#40;{this.totalCount}&#41;</>}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction starRender(this: UDExRatingIndicator, star: Star, ui5Class: string, rootClass: string) {\n  if (star.selected) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  if (star.halfStar) {\n    return (\n      <>\n        <UI5Icon data-ui5-value={star.index} name={this.readonly ? \"favorite\" : \"unfavorite\"}/>\n        <div class={`${rootClass}__half-icon-wrapper ${ui5Class}-half-icon-wrapper`}>\n          <UI5Icon data-ui5-value={star.index} name=\"favorite\" class={`${rootClass}__half-icon ${ui5Class}-half-icon`}></UI5Icon>\n        </div>\n      </>\n    );\n  }\n  if (this.readonly) {\n    return (\n      <UI5Icon data-ui5-value={star.index} name=\"favorite\"/>\n    );\n  }\n  return (\n    <UI5Icon data-ui5-value={star.index} name=\"unfavorite\"/>\n  );\n}\n"]}

package/dist/SecondaryNavigation.js

@@ -10,14 +10,14 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import UDExSecondaryNavigationItem from "./SecondaryNavigationItem.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { MORE } from "./generated/i18n/i18n-defaults.js";
-import SecondaryNavigationTemplate from "./generated/templates/SecondaryNavigationTemplate.lit.js";
+import SecondaryNavigationTemplate from "./SecondaryNavigationTemplate.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 import parseArrayFromString from "./utils/parseArrayFromString.js";
 import AnalyticsName from "./types/AnalyticsName.js";
@@ -421,7 +421,7 @@ __decorate([
 UDExSecondaryNavigation = UDExSecondaryNavigation_1 = __decorate([
     customElement({
         tag: "udex-secondary-navigation",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [SecondaryNavigationCss],
         template: SecondaryNavigationTemplate,
         dependencies: [UDExSecondaryNavigationItem],

package/dist/SecondaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryNavigation.js","sourceRoot":"","sources":["../src/SecondaryNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ChangeInfo, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { UDExSecondaryNavigationItemClickEventDetail, UDExSecondaryNavigationItemSubItemClickEventDetail } from \"./SecondaryNavigationItem.js\";\nimport UDExSecondaryNavigationItem from \"./SecondaryNavigationItem.js\";\nimport type UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport type UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MORE } from \"./generated/i18n/i18n-defaults.js\";\nimport SecondaryNavigationTemplate from \"./generated/templates/SecondaryNavigationTemplate.lit.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport SecondaryNavigationCss from \"./generated/themes/SecondaryNavigation.css.js\";\n\nconst canvasContentFont: string = \"14px '72 Brand Variable'\";\nconst rootClass = \"udex-secondary-navigation__root\";\nconst ITEM_ICON_WIDTH = 20;\n\ntype UDExSecondaryNavigationClickEventDetail = {\n  originalEvent: Event,\n  clickedItem: NavItem;\n  clickedIndex: number;\n  isMore?: boolean,\n  isMobile?: boolean,\n  analyticsName: AnalyticsName,\n  analyticsPath: Array<string>,\n  sourceNode: HTMLElement,\n};\n\ntype UDExSecondaryNavigationHeadingClickEventDetail = {\n  originalEvent: Event,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n};\n\ntype UDExSecondaryNavigationMobileMenuOpenerClickEventDetail = {\n  originalEvent: Event,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\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-secondary-navigation</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-secondary-navigation\",\n  renderer: litRender,\n  styles: [SecondaryNavigationCss],\n  template: SecondaryNavigationTemplate,\n  dependencies: [UDExSecondaryNavigationItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {NavItem} clickedItem The clicked item\n * @param {number} clickedIndex The index of the clicked item\n * @param {boolean} isMobile Indicates whether the click happened on mobile\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n *\n */\n@event(\"item-click\", { cancelable: true, bubbles: true })\n\n/**\n * The event is triggered on user interaction with a secondary navigation heading\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the heading\n * @param {HTMLElement} sourceNode The source node of the heading\n *\n */\n@event(\"heading-click\", { cancelable: true, bubbles: true })\n\n/**\n * The event is triggered on user interaction with the mobile menu opener\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu opener\n * @param {HTMLElement} sourceNode The source node of the mobile menu opener\n *\n */\n@event(\"mobile-menu-opener-click\", { cancelable: true, bubbles: true })\n\nclass UDExSecondaryNavigation extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExSecondaryNavigationClickEventDetail,\n    \"heading-click\": UDExSecondaryNavigationHeadingClickEventDetail,\n    \"mobile-menu-opener-click\": UDExSecondaryNavigationMobileMenuOpenerClickEventDetail,\n  };\n  /**\n   * Defines an aria label for the mobile menu opener\n   *\n   * @public\n   */\n  @property({ type: String })\n    mobileMenuOpenerAriaLabel!: string;\n\n  /**\n   * List of the nav items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    navItems: string = \"[]\";\n\n  /**\n   * Slot for breadcrumbs.\n   *\n   * @slot breadcrumbs\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    breadcrumbs!: Slot<HTMLElement>;\n\n  /**\n   * Slot for action buttons.\n   *\n   * @slot buttons\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    buttons!: Slot<HTMLElement>;\n\n  /**\n   * Defines the heading of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    heading: string = \"\";\n\n  /**\n   * Defines the href of the heading.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    headingHref: string = \"\";\n  /**\n   * Defines the height of the dropdown opened on mobile screen.\n   *\n   * @public\n   */\n  @property({ type: String })\n    maxDropdownHeight!: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _selectedMore!: boolean;\n\n  @property({ type: Object, noAttribute: true })\n    _overflowItems: Array<NavItem> = [];\n\n  @property({ type: Object, noAttribute: true })\n    _visibleItems: Array<NavItem> = [];\n\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  @property({ type: Boolean, noAttribute: true })\n    _mobileBtnExpanded = false;\n\n  _navItems!: Array<NavItem>;\n  _showMoreButton: boolean = true;\n  _rootHolder!: HTMLElement | null | undefined;\n  _clickedNavItem!: UDExSecondaryNavigationItem;\n  _boundReflowItems: () => void;\n  _prevSlottedButtons: HTMLElement | null = null;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._boundReflowItems = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n\n    ResizeHandler.register(this, this._boundReflowItems);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._boundReflowItems);\n    if (this._prevSlottedButtons) {\n      ResizeHandler.deregister(this._prevSlottedButtons, this._boundReflowItems);\n    }\n  }\n\n  onInvalidation(changeInfo: ChangeInfo): void {\n    if (changeInfo.name === \"navItems\") {\n      this.reflowItems();\n    }\n  }\n\n  onAfterRendering(): void {\n    this._rootHolder = this.rootHolder;\n    if (!this._overflowItems.length) {\n      this._showMoreButton = true;\n    }\n    this.handleOutsideClick();\n    this.syncButtonsResizeHandler();\n  }\n\n  syncButtonsResizeHandler(): void {\n    const buttonsEl = this.optionalButtons || null;\n    if (buttonsEl !== this._prevSlottedButtons) {\n      if (this._prevSlottedButtons) {\n        ResizeHandler.deregister(this._prevSlottedButtons, this._boundReflowItems);\n      }\n      if (buttonsEl) {\n        ResizeHandler.register(buttonsEl, this._boundReflowItems);\n      } else {\n        this.reflowItems();\n      }\n      this._prevSlottedButtons = buttonsEl;\n    }\n  }\n\n  refreshRendering(): void {\n    this._requestRender = !this._requestRender;\n  }\n\n  _handleResize() {\n    this.reflowItems();\n    if (this._clickedNavItem && this.isDesktopScreen) {\n      this._clickedNavItem.closeDropdown();\n    }\n  }\n\n  reflowItems(): void {\n    const headingWidth = this.headingHolder\n      ? this.headingHolder.offsetWidth + (parseFloat(getComputedStyle(this.headingHolder).marginInlineEnd) || 0)\n      : 0;\n    const availableWidth = this.rootHolder.offsetWidth - headingWidth - (this.optionalButtons?.offsetWidth || 0);\n    const moreButtonWidth = this.getMoreButtonWidth();\n    const itemsGap = 20;\n    const widths = this.parsedItems.map(item => this.getItemWidth(item));\n    const steps: Array<number> = [];\n\n    widths?.forEach((itemWidth, index) => {\n      steps.push((steps.at(-1) || 0) + itemWidth + (index && itemsGap));\n    });\n\n    if ((steps.at(-1) || 0) <= availableWidth) {\n      this._visibleItems = [...this.parsedItems];\n      this._showMoreButton = false;\n      this.refreshRendering();\n      return;\n    }\n\n    if (this.parsedItems) {\n      // @ts-ignore\n      const lastVisibleIndex: number = steps.findLastIndex((size: number) => size < (availableWidth - moreButtonWidth - itemsGap));\n      this._visibleItems = this.parsedItems.slice(0, lastVisibleIndex + 1);\n      this._overflowItems = this.parsedItems.slice(lastVisibleIndex + 1);\n      this._showMoreButton = true;\n      this.refreshRendering();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    const item = e.target as UDExSecondaryNavigationItem;\n\n    if (isEscape(e) && item.hasNestedItems) {\n      return item.closeDropdown();\n    }\n  }\n\n  getItemWidth(item: NavItem): number {\n    const context = this.getCanvasContext();\n    context.font = this.getCanvasFont();\n    const iconWidth = item.items?.length ? ITEM_ICON_WIDTH : 0;\n\n    return Math.ceil(context.measureText(item.title).width) + iconWidth;\n  }\n\n  getMoreButtonWidth(): number {\n    const context = this.getCanvasContext();\n    context.font = this.getCanvasFont();\n\n    return Math.ceil(context.measureText(this.moreButtonText).width) + ITEM_ICON_WIDTH;\n  }\n\n  getCanvasFont(): string {\n    const navItem = this.domNavItems[0];\n    const btn = navItem?.shadowRoot?.querySelector<HTMLElement>(\".udex-secondary-navigation__item\");\n    if (btn) {\n      const cs = getComputedStyle(btn);\n      return `${cs.fontWeight} ${cs.fontSize} ${cs.fontFamily}`;\n    }\n    return canvasContentFont;\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  handleItemClick(e: CustomEvent<UDExSecondaryNavigationItemClickEventDetail>): void {\n    const { index, item, originalEvent: actualOriginalEvent } = e.detail;\n    const clickedItem = item as UDExSecondaryNavigationItem;\n    const {\n      path, target, title, active, subItems, _id, mobileLinkTitle,\n    } = clickedItem;\n\n    const prevented = !this.fireEventItemClick(actualOriginalEvent, index, {\n      path,\n      target,\n      title,\n      active,\n      mobileLinkTitle,\n      items: subItems,\n    }, this.getAnalyticsPath(title, path), title === this.moreButtonText);\n\n    if (prevented) {\n      e.preventDefault();\n      return;\n    }\n\n    this._clickedNavItem = clickedItem;\n    this.closePrevDropdown(_id);\n\n    if (!subItems.length) {\n      this.setActiveItem(this.parsedItems, clickedItem);\n    }\n  }\n\n  handleSubItemClick(e: CustomEvent<UDExSecondaryNavigationItemSubItemClickEventDetail>): void {\n    const { originalEvent: actualOriginalEvent, index } = e.detail;\n    const item = e.detail.item as UDExSecondaryNavigationSubItem;\n    const { items } = item as NavItem;\n    const analyticsPath = this.getAnalyticsPath(item.title, item.path);\n    const isMore = this._clickedNavItem?.title === this.moreButtonText;\n    const prevented = !this.fireEventItemClick(actualOriginalEvent, index, item, analyticsPath, isMore);\n\n    if (prevented) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.isMobileScreen && !items) {\n      this.mobileNav.closeDropdown();\n    }\n\n    if (!items) {\n      this.setActiveItem(this.parsedItems, item);\n      this._clickedNavItem?.closeDropdown();\n    }\n  }\n\n  handleHeadingClick(e: CustomEvent<UDExSecondaryNavigationHeadingClickEventDetail>): void {\n    this.fireDecoratorEvent(\"heading-click\", {\n      analyticsName: AnalyticsName.HeaderSub,\n      sourceNode: e.target as HTMLElement,\n      originalEvent: e,\n    });\n  }\n\n  fireEventItemClick(\n    e: PointerEvent | KeyboardEvent,\n    clickedIndex: number,\n    {\n      items, target, path, title, active, mobileLinkTitle,\n    }: NavItem,\n    analyticsPath: Array<string> = [],\n    isMore: boolean = false,\n  ): boolean {\n    return this.fireDecoratorEvent(\"item-click\", {\n      ...(this.isMobileScreen && { isMobile: true }),\n      ...(isMore && { isMore: true }),\n      analyticsName: AnalyticsName.HeaderSub,\n      analyticsPath,\n      sourceNode: e?.currentTarget as HTMLElement,\n      originalEvent: e,\n      clickedItem: {\n        mobileLinkTitle: mobileLinkTitle || \"\",\n        path: path || \"\",\n        active: active || false,\n        items: items || [],\n        target,\n        title,\n      },\n      clickedIndex,\n    });\n  }\n\n  getAnalyticsPath(clickedTitle: string, clickedPath?: string): Array<string> {\n    const getLabel = (item: NavItem) => (this.isMobileScreen ? (item.mobileLinkTitle || item.title) : item.title);\n    const findPath = (items: Array<NavItem>, parentPath: Array<string>): Array<string> | null => items.reduce<Array<string> | null>((found, item) => {\n      if (found !== null) {\n        return found;\n      }\n      if (item.title === clickedTitle && (!clickedPath || item.path === clickedPath)) {\n        return [...parentPath, getLabel(item)];\n      }\n      if (item.items?.length) {\n        return findPath(item.items, [...parentPath, getLabel(item)]);\n      }\n      return null;\n    }, null);\n    return findPath(this.parsedItems, []) || [];\n  }\n\n  setActiveItem(navItems: Array<NavItem>, clickedItem: UDExSecondaryNavigationItemBase): void {\n    const updateNav = (items: Array<NavItem>, { title, path }: UDExSecondaryNavigationItemBase): boolean => {\n      let hasActiveDescendant = false;\n\n      items.forEach(item => {\n        if (item.title === title && (item.path === path || !item.path)) {\n          item.active = true;\n          hasActiveDescendant = true;\n          return;\n        }\n\n        if (item.items) {\n          const childIsActive = updateNav(item.items, clickedItem);\n          if (childIsActive) {\n            item.active = true;\n            hasActiveDescendant = true;\n          } else {\n            delete item.active;\n          }\n        } else {\n          delete item.active;\n        }\n      });\n\n      return hasActiveDescendant;\n    };\n\n    updateNav(navItems, clickedItem);\n    this.navItems = JSON.stringify(navItems);\n  }\n\n  handleMobileMenuOpenerClick(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"mobile-menu-opener-click\", {\n      analyticsName: AnalyticsName.HeaderSub,\n      sourceNode: e.target as HTMLElement,\n      originalEvent: e,\n    });\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", this.outsideClickListener);\n  }\n\n  outsideClickListener = (e: MouseEvent): void => {\n    if (this.isMobileScreen && !e.composedPath().includes(this)) {\n      this.closeMobileDropdown();\n      return;\n    }\n\n    if (this.isDesktopScreen) {\n      this.handleDesktopDropdown(e);\n    }\n  };\n\n  handleMobileButtonsClick(): void {\n    this.closeMobileDropdown();\n  }\n\n  closeMobileDropdown(): void {\n    this.mobileNav?.closeDropdown();\n  }\n\n  handleDesktopDropdown(e: MouseEvent): void {\n    const isClickedNavItem = e.composedPath().includes(this._clickedNavItem);\n    if (!isClickedNavItem && this._clickedNavItem) {\n      this._clickedNavItem.closeDropdown();\n    }\n  }\n\n  closePrevDropdown(clickedItemId: string): void {\n    this.domNavItems.forEach(item => {\n      if (item.isOpen && item._id !== clickedItemId) {\n        item.closeDropdown();\n      }\n    });\n  }\n\n  get domNavItems(): Array<UDExSecondaryNavigationItem> {\n    const items = this.shadowRoot?.querySelectorAll<UDExSecondaryNavigationItem>(\"[udex-secondary-navigation-item]\");\n    return items ? Array.from(items) : [];\n  }\n\n  get rootHolder(): HTMLElement {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<HTMLElement>(\".udex-secondary-navigation__root\") : undefined)!;\n  }\n\n  get headingHolder(): HTMLElement {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<HTMLElement>(\".udex-secondary-navigation__heading\") : undefined)!;\n  }\n\n  get mobileNav(): UDExSecondaryNavigationItem {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<UDExSecondaryNavigationItem>(\".udex-secondary-navigation__mobile-nav\") : undefined)!;\n  }\n\n  get optionalButtons(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector<HTMLElement>(\".udex-secondary-navigation__buttons\");\n  }\n\n  get moreButtonText(): string {\n    return translate(UDExSecondaryNavigation, MORE);\n  }\n\n  get parsedItems(): Array<NavItem> {\n    return parseArrayFromString<NavItem>(this.navItems);\n  }\n\n  get visibleItems(): Array<NavItem> {\n    return this.isDesktopScreen ? this._visibleItems : this.parsedItems;\n  }\n\n  get hasBreadcrumbsSlot(): boolean {\n    return !!this.getSlottedNodes(\"breadcrumbs\").length && this.isDesktopScreen;\n  }\n\n  get rootClass(): string {\n    return `${rootClass} ${this.hasBreadcrumbsSlot ? \"\" : `${rootClass}_centered`}`.trim();\n  }\n\n  get hasDesktopButtonsSlot(): boolean {\n    return this.hasButtons && this.isDesktopScreen;\n  }\n\n  get hasMobileButtonsSlot(): boolean {\n    return this.hasButtons && this.isMobileScreen;\n  }\n\n  get hasButtons(): boolean {\n    return !!this.getSlottedNodes(\"buttons\").length;\n  }\n\n  get isDesktopScreen(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileScreen(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n}\n\nUDExSecondaryNavigation.define();\n\nexport default UDExSecondaryNavigation;\nexport type {\n  UDExSecondaryNavigationClickEventDetail,\n  UDExSecondaryNavigationHeadingClickEventDetail,\n  UDExSecondaryNavigationMobileMenuOpenerClickEventDetail,\n};\n"]}
+{"version":3,"file":"SecondaryNavigation.js","sourceRoot":"","sources":["../src/SecondaryNavigation.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ChangeInfo, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { UDExSecondaryNavigationItemClickEventDetail, UDExSecondaryNavigationItemSubItemClickEventDetail } from \"./SecondaryNavigationItem.js\";\nimport UDExSecondaryNavigationItem from \"./SecondaryNavigationItem.js\";\nimport type UDExSecondaryNavigationSubItem from \"./SecondaryNavigationSubItem.js\";\nimport type { NavItem } from \"./SecondaryNavigationItemBase.js\";\nimport type UDExSecondaryNavigationItemBase from \"./SecondaryNavigationItemBase.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MORE } from \"./generated/i18n/i18n-defaults.js\";\nimport SecondaryNavigationTemplate from \"./SecondaryNavigationTemplate.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport SecondaryNavigationCss from \"./generated/themes/SecondaryNavigation.css.js\";\n\nconst canvasContentFont: string = \"14px '72 Brand Variable'\";\nconst rootClass = \"udex-secondary-navigation__root\";\nconst ITEM_ICON_WIDTH = 20;\n\ntype UDExSecondaryNavigationClickEventDetail = {\n  originalEvent: Event,\n  clickedItem: NavItem;\n  clickedIndex: number;\n  isMore?: boolean,\n  isMobile?: boolean,\n  analyticsName: AnalyticsName,\n  analyticsPath: Array<string>,\n  sourceNode: HTMLElement,\n};\n\ntype UDExSecondaryNavigationHeadingClickEventDetail = {\n  originalEvent: Event,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n};\n\ntype UDExSecondaryNavigationMobileMenuOpenerClickEventDetail = {\n  originalEvent: Event,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\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-secondary-navigation</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/SecondaryNavigation.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-secondary-navigation\",\n  renderer: jsxRenderer,\n  styles: [SecondaryNavigationCss],\n  template: SecondaryNavigationTemplate,\n  dependencies: [UDExSecondaryNavigationItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {NavItem} clickedItem The clicked item\n * @param {number} clickedIndex The index of the clicked item\n * @param {boolean} isMobile Indicates whether the click happened on mobile\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n *\n */\n@event(\"item-click\", { cancelable: true, bubbles: true })\n\n/**\n * The event is triggered on user interaction with a secondary navigation heading\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the heading\n * @param {HTMLElement} sourceNode The source node of the heading\n *\n */\n@event(\"heading-click\", { cancelable: true, bubbles: true })\n\n/**\n * The event is triggered on user interaction with the mobile menu opener\n *\n * @allowPreventDefault\n * @public\n * @param {Event} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu opener\n * @param {HTMLElement} sourceNode The source node of the mobile menu opener\n *\n */\n@event(\"mobile-menu-opener-click\", { cancelable: true, bubbles: true })\n\nclass UDExSecondaryNavigation extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExSecondaryNavigationClickEventDetail,\n    \"heading-click\": UDExSecondaryNavigationHeadingClickEventDetail,\n    \"mobile-menu-opener-click\": UDExSecondaryNavigationMobileMenuOpenerClickEventDetail,\n  };\n  /**\n   * Defines an aria label for the mobile menu opener\n   *\n   * @public\n   */\n  @property({ type: String })\n    mobileMenuOpenerAriaLabel!: string;\n\n  /**\n   * List of the nav items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    navItems: string = \"[]\";\n\n  /**\n   * Slot for breadcrumbs.\n   *\n   * @slot breadcrumbs\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    breadcrumbs!: Slot<HTMLElement>;\n\n  /**\n   * Slot for action buttons.\n   *\n   * @slot buttons\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    buttons!: Slot<HTMLElement>;\n\n  /**\n   * Defines the heading of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    heading: string = \"\";\n\n  /**\n   * Defines the href of the heading.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    headingHref: string = \"\";\n  /**\n   * Defines the height of the dropdown opened on mobile screen.\n   *\n   * @public\n   */\n  @property({ type: String })\n    maxDropdownHeight!: string;\n\n  @property({ type: Boolean, noAttribute: true })\n    _selectedMore!: boolean;\n\n  @property({ type: Object, noAttribute: true })\n    _overflowItems: Array<NavItem> = [];\n\n  @property({ type: Object, noAttribute: true })\n    _visibleItems: Array<NavItem> = [];\n\n  @property({ type: Boolean, noAttribute: true })\n    _requestRender = false;\n\n  @property({ type: Boolean, noAttribute: true })\n    _mobileBtnExpanded = false;\n\n  _navItems!: Array<NavItem>;\n  _showMoreButton: boolean = true;\n  _rootHolder!: HTMLElement | null | undefined;\n  _clickedNavItem!: UDExSecondaryNavigationItem;\n  _boundReflowItems: () => void;\n  _prevSlottedButtons: HTMLElement | null = null;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n    this._boundReflowItems = this._handleResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n\n    ResizeHandler.register(this, this._boundReflowItems);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._boundReflowItems);\n    if (this._prevSlottedButtons) {\n      ResizeHandler.deregister(this._prevSlottedButtons, this._boundReflowItems);\n    }\n  }\n\n  onInvalidation(changeInfo: ChangeInfo): void {\n    if (changeInfo.name === \"navItems\") {\n      this.reflowItems();\n    }\n  }\n\n  onAfterRendering(): void {\n    this._rootHolder = this.rootHolder;\n    if (!this._overflowItems.length) {\n      this._showMoreButton = true;\n    }\n    this.handleOutsideClick();\n    this.syncButtonsResizeHandler();\n  }\n\n  syncButtonsResizeHandler(): void {\n    const buttonsEl = this.optionalButtons || null;\n    if (buttonsEl !== this._prevSlottedButtons) {\n      if (this._prevSlottedButtons) {\n        ResizeHandler.deregister(this._prevSlottedButtons, this._boundReflowItems);\n      }\n      if (buttonsEl) {\n        ResizeHandler.register(buttonsEl, this._boundReflowItems);\n      } else {\n        this.reflowItems();\n      }\n      this._prevSlottedButtons = buttonsEl;\n    }\n  }\n\n  refreshRendering(): void {\n    this._requestRender = !this._requestRender;\n  }\n\n  _handleResize() {\n    this.reflowItems();\n    if (this._clickedNavItem && this.isDesktopScreen) {\n      this._clickedNavItem.closeDropdown();\n    }\n  }\n\n  reflowItems(): void {\n    const headingWidth = this.headingHolder\n      ? this.headingHolder.offsetWidth + (parseFloat(getComputedStyle(this.headingHolder).marginInlineEnd) || 0)\n      : 0;\n    const availableWidth = this.rootHolder.offsetWidth - headingWidth - (this.optionalButtons?.offsetWidth || 0);\n    const moreButtonWidth = this.getMoreButtonWidth();\n    const itemsGap = 20;\n    const widths = this.parsedItems.map(item => this.getItemWidth(item));\n    const steps: Array<number> = [];\n\n    widths?.forEach((itemWidth, index) => {\n      steps.push((steps.at(-1) || 0) + itemWidth + (index && itemsGap));\n    });\n\n    if ((steps.at(-1) || 0) <= availableWidth) {\n      this._visibleItems = [...this.parsedItems];\n      this._showMoreButton = false;\n      this.refreshRendering();\n      return;\n    }\n\n    if (this.parsedItems) {\n      // @ts-ignore\n      const lastVisibleIndex: number = steps.findLastIndex((size: number) => size < (availableWidth - moreButtonWidth - itemsGap));\n      this._visibleItems = this.parsedItems.slice(0, lastVisibleIndex + 1);\n      this._overflowItems = this.parsedItems.slice(lastVisibleIndex + 1);\n      this._showMoreButton = true;\n      this.refreshRendering();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    const item = e.target as UDExSecondaryNavigationItem;\n\n    if (isEscape(e) && item.hasNestedItems) {\n      return item.closeDropdown();\n    }\n  }\n\n  getItemWidth(item: NavItem): number {\n    const context = this.getCanvasContext();\n    context.font = this.getCanvasFont();\n    const iconWidth = item.items?.length ? ITEM_ICON_WIDTH : 0;\n\n    return Math.ceil(context.measureText(item.title).width) + iconWidth;\n  }\n\n  getMoreButtonWidth(): number {\n    const context = this.getCanvasContext();\n    context.font = this.getCanvasFont();\n\n    return Math.ceil(context.measureText(this.moreButtonText).width) + ITEM_ICON_WIDTH;\n  }\n\n  getCanvasFont(): string {\n    const navItem = this.domNavItems[0];\n    const btn = navItem?.shadowRoot?.querySelector<HTMLElement>(\".udex-secondary-navigation__item\");\n    if (btn) {\n      const cs = getComputedStyle(btn);\n      return `${cs.fontWeight} ${cs.fontSize} ${cs.fontFamily}`;\n    }\n    return canvasContentFont;\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  handleItemClick(e: CustomEvent<UDExSecondaryNavigationItemClickEventDetail>): void {\n    const { index, item, originalEvent: actualOriginalEvent } = e.detail;\n    const clickedItem = item as UDExSecondaryNavigationItem;\n    const {\n      path, target, title, active, subItems, _id, mobileLinkTitle,\n    } = clickedItem;\n\n    const prevented = !this.fireEventItemClick(actualOriginalEvent, index, {\n      path,\n      target,\n      title,\n      active,\n      mobileLinkTitle,\n      items: subItems,\n    }, this.getAnalyticsPath(title, path), title === this.moreButtonText);\n\n    if (prevented) {\n      e.preventDefault();\n      return;\n    }\n\n    this._clickedNavItem = clickedItem;\n    this.closePrevDropdown(_id);\n\n    if (!subItems.length) {\n      this.setActiveItem(this.parsedItems, clickedItem);\n    }\n  }\n\n  handleSubItemClick(e: CustomEvent<UDExSecondaryNavigationItemSubItemClickEventDetail>): void {\n    const { originalEvent: actualOriginalEvent, index } = e.detail;\n    const item = e.detail.item as UDExSecondaryNavigationSubItem;\n    const { items } = item as NavItem;\n    const analyticsPath = this.getAnalyticsPath(item.title, item.path);\n    const isMore = this._clickedNavItem?.title === this.moreButtonText;\n    const prevented = !this.fireEventItemClick(actualOriginalEvent, index, item, analyticsPath, isMore);\n\n    if (prevented) {\n      e.preventDefault();\n      return;\n    }\n\n    if (this.isMobileScreen && !items) {\n      this.mobileNav.closeDropdown();\n    }\n\n    if (!items) {\n      this.setActiveItem(this.parsedItems, item);\n      this._clickedNavItem?.closeDropdown();\n    }\n  }\n\n  handleHeadingClick(e: CustomEvent<UDExSecondaryNavigationHeadingClickEventDetail>): void {\n    this.fireDecoratorEvent(\"heading-click\", {\n      analyticsName: AnalyticsName.HeaderSub,\n      sourceNode: e.target as HTMLElement,\n      originalEvent: e,\n    });\n  }\n\n  fireEventItemClick(\n    e: PointerEvent | KeyboardEvent,\n    clickedIndex: number,\n    {\n      items, target, path, title, active, mobileLinkTitle,\n    }: NavItem,\n    analyticsPath: Array<string> = [],\n    isMore: boolean = false,\n  ): boolean {\n    return this.fireDecoratorEvent(\"item-click\", {\n      ...(this.isMobileScreen && { isMobile: true }),\n      ...(isMore && { isMore: true }),\n      analyticsName: AnalyticsName.HeaderSub,\n      analyticsPath,\n      sourceNode: e?.currentTarget as HTMLElement,\n      originalEvent: e,\n      clickedItem: {\n        mobileLinkTitle: mobileLinkTitle || \"\",\n        path: path || \"\",\n        active: active || false,\n        items: items || [],\n        target,\n        title,\n      },\n      clickedIndex,\n    });\n  }\n\n  getAnalyticsPath(clickedTitle: string, clickedPath?: string): Array<string> {\n    const getLabel = (item: NavItem) => (this.isMobileScreen ? (item.mobileLinkTitle || item.title) : item.title);\n    const findPath = (items: Array<NavItem>, parentPath: Array<string>): Array<string> | null => items.reduce<Array<string> | null>((found, item) => {\n      if (found !== null) {\n        return found;\n      }\n      if (item.title === clickedTitle && (!clickedPath || item.path === clickedPath)) {\n        return [...parentPath, getLabel(item)];\n      }\n      if (item.items?.length) {\n        return findPath(item.items, [...parentPath, getLabel(item)]);\n      }\n      return null;\n    }, null);\n    return findPath(this.parsedItems, []) || [];\n  }\n\n  setActiveItem(navItems: Array<NavItem>, clickedItem: UDExSecondaryNavigationItemBase): void {\n    const updateNav = (items: Array<NavItem>, { title, path }: UDExSecondaryNavigationItemBase): boolean => {\n      let hasActiveDescendant = false;\n\n      items.forEach(item => {\n        if (item.title === title && (item.path === path || !item.path)) {\n          item.active = true;\n          hasActiveDescendant = true;\n          return;\n        }\n\n        if (item.items) {\n          const childIsActive = updateNav(item.items, clickedItem);\n          if (childIsActive) {\n            item.active = true;\n            hasActiveDescendant = true;\n          } else {\n            delete item.active;\n          }\n        } else {\n          delete item.active;\n        }\n      });\n\n      return hasActiveDescendant;\n    };\n\n    updateNav(navItems, clickedItem);\n    this.navItems = JSON.stringify(navItems);\n  }\n\n  handleMobileMenuOpenerClick(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"mobile-menu-opener-click\", {\n      analyticsName: AnalyticsName.HeaderSub,\n      sourceNode: e.target as HTMLElement,\n      originalEvent: e,\n    });\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", this.outsideClickListener);\n  }\n\n  outsideClickListener = (e: MouseEvent): void => {\n    if (this.isMobileScreen && !e.composedPath().includes(this)) {\n      this.closeMobileDropdown();\n      return;\n    }\n\n    if (this.isDesktopScreen) {\n      this.handleDesktopDropdown(e);\n    }\n  };\n\n  handleMobileButtonsClick(): void {\n    this.closeMobileDropdown();\n  }\n\n  closeMobileDropdown(): void {\n    this.mobileNav?.closeDropdown();\n  }\n\n  handleDesktopDropdown(e: MouseEvent): void {\n    const isClickedNavItem = e.composedPath().includes(this._clickedNavItem);\n    if (!isClickedNavItem && this._clickedNavItem) {\n      this._clickedNavItem.closeDropdown();\n    }\n  }\n\n  closePrevDropdown(clickedItemId: string): void {\n    this.domNavItems.forEach(item => {\n      if (item.isOpen && item._id !== clickedItemId) {\n        item.closeDropdown();\n      }\n    });\n  }\n\n  get domNavItems(): Array<UDExSecondaryNavigationItem> {\n    const items = this.shadowRoot?.querySelectorAll<UDExSecondaryNavigationItem>(\"[udex-secondary-navigation-item]\");\n    return items ? Array.from(items) : [];\n  }\n\n  get rootHolder(): HTMLElement {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<HTMLElement>(\".udex-secondary-navigation__root\") : undefined)!;\n  }\n\n  get headingHolder(): HTMLElement {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<HTMLElement>(\".udex-secondary-navigation__heading\") : undefined)!;\n  }\n\n  get mobileNav(): UDExSecondaryNavigationItem {\n    return (this.shadowRoot ? this.shadowRoot.querySelector<UDExSecondaryNavigationItem>(\".udex-secondary-navigation__mobile-nav\") : undefined)!;\n  }\n\n  get optionalButtons(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector<HTMLElement>(\".udex-secondary-navigation__buttons\");\n  }\n\n  get moreButtonText(): string {\n    return translate(UDExSecondaryNavigation, MORE);\n  }\n\n  get parsedItems(): Array<NavItem> {\n    return parseArrayFromString<NavItem>(this.navItems);\n  }\n\n  get visibleItems(): Array<NavItem> {\n    return this.isDesktopScreen ? this._visibleItems : this.parsedItems;\n  }\n\n  get hasBreadcrumbsSlot(): boolean {\n    return !!this.getSlottedNodes(\"breadcrumbs\").length && this.isDesktopScreen;\n  }\n\n  get rootClass(): string {\n    return `${rootClass} ${this.hasBreadcrumbsSlot ? \"\" : `${rootClass}_centered`}`.trim();\n  }\n\n  get hasDesktopButtonsSlot(): boolean {\n    return this.hasButtons && this.isDesktopScreen;\n  }\n\n  get hasMobileButtonsSlot(): boolean {\n    return this.hasButtons && this.isMobileScreen;\n  }\n\n  get hasButtons(): boolean {\n    return !!this.getSlottedNodes(\"buttons\").length;\n  }\n\n  get isDesktopScreen(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileScreen(): boolean {\n    return BreakpointUtils.isAtMost(\"S\");\n  }\n}\n\nUDExSecondaryNavigation.define();\n\nexport default UDExSecondaryNavigation;\nexport type {\n  UDExSecondaryNavigationClickEventDetail,\n  UDExSecondaryNavigationHeadingClickEventDetail,\n  UDExSecondaryNavigationMobileMenuOpenerClickEventDetail,\n};\n"]}

package/dist/SecondaryNavigationItem.d.ts

@@ -3,7 +3,6 @@ import type { RelativeValue } from "./utils/parseRelativeUnits.js";
 import UDExSecondaryNavigationSubItem from "./SecondaryNavigationSubItem.js";
 import type { NavItem } from "./SecondaryNavigationItemBase.js";
 import UDExSecondaryNavigationItemBase from "./SecondaryNavigationItemBase.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 type UDExSecondaryNavigationItemClickEventDetail = {
     item: HTMLElement;
     index: number;