@sapudex/web-components 2.54.0 → 2.56.0

package/dist/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isUp, isDown, isHome, isEnd, isRight, isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type { UDExScrollIntoViewOptions } from \"./types/List.js\";\nimport { UDExListStyleType, UDExListMode } from \"./types/List.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExUploadItem from \"./UploadItem.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from \"./generated/i18n/i18n-defaults.js\";\nimport ListTemplate from \"./generated/templates/ListTemplate.lit.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport ListCss from \"./generated/themes/List.css.js\";\nimport isLetterKey from \"./utils/isLetterKeyPressed.js\";\nimport type { UDExListWithFirstLetterFocus } from \"./utils/ListWithFirstLetterFocus.js\";\nimport UDExFirstLetterFocusHandler from \"./utils/ListWithFirstLetterFocus.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\n\nexport type UDExListItemBase = UDExListItem & UDExListGroupHeader & UDExUploadItem;\n\ntype UDExListSelectionChangeEventDetail = {\n  listItems: Array<UDExListItemBase>,\n  selectedItems: Array<UDExListItemBase>,\n  item: 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-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/List.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-list\n * @public\n */\n@customElement({\n  tag: \"udex-list\",\n  renderer: litRender,\n  styles: [ListCss, getEffectiveScrollbarStyle()],\n  template: ListTemplate,\n  dependencies: [],\n})\n\n/**\n   * Fired when selection is changed by user interaction\n   *\n   * @public\n   * @param {Array<UDExListItemBase>} listItems All items inside the list\n   * @param {Array<UDExListItemBase>} selectedItems Currently selected items\n   * @param {HTMLElement} item The item that triggered the event\n   */\n@event(\"selection-change\", { bubbles: true })\n\nclass UDExList extends UI5Element {\n  eventDetails!: {\n    \"selection-change\": UDExListSelectionChangeEventDetail\n  };\n  /**\n   * Defines the accessible role of the component.\n   *\n   * @default \"listbox\"\n   * @public\n   */\n  @property()\n    accessibleRole: string = \"listbox\";\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the controlled of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the headerText, displayed in the top of the list.\n   *\n   * @public\n   */\n  @property({ type: String })\n    headerText?: string;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed for each item of the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    itemIcon: string = \"\";\n\n  /** @deprecated Tab keyboard navigation is no longer allowed. */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  /**\n   * Defines the scroll behavior for the items of the component.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _scrollIntoView?: `${UDExScrollIntoViewOptions}`;\n\n  _focusHandler: UDExListWithFirstLetterFocus = new UDExFirstLetterFocusHandler();\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering(): void {\n    this.prepareListItemsMode();\n    this._focusHandler.resetMatchingItems();\n    this._focusHandler._focusableListItems = this.getKeyboardNavigationItems();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    const clickedItem: UDExListItemBase = e.detail.item;\n    this.onItemPress(clickedItem);\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      this.handleArrowRight(e);\n    }\n\n    if (isLeft(e)) {\n      this.handleArrowLeft(e);\n    }\n\n    if (isUp(e)) {\n      this.handleUpArrow(e);\n    }\n    if (isDown(e)) {\n      this.handleDownArrow(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n    if (isLetterKey(e.key)) {\n      this.handleLetterKey(e);\n    }\n  }\n\n  handleArrowRight(e: KeyboardEvent): void {\n    const target = e.target as UDExListItemBase;\n    if (target.isGroup && target.hasAttribute(\"collapsible\") && target.collapsed) {\n      target.collapsed = false;\n      this.setCollapsedItems(false, target);\n    }\n  }\n\n  handleArrowLeft(e: KeyboardEvent): void {\n    const target = e.target as UDExListItemBase;\n    if (target.isGroup && target.hasAttribute(\"collapsible\") && !target.collapsed) {\n      target.collapsed = true;\n      this.setCollapsedItems(true, target);\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const lastItemIndex = items.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const isHeaderItem = items[previousSelectIndex].isGroup;\n    const nonInteractiveHeader = items[previousSelectIndex].nonInteractive && !items[previousSelectIndex].collapsible;\n\n    if (nonInteractiveHeader && previousSelectIndex === 0) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, lastItemIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[lastItemIndex]);\n      }\n      this.focusItem(items[lastItemIndex]);\n      return;\n    }\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex - 1);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex - 1]);\n      }\n      this.focusItem(items[previousSelectIndex - 1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex]);\n      }\n      this.focusHeader(items[previousSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[previousSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, previousSelectIndex);\n    setTimeout(() => {\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex]);\n      }\n      this.focusItem(items[previousSelectIndex]);\n    }, 0);\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;\n    const isHeaderItem = items[nextSelectIndex].isGroup;\n    const nonInteractiveHeader = items[nextSelectIndex].nonInteractive && !items[nextSelectIndex].collapsible;\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex + 1);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex + 1]);\n      }\n      this.focusItem(items[nextSelectIndex + 1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex]);\n      }\n      this.focusHeader(items[nextSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[nextSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, nextSelectIndex);\n    setTimeout(() => {\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex]);\n      }\n      this.focusItem(items[nextSelectIndex]);\n    }, 0);\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const firstItem = items[0];\n    const isHeaderItem = firstItem.isGroup;\n    const nonInteractiveItem = firstItem.nonInteractive && !firstItem.collapsible;\n\n    if (nonInteractiveItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 1);\n      this.focusItem(items[1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 0);\n      this.focusHeader(items[0]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[0].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, 0);\n    this.focusItem(items[0]);\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[items.length - 1].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, items.length - 1);\n    this.focusItem(items[items.length - 1]);\n  }\n\n  handleLetterKey(e: KeyboardEvent): void {\n    const letterKey = e.key;\n    e.preventDefault();\n    this._focusHandler.focusMatchingListItem(letterKey);\n  }\n\n  onItemPress(clickedItem: UDExListItemBase): void {\n    if (this.modeSingleSelect && !this.controlled) {\n      this.revertSelectedItems(this.getSelectedItems());\n      clickedItem.selected = true;\n    }\n\n    if (this.modeRadioGroup && !this.controlled) {\n      const groupHeader = clickedItem.parentElement as UDExListGroupHeaderBase;\n      const groupItems = groupHeader.getItems() as Array<UDExListItemBase>;\n      this.revertSelectedItems(groupItems);\n      clickedItem.selected = true;\n    }\n\n    this.resetTabIndexes();\n    clickedItem._tabIndex = \"0\";\n\n    this.fireDecoratorEvent(\"selection-change\", {\n      listItems: this.getItemsFromList(),\n      selectedItems: this.getSelectedItems(),\n      item: clickedItem,\n    });\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>): void {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSelectedItem(): void {\n    const selectedItemIndex = this.items.findIndex(item => item.selected);\n    this.resetTabIndexes();\n    if (selectedItemIndex !== -1 && this.modeSingleSelect) {\n      this.setTabIndexByIndex(this.items, selectedItemIndex);\n    }\n  }\n\n  focusHeader(item: UDExListItemBase): void {\n    const header = item.shadowRoot?.querySelector(\".udex-list__group-header-wrap\") as HTMLElement;\n    if (!header) { return; }\n    // If the wrap element is a custom element (e.g. udex-list-item used for MultiSelect\n    // collapsible headers), its host has no tabindex so .focus() is a no-op. Delegate\n    // to the inner [part=item] div which carries the actual tabindex.\n    const focusTarget = header.shadowRoot?.querySelector<HTMLElement>(\"[part=item]\") ?? header;\n    focusTarget.focus();\n  }\n\n  focusItem(item: UDExListItemBase): void {\n    // UI5Element.focus() is async. Synchronously drill to the focusable shadow element\n    // so focus is set immediately (required for JAWS and reliable Cypress assertions).\n    const focusTarget = item.shadowRoot?.querySelector<HTMLElement>(\"[part=item]\") ?? item;\n    focusTarget.focus();\n  }\n\n  scrollToItem(item: UDExListItemBase): void {\n    item.scrollIntoView({ block: this._scrollIntoView?.toLowerCase() as ScrollLogicalPosition });\n  }\n\n  unsetTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"-1\";\n  }\n\n  setTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"0\";\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  getSelectedItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => item.selected);\n  }\n\n  getCurrentIndex(items: Array<UDExListItemBase | HTMLElement>, item: UDExListItemBase | HTMLElement): number {\n    return items.indexOf(item);\n  }\n\n  getKeyboardNavigationItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => {\n      const parent = item.parentElement as UDExListItemBase;\n      return !item.disabled\n        && (!item.isGroup || item.modeMultiSelect || item.collapsible)\n        && !(parent?.isGroup && parent.collapsed);\n    });\n  }\n\n  getItemsFromList(): Array<UDExListItemBase> {\n    const items: UDExListItemBase[] = [];\n    const slottedItems = this.getItems();\n\n    slottedItems.forEach(item => {\n      const childItems = item.isGroup ? item.children : [];\n      items.push(item, ...childItems as UDExListItemBase[]);\n    });\n\n    return items;\n  }\n\n  prepareListItemsMode(): void {\n    const treeMode = this._hasCollapsibleGroups;\n    this.getItemsFromList().forEach((item, index) => {\n      item.mode = this.mode;\n      item.controlled = this.controlled;\n      item.type = this.type;\n      item._icon = this.itemIcon;\n      item._tabIndex = this.getTabIndex(index, item);\n      if (item.isGroup) {\n        // Only upgrade _treeMode to true; never force it to false, since\n        // SearchableListBaseTemplate may have set _tree-mode=true externally.\n        if (treeMode) {\n          item._treeMode = true;\n        }\n      } else if (treeMode) {\n        // Set accessibleRole for standalone List tree mode.\n        // Never overwrite a value already set by an external template (e.g. FilterMenu\n        // sets accessible-role=\"treeitem\" on children via SearchableListBaseTemplate).\n        item.accessibleRole = \"treeitem\";\n        item.setAttribute(\"_list-managed-role\", \"\");\n      } else if (item.getAttribute(\"_list-managed-role\") !== null) {\n        item.accessibleRole = \"\";\n        item.removeAttribute(\"_list-managed-role\");\n      }\n    });\n  }\n\n  getTabIndex(index: number, item: UDExListItemBase): string {\n    const isFirstItem = this.modeSelected && index === 0;\n    const isFirstItemInGroupList = this.isGroupList && index === 1;\n    const listGroupHeader = item.closest(\"[udex-list-group-header]\") as UDExListGroupHeader;\n    const modeSingleOrRadio = this.modeSingleSelect || this.modeRadioGroup;\n    const isFirstHeader = item.isGroup && isFirstItem;\n    const isFirstHeaderMultiMode = isFirstHeader && this.modeMultiSelect && !item.nonInteractive;\n    const isFirstItemGroupSingleOrRadioMode = isFirstItemInGroupList && modeSingleOrRadio;\n    const isFirstItemGroupMultiMode = isFirstItemInGroupList && this.modeMultiSelect && listGroupHeader?.nonInteractive;\n    const isCollapsibleHeader = item.isGroup && item.collapsible;\n\n    if (isFirstHeaderMultiMode || isFirstItemGroupSingleOrRadioMode || isFirstItemGroupMultiMode || isFirstItem || isCollapsibleHeader) {\n      return \"0\";\n    }\n\n    return \"-1\";\n  }\n\n  resetTabIndexes(): void {\n    this.getItemsFromList().forEach(item => {\n      item._tabIndex = \"-1\";\n    });\n  }\n\n  setCollapsedItems(collapsed: boolean, target: UDExListItemBase): void {\n    const items = target.getSlottedNodes<UDExListItemBase>(\"items\");\n    items.forEach(item => {\n      if (collapsed) {\n        item.setAttribute(\"collapsed\", \"\");\n      } else {\n        item.removeAttribute(\"collapsed\");\n      }\n    });\n  }\n\n  get isGroupList(): boolean {\n    return this.getItemsFromList().some(item => item.isGroup);\n  }\n\n  get ariaLabelModeText(): string {\n    const defaultText = this.modeSingleSelect || this.modeRadioGroup\n      ? ARIA_LABEL_LIST_SELECTABLE\n      : ARIA_LABEL_LIST_MULTISELECTABLE;\n\n    return this.accessibleName || translate(UDExList, defaultText);\n  }\n\n  get ariaLabelledBy(): string {\n    return `${this._id}-mode-label`;\n  }\n\n  get singleContentAriaLabel(): string | undefined {\n    const label = this.accessibleName || this.headerText;\n    return label || undefined;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get holderHeight(): string {\n    return this.height ? this.height : \"auto\";\n  }\n\n  /** True when at least one slotted group header has the collapsible attribute. */\n  get _hasCollapsibleGroups(): boolean {\n    return this.getItems().some(item => item.isGroup && item.hasAttribute(\"collapsible\"));\n  }\n\n  /**\n   * The effective ARIA role for the inner list div.\n   * When the list has collapsible group headers it uses the tree pattern so that\n   * JAWS enters application mode and delivers arrow-key events to the component.\n   */\n  get effectiveAccessibleRole(): string {\n    return this._hasCollapsibleGroups ? \"tree\" : this.accessibleRole;\n  }\n\n  /** aria-multiselectable exposed only for MultiSelect tree (collapsible groups). */\n  get _listAriaMultiSelectable(): string | undefined {\n    return (this._hasCollapsibleGroups && this.modeMultiSelect) ? \"true\" : undefined;\n  }\n}\n\nUDExList.define();\n\nexport default UDExList;\nexport type { UDExListSelectionChangeEventDetail };\n"]}
+{"version":3,"file":"List.js","sourceRoot":"","sources":["../src/List.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAE3E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,iDAAiD,CAAC;AAC1E,OAAO,EACL,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,GAC7C,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIlE,OAAO,IAAI,MAAM,iDAAiD,CAAC;AAEnE,OAAO,EAAE,+BAA+B,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAChH,OAAO,SAAS,MAAM,sBAAsB,CAAC;AAC7C,OAAO,WAAW,MAAM,+BAA+B,CAAC;AAExD,OAAO,2BAA2B,MAAM,qCAAqC,CAAC;AAC9E,OAAO,0BAA0B,MAAM,uCAAuC,CAAC;AAC/E,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAE7C,SAAS;AACT,OAAO,OAAO,MAAM,gCAAgC,CAAC;AAUrD;;;;;;;;;;;;;;;;;;GAkBG;AAmBH,IAAM,QAAQ,gBAAd,MAAM,QAAS,SAAQ,UAAU;IAAjC;;QAIE;;;;;WAKG;QAED,mBAAc,GAAW,SAAS,CAAC;QAErC;;;;;WAKG;QAED,mBAAc,GAAW,EAAE,CAAC;QAE9B;;;;;WAKG;QAED,SAAI,GAAsB,YAAY,CAAC,YAAY,CAAC;QAEtD;;;;;WAKG;QAED,SAAI,GAA2B,iBAAiB,CAAC,IAAI,CAAC;QA2BxD;;;;;WAKG;QAED,aAAQ,GAAW,EAAE,CAAC;QAwBxB,kBAAa,GAAiC,IAAI,2BAA2B,EAAE,CAAC;IA0blF,CAAC;IArbC,iBAAiB;QACf,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QACxC,IAAI,CAAC,aAAa,CAAC,mBAAmB,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;IAC7E,CAAC;IAED,eAAe,CAAC,CAAc;QAC5B,MAAM,WAAW,GAAqB,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IAChC,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YACf,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;QAED,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACd,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QAED,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;YACZ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACd,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QACD,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACxB,CAAC;QACD,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACb,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC;QACD,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACvB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,CAAgB;QAC/B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;YAC7E,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,IAAI,MAAM,CAAC,OAAO,IAAI,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;YAC9E,MAAM,CAAC,SAAS,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACvC,CAAC;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA0B,CAAC,CAAC;QACvF,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;QACvC,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;QACpG,MAAM,YAAY,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC,OAAO,CAAC;QACxD,MAAM,oBAAoB,GAAG,KAAK,CAAC,mBAAmB,CAAC,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,WAAW,CAAC;QAElH,IAAI,oBAAoB,IAAI,mBAAmB,KAAK,CAAC,EAAE,CAAC;YACtD,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC;YAC9C,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YAC1C,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YACrC,OAAO;QACT,CAAC;QAED,IAAI,oBAAoB,EAAE,CAAC;YACzB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,GAAG,CAAC,CAAC,CAAC;YACxD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC;YACpD,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,GAAG,CAAC,CAAC,CAAC,CAAC;YAC/C,OAAO;QACT,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;YACpD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAC7C,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,KAAK,CAAC,oBAAoB,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC7C,KAAK,CAAC,mBAAmB,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC7C,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;QACpD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC7C,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA0B,CAAC,CAAC;QACvF,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;QACnG,MAAM,YAAY,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,OAAO,CAAC;QACpD,MAAM,oBAAoB,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC,cAAc,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,WAAW,CAAC;QAE1G,IAAI,oBAAoB,EAAE,CAAC;YACzB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,eAAe,GAAG,CAAC,CAAC,CAAC;YACpD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;YAChD,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CAAC;YAC3C,OAAO;QACT,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;YAChD,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YAC5C,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YACzC,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,KAAK,CAAC,oBAAoB,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC7C,KAAK,CAAC,eAAe,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QACzC,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;QAChD,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;gBACzB,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;YAC5C,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;QACzC,CAAC,EAAE,CAAC,CAAC,CAAC;IACR,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA0B,CAAC,CAAC;QACvF,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;QAC3B,MAAM,YAAY,GAAG,SAAS,CAAC,OAAO,CAAC;QACvC,MAAM,kBAAkB,GAAG,SAAS,CAAC,cAAc,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC;QAE9E,IAAI,kBAAkB,EAAE,CAAC;YACvB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YACzB,OAAO;QACT,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;YACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAClC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,OAAO;QACT,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,KAAK,CAAC,oBAAoB,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC7C,KAAK,CAAC,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC3B,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC;IAED,YAAY,CAAC,CAAgB;QAC3B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,MAAM,KAAK,GAAG,IAAI,CAAC,0BAA0B,EAAE,CAAC;QAChD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,CAAC,CAAC,MAA0B,CAAC,CAAC;QAEvF,IAAI,IAAI,CAAC,cAAc,EAAE,CAAC;YACxB,KAAK,CAAC,oBAAoB,CAAC,CAAC,QAAQ,GAAG,KAAK,CAAC;YAC7C,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC1C,CAAC;QAED,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC;QACvD,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC;IAC1C,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,MAAM,SAAS,GAAG,CAAC,CAAC,GAAG,CAAC;QACxB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,aAAa,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC;IAED,WAAW,CAAC,WAA6B;QACvC,IAAI,IAAI,CAAC,gBAAgB,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAC9C,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;YAClD,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,IAAI,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC;YAC5C,MAAM,WAAW,GAAG,WAAW,CAAC,aAAwC,CAAC;YACzE,MAAM,UAAU,GAAG,WAAW,CAAC,QAAQ,EAA6B,CAAC;YACrE,IAAI,CAAC,mBAAmB,CAAC,UAAU,CAAC,CAAC;YACrC,WAAW,CAAC,QAAQ,GAAG,IAAI,CAAC;QAC9B,CAAC;QAED,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,WAAW,CAAC,SAAS,GAAG,GAAG,CAAC;QAE5B,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;YAC1C,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAAE;YAClC,aAAa,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACtC,IAAI,EAAE,WAAW;SAClB,CAAC,CAAC;IACL,CAAC;IAED,mBAAmB,CAAC,KAA8B;QAChD,KAAK,CAAC,OAAO,CAAC,CAAC,IAAsB,EAAE,EAAE;YACvC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACnB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACxB,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB;QACf,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACtE,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,iBAAiB,KAAK,CAAC,CAAC,IAAI,IAAI,CAAC,gBAAgB,EAAE,CAAC;YACtD,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAED,WAAW,CAAC,IAAsB;QAChC,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,+BAA+B,CAAgB,CAAC;QAC9F,IAAI,CAAC,MAAM,EAAE,CAAC;YAAC,OAAO;QAAC,CAAC;QACxB,oFAAoF;QACpF,kFAAkF;QAClF,kEAAkE;QAClE,MAAM,WAAW,GAAG,MAAM,CAAC,UAAU,EAAE,aAAa,CAAc,aAAa,CAAC,IAAI,MAAM,CAAC;QAC3F,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAED,SAAS,CAAC,IAAsB;QAC9B,mFAAmF;QACnF,mFAAmF;QACnF,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,aAAa,CAAC,IAAI,IAAI,CAAC;QACvF,WAAW,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;IAED,YAAY,CAAC,IAAsB;QACjC,IAAI,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,WAAW,EAA2B,EAAE,CAAC,CAAC;IAC/F,CAAC;IAED,oBAAoB,CAAC,KAAyB,EAAE,KAAa;QAC3D,KAAK,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,IAAI,CAAC;IAChC,CAAC;IAED,kBAAkB,CAAC,KAAyB,EAAE,KAAa;QACzD,KAAK,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC;IAC/B,CAAC;IAED,QAAQ;QACN,OAAO,IAAI,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;IACzD,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/D,CAAC;IAED,eAAe,CAAC,KAA4C,EAAE,IAAoC;QAChG,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC;IAED,0BAA0B;QACxB,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE;YAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,aAAiC,CAAC;YACtD,OAAO,CAAC,IAAI,CAAC,QAAQ;mBAChB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,WAAW,CAAC;mBAC3D,CAAC,CAAC,MAAM,EAAE,OAAO,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC;IACL,CAAC;IAED,gBAAgB;QACd,MAAM,KAAK,GAAuB,EAAE,CAAC;QACrC,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAErC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YAC1B,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;YACrD,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,UAAgC,CAAC,CAAC;QACxD,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC;IAED,oBAAoB;QAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAC5C,IAAI,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YAC9C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC;YAClC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;YACtB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC;YAC3B,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;YAC/C,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,iEAAiE;gBACjE,sEAAsE;gBACtE,IAAI,QAAQ,EAAE,CAAC;oBACb,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;gBACxB,CAAC;YACH,CAAC;iBAAM,IAAI,QAAQ,EAAE,CAAC;gBACpB,oDAAoD;gBACpD,+EAA+E;gBAC/E,+EAA+E;gBAC/E,IAAI,CAAC,cAAc,GAAG,UAAU,CAAC;gBACjC,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;YAC9C,CAAC;iBAAM,IAAI,IAAI,CAAC,YAAY,CAAC,oBAAoB,CAAC,KAAK,IAAI,EAAE,CAAC;gBAC5D,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC;gBACzB,IAAI,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC;YAC7C,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,WAAW,CAAC,KAAa,EAAE,IAAsB;QAC/C,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,IAAI,KAAK,KAAK,CAAC,CAAC;QACrD,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,IAAI,KAAK,KAAK,CAAC,CAAC;QAC/D,MAAM,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC,0BAA0B,CAAwB,CAAC;QACxF,MAAM,iBAAiB,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc,CAAC;QACvE,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,IAAI,WAAW,CAAC;QAClD,MAAM,sBAAsB,GAAG,aAAa,IAAI,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QAC7F,MAAM,iCAAiC,GAAG,sBAAsB,IAAI,iBAAiB,CAAC;QACtF,MAAM,yBAAyB,GAAG,sBAAsB,IAAI,IAAI,CAAC,eAAe,IAAI,eAAe,EAAE,cAAc,CAAC;QACpH,MAAM,mBAAmB,GAAG,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC;QAE7D,IAAI,sBAAsB,IAAI,iCAAiC,IAAI,yBAAyB,IAAI,WAAW,IAAI,mBAAmB,EAAE,CAAC;YACnI,OAAO,GAAG,CAAC;QACb,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;IAED,eAAe;QACb,IAAI,CAAC,gBAAgB,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACrC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,iBAAiB,CAAC,SAAkB,EAAE,MAAwB;QAC5D,MAAM,KAAK,GAAG,MAAM,CAAC,eAAe,CAAmB,OAAO,CAAC,CAAC;QAChE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACnB,IAAI,SAAS,EAAE,CAAC;gBACd,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;YACrC,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;YACpC,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,gBAAgB,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAC5D,CAAC;IAED,IAAI,iBAAiB;QACnB,MAAM,WAAW,GAAG,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,cAAc;YAC9D,CAAC,CAAC,0BAA0B;YAC5B,CAAC,CAAC,+BAA+B,CAAC;QAEpC,OAAO,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC,UAAQ,EAAE,WAAW,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,GAAG,IAAI,CAAC,GAAG,aAAa,CAAC;IAClC,CAAC;IAED,IAAI,sBAAsB;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,cAAc,IAAI,IAAI,CAAC,UAAU,CAAC;QACrD,OAAO,KAAK,IAAI,SAAS,CAAC;IAC5B,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,UAAU,CAAC;IAC/C,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,WAAW,CAAC;IAChD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,YAAY,CAAC;IACjD,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,aAAa,CAAC;IAClD,CAAC;IAED,IAAI,YAAY;QACd,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAoB,CAAC,CAAC;IAC5H,CAAC;IAED,IAAI,YAAY;QACd,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5C,CAAC;IAED,iFAAiF;IACjF,IAAI,qBAAqB;QACvB,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC,CAAC;IACxF,CAAC;IAED;;;;OAIG;IACH,IAAI,uBAAuB;QACzB,OAAO,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC;IACnE,CAAC;IAED;;;OAGG;IACH,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,cAAc,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC;IAC1E,CAAC;IAED,mFAAmF;IACnF,IAAI,wBAAwB;QAC1B,OAAO,CAAC,IAAI,CAAC,qBAAqB,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IACnF,CAAC;CACF,CAAA;AA/gBG;IADD,QAAQ,EAAE;gDAC0B;AASnC;IADD,QAAQ,EAAE;gDACmB;AAS5B;IADD,QAAQ,EAAE;sCAC2C;AASpD;IADD,QAAQ,EAAE;sCAC6C;AAQtD;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACT;AAShB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACL;AAQrB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACL;AASpB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0CACH;AAItB;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sDACK;AAS/B;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;uCACL;AAStC;IADD,QAAQ,EAAE;iDACwC;AAK5C;IADN,IAAI,CAAC,yBAAyB,CAAC;kCACF;AAnG1B,QAAQ;IAlBb,aAAa,CAAC;QACb,aAAa,EAAE,IAAI;QACnB,GAAG,EAAE,WAAW;QAChB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE,CAAC,OAAO,EAAE,0BAA0B,EAAE,CAAC;QAC/C,QAAQ,EAAE,YAAY;KACvB,CAAC;IAEF;;;;;;;SAOK;;IACJ,KAAK,CAAC,kBAAkB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;GAEvC,QAAQ,CA0hBb;AAED,QAAQ,CAAC,MAAM,EAAE,CAAC;AAElB,eAAe,QAAQ,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport {\n  isUp, isDown, isHome, isEnd, isRight, isLeft,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type UDExListItem from \"./ListItem.js\";\nimport type { UDExScrollIntoViewOptions } from \"./types/List.js\";\nimport { UDExListStyleType, UDExListMode } from \"./types/List.js\";\nimport type UDExListGroupHeader from \"./ListGroupHeader.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport type UDExUploadItem from \"./UploadItem.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { ARIA_LABEL_LIST_MULTISELECTABLE, ARIA_LABEL_LIST_SELECTABLE } from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\nimport isLetterKey from \"./utils/isLetterKeyPressed.js\";\nimport type { UDExListWithFirstLetterFocus } from \"./utils/ListWithFirstLetterFocus.js\";\nimport UDExFirstLetterFocusHandler from \"./utils/ListWithFirstLetterFocus.js\";\nimport getEffectiveScrollbarStyle from \"./utils/getEffectiveScrollbarStyle.js\";\nimport ListTemplate from \"./ListTemplate.js\";\n\n// Styles\nimport ListCss from \"./generated/themes/List.css.js\";\n\nexport type UDExListItemBase = UDExListItem & UDExListGroupHeader & UDExUploadItem;\n\ntype UDExListSelectionChangeEventDetail = {\n  listItems: Array<UDExListItemBase>,\n  selectedItems: Array<UDExListItemBase>,\n  item: 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-list</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/List.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-list\n * @public\n */\n@customElement({\n  languageAware: true,\n  tag: \"udex-list\",\n  renderer: jsxRenderer,\n  styles: [ListCss, getEffectiveScrollbarStyle()],\n  template: ListTemplate,\n})\n\n/**\n   * Fired when selection is changed by user interaction\n   *\n   * @public\n   * @param {Array<UDExListItemBase>} listItems All items inside the list\n   * @param {Array<UDExListItemBase>} selectedItems Currently selected items\n   * @param {HTMLElement} item The item that triggered the event\n   */\n@event(\"selection-change\", { bubbles: true })\n\nclass UDExList extends UI5Element {\n  eventDetails!: {\n    \"selection-change\": UDExListSelectionChangeEventDetail\n  };\n  /**\n   * Defines the accessible role of the component.\n   *\n   * @default \"listbox\"\n   * @public\n   */\n  @property()\n    accessibleRole: string = \"listbox\";\n\n  /**\n   * Defines the accessible name of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the mode of the component.\n   *\n   * @default \"SingleSelect\"\n   * @public\n   */\n  @property()\n    mode: `${UDExListMode}` = UDExListMode.SingleSelect;\n\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    type: `${UDExListStyleType}` = UDExListStyleType.None;\n\n  /**\n   * Allows control over the height.\n   *\n   * @public\n   */\n  @property({ type: String })\n    height?: string;\n\n  /**\n   * Defines the controlled of the component.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    controlled?: boolean;\n\n  /**\n   * Defines the headerText, displayed in the top of the list.\n   *\n   * @public\n   */\n  @property({ type: String })\n    headerText?: string;\n\n  /**\n   * Defines the name of the UI5 Icon, that will be displayed for each item of the list.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    itemIcon: string = \"\";\n\n  /** @deprecated Tab keyboard navigation is no longer allowed. */\n  @property({ type: Boolean })\n    tabNavigationEnabled?: boolean;\n\n  /**\n   * Slot for list items.\n   *\n   * @slot items\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExListItemBase>;\n\n  /**\n   * Defines the scroll behavior for the items of the component.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _scrollIntoView?: `${UDExScrollIntoViewOptions}`;\n\n  _focusHandler: UDExListWithFirstLetterFocus = new UDExFirstLetterFocusHandler();\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onBeforeRendering(): void {\n    this.prepareListItemsMode();\n    this._focusHandler.resetMatchingItems();\n    this._focusHandler._focusableListItems = this.getKeyboardNavigationItems();\n  }\n\n  handleItemPress(e: CustomEvent): void {\n    const clickedItem: UDExListItemBase = e.detail.item;\n    this.onItemPress(clickedItem);\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      this.handleArrowRight(e);\n    }\n\n    if (isLeft(e)) {\n      this.handleArrowLeft(e);\n    }\n\n    if (isUp(e)) {\n      this.handleUpArrow(e);\n    }\n    if (isDown(e)) {\n      this.handleDownArrow(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n    if (isLetterKey(e.key)) {\n      this.handleLetterKey(e);\n    }\n  }\n\n  handleArrowRight(e: KeyboardEvent): void {\n    const target = e.target as UDExListItemBase;\n    if (target.isGroup && target.hasAttribute(\"collapsible\") && target.collapsed) {\n      target.collapsed = false;\n      this.setCollapsedItems(false, target);\n    }\n  }\n\n  handleArrowLeft(e: KeyboardEvent): void {\n    const target = e.target as UDExListItemBase;\n    if (target.isGroup && target.hasAttribute(\"collapsible\") && !target.collapsed) {\n      target.collapsed = true;\n      this.setCollapsedItems(true, target);\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const lastItemIndex = items.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const isHeaderItem = items[previousSelectIndex].isGroup;\n    const nonInteractiveHeader = items[previousSelectIndex].nonInteractive && !items[previousSelectIndex].collapsible;\n\n    if (nonInteractiveHeader && previousSelectIndex === 0) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, lastItemIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[lastItemIndex]);\n      }\n      this.focusItem(items[lastItemIndex]);\n      return;\n    }\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex - 1);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex - 1]);\n      }\n      this.focusItem(items[previousSelectIndex - 1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, previousSelectIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex]);\n      }\n      this.focusHeader(items[previousSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[previousSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, previousSelectIndex);\n    setTimeout(() => {\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[previousSelectIndex]);\n      }\n      this.focusItem(items[previousSelectIndex]);\n    }, 0);\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const nextSelectIndex = currentSelectedIndex + 1 > items.length - 1 ? 0 : currentSelectedIndex + 1;\n    const isHeaderItem = items[nextSelectIndex].isGroup;\n    const nonInteractiveHeader = items[nextSelectIndex].nonInteractive && !items[nextSelectIndex].collapsible;\n\n    if (nonInteractiveHeader) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex + 1);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex + 1]);\n      }\n      this.focusItem(items[nextSelectIndex + 1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, nextSelectIndex);\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex]);\n      }\n      this.focusHeader(items[nextSelectIndex]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[nextSelectIndex].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, nextSelectIndex);\n    setTimeout(() => {\n      if (this._scrollIntoView) {\n        this.scrollToItem(items[nextSelectIndex]);\n      }\n      this.focusItem(items[nextSelectIndex]);\n    }, 0);\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n    const firstItem = items[0];\n    const isHeaderItem = firstItem.isGroup;\n    const nonInteractiveItem = firstItem.nonInteractive && !firstItem.collapsible;\n\n    if (nonInteractiveItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 1);\n      this.focusItem(items[1]);\n      return;\n    }\n\n    if (isHeaderItem) {\n      this.unsetTabIndexByIndex(items, currentSelectedIndex);\n      this.setTabIndexByIndex(items, 0);\n      this.focusHeader(items[0]);\n      return;\n    }\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[0].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, 0);\n    this.focusItem(items[0]);\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    const items = this.getKeyboardNavigationItems();\n    const currentSelectedIndex = this.getCurrentIndex(items, e.target as UDExListItemBase);\n\n    if (this.modeRadioGroup) {\n      items[currentSelectedIndex].selected = false;\n      items[items.length - 1].selected = true;\n    }\n\n    this.unsetTabIndexByIndex(items, currentSelectedIndex);\n    this.setTabIndexByIndex(items, items.length - 1);\n    this.focusItem(items[items.length - 1]);\n  }\n\n  handleLetterKey(e: KeyboardEvent): void {\n    const letterKey = e.key;\n    e.preventDefault();\n    this._focusHandler.focusMatchingListItem(letterKey);\n  }\n\n  onItemPress(clickedItem: UDExListItemBase): void {\n    if (this.modeSingleSelect && !this.controlled) {\n      this.revertSelectedItems(this.getSelectedItems());\n      clickedItem.selected = true;\n    }\n\n    if (this.modeRadioGroup && !this.controlled) {\n      const groupHeader = clickedItem.parentElement as UDExListGroupHeaderBase;\n      const groupItems = groupHeader.getItems() as Array<UDExListItemBase>;\n      this.revertSelectedItems(groupItems);\n      clickedItem.selected = true;\n    }\n\n    this.resetTabIndexes();\n    clickedItem._tabIndex = \"0\";\n\n    this.fireDecoratorEvent(\"selection-change\", {\n      listItems: this.getItemsFromList(),\n      selectedItems: this.getSelectedItems(),\n      item: clickedItem,\n    });\n  }\n\n  revertSelectedItems(items: Array<UDExListItemBase>): void {\n    items.forEach((item: UDExListItemBase) => {\n      if (!item.disabled) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSelectedItem(): void {\n    const selectedItemIndex = this.items.findIndex(item => item.selected);\n    this.resetTabIndexes();\n    if (selectedItemIndex !== -1 && this.modeSingleSelect) {\n      this.setTabIndexByIndex(this.items, selectedItemIndex);\n    }\n  }\n\n  focusHeader(item: UDExListItemBase): void {\n    const header = item.shadowRoot?.querySelector(\".udex-list__group-header-wrap\") as HTMLElement;\n    if (!header) { return; }\n    // If the wrap element is a custom element (e.g. udex-list-item used for MultiSelect\n    // collapsible headers), its host has no tabindex so .focus() is a no-op. Delegate\n    // to the inner [part=item] div which carries the actual tabindex.\n    const focusTarget = header.shadowRoot?.querySelector<HTMLElement>(\"[part=item]\") ?? header;\n    focusTarget.focus();\n  }\n\n  focusItem(item: UDExListItemBase): void {\n    // UI5Element.focus() is async. Synchronously drill to the focusable shadow element\n    // so focus is set immediately (required for JAWS and reliable Cypress assertions).\n    const focusTarget = item.shadowRoot?.querySelector<HTMLElement>(\"[part=item]\") ?? item;\n    focusTarget.focus();\n  }\n\n  scrollToItem(item: UDExListItemBase): void {\n    item.scrollIntoView({ block: this._scrollIntoView?.toLowerCase() as ScrollLogicalPosition });\n  }\n\n  unsetTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"-1\";\n  }\n\n  setTabIndexByIndex(items: UDExListItemBase[], index: number): void {\n    items[index]._tabIndex = \"0\";\n  }\n\n  getItems(): Array<UDExListItemBase> {\n    return this.getSlottedNodes<UDExListItemBase>(\"items\");\n  }\n\n  getSelectedItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => item.selected);\n  }\n\n  getCurrentIndex(items: Array<UDExListItemBase | HTMLElement>, item: UDExListItemBase | HTMLElement): number {\n    return items.indexOf(item);\n  }\n\n  getKeyboardNavigationItems(): Array<UDExListItemBase> {\n    return this.getItemsFromList().filter(item => {\n      const parent = item.parentElement as UDExListItemBase;\n      return !item.disabled\n        && (!item.isGroup || item.modeMultiSelect || item.collapsible)\n        && !(parent?.isGroup && parent.collapsed);\n    });\n  }\n\n  getItemsFromList(): Array<UDExListItemBase> {\n    const items: UDExListItemBase[] = [];\n    const slottedItems = this.getItems();\n\n    slottedItems.forEach(item => {\n      const childItems = item.isGroup ? item.children : [];\n      items.push(item, ...childItems as UDExListItemBase[]);\n    });\n\n    return items;\n  }\n\n  prepareListItemsMode(): void {\n    const treeMode = this._hasCollapsibleGroups;\n    this.getItemsFromList().forEach((item, index) => {\n      item.mode = this.mode;\n      item.controlled = this.controlled;\n      item.type = this.type;\n      item._icon = this.itemIcon;\n      item._tabIndex = this.getTabIndex(index, item);\n      if (item.isGroup) {\n        // Only upgrade _treeMode to true; never force it to false, since\n        // SearchableListBaseTemplate may have set _tree-mode=true externally.\n        if (treeMode) {\n          item._treeMode = true;\n        }\n      } else if (treeMode) {\n        // Set accessibleRole for standalone List tree mode.\n        // Never overwrite a value already set by an external template (e.g. FilterMenu\n        // sets accessible-role=\"treeitem\" on children via SearchableListBaseTemplate).\n        item.accessibleRole = \"treeitem\";\n        item.setAttribute(\"_list-managed-role\", \"\");\n      } else if (item.getAttribute(\"_list-managed-role\") !== null) {\n        item.accessibleRole = \"\";\n        item.removeAttribute(\"_list-managed-role\");\n      }\n    });\n  }\n\n  getTabIndex(index: number, item: UDExListItemBase): string {\n    const isFirstItem = this.modeSelected && index === 0;\n    const isFirstItemInGroupList = this.isGroupList && index === 1;\n    const listGroupHeader = item.closest(\"[udex-list-group-header]\") as UDExListGroupHeader;\n    const modeSingleOrRadio = this.modeSingleSelect || this.modeRadioGroup;\n    const isFirstHeader = item.isGroup && isFirstItem;\n    const isFirstHeaderMultiMode = isFirstHeader && this.modeMultiSelect && !item.nonInteractive;\n    const isFirstItemGroupSingleOrRadioMode = isFirstItemInGroupList && modeSingleOrRadio;\n    const isFirstItemGroupMultiMode = isFirstItemInGroupList && this.modeMultiSelect && listGroupHeader?.nonInteractive;\n    const isCollapsibleHeader = item.isGroup && item.collapsible;\n\n    if (isFirstHeaderMultiMode || isFirstItemGroupSingleOrRadioMode || isFirstItemGroupMultiMode || isFirstItem || isCollapsibleHeader) {\n      return \"0\";\n    }\n\n    return \"-1\";\n  }\n\n  resetTabIndexes(): void {\n    this.getItemsFromList().forEach(item => {\n      item._tabIndex = \"-1\";\n    });\n  }\n\n  setCollapsedItems(collapsed: boolean, target: UDExListItemBase): void {\n    const items = target.getSlottedNodes<UDExListItemBase>(\"items\");\n    items.forEach(item => {\n      if (collapsed) {\n        item.setAttribute(\"collapsed\", \"\");\n      } else {\n        item.removeAttribute(\"collapsed\");\n      }\n    });\n  }\n\n  get isGroupList(): boolean {\n    return this.getItemsFromList().some(item => item.isGroup);\n  }\n\n  get ariaLabelModeText(): string {\n    const defaultText = this.modeSingleSelect || this.modeRadioGroup\n      ? ARIA_LABEL_LIST_SELECTABLE\n      : ARIA_LABEL_LIST_MULTISELECTABLE;\n\n    return this.accessibleName || translate(UDExList, defaultText);\n  }\n\n  get ariaLabelledBy(): string {\n    return `${this._id}-mode-label`;\n  }\n\n  get singleContentAriaLabel(): string | undefined {\n    const label = this.accessibleName || this.headerText;\n    return label || undefined;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeMultiSelect(): boolean {\n    return this.mode === UDExListMode.MultiSelect;\n  }\n\n  get modeSingleSelect(): boolean {\n    return this.mode === UDExListMode.SingleSelect;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get holderHeight(): string {\n    return this.height ? this.height : \"auto\";\n  }\n\n  /** True when at least one slotted group header has the collapsible attribute. */\n  get _hasCollapsibleGroups(): boolean {\n    return this.getItems().some(item => item.isGroup && item.hasAttribute(\"collapsible\"));\n  }\n\n  /**\n   * The effective ARIA role for the inner list div.\n   * When the list has collapsible group headers it uses the tree pattern so that\n   * JAWS enters application mode and delivers arrow-key events to the component.\n   */\n  get effectiveAccessibleRole(): string {\n    return this._hasCollapsibleGroups ? \"tree\" : this.accessibleRole;\n  }\n\n  /**\n   * Role for SingleContent mode. listbox/option is for selection widgets only;\n   * SingleContent is informational so \"list\"/\"listitem\" is the correct semantic.\n   */\n  get singleContentRole(): string {\n    return this.accessibleRole !== \"listbox\" ? this.accessibleRole : \"list\";\n  }\n\n  /** aria-multiselectable exposed only for MultiSelect tree (collapsible groups). */\n  get _listAriaMultiSelectable(): string | undefined {\n    return (this._hasCollapsibleGroups && this.modeMultiSelect) ? \"true\" : undefined;\n  }\n}\n\nUDExList.define();\n\nexport default UDExList;\nexport type { UDExListSelectionChangeEventDetail };\n"]}

package/dist/ListGroupHeader.js

@@ -6,12 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import { isEnter, isLeft, isRight, isSpace, } from "@ui5/webcomponents-base/dist/Keys.js";
-import Icon from "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import UDExListGroupHeaderBase from "./ListGroupHeaderBase.js";
-import ListGroupHeaderTemplate from "./generated/templates/ListGroupHeaderTemplate.lit.js";
+import ListGroupHeaderTemplate from "./ListGroupHeaderTemplate.js";
 import { UDExListItemSize } from "./types/List.js";
 // Styles
 import ListGroupHeaderCss from "./generated/themes/ListGroupHeader.css.js";
@@ -94,10 +93,10 @@ let UDExListGroupHeader = class UDExListGroupHeader extends UDExListGroupHeaderB
 UDExListGroupHeader = __decorate([
     customElement({
         tag: "udex-list-group-header",
-        renderer: litRender,
+        languageAware: true,
+        renderer: jsxRenderer,
         styles: ListGroupHeaderCss,
         template: ListGroupHeaderTemplate,
-        dependencies: [Icon],
     })
     /**
        * Fired when selectable group header is pressed
@@ -107,6 +106,14 @@ UDExListGroupHeader = __decorate([
        */
     ,
     event("header-press", { bubbles: true })
+    /**
+     * Triggered when the user clicks on an accordion item.
+     * @public
+     * @param { string } name
+     * @param { boolean } expanded
+     */
+    ,
+    event("accordion-icon-click", { bubbles: true })
 ], UDExListGroupHeader);
 UDExListGroupHeader.define();
 export default UDExListGroupHeader;

package/dist/ListGroupHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListGroupHeader.js","sourceRoot":"","sources":["../src/ListGroupHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport {\n  isEnter, isLeft, isRight, isSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport ListGroupHeaderTemplate from \"./generated/templates/ListGroupHeaderTemplate.lit.js\";\nimport { UDExListItemSize } from \"./types/List.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst listGroupLargeClass: string = \"udex-list__group_large\";\n\ntype UDExListGroupHeaderBaseHeaderPressEventDetail = {\n  item: 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-list-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListGroupHeaderBase\n * @tagname udex-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-list-group-header\",\n  renderer: litRender,\n  styles: ListGroupHeaderCss,\n  template: ListGroupHeaderTemplate,\n  dependencies: [Icon],\n})\n\n/**\n   * Fired when selectable group header is pressed\n   *\n   * @public\n   * @param {HTMLElement} item The pressed group header item\n   */\n@event(\"header-press\", { bubbles: true })\n\nclass UDExListGroupHeader extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"header-press\": UDExListGroupHeaderBaseHeaderPressEventDetail,\n  } & UDExListItemBaseEvents;\n\n  handleHeaderPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireHeaderPress();\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isLeft(e) && !this.collapsed) {\n      this.handleCollapseIconClick(e);\n      return;\n    }\n    if (isRight(e) && this.collapsed) {\n      this.handleCollapseIconClick(e);\n    }\n  }\n\n  fireHeaderPress() {\n    this.fireDecoratorEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState() : undefined;\n  }\n\n  setCollapsedItems(): void {\n    const items = this.getSlottedNodes<UDExListItemBase>(\"items\");\n    items.forEach(item => {\n      if (this.collapsed) {\n        item.setAttribute(\"collapsed\", \"\");\n      } else {\n        item.removeAttribute(\"collapsed\");\n      }\n    });\n  }\n\n  handleCollapseIconClick(e: MouseEvent | KeyboardEvent) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.setContentHeight();\n    this.collapsed = !this.collapsed;\n    this.setCollapsedItems();\n    this.fireDecoratorEvent(\"accordion-icon-click\", { collapsed: this.collapsed });\n  }\n\n  get sizeClass(): string {\n    return this.size === UDExListItemSize.Large ? listGroupLargeClass : \"\";\n  }\n}\n\nUDExListGroupHeader.define();\n\nexport default UDExListGroupHeader;\nexport type { UDExListGroupHeaderBaseHeaderPressEventDetail };\n"]}
+{"version":3,"file":"ListGroupHeader.js","sourceRoot":"","sources":["../src/ListGroupHeader.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport {\n  isEnter, isLeft, isRight, isSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport ListGroupHeaderTemplate from \"./ListGroupHeaderTemplate.js\";\nimport { UDExListItemSize } from \"./types/List.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport type UDExListItemBase from \"./ListItemBase.js\";\n\n// Styles\nimport ListGroupHeaderCss from \"./generated/themes/ListGroupHeader.css.js\";\n\nconst listGroupLargeClass: string = \"udex-list__group_large\";\n\ntype UDExListGroupHeaderBaseHeaderPressEventDetail = {\n  item: 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-list-group-header</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListGroupHeader.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListGroupHeaderBase\n * @tagname udex-list-group-header\n * @public\n */\n@customElement({\n  tag: \"udex-list-group-header\",\n  languageAware: true,\n  renderer: jsxRenderer,\n  styles: ListGroupHeaderCss,\n  template: ListGroupHeaderTemplate,\n})\n\n/**\n   * Fired when selectable group header is pressed\n   *\n   * @public\n   * @param {HTMLElement} item The pressed group header item\n   */\n@event(\"header-press\", { bubbles: true })\n\n/**\n * Triggered when the user clicks on an accordion item.\n * @public\n * @param { string } name\n * @param { boolean } expanded\n */\n@event(\"accordion-icon-click\", { bubbles: true })\n\nclass UDExListGroupHeader extends UDExListGroupHeaderBase {\n  eventDetails!: {\n    \"header-press\": UDExListGroupHeaderBaseHeaderPressEventDetail,\n  } & UDExListItemBaseEvents;\n\n  handleHeaderPress() {\n    if (!this.controlled) {\n      this.handleSelectionGroupState();\n    }\n    this.fireHeaderPress();\n  }\n\n  handleKeyDownPress(e: KeyboardEvent) {\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.handleHeaderPress();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (isLeft(e) && !this.collapsed) {\n      this.handleCollapseIconClick(e);\n      return;\n    }\n    if (isRight(e) && this.collapsed) {\n      this.handleCollapseIconClick(e);\n    }\n  }\n\n  fireHeaderPress() {\n    this.fireDecoratorEvent(\"header-press\", {\n      item: this,\n    });\n  }\n\n  getHandleGroupItemsClick() {\n    const hasHandle = this.modeMultiSelect && !this.controlled;\n    return hasHandle ? this.handleHeaderState() : undefined;\n  }\n\n  setCollapsedItems(): void {\n    const items = this.getSlottedNodes<UDExListItemBase>(\"items\");\n    items.forEach(item => {\n      if (this.collapsed) {\n        item.setAttribute(\"collapsed\", \"\");\n      } else {\n        item.removeAttribute(\"collapsed\");\n      }\n    });\n  }\n\n  handleCollapseIconClick(e: MouseEvent | KeyboardEvent) {\n    e.stopPropagation();\n    e.preventDefault();\n    this.setContentHeight();\n    this.collapsed = !this.collapsed;\n    this.setCollapsedItems();\n    this.fireDecoratorEvent(\"accordion-icon-click\", { collapsed: this.collapsed });\n  }\n\n  get sizeClass(): string {\n    return this.size === UDExListItemSize.Large ? listGroupLargeClass : \"\";\n  }\n}\n\nUDExListGroupHeader.define();\n\nexport default UDExListGroupHeader;\nexport type { UDExListGroupHeaderBaseHeaderPressEventDetail };\n"]}

package/dist/ListGroupHeaderBase.d.ts

@@ -1,5 +1,5 @@
-import UDExListItemBase from "./ListItemBase.js";
 import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import UDExListItemBase from "./ListItemBase.js";
 /**
  * @class
  *

package/dist/ListGroupHeaderBase.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import UDExListItemBase from "./ListItemBase.js";
 const listGroupHeaderClass = "udex-list__group-header";
 /**
@@ -203,7 +203,7 @@ __decorate([
 UDExListGroupHeaderBase = __decorate([
     customElement({
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
     })
 ], UDExListGroupHeaderBase);
 export default UDExListGroupHeaderBase;

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 slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.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: litRender,\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   * 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  get singleCollapsibleHeaderRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\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    return this._treeMode ? \"none\" : \"group\";\n  }\n\n  get contentRegionRole(): string {\n    return this._treeMode ? \"group\" : \"region\";\n  }\n\n  get nonCollapsibleContainerRole(): string {\n    return \"group\";\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":"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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   * 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  get singleCollapsibleHeaderRole(): string {\n    return this._treeMode ? \"treeitem\" : \"button\";\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    return this._treeMode ? \"none\" : \"group\";\n  }\n\n  get contentRegionRole(): string {\n    return this._treeMode ? \"group\" : \"region\";\n  }\n\n  get nonCollapsibleContainerRole(): string {\n    return \"group\";\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.d.ts

@@ -0,0 +1,2 @@
+import type UDExListGroupHeader from "./ListGroupHeader.js";
+export default function ListGroupHeaderTemplate(this: UDExListGroupHeader): import("@ui5/webcomponents-base").JSX.Element;

package/dist/ListGroupHeaderTemplate.js

@@ -0,0 +1,33 @@
+import { jsxs as _jsxs, jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExListItem from "./ListItem.js";
+import UDExButton from "./Button.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import UDExButtonSize from "./types/ButtonSize.js";
+import UDExButtonDesign from "./types/ButtonDesign.js";
+import slimArrowRight from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+function SingleGroupHeader() {
+    return (_jsxs("div", { class: `udex-list__group-content udex-list__group-header-wrap ${this.sizeClass}`, part: "group-item", children: [this.typeNumber && _jsxs("span", { class: "udex-list__number", children: [this.numberOfItem, "."] }), this.typeCircle && _jsx("span", { class: "udex-list__circle", children: "\u2022" }), this.typeIcon && (_jsx(Icon, { class: "udex-list__icon", "accessible-role": "presentation", "aria-hidden": "true", part: "icon", name: this._icon })), _jsxs("div", { class: "udex-list__header", children: [_jsx("span", { id: "group-heading", class: "udex-list__header-title", ...{ innerHTML: this.label } }), this.supportingText && (_jsx("span", { class: `udex-list__supporting-text ${this.sizeClass}`, children: this.supportingText }))] })] }));
+}
+function SingleGroupHeaderCollapsible() {
+    return (_jsxs("div", { class: `udex-list__group-content 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, "_tab-index": Number(this._effectiveTabIndex), children: [this.typeNumber && _jsxs("span", { class: "udex-list__number", children: [this.numberOfItem, "."] }), this.typeCircle && _jsx("span", { class: "udex-list__circle", children: "\u2022" }), this.typeIcon && (_jsx(Icon, { name: this._icon, class: "udex-list__icon", "accessible-role": "presentation", "aria-hidden": "true", part: "icon" })), _jsxs("div", { class: "udex-list__header", children: [_jsx("span", { id: "group-heading", class: "udex-list__header-title", ...{ innerHTML: this.label } }), this.supportingText && (_jsx("span", { class: `udex-list__supporting-text ${this.sizeClass}`, children: this.supportingText }))] }), _jsx("div", { class: "udex-list__group-heading__icon-wrapper", children: _jsx(UDExButton, { size: "Small", design: "Tertiary", class: "udex-list__group-heading__icon", onClick: this.handleCollapseIconClick, tabindex: -1, "accessible-name": this.expandButtonAccessibleName, icon: slimArrowRight, ...{ "mode": "Interactive" } }) })] }));
+}
+function MultiOrRadioGroupHeader() {
+    if (this.isNonActiveHeader) {
+        return (_jsx("header", { id: "group-heading", class: "udex-list__inactive-header udex-list__group-header-wrap", children: _jsxs("div", { class: "udex-list__inactive-header-content", children: [_jsx("span", { class: "udex-list__header-title", ...{ innerHTML: this.label } }), this.supportingText && (_jsx("span", { class: "udex-list__supporting-text", children: this.supportingText }))] }) }));
+    }
+    return (_jsx(UDExListItem, { id: "group-heading", part: "group-item", role: "none", selected: this.selected, indeterminate: this.indeterminate, class: this.className, mode: this.mode, controlled: this.controlled, onClick: this.handleHeaderPress, onKeyDown: this.handleKeyDownPress, type: this.type, label: this.label, size: this.size, supportingText: this.supportingText, "accessible-role": this.nonCollapsibleHeaderAccessibleRole, "_additional-class-name": this._additionalClassName, "_tab-index": Number(this._effectiveTabIndex), _icon: this._icon, _filtered: this._filtered }));
+}
+function MultiOrRadioGroupHeaderCollapsible() {
+    if (this.isNonActiveHeader) {
+        return (_jsxs("header", { role: "button", id: "group-heading", class: "udex-list__inactive-header udex-list__group-header-wrap", tabIndex: Number(this._effectiveTabIndex), "aria-expanded": this.expanded, "aria-controls": this.ariaControlsId, children: [_jsxs("div", { class: "udex-list__inactive-header-content", children: [_jsx("span", { class: "udex-list__header-title", ...{ innerHTML: this.label } }), this.supportingText && (_jsx("span", { class: "udex-list__supporting-text", children: this.supportingText }))] }), _jsx("div", { class: "udex-list__group-heading__icon-wrapper", children: _jsx(UDExButton, { class: "udex-list__group-heading__icon", size: UDExButtonSize.Small, design: UDExButtonDesign.Tertiary, tabindex: -1, icon: slimArrowRight, onClick: this.handleCollapseIconClick, "accessible-name": this.expandButtonAccessibleName, ...{ "mode": "Interactive" } }) })] }));
+    }
+    return (_jsx(UDExListItem, { id: "group-heading", part: "group-item", role: "none", "aria-expanded": this.expanded, "aria-controls": this.ariaControlsId, selected: this.selected, indeterminate: this.indeterminate, collapsible: this.collapsible, collapsed: this.collapsed, class: this.className, mode: this.mode, controlled: this.controlled, onClick: this.handleHeaderPress, onKeyDown: this.handleKeyDownPress, type: this.type, label: this.label, size: this.size, supportingText: this.supportingText, "accessible-role": this.collapsibleHeaderAccessibleRole, onAccordionIconClick: this.handleCollapseIconClick, "_additional-class-name": this._additionalClassName, "_tab-index": Number(this._effectiveTabIndex), _icon: this._icon, _filtered: this._filtered }));
+}
+export default function ListGroupHeaderTemplate() {
+    return (_jsx("div", { part: "item", class: "udex-list__group", role: this.groupWrapperRole, "aria-labelledby": !this.isTreeAccessibleRole ? "group-heading" : undefined, children: this.collapsible ? (_jsxs("div", { class: "udex-list__group-list", "onui5-item-press": this.getHandleGroupItemsClick, ...{ name: "group" }, children: [this.useListItemHeader
+                    ? MultiOrRadioGroupHeaderCollapsible.call(this)
+                    : SingleGroupHeaderCollapsible.call(this), _jsx("div", { id: this.ariaControlsId, role: this.contentRegionRole, class: "udex-list__group-list__content", children: this.isTreeAccessibleRole ? (_jsx("slot", {})) : (_jsx("div", { role: "listbox", "aria-label": "group", children: _jsx("slot", {}) })) })] })) : (_jsxs("div", { role: this.nonCollapsibleContainerRole, class: "udex-list__group-list", "aria-label": "group", "onui5-item-press": this.getHandleGroupItemsClick, ...{ name: "group" }, children: [this.modeMultiSelectOrRadioGroup
+                    ? MultiOrRadioGroupHeader.call(this)
+                    : SingleGroupHeader.call(this), _jsx("slot", {})] })) }));
+}
+//# sourceMappingURL=ListGroupHeaderTemplate.js.map

package/dist/ListGroupHeaderTemplate.js.map

@@ -0,0 +1 @@
+{"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\nfunction SingleGroupHeaderCollapsible(this: UDExListGroupHeader) {\n  return (\n    <div\n      class={`udex-list__group-content 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      _tab-index={Number(this._effectiveTabIndex)}>\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 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          tabindex={-1}\n          accessible-name={this.expandButtonAccessibleName}\n          icon={slimArrowRight}\n          {...({ \"mode\": \"Interactive\" } as object)}\n        />\n      </div>\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      _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      _icon={this._icon}\n      _filtered={this._filtered}\n    />\n  );\n}\n\nexport default function ListGroupHeaderTemplate(this: UDExListGroupHeader) {\n  return (\n    <div\n      part=\"item\"\n      class=\"udex-list__group\"\n      role={this.groupWrapperRole as AriaRole}\n      aria-labelledby={!this.isTreeAccessibleRole ? \"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          <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        </div>\n      ) : (\n        <div\n          role={this.nonCollapsibleContainerRole as AriaRole}\n          class=\"udex-list__group-list\"\n          aria-label=\"group\"\n          onui5-item-press={this.getHandleGroupItemsClick}\n          {...({ name: \"group\" } as object)}>\n          {this.modeMultiSelectOrRadioGroup\n            ? MultiOrRadioGroupHeader.call(this)\n            : SingleGroupHeader.call(this)\n          }\n          <slot></slot>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/ListItem.d.ts

@@ -1,3 +1,4 @@
+import type { Slot, DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { UDExListItemBaseEvents } from "./ListItemBase.js";
 import UDExListItemBase from "./ListItemBase.js";
 import { UDExAvatarShape, UDExAvatarSize } from "./Avatar.js";
@@ -6,7 +7,6 @@ import { UDExDisplayType } from "./RatingIndicator.js";
 import type UDExStatusBadgeValueState from "./types/StatusBadgeValueState.js";
 import { UDExAdditionalTextState } from "./types/List.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 type UDExListItemBaseEventDetail = {
     item: HTMLElement;
 };

package/dist/ListItem.js

@@ -7,9 +7,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var UDExListItem_1;
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isEnter, isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
@@ -24,7 +24,7 @@ import UDExRadioButton from "./RadioButton.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { INDETERMINATE, SELECTED, UNSELECTED, RATING_INDICATOR_TEXT, RATING_COUNT_TITLE, TOTAL, } from "./generated/i18n/i18n-defaults.js";
 import translate from "./utils/translate.js";
-import ListItemTemplate from "./generated/templates/ListItemTemplate.lit.js";
+import ListItemTemplate from "./ListItemTemplate.js";
 // Styles
 import ListItemCss from "./generated/themes/ListItem.css.js";
 const listItemClass = "udex-list__item";
@@ -191,7 +191,11 @@ let UDExListItem = UDExListItem_1 = class UDExListItem extends UDExListItemBase
         if (this._useHostAriaRole) {
             return "presentation";
         }
-        return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;
+        if (this.accessibleRole.length > 0) {
+            return this.accessibleRole;
+        }
+        // SingleContent is informational (not a selection widget) — listitem is semantically correct
+        return this.modeSingleContent ? "listitem" : listItemRole;
     }
     get effectiveRole() {
         return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;
@@ -322,7 +326,8 @@ __decorate([
 UDExListItem = UDExListItem_1 = __decorate([
     customElement({
         tag: "udex-list-item",
-        renderer: litRender,
+        languageAware: true,
+        renderer: jsxRenderer,
         styles: ListItemCss,
         template: ListItemTemplate,
         dependencies: [

package/dist/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport UDExRatingIndicator, { UDExDisplayType } from \"./RatingIndicator.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  INDETERMINATE, SELECTED, UNSELECTED, RATING_INDICATOR_TEXT, RATING_COUNT_TITLE, TOTAL,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nimport ListItemTemplate from \"./generated/templates/ListItemTemplate.lit.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: 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-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  renderer: litRender,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    UDExRatingIndicator,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n * @param {boolean} selected Indicates whether the item is selected or not\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n * @param {HTMLElement} item The focused list item\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: DefaultSlot<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Slot<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Slot<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  _displayRating: UDExDisplayType = UDExDisplayType.Desktop;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n\n    this.deactivate = () => {\n      if (this.active) {\n        this.active = false;\n      }\n    };\n  }\n\n  onEnterDOM() {\n    document.addEventListener(\"mouseup\", this.deactivate);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM() {\n    document.removeEventListener(\"mouseup\", this.deactivate);\n  }\n\n  handleMouseDown() {\n    this.activate();\n  }\n\n  handleMouseUp() {\n    this.deactivate();\n  }\n\n  handleKeyUp(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.deactivate();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.firstIconElement === e.target || this.secondIconElement === e.target || (e.target as HTMLElement).classList.contains(\"udex-list__group-heading__icon\")) {\n      return;\n    }\n\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.activate();\n      this.handleItemClick(e);\n    }\n  }\n\n  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  handleItemClick(e: Event) {\n    if (this.disabled) {\n      return;\n    }\n    if (!this.indeterminate && !this.controlled) {\n      this.selected = !this.selected;\n    }\n    this.fireItemPress(e);\n  }\n\n  handleFocusIn() {\n    if (!this.disabled) {\n      this.focused = true;\n      this.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\n    }\n  }\n\n  handleFocusOut() {\n    if (!this.disabled) {\n      this.focused = false;\n      this.deactivate();\n    }\n  }\n\n  fireItemPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n    this.fireDecoratorEvent(\"item-press\", {\n      selected: this.selected,\n      item: this,\n    });\n  }\n\n  activate() {\n    if (!this.disabled) {\n      this.active = true;\n    }\n  }\n\n  get className(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    // When the host element carries the role (aria-activedescendant mode), the\n    // inner [part=item] div must be presentational to avoid a duplicate ARIA node.\n    if (this._useHostAriaRole) {\n      return \"presentation\";\n    }\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get effectiveRole(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get ariaCheckedValue(): \"true\" | \"false\" | \"mixed\" | undefined {\n    if (this.effectiveRole !== \"treeitem\") {\n      return undefined;\n    }\n    // Only MultiSelect treeitems expose aria-checked; SingleSelect uses aria-selected.\n    if (!this.modeMultiSelect) {\n      return undefined;\n    }\n    if (this.indeterminate) {\n      return \"mixed\";\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaSelectedValue(): \"true\" | \"false\" | undefined {\n    if (this.effectiveRole !== \"treeitem\") {\n      return undefined;\n    }\n    // Only SingleSelect treeitems expose aria-selected; MultiSelect uses aria-checked.\n    if (this.modeMultiSelect) {\n      return undefined;\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaExpandedValue(): \"true\" | \"false\" | undefined {\n    if (!this.collapsible) {\n      return undefined;\n    }\n    return this.expanded ? \"true\" : \"false\";\n  }\n\n  get checkboxAriaHidden(): boolean {\n    return this.effectiveRole === \"treeitem\";\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return translate(UDExListItem, INDETERMINATE);\n    }\n    return `${this.selected ? translate(UDExListItem, SELECTED) : translate(UDExListItem, UNSELECTED)} `;\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n\n  get ratingAriaLabel(): string {\n    const ratingText = this.ratingCount ? `${translate(UDExListItem, RATING_COUNT_TITLE)} ${this.ratingCount}` : \"\";\n    const totalText = this.totalCount ? `${translate(UDExListItem, TOTAL)} ${this.totalCount}` : \"\";\n    const ratingTitleText = translate(UDExListItem, RATING_INDICATOR_TEXT);\n    return [...[ratingText, totalText].filter(Boolean), `${ratingTitleText} ${this.rating} of ${this.ratingMax}`].join(\", \");\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\nexport type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };\n"]}
+{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../src/ListItem.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport type { Slot, DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport { isEnter, isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport UDExCheckbox from \"./Checkbox.js\";\nimport type { UDExListItemBaseEvents } from \"./ListItemBase.js\";\nimport UDExListItemBase from \"./ListItemBase.js\";\nimport type UDExListGroupHeaderBase from \"./ListGroupHeaderBase.js\";\nimport UDExAvatar, { UDExAvatarShape, UDExAvatarSize } from \"./Avatar.js\";\nimport UDExButton from \"./Button.js\";\nimport UDExStatusBadge from \"./StatusBadge.js\";\nimport UDExRatingIndicator, { UDExDisplayType } from \"./RatingIndicator.js\";\nimport type UDExStatusBadgeValueState from \"./types/StatusBadgeValueState.js\";\nimport { UDExListItemSize, UDExListMode, UDExAdditionalTextState } from \"./types/List.js\";\nimport UDExRadioButton from \"./RadioButton.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  INDETERMINATE, SELECTED, UNSELECTED, RATING_INDICATOR_TEXT, RATING_COUNT_TITLE, TOTAL,\n} from \"./generated/i18n/i18n-defaults.js\";\nimport translate from \"./utils/translate.js\";\n\nimport ListItemTemplate from \"./ListItemTemplate.js\";\n\n// Styles\nimport ListItemCss from \"./generated/themes/ListItem.css.js\";\n\nconst listItemClass: string = \"udex-list__item\";\nconst listItemRole: string = \"option\";\n\ntype UDExListItemBaseEventDetail = {\n  item: HTMLElement,\n}\n\ntype UDExListItemItemPressEventDetail = {\n  selected: boolean,\n  item: 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-list-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/ListItem.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UDExListItemBase\n * @tagname udex-list-item\n * @public\n */\n\n@customElement({\n  tag: \"udex-list-item\",\n  languageAware: true,\n  renderer: jsxRenderer,\n  styles: ListItemCss,\n  template: ListItemTemplate,\n  dependencies: [\n    UDExAvatar,\n    UDExButton,\n    UDExRadioButton,\n    UDExCheckbox,\n    UDExStatusBadge,\n    UDExRatingIndicator,\n    Icon,\n  ],\n})\n\n/**\n * Fired event when the user click on a list item.\n *\n * @public\n * @param {boolean} selected Indicates whether the item is selected or not\n */\n@event(\"item-press\", { bubbles: true })\n/**\n * Fired event when the user focuses on a list item.\n *\n * @public\n * @param {HTMLElement} item The focused list item\n */\n@event(\"item-focus\", { bubbles: true })\n\nclass UDExListItem extends UDExListItemBase {\n  eventDetails!: {\n    \"item-press\": UDExListItemItemPressEventDetail,\n    \"item-focus\": UDExListItemBaseEventDetail,\n  } & UDExListItemBaseEvents;\n  /**\n   * Defines the image badge state of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    imageBadgeState?: `${UDExStatusBadgeValueState}`;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    accessibleName: string = \"\";\n\n  /**\n   * Defines the position for flag image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    flagPosition?: string;\n\n  /**\n   * Defines the image, displayed at the start of the item.\n   *\n   * @public\n   */\n  @property({ type: Boolean })\n    flag?: boolean;\n\n  /**\n   * Indicates if the item is active.\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    active!: boolean;\n\n  /**\n   * Indicates if the item is on focus\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    focused!: boolean;\n\n  /**\n   * Defines the additionalText, displayed at the end of the list item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    additionalText?: string;\n\n  /**\n   * Defines the state of the additionalText.\n   *\n   * @default \"None\"\n   * @public\n   */\n  @property()\n    additionalTextState: `${UDExAdditionalTextState}` = UDExAdditionalTextState.None;\n\n  /**\n   * Allows control over the image source.\n   *\n   * @public\n   */\n  @property({ type: String })\n    image?: string;\n\n  /**\n   * Allows control over the alternative text of the image.\n   *\n   * @public\n   */\n  @property({ type: String })\n    imageAlt?: string;\n\n  /**\n   * Defines the shape of the image.\n   *\n   * @default \"Circle\"\n   * @public\n   */\n  @property()\n    imageShape: `${UDExAvatarShape}` = UDExAvatarShape.Circle;\n\n  /**\n   * Allows control over the size of the image.\n   *\n   * @default \"S\"\n   * @public\n   */\n  @property()\n    imageSize: `${UDExAvatarSize}` = UDExAvatarSize.S;\n\n  /**\n   * Slot for list item content.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: Node, \"default\": true })\n    content!: DefaultSlot<Node>;\n\n  /**\n   * Slot for first icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    firstIcon!: Slot<UDExButton>;\n\n  /**\n   * Slot for second icon.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: UDExButton })\n    secondIcon!: Slot<UDExButton>;\n\n  /**\n  * Defines the role attribute of component\n  *\n  * @default \"\"\n  * @public\n  */\n  @property({ type: String })\n    accessibleRole: string = \"\";\n\n  @property({ type: String })\n    _additionalClassName!: string;\n\n  _displayRating: UDExDisplayType = UDExDisplayType.Desktop;\n\n  deactivate: () => void;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  constructor() {\n    super();\n\n    this.deactivate = () => {\n      if (this.active) {\n        this.active = false;\n      }\n    };\n  }\n\n  onEnterDOM() {\n    document.addEventListener(\"mouseup\", this.deactivate);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM() {\n    document.removeEventListener(\"mouseup\", this.deactivate);\n  }\n\n  handleMouseDown() {\n    this.activate();\n  }\n\n  handleMouseUp() {\n    this.deactivate();\n  }\n\n  handleKeyUp(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.deactivate();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    if (this.firstIconElement === e.target || this.secondIconElement === e.target || (e.target as HTMLElement).classList.contains(\"udex-list__group-heading__icon\")) {\n      return;\n    }\n\n    if (isSpace(e)) {\n      e.preventDefault();\n    }\n    if (isSpace(e) || isEnter(e)) {\n      this.activate();\n      this.handleItemClick(e);\n    }\n  }\n\n  handleKeyDownIcon(e: KeyboardEvent) {\n    e.stopPropagation();\n  }\n\n  handleItemClick(e: Event) {\n    if (this.disabled) {\n      return;\n    }\n    if (!this.indeterminate && !this.controlled) {\n      this.selected = !this.selected;\n    }\n    this.fireItemPress(e);\n  }\n\n  handleFocusIn() {\n    if (!this.disabled) {\n      this.focused = true;\n      this.fireDecoratorEvent(\"item-focus\", {\n        item: this,\n      });\n    }\n  }\n\n  handleFocusOut() {\n    if (!this.disabled) {\n      this.focused = false;\n      this.deactivate();\n    }\n  }\n\n  fireItemPress(e: Event) {\n    if (isEnter(e as KeyboardEvent)) {\n      e.preventDefault();\n    }\n    this.fireDecoratorEvent(\"item-press\", {\n      selected: this.selected,\n      item: this,\n    });\n  }\n\n  activate() {\n    if (!this.disabled) {\n      this.active = true;\n    }\n  }\n\n  get className(): string {\n    const isGroupChild = this?.parentElement as UDExListGroupHeaderBase;\n    const controlledClassName = this.controlled ? `${listItemClass}_controlled` : \"\";\n    const groupClassName = isGroupChild?.isGroup ? `${listItemClass}_group` : \"\";\n    const largeSizeClassName = this.isLargeSize ? `${listItemClass}_large` : \"\";\n    return `${listItemClass} ${groupClassName} ${this._additionalClassName} ${controlledClassName} ${largeSizeClassName}`.trim();\n  }\n\n  get firstIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"firstIcon\")[0];\n  }\n\n  get secondIconElement(): UDExButton {\n    return this.getSlottedNodes<UDExButton>(\"secondIcon\")[0];\n  }\n\n  get hasFirstIcon(): boolean {\n    return !!this.firstIcon;\n  }\n\n  get hasSecondIcon(): boolean {\n    return !!this.secondIcon;\n  }\n\n  get roleItem(): string {\n    // When the host element carries the role (aria-activedescendant mode), the\n    // inner [part=item] div must be presentational to avoid a duplicate ARIA node.\n    if (this._useHostAriaRole) {\n      return \"presentation\";\n    }\n    if (this.accessibleRole.length > 0) {\n      return this.accessibleRole;\n    }\n    // SingleContent is informational (not a selection widget) — listitem is semantically correct\n    return this.modeSingleContent ? \"listitem\" : listItemRole;\n  }\n\n  get effectiveRole(): string {\n    return this.accessibleRole.length > 0 ? this.accessibleRole : listItemRole;\n  }\n\n  get ariaCheckedValue(): \"true\" | \"false\" | \"mixed\" | undefined {\n    if (this.effectiveRole !== \"treeitem\") {\n      return undefined;\n    }\n    // Only MultiSelect treeitems expose aria-checked; SingleSelect uses aria-selected.\n    if (!this.modeMultiSelect) {\n      return undefined;\n    }\n    if (this.indeterminate) {\n      return \"mixed\";\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaSelectedValue(): \"true\" | \"false\" | undefined {\n    if (this.effectiveRole !== \"treeitem\") {\n      return undefined;\n    }\n    // Only SingleSelect treeitems expose aria-selected; MultiSelect uses aria-checked.\n    if (this.modeMultiSelect) {\n      return undefined;\n    }\n    return this.selected ? \"true\" : \"false\";\n  }\n\n  get ariaExpandedValue(): \"true\" | \"false\" | undefined {\n    if (!this.collapsible) {\n      return undefined;\n    }\n    return this.expanded ? \"true\" : \"false\";\n  }\n\n  get checkboxAriaHidden(): boolean {\n    return this.effectiveRole === \"treeitem\";\n  }\n\n  get _ariaDisabled(): boolean | undefined {\n    return this.disabled ? true : undefined;\n  }\n\n  get modeSingleContent(): boolean {\n    return this.mode === UDExListMode.SingleContent;\n  }\n\n  get modeRadioGroup(): boolean {\n    return this.mode === UDExListMode.RadioGroup;\n  }\n\n  get modeSelected(): boolean {\n    return [UDExListMode.SingleSelect, UDExListMode.MultiSelect, UDExListMode.RadioGroup].includes(this.mode as UDExListMode);\n  }\n\n  get isLargeSize(): boolean {\n    return this.size === UDExListItemSize.Large;\n  }\n\n  get accessibleListItemName(): string {\n    return this.accessibleName || this.label?.replace(/<[^>]+>/g, \"\");\n  }\n\n  get stateAccessibleName(): string {\n    if (this.indeterminate) {\n      return translate(UDExListItem, INDETERMINATE);\n    }\n    return `${this.selected ? translate(UDExListItem, SELECTED) : translate(UDExListItem, UNSELECTED)} `;\n  }\n\n  get itemDescribedBy(): string {\n    return `${this._id}-invisibleText-describedby`;\n  }\n\n  get itemState(): string {\n    return this.selected ? \"Selected\" : \"Not selected\";\n  }\n\n  get ratingAriaLabel(): string {\n    const ratingText = this.ratingCount ? `${translate(UDExListItem, RATING_COUNT_TITLE)} ${this.ratingCount}` : \"\";\n    const totalText = this.totalCount ? `${translate(UDExListItem, TOTAL)} ${this.totalCount}` : \"\";\n    const ratingTitleText = translate(UDExListItem, RATING_INDICATOR_TEXT);\n    return [...[ratingText, totalText].filter(Boolean), `${ratingTitleText} ${this.rating} of ${this.ratingMax}`].join(\", \");\n  }\n}\n\nUDExListItem.define();\n\nexport default UDExListItem;\nexport type { UDExListItemBaseEventDetail, UDExListItemItemPressEventDetail };\n"]}

package/dist/ListItemBase.d.ts

@@ -169,6 +169,7 @@ declare class UDExListItemBase extends UI5Element {
     contentElement: HTMLElement | null | undefined;
     constructor();
     static i18nBundle: I18nBundle;
+    onAfterRendering(): void;
     onEnterDOM(): void;
     onExitDOM(): void;
     setContentHeight(): void;