@sapudex/web-components 2.44.0 → 2.45.0

package/dist/MastheadShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { DefaultSlot, ChangeInfo } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS, SEARCH } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { UDExMastheadDropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport type UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"14px '72 Brand Variable'\";\n\nexport type MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\nexport type MastheadItemType = UDExMastheadItem | null | undefined;\n\nexport enum UDExMastheadVariable {\n  itemArrowIconMarginInlineStart = \"--udex-masthead-item-arrow-margin-inline-start\",\n  mobileMenuHeight = \"--udex-masthead-shell-mobile-menu-height\",\n  itemButtonIconSize = \"--udex-masthead-item-button-icon-size\",\n  itemArrowIconSize = \"--udex-masthead-item-arrow-icon-size\",\n  rightMenuPadding = \"--udex-masthead-right-menu-padding\",\n  exploreMargin = \"--udex-masthead-shell-explore-margin\",\n  itemIconGap = \"--udex-masthead-shell-item-icon-gap\",\n  mastheadHeight = \"--udex-masthead-shell-height\",\n  itemGap = \"--udex-masthead-shell-item-gap\",\n}\n\ntype UDExMastheadShellBaseEventDetail = {\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n  item?: UDExMastheadItem,\n}\n\ntype UDExMastheadShellAnalyticsNameEventDetail = {\n  analyticsName: AnalyticsName,\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-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu open event\n */\n@event(\"mobile-menu-open\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu close event\n */\n@event(\"mobile-menu-close\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n *\n */\n@event(\"search-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search close click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"search-close-click\", { bubbles: true })\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search opened event\n */\n@event(\"search-opened\", { bubbles: true })\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search closed event\n */\n@event(\"search-closed\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the joule button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the joule click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"joule-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the cart click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"cart-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the support button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the support click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"support-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the profile click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"profile-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the country selector click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"country-selector-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the logo click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"logo-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the site label click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"site-label-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the co-brand.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the co-brand click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"co-brand-click\", { bubbles: true })\n\nclass UDExMastheadShell extends UI5Element {\n  eventDetails!: {\n    \"mobile-menu-open\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"mobile-menu-close\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-opened\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-closed\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"joule-click\": UDExMastheadShellBaseEventDetail,\n    \"cart-click\": UDExMastheadShellBaseEventDetail,\n    \"support-click\": UDExMastheadShellBaseEventDetail,\n    \"profile-click\": UDExMastheadShellBaseEventDetail,\n    \"country-selector-click\": UDExMastheadShellBaseEventDetail,\n    \"search-click\": UDExMastheadShellBaseEventDetail,\n    \"search-close-click\": UDExMastheadShellBaseEventDetail,\n    \"logo-click\": UDExMastheadShellBaseEventDetail,\n    \"site-label-click\": UDExMastheadShellBaseEventDetail,\n    \"co-brand-click\": UDExMastheadShellBaseEventDetail,\n  };\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: DefaultSlot<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for joule menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    joule!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for support\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    support!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homeUrl?: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelUrl?: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandImage?: string;\n\n  /**\n   * Defines an alt text for the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    coBrandAlt?: string;\n\n  /**\n   * Defines the co-brand URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandUrl?: string;\n\n  /**\n   * Defines the default tooltip title for co-brand\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandTitle?: string;\n\n  /**\n   * Defines an aria label for the co-brand link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandAriaLabel?: string;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoUrl?: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoTitle?: string;\n\n  /**\n   * Defines the default tooltip title for site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelTitle?: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabel?: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoAlt?: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    closeButtonAccessibleName?: string;\n\n  /**\n   * Defines an accessible name for open search icon\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    openSearchButtonAccessibleName?: string;\n\n  /**\n   * Defines an accessible name for the close mobile menu button\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    mobileCloseButtonAccessibleName?: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homepageAriaLabel?: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelAriaLabel?: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _desktopSearch!: UDExSearch | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n  _isVisible!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onBeforeRendering() {\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._desktopSearch = this.desktopSearchSlot;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened && this._desktopSearch) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n\n    if (this.shouldHandleMobileView) {\n      this.updateVisibility();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  onInvalidation({ name }: ChangeInfo): void {\n    if (name === \"default\" && this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isAtMostBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n      this.setProfileMobileMode();\n    }\n\n    this.recalculateOpenDropdownPosition();\n    this._shouldHandleResize = true;\n  }\n\n  recalculateOpenDropdownPosition(): void {\n    this.getSelectedItems()\n      .filter(item => item.hasDropdownSlot && !item.isMobile && !item.isExploreBtn)\n      .forEach(item => item.recalculateDropdownPosition());\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n\n      this._isVisible = true;\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail.e as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLogoClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"logo-click\", e);\n  }\n\n  handleSiteLabelClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"site-label-click\", e);\n  }\n\n  handleCoBrandClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"co-brand-click\", e);\n  }\n\n  handleSearchClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"search-click\", e);\n    this.openSearch();\n  }\n\n  handleCartClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"cart-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleJouleClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"joule-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleProfileClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"profile-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleSupportClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"support-click\", e);\n  }\n\n  handleCountrySelectorClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"country-selector-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: PointerEvent): void {\n    this._closeBtnClicked = true;\n    this.fireMastheadEvent(\"search-close-click\", e);\n    this.closeSearch();\n    this.resetSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const input = this._desktopSearch?.shadowRoot!.querySelector<HTMLElement>(\"input\");\n    input?.focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, UDExMastheadDropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  resetSearch(): void {\n    if (this._desktopSearch) {\n      this._desktopSearch.value = \"\";\n    }\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.joule,\n      ...this.cart,\n      ...this.support,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreItem = this.exploreSAP[0];\n    const hasArrowIcon = exploreItem?.hasArrowDown && !exploreItem?.hideArrowIcon;\n    const exploreItemIconWidth = hasArrowIcon ? this.getItemArrowIconWidth() : 0;\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(exploreItem) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + exploreItemIconWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconSize(cssVariableName: string): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) {\n      return 0;\n    }\n\n    const style = window.getComputedStyle(item);\n    const iconSizeVar = style.getPropertyValue(cssVariableName);\n    return parseInt(iconSizeVar);\n  }\n\n  getItemIconWidth(): number {\n    return this.getItemIconSize(UDExMastheadVariable.itemButtonIconSize);\n  }\n\n  getItemArrowIconWidth(): number {\n    const arrowIconSize = this.getItemIconSize(UDExMastheadVariable.itemArrowIconSize);\n    const marginInlineStart = this.getItemIconSize(UDExMastheadVariable.itemArrowIconMarginInlineStart);\n    return arrowIconSize + marginInlineStart;\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(UDExMastheadVariable.itemGap);\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      const mainItem = item as UDExMastheadItem;\n      const hasArrowIcon = mainItem.hasArrowDown && !mainItem.hideArrowIcon;\n      const arrowIconWidth = hasArrowIcon ? this.getItemArrowIconWidth() : 0;\n      return accumulatedWidth + this.getItemWidth(mainItem) + (index && parseInt(gapItemVar)) + arrowIconWidth;\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(UDExMastheadVariable.itemIconGap);\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(UDExMastheadVariable.exploreMargin);\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(UDExMastheadVariable.rightMenuPadding);\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  setMobileMenuHeight(): void {\n    const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue(UDExMastheadVariable.mastheadHeight));\n    const rectTop = this.getBoundingClientRect().top;\n    const mobileMenuHeight = `${window.innerHeight - mastheadHeight - rectTop}px`;\n    this.style.setProperty(UDExMastheadVariable.mobileMenuHeight, mobileMenuHeight);\n  }\n\n  setProfileMobileMode(): void {\n    if (this.profileMenu) {\n      this.profileMenu._isMobileMode = this.isMobileMenuMode;\n    }\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  updateVisibility(): void {\n    this.style.opacity = this.isVisible ? \"1\" : \"0\";\n  }\n\n  fireMastheadEvent(eventName: keyof this[\"eventDetails\"], e?: PointerEvent): void {\n    const eventDetails = {\n      analyticsName: AnalyticsName.Header,\n      ...(e && { originalEvent: e }),\n      ...(e && { sourceNode: e.currentTarget as HTMLElement }),\n    } as this[\"eventDetails\"][typeof eventName];\n    this.fireDecoratorEvent(eventName, eventDetails);\n  }\n\n  mobileMenuReset(): void {\n    if (this._isMobileMenuOpen) {\n      this._mobileMenu?.showFirstLevelMenu();\n      this._mobileMenu?.resetSearch();\n    }\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireMastheadEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isAtMostBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireMastheadEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && this.isMobileMenuMode) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this._isMobileMenuOpen = false;\n    this._mobileMenu?.showFirstLevelMenu();\n    this._mobileMenu?.resetSearch();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.supportItem,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get desktopSearchSlot(): UDExSearch | null {\n    return this.querySelector<UDExSearch>(\"[udex-search]\");\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get supportItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"support\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasJoule(): boolean {\n    return !!this.joule.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasSupport(): boolean {\n    return !!this.support.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileMenuMode(): boolean {\n    return this._isMobileMode || this.isAtMostBreakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened && !!this.menuItems.length;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get isVisible(): boolean {\n    return this.isMobileMenuMode || !this.menuItems.length || this._isVisible;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isAtMostBreakpointSizeM && this.isMainMenuVisible;\n  }\n\n  get openSearchButtonAccessibleNameText(): string {\n    return this.openSearchButtonAccessibleName || translate(UDExMastheadShell, SEARCH);\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return translate(UDExMastheadShell, MAIN_LINKS);\n  }\n\n  get isSimpleExploreMode(): boolean {\n    return !this.hasSearch && !this.hasProfile && !this.hasCart && !this.hasSupport && !this.hasCountrySelector;\n  }\n\n  get rightMenuClass(): string {\n    const root = \"udex-masthead-shell__right-menu\";\n    const simpleExploreClass = this.isSimpleExploreMode ? `${root}_simple-explore` : \"\";\n    return `${root} ${simpleExploreClass}`.trim();\n  }\n\n  get mainClass(): string {\n    const root = \"udex-masthead-shell\";\n    const coBrandWithoutNavClass = (!!this.coBrandImage && !this.menuItems.length) ? `${root}_co-brand-without-nav` : \"\";\n    return `${root} ${coBrandWithoutNavClass}`.trim();\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\nexport type { UDExMastheadShellBaseEventDetail, UDExMastheadShellAnalyticsNameEventDetail };\n"]}
+{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { DefaultSlot, ChangeInfo } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS, SEARCH } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { UDExMastheadDropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport type UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport type UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"14px '72 Brand Variable'\";\n\nexport type MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\nexport type MastheadItemType = UDExMastheadItem | null | undefined;\n\nexport enum UDExMastheadVariable {\n  itemArrowIconMarginInlineStart = \"--udex-masthead-item-arrow-margin-inline-start\",\n  mobileMenuHeight = \"--udex-masthead-shell-mobile-menu-height\",\n  itemButtonIconSize = \"--udex-masthead-item-button-icon-size\",\n  itemArrowIconSize = \"--udex-masthead-item-arrow-icon-size\",\n  rightMenuPadding = \"--udex-masthead-right-menu-padding\",\n  exploreMargin = \"--udex-masthead-shell-explore-margin\",\n  itemIconGap = \"--udex-masthead-shell-item-icon-gap\",\n  mastheadHeight = \"--udex-masthead-shell-height\",\n  itemGap = \"--udex-masthead-shell-item-gap\",\n}\n\ntype UDExMastheadShellBaseEventDetail = {\n  originalEvent: PointerEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n  item?: UDExMastheadItem,\n}\n\ntype UDExMastheadShellAnalyticsNameEventDetail = {\n  analyticsName: AnalyticsName,\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-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu open event\n */\n@event(\"mobile-menu-open\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the mobile menu close event\n */\n@event(\"mobile-menu-close\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n *\n */\n@event(\"search-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search close click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"search-close-click\", { bubbles: true })\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search opened event\n */\n@event(\"search-opened\", { bubbles: true })\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the search closed event\n */\n@event(\"search-closed\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the joule button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the joule click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"joule-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the cart click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"cart-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the support button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the support click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"support-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the profile click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"profile-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the country selector click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"country-selector-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the logo click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"logo-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the site label click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"site-label-click\", { bubbles: true })\n\n/**\n * Fired event when the user clicks the co-brand.\n *\n * @public\n * @param {AnalyticsName} analyticsName The analytics name for the co-brand click event\n * @param {PointerEvent} originalEvent The original pointer event\n * @param {HTMLElement} sourceNode The source element that fired the event\n * @param {UDExMastheadItem} [item] The masthead item that was clicked\n */\n@event(\"co-brand-click\", { bubbles: true })\n\nclass UDExMastheadShell extends UI5Element {\n  eventDetails!: {\n    \"mobile-menu-open\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"mobile-menu-close\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-opened\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"search-closed\": UDExMastheadShellAnalyticsNameEventDetail,\n    \"joule-click\": UDExMastheadShellBaseEventDetail,\n    \"cart-click\": UDExMastheadShellBaseEventDetail,\n    \"support-click\": UDExMastheadShellBaseEventDetail,\n    \"profile-click\": UDExMastheadShellBaseEventDetail,\n    \"country-selector-click\": UDExMastheadShellBaseEventDetail,\n    \"search-click\": UDExMastheadShellBaseEventDetail,\n    \"search-close-click\": UDExMastheadShellBaseEventDetail,\n    \"logo-click\": UDExMastheadShellBaseEventDetail,\n    \"site-label-click\": UDExMastheadShellBaseEventDetail,\n    \"co-brand-click\": UDExMastheadShellBaseEventDetail,\n  };\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: DefaultSlot<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for joule menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    joule!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for support\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    support!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homeUrl?: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelUrl?: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandImage?: string;\n\n  /**\n   * Defines an alt text for the co-brand image\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    coBrandAlt?: string;\n\n  /**\n   * Defines the co-brand URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandUrl?: string;\n\n  /**\n   * Defines the default tooltip title for co-brand\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandTitle?: string;\n\n  /**\n   * Defines an aria label for the co-brand link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    coBrandAriaLabel?: string;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoUrl?: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoTitle?: string;\n\n  /**\n   * Defines the default tooltip title for site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelTitle?: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabel?: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    logoAlt?: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    closeButtonAccessibleName?: string;\n\n  /**\n   * Defines an accessible name for open search icon\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    openSearchButtonAccessibleName?: string;\n\n  /**\n   * Defines an accessible name for the close mobile menu button\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    mobileCloseButtonAccessibleName?: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    homepageAriaLabel?: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    siteLabelAriaLabel?: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _desktopSearch!: UDExSearch | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _handleWindowResizeBound: () => void;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n  _isVisible!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n    this._handleWindowResizeBound = this._handleWindowResize.bind(this);\n  }\n\n  onBeforeRendering() {\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._desktopSearch = this.desktopSearchSlot;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened && this._desktopSearch) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n\n    if (this.shouldHandleMobileView) {\n      this.updateVisibility();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n    window.addEventListener(\"resize\", this._handleWindowResizeBound);\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n    window.removeEventListener(\"resize\", this._handleWindowResizeBound);\n  }\n\n  _handleWindowResize(): void {\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n    }\n  }\n\n  onInvalidation({ name }: ChangeInfo): void {\n    if (name === \"default\" && this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isAtMostBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    if (this.isMobileMenuMode) {\n      this.setMobileMenuHeight();\n      this.setProfileMobileMode();\n    }\n\n    this.recalculateOpenDropdownPosition();\n    this._shouldHandleResize = true;\n  }\n\n  recalculateOpenDropdownPosition(): void {\n    this.getSelectedItems()\n      .filter(item => item.hasDropdownSlot && !item.isMobile && !item.isExploreBtn)\n      .forEach(item => item.recalculateDropdownPosition());\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n\n      this._isVisible = true;\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail.e as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLogoClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"logo-click\", e);\n  }\n\n  handleSiteLabelClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"site-label-click\", e);\n  }\n\n  handleCoBrandClick(e: PointerEvent): void {\n    this.fireMastheadEvent(\"co-brand-click\", e);\n  }\n\n  handleSearchClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"search-click\", e);\n    this.openSearch();\n  }\n\n  handleCartClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"cart-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleJouleClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"joule-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleProfileClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"profile-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleSupportClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"support-click\", e);\n  }\n\n  handleCountrySelectorClick(e: PointerEvent): void {\n    e.stopPropagation();\n    this.fireMastheadEvent(\"country-selector-click\", e);\n    this.mobileMenuReset();\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: PointerEvent): void {\n    this._closeBtnClicked = true;\n    this.fireMastheadEvent(\"search-close-click\", e);\n    this.closeSearch();\n    this.resetSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const input = this._desktopSearch?.shadowRoot!.querySelector<HTMLElement>(\"input\");\n    input?.focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, UDExMastheadDropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  resetSearch(): void {\n    if (this._desktopSearch) {\n      this._desktopSearch.value = \"\";\n    }\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.joule,\n      ...this.cart,\n      ...this.support,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreItem = this.exploreSAP[0];\n    const hasArrowIcon = exploreItem?.hasArrowDown && !exploreItem?.hideArrowIcon;\n    const exploreItemIconWidth = hasArrowIcon ? this.getItemArrowIconWidth() : 0;\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(exploreItem) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + exploreItemIconWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconSize(cssVariableName: string): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) {\n      return 0;\n    }\n\n    const style = window.getComputedStyle(item);\n    const iconSizeVar = style.getPropertyValue(cssVariableName);\n    return parseInt(iconSizeVar);\n  }\n\n  getItemIconWidth(): number {\n    return this.getItemIconSize(UDExMastheadVariable.itemButtonIconSize);\n  }\n\n  getItemArrowIconWidth(): number {\n    const arrowIconSize = this.getItemIconSize(UDExMastheadVariable.itemArrowIconSize);\n    const marginInlineStart = this.getItemIconSize(UDExMastheadVariable.itemArrowIconMarginInlineStart);\n    return arrowIconSize + marginInlineStart;\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(UDExMastheadVariable.itemGap);\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      const mainItem = item as UDExMastheadItem;\n      const hasArrowIcon = mainItem.hasArrowDown && !mainItem.hideArrowIcon;\n      const arrowIconWidth = hasArrowIcon ? this.getItemArrowIconWidth() : 0;\n      return accumulatedWidth + this.getItemWidth(mainItem) + (index && parseInt(gapItemVar)) + arrowIconWidth;\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(UDExMastheadVariable.itemIconGap);\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(UDExMastheadVariable.exploreMargin);\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(UDExMastheadVariable.rightMenuPadding);\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  setMobileMenuHeight(): void {\n    const mastheadHeight = parseInt(window.getComputedStyle(this).getPropertyValue(UDExMastheadVariable.mastheadHeight));\n    const rectTop = this.getBoundingClientRect().top;\n    const mobileMenuHeight = `${window.innerHeight - mastheadHeight - rectTop}px`;\n    this.style.setProperty(UDExMastheadVariable.mobileMenuHeight, mobileMenuHeight);\n  }\n\n  setProfileMobileMode(): void {\n    if (this.profileMenu) {\n      this.profileMenu._isMobileMode = this.isMobileMenuMode;\n    }\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  updateVisibility(): void {\n    this.style.opacity = this.isVisible ? \"1\" : \"0\";\n  }\n\n  fireMastheadEvent(eventName: keyof this[\"eventDetails\"], e?: PointerEvent): void {\n    const eventDetails = {\n      analyticsName: AnalyticsName.Header,\n      ...(e && { originalEvent: e }),\n      ...(e && { sourceNode: e.currentTarget as HTMLElement }),\n    } as this[\"eventDetails\"][typeof eventName];\n    this.fireDecoratorEvent(eventName, eventDetails);\n  }\n\n  mobileMenuReset(): void {\n    if (this._isMobileMenuOpen) {\n      this._mobileMenu?.showFirstLevelMenu();\n      this._mobileMenu?.resetSearch();\n    }\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireMastheadEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isAtMostBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireMastheadEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && this.isMobileMenuMode) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this.mobileMenuReset();\n    this._isMobileMenuOpen = false;\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireMastheadEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.supportItem,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get desktopSearchSlot(): UDExSearch | null {\n    return this.querySelector<UDExSearch>(\"[udex-search]\");\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get supportItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"support\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasJoule(): boolean {\n    return !!this.joule.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasSupport(): boolean {\n    return !!this.support.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isAtMostBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMobileMenuMode(): boolean {\n    return this._isMobileMode || this.isAtMostBreakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened && !!this.menuItems.length;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get isVisible(): boolean {\n    return this.isMobileMenuMode || !this.menuItems.length || this._isVisible;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isAtMostBreakpointSizeM && this.isMainMenuVisible;\n  }\n\n  get openSearchButtonAccessibleNameText(): string {\n    return this.openSearchButtonAccessibleName || translate(UDExMastheadShell, SEARCH);\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return translate(UDExMastheadShell, MAIN_LINKS);\n  }\n\n  get isSimpleExploreMode(): boolean {\n    return !this.hasSearch && !this.hasProfile && !this.hasCart && !this.hasSupport && !this.hasCountrySelector;\n  }\n\n  get rightMenuClass(): string {\n    const root = \"udex-masthead-shell__right-menu\";\n    const simpleExploreClass = this.isSimpleExploreMode ? `${root}_simple-explore` : \"\";\n    return `${root} ${simpleExploreClass}`.trim();\n  }\n\n  get mainClass(): string {\n    const root = \"udex-masthead-shell\";\n    const coBrandWithoutNavClass = (!!this.coBrandImage && !this.menuItems.length) ? `${root}_co-brand-without-nav` : \"\";\n    return `${root} ${coBrandWithoutNavClass}`.trim();\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\nexport type { UDExMastheadShellBaseEventDetail, UDExMastheadShellAnalyticsNameEventDetail };\n"]}

package/dist/SelectBoxTemplate.js

@@ -8,7 +8,7 @@ import UI5PopoverPlacement from "@ui5/webcomponents/dist/types/PopoverPlacement.
 import UI5PopoverHAlign from "@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js";
 import { cleanLabel } from "./utils/listItemLabelUtils.js";
 export default function SelectBoxTemplate() {
-    return (_jsx("div", { class: this._rootClass, children: _jsxs("div", { class: "udex-text-field__container", children: [_jsxs("div", { class: "udex-text-field__wrap", ...(this.displayonly ? { displayonly: "" } : {}), children: [this.showMultiSelectedOptions && renderTagGroup.call(this), _jsxs("div", { class: "udex-text-field__input", onFocusIn: this.handleInputFocusIn, onFocusOut: this.handleInputFocusOut, ...(this.readonly ? { readonly: "" } : {}), ...(this.isDisabled ? { disabled: "" } : {}), ...(this._open ? { open: "" } : {}), children: [this.label && (_jsxs(_Fragment, { children: [_jsxs("label", { for: "search-input", class: this.labelClass, children: [this.label, this.required && "*"] }), _jsx("span", { class: "hidden", id: `${this._id}-aria-describedby`, children: this.ariaDescribedbyText })] })), this.showImageFlags && this.countryFlag, _jsxs("div", { class: "udex-text-field__holder", children: [_jsx("input", { role: "combobox", type: "text", id: "search-input", name: "search", class: "udex-text-field__search", value: this._inputValue, onInput: this.handleSearchChange, onClick: this.handleInputClick, onKeyDown: this.handleKeyDownSearch, disabled: this.isDisabled, readonly: this.isReadOrDisplayOnly, "aria-label": this.accInfo.ariaLabel, "aria-readonly": this.isReadOrDisplayOnly, "aria-disabled": this.disabled, "aria-haspopup": this.listboxRole, "aria-controls": this.popoverId, "aria-expanded": this._open, "aria-autocomplete": this._ariaAutoComplete, "aria-describedby": `${this._id}-aria-describedby`, autocomplete: "off" }), this._selectedOption && (_jsx("div", { class: "udex-text-field__text-holder", children: _jsx("span", { class: "udex-text-field__single-label", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: this._selectedOption } }) }))] }), !this.displayonly && (_jsx("button", { onClick: this.handleButtonClick, disabled: this.isDisabled, "aria-label": this.accInfo.ariaLabel, class: "udex-text-field__trigger", tabindex: -1, children: _jsx(UI5Icon, { mode: "Decorative", name: "navigation-down-arrow" }) })), _jsxs(UI5Popover, { id: this.popoverId, "allow-target-overlap": this.allowTargetOverlap, onKeyDown: this.handleKeyDownDropdown, ...{
+    return (_jsx("div", { class: this._rootClass, children: _jsxs("div", { class: "udex-text-field__container", children: [_jsxs("div", { class: "udex-text-field__wrap", ...(this.displayonly ? { displayonly: "" } : {}), children: [this.showMultiSelectedOptions && renderTagGroup.call(this), _jsxs("div", { class: "udex-text-field__input", onFocusIn: this.handleInputFocusIn, onFocusOut: this.handleInputFocusOut, ...(this.readonly ? { readonly: "" } : {}), ...(this.isDisabled ? { disabled: "" } : {}), ...(this._open ? { open: "" } : {}), children: [this.label && (_jsxs(_Fragment, { children: [_jsxs("label", { for: "search-input", class: this.labelClass, children: [this.label, this.required && " * "] }), _jsx("span", { class: "hidden", id: `${this._id}-aria-describedby`, children: this.ariaDescribedbyText })] })), this.showImageFlags && this.countryFlag, _jsxs("div", { class: "udex-text-field__holder", children: [_jsx("input", { role: "combobox", type: "text", id: "search-input", name: "search", class: "udex-text-field__search", value: this._inputValue, onInput: this.handleSearchChange, onClick: this.handleInputClick, onKeyDown: this.handleKeyDownSearch, disabled: this.isDisabled, readonly: this.isReadOrDisplayOnly, "aria-label": this.accInfo.ariaLabel, "aria-readonly": this.isReadOrDisplayOnly, "aria-disabled": this.disabled, "aria-haspopup": this.listboxRole, "aria-controls": this.popoverId, "aria-expanded": this._open, "aria-autocomplete": this._ariaAutoComplete, "aria-describedby": `${this._id}-aria-describedby`, autocomplete: "off" }), this._selectedOption && (_jsx("div", { class: "udex-text-field__text-holder", children: _jsx("span", { class: "udex-text-field__single-label", "aria-hidden": "true", dangerouslySetInnerHTML: { __html: this._selectedOption } }) }))] }), !this.displayonly && (_jsx("button", { onClick: this.handleButtonClick, disabled: this.isDisabled, "aria-label": this.accInfo.ariaLabel, class: "udex-text-field__trigger", tabindex: -1, children: _jsx(UI5Icon, { mode: "Decorative", name: "navigation-down-arrow" }) })), _jsxs(UI5Popover, { id: this.popoverId, "allow-target-overlap": this.allowTargetOverlap, onKeyDown: this.handleKeyDownDropdown, ...{
                                         onSelectAll: this.handleSelectAll,
                                         onItemPress: this.handleItemPress,
                                         onHeaderPress: this.handleHeaderPress,

package/dist/SelectBoxTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBoxTemplate.js","sourceRoot":"","sources":["../src/SelectBoxTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExSelectBox from \"./SelectBox.js\";\nimport UDExTagGroup from \"./TagGroup.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UI5PopoverPlacement from \"@ui5/webcomponents/dist/types/PopoverPlacement.js\";\nimport UI5PopoverHAlign from \"@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\n\nexport default function SelectBoxTemplate(this: UDExSelectBox) {\n  return (\n    <div class={this._rootClass}>\n      <div class=\"udex-text-field__container\">\n        <div class=\"udex-text-field__wrap\" {...(this.displayonly ? { displayonly: \"\" } : {})}>\n          {this.showMultiSelectedOptions && renderTagGroup.call(this)}\n          <div\n            class=\"udex-text-field__input\"\n            onFocusIn={this.handleInputFocusIn}\n            onFocusOut={this.handleInputFocusOut}\n            {...(this.readonly ? { readonly: \"\" } : {})}\n            {...(this.isDisabled ? { disabled: \"\" } : {})}\n            {...(this._open ? { open: \"\" } : {})}>\n            {this.label && (\n              <>\n                <label for=\"search-input\" class={this.labelClass}>\n                  {this.label}{this.required && \"*\"}\n                </label>\n                <span class=\"hidden\" id={`${this._id}-aria-describedby`}>{this.ariaDescribedbyText}</span>\n              </>\n            )}\n            {this.showImageFlags && this.countryFlag}\n            <div class=\"udex-text-field__holder\">\n              <input\n                role=\"combobox\"\n                type=\"text\"\n                id=\"search-input\"\n                name=\"search\"\n                class=\"udex-text-field__search\"\n                value={this._inputValue}\n                onInput={this.handleSearchChange}\n                onClick={this.handleInputClick}\n                onKeyDown={this.handleKeyDownSearch}\n                disabled={this.isDisabled}\n                readonly={this.isReadOrDisplayOnly}\n                aria-label={this.accInfo.ariaLabel}\n                aria-readonly={this.isReadOrDisplayOnly}\n                aria-disabled={this.disabled}\n                aria-haspopup={this.listboxRole}\n                aria-controls={this.popoverId}\n                aria-expanded={this._open}\n                aria-autocomplete={this._ariaAutoComplete}\n                aria-describedby={`${this._id}-aria-describedby`}\n                autocomplete=\"off\"\n              />\n              {this._selectedOption && (\n                <div class=\"udex-text-field__text-holder\">\n                  <span\n                    class=\"udex-text-field__single-label\"\n                    aria-hidden=\"true\"\n                    dangerouslySetInnerHTML={{ __html: this._selectedOption }}>\n                  </span>\n                </div>\n              )}\n            </div>\n            {!this.displayonly && (\n              <button\n                onClick={this.handleButtonClick}\n                disabled={this.isDisabled}\n                aria-label={this.accInfo.ariaLabel}\n                class=\"udex-text-field__trigger\"\n                tabindex={-1}>\n                <UI5Icon mode=\"Decorative\" name=\"navigation-down-arrow\"></UI5Icon>\n              </button>\n            )}\n            <UI5Popover\n              id={this.popoverId}\n              allow-target-overlap={this.allowTargetOverlap}\n              onKeyDown={this.handleKeyDownDropdown}\n              {...({\n                onSelectAll: this.handleSelectAll,\n                onItemPress: this.handleItemPress,\n                onHeaderPress: this.handleHeaderPress,\n              } as any)}\n              onBeforeOpen={this.handleDropdownBeforeOpen}\n              onOpen={this.handleDropdownOpen}\n              onBeforeClose={this.handleDropdownBeforeClose}\n              onClose={this.handleDropdownClose}\n              class=\"udex-select-box__dropdown\"\n              horizontal-align={UI5PopoverHAlign.Start}\n              placement={UI5PopoverPlacement.Bottom}\n              prevent-focus-restore\n              prevent-initial-focus\n              hide-arrow>\n              {this._showTagsDropdownContent\n                ? renderTruncatableTagContent.call(this)\n                : this.searchableList}\n              {this.hasFooter && <slot name=\"footer\" slot=\"footer\" />}\n            </UI5Popover>\n            <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n          </div>\n        </div>\n        {this.supportingText && (\n          <UDExStatusMessage\n            disabled={this.disabled ? \"true\" : undefined}\n            supporting-text={this.supportingText}\n            value-state={this.valueState}>\n          </UDExStatusMessage>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction renderTagGroup(this: UDExSelectBox) {\n  return (\n    <UDExTagGroup\n      class=\"udex-tag-group\"\n      displayonly={this.displayonly}\n      readonly={this.readonly}\n      disabled={this.disabled}\n      onFocusOut={this.resetTagsTabIndexes}\n      tooltip-placement={this.tooltipPlacement}\n      onTagIconClick={this.handleRemoveTag}\n      onTagClick={this.handleTagClick}\n      onShowMoreTags={this.handlerShowMoreItems}\n      onTagKeydown={this.handleKeyDownTag}\n      tokenizer-expanded={this.tokenizerExpanded}\n      _skip-more-button-focus>\n      {this.selectedItems\n        .filter(item => !item.isGroup)\n        .map((item, index) => (\n          item.label ? (\n            <UDExTag\n              key={index}\n              text={cleanLabel(item.label)}\n              id={item._id}\n              icon=\"decline\">\n            </UDExTag>\n          ) : (\n            <UDExTag\n              key={index}\n              text={`${item.rating} ${this.startsText}`}\n              id={item._id}\n              icon=\"decline\">\n            </UDExTag>\n          )\n        ))\n      }\n    </UDExTagGroup>\n  );\n}\n\nfunction renderTruncatableTagContent(this: UDExSelectBox) {\n  return (\n    <div class=\"udex-truncatable-tag-content\">\n      <span class=\"udex-truncatable-tag-content__label\">{this.truncatableTagLabel}</span>\n      <UI5Icon\n        onClick={this.handleRemoveTruncatableTag}\n        class=\"udex-truncatable-tag-content__icon\"\n        mode=\"Decorative\"\n        name=\"decline\">\n      </UI5Icon>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SelectBoxTemplate.js","sourceRoot":"","sources":["../src/SelectBoxTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExSelectBox from \"./SelectBox.js\";\nimport UDExTagGroup from \"./TagGroup.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExStatusMessage from \"./StatusMessage.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport UI5Popover from \"@ui5/webcomponents/dist/Popover.js\";\nimport UI5PopoverPlacement from \"@ui5/webcomponents/dist/types/PopoverPlacement.js\";\nimport UI5PopoverHAlign from \"@ui5/webcomponents/dist/types/PopoverHorizontalAlign.js\";\nimport { cleanLabel } from \"./utils/listItemLabelUtils.js\";\n\nexport default function SelectBoxTemplate(this: UDExSelectBox) {\n  return (\n    <div class={this._rootClass}>\n      <div class=\"udex-text-field__container\">\n        <div class=\"udex-text-field__wrap\" {...(this.displayonly ? { displayonly: \"\" } : {})}>\n          {this.showMultiSelectedOptions && renderTagGroup.call(this)}\n          <div\n            class=\"udex-text-field__input\"\n            onFocusIn={this.handleInputFocusIn}\n            onFocusOut={this.handleInputFocusOut}\n            {...(this.readonly ? { readonly: \"\" } : {})}\n            {...(this.isDisabled ? { disabled: \"\" } : {})}\n            {...(this._open ? { open: \"\" } : {})}>\n            {this.label && (\n              <>\n                <label for=\"search-input\" class={this.labelClass}>\n                  {this.label}{this.required && \" * \"}\n                </label>\n                <span class=\"hidden\" id={`${this._id}-aria-describedby`}>{this.ariaDescribedbyText}</span>\n              </>\n            )}\n            {this.showImageFlags && this.countryFlag}\n            <div class=\"udex-text-field__holder\">\n              <input\n                role=\"combobox\"\n                type=\"text\"\n                id=\"search-input\"\n                name=\"search\"\n                class=\"udex-text-field__search\"\n                value={this._inputValue}\n                onInput={this.handleSearchChange}\n                onClick={this.handleInputClick}\n                onKeyDown={this.handleKeyDownSearch}\n                disabled={this.isDisabled}\n                readonly={this.isReadOrDisplayOnly}\n                aria-label={this.accInfo.ariaLabel}\n                aria-readonly={this.isReadOrDisplayOnly}\n                aria-disabled={this.disabled}\n                aria-haspopup={this.listboxRole}\n                aria-controls={this.popoverId}\n                aria-expanded={this._open}\n                aria-autocomplete={this._ariaAutoComplete}\n                aria-describedby={`${this._id}-aria-describedby`}\n                autocomplete=\"off\"\n              />\n              {this._selectedOption && (\n                <div class=\"udex-text-field__text-holder\">\n                  <span\n                    class=\"udex-text-field__single-label\"\n                    aria-hidden=\"true\"\n                    dangerouslySetInnerHTML={{ __html: this._selectedOption }}>\n                  </span>\n                </div>\n              )}\n            </div>\n            {!this.displayonly && (\n              <button\n                onClick={this.handleButtonClick}\n                disabled={this.isDisabled}\n                aria-label={this.accInfo.ariaLabel}\n                class=\"udex-text-field__trigger\"\n                tabindex={-1}>\n                <UI5Icon mode=\"Decorative\" name=\"navigation-down-arrow\"></UI5Icon>\n              </button>\n            )}\n            <UI5Popover\n              id={this.popoverId}\n              allow-target-overlap={this.allowTargetOverlap}\n              onKeyDown={this.handleKeyDownDropdown}\n              {...({\n                onSelectAll: this.handleSelectAll,\n                onItemPress: this.handleItemPress,\n                onHeaderPress: this.handleHeaderPress,\n              } as any)}\n              onBeforeOpen={this.handleDropdownBeforeOpen}\n              onOpen={this.handleDropdownOpen}\n              onBeforeClose={this.handleDropdownBeforeClose}\n              onClose={this.handleDropdownClose}\n              class=\"udex-select-box__dropdown\"\n              horizontal-align={UI5PopoverHAlign.Start}\n              placement={UI5PopoverPlacement.Bottom}\n              prevent-focus-restore\n              prevent-initial-focus\n              hide-arrow>\n              {this._showTagsDropdownContent\n                ? renderTruncatableTagContent.call(this)\n                : this.searchableList}\n              {this.hasFooter && <slot name=\"footer\" slot=\"footer\" />}\n            </UI5Popover>\n            <span aria-live=\"polite\" aria-atomic=\"true\" class=\"hidden\">{this._accSearchResultInfo}</span>\n          </div>\n        </div>\n        {this.supportingText && (\n          <UDExStatusMessage\n            disabled={this.disabled ? \"true\" : undefined}\n            supporting-text={this.supportingText}\n            value-state={this.valueState}>\n          </UDExStatusMessage>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction renderTagGroup(this: UDExSelectBox) {\n  return (\n    <UDExTagGroup\n      class=\"udex-tag-group\"\n      displayonly={this.displayonly}\n      readonly={this.readonly}\n      disabled={this.disabled}\n      onFocusOut={this.resetTagsTabIndexes}\n      tooltip-placement={this.tooltipPlacement}\n      onTagIconClick={this.handleRemoveTag}\n      onTagClick={this.handleTagClick}\n      onShowMoreTags={this.handlerShowMoreItems}\n      onTagKeydown={this.handleKeyDownTag}\n      tokenizer-expanded={this.tokenizerExpanded}\n      _skip-more-button-focus>\n      {this.selectedItems\n        .filter(item => !item.isGroup)\n        .map((item, index) => (\n          item.label ? (\n            <UDExTag\n              key={index}\n              text={cleanLabel(item.label)}\n              id={item._id}\n              icon=\"decline\">\n            </UDExTag>\n          ) : (\n            <UDExTag\n              key={index}\n              text={`${item.rating} ${this.startsText}`}\n              id={item._id}\n              icon=\"decline\">\n            </UDExTag>\n          )\n        ))\n      }\n    </UDExTagGroup>\n  );\n}\n\nfunction renderTruncatableTagContent(this: UDExSelectBox) {\n  return (\n    <div class=\"udex-truncatable-tag-content\">\n      <span class=\"udex-truncatable-tag-content__label\">{this.truncatableTagLabel}</span>\n      <UI5Icon\n        onClick={this.handleRemoveTruncatableTag}\n        class=\"udex-truncatable-tag-content__icon\"\n        mode=\"Decorative\"\n        name=\"decline\">\n      </UI5Icon>\n    </div>\n  );\n}\n"]}

package/dist/TagGroup.d.ts

@@ -112,11 +112,14 @@ declare class UDExTagGroup extends UI5Element {
     _tokenizer: Tokenizer;
     _nMoreBtn: HTMLElement | null;
     _resizeHandler: () => void;
+    _keydownCaptureHandler: (e: KeyboardEvent) => void;
     constructor();
     onEnterDOM(): void;
     onExitDOM(): void;
     onAfterRendering(): void;
-    _nMoreKeyDownHandler(e: Event): void;
+    _nMoreKeyDownHandler: (e: KeyboardEvent) => void;
+    _onKeydownCapture(e: KeyboardEvent): void;
+    handleTagFocusin(e: FocusEvent): void;
     _onResize(): void;
     tagIconClickHandler(e: CustomEvent): void;
     handleShowMoreButtonKeydown(e: KeyboardEvent): void;
@@ -124,6 +127,7 @@ declare class UDExTagGroup extends UI5Element {
     handleTagKeyDown(e: KeyboardEvent): void;
     showMoreItems(): void;
     get hiddenTags(): Token[];
+    get _lastVisibleTag(): UDExTag | null;
     get isReadOrDisplayOnly(): boolean;
     get tokenizer(): Tokenizer;
     get tooltip(): UDExTooltip;

package/dist/TagGroup.js

@@ -8,7 +8,8 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import Tokenizer from "@ui5/webcomponents/dist/Tokenizer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
-import { isEnter, isSpace, isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
+import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement.js";
+import { isEnter, isSpace, isEscape, isTabNext, isTabPrevious, } from "@ui5/webcomponents-base/dist/Keys.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
@@ -61,21 +62,33 @@ let UDExTagGroup = class UDExTagGroup extends UI5Element {
          * @private
          */
         this._scrollToEnd = false;
+        this._nMoreKeyDownHandler = (e) => {
+            if (isSpace(e) || isEnter(e)) {
+                this.showMoreItems();
+            }
+        };
         this._resizeHandler = this._onResize.bind(this);
+        this._keydownCaptureHandler = this._onKeydownCapture.bind(this);
     }
     onEnterDOM() {
         ResizeHandler.register(this, this._resizeHandler);
+        this.addEventListener("keydown", this._keydownCaptureHandler, true);
     }
     onExitDOM() {
         ResizeHandler.deregister(this, this._resizeHandler);
-        this._nMoreBtn?.removeEventListener("keydown", this._nMoreKeyDownHandler.bind(this));
+        this.removeEventListener("keydown", this._keydownCaptureHandler, true);
+        this._nMoreBtn?.removeEventListener("keydown", this._nMoreKeyDownHandler);
     }
     onAfterRendering() {
         this._tokenizer = this.tokenizer;
+        const prevMoreBtn = this._nMoreBtn;
         this._nMoreBtn = this._tokenizer.moreLink || null;
-        if (!this.readonly && !this.disabled && this._nMoreBtn && !this._nMoreBtn.hasAttribute("tabindex")) {
+        if (prevMoreBtn && prevMoreBtn !== this._nMoreBtn) {
+            prevMoreBtn.removeEventListener("keydown", this._nMoreKeyDownHandler);
+        }
+        if (!this.disabled && this._nMoreBtn && this._nMoreBtn !== prevMoreBtn) {
             this._nMoreBtn.setAttribute("tabindex", "0");
-            this._nMoreBtn.addEventListener("keydown", this._nMoreKeyDownHandler.bind(this));
+            this._nMoreBtn.addEventListener("keydown", this._nMoreKeyDownHandler);
         }
         if (!this.displayonly && this._skipMoreButtonFocus && this._nMoreBtn) {
             this._nMoreBtn.setAttribute("tabindex", "-1");
@@ -86,9 +99,32 @@ let UDExTagGroup = class UDExTagGroup extends UI5Element {
             }, 50);
         }
     }
-    _nMoreKeyDownHandler(e) {
-        if (isSpace(e) || isEnter(e)) {
-            this.showMoreItems();
+    _onKeydownCapture(e) {
+        if (!this._isHiddenTags) {
+            return;
+        }
+        if (isTabNext(e) && e.composedPath().includes(this._lastVisibleTag)) {
+            e.preventDefault();
+            this._nMoreBtn?.focus();
+            return;
+        }
+        if (isTabPrevious(e) && !this.isReadOrDisplayOnly) {
+            const active = getActiveElement();
+            const moreLink = this._tokenizer.moreLink;
+            if (active === moreLink) {
+                e.preventDefault();
+                const focusDomRef = this._lastVisibleTag?.getFocusDomRef();
+                focusDomRef?.focus();
+            }
+        }
+    }
+    handleTagFocusin(e) {
+        // Only block the Tokenizer's _onfocusin (which sets expanded=true and destroys
+        // the "n more" span) when there are actually hidden tags. When all tags are
+        // visible, let focusin propagate normally so consumers like SelectBox can use
+        // the expanded state for arrow-key navigation between tags.
+        if (this._isHiddenTags) {
+            e.stopPropagation();
         }
     }
     _onResize() {
@@ -128,6 +164,14 @@ let UDExTagGroup = class UDExTagGroup extends UI5Element {
     get hiddenTags() {
         return this._tokenizer?.overflownTokens || [];
     }
+    get _lastVisibleTag() {
+        const tokens = this._tokenizer?._tokens;
+        if (!tokens?.length) {
+            return null;
+        }
+        const visibleCount = tokens.length - (this._tokenizer._nMoreCount ?? 0);
+        return tokens[visibleCount - 1] ?? null;
+    }
     get isReadOrDisplayOnly() {
         return this.readonly || this.displayonly;
     }

package/dist/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../src/TagGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport { isEnter, isSpace, isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport Token from \"@ui5/webcomponents/dist/Token.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\nimport { Placement } from \"./types/Dropdown.js\";\n\nimport TagGroupTemplate from \"./TagGroupTemplate.js\";\n\n// Styles\nimport TagGroupCss from \"./generated/themes/TagGroup.css.js\";\n\ntype UDExTagClickEventDetail = {\n  tag: UDExTag,\n}\n\ntype UDExTagIconClickEventDetail = {\n  tag: HTMLElement,\n}\n\ntype UDExTagKeydownEventDetail = {\n  originalEvent: KeyboardEvent,\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-tag-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TagGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-tag-group\",\n  renderer: jsxRenderer,\n  styles: TagGroupCss,\n  template: TagGroupTemplate,\n  dependencies: [UDExTag, UDExTooltip, Tokenizer, Token],\n})\n/**\n * Emitted when tag was clicked\n *\n * @public\n * @param {UDExTag} tag the clicked tag\n */\n@event(\"tag-click\", { bubbles: true })\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n * @param {HTMLElement} tag the tag containing the clicked icon\n */\n@event(\"tag-icon-click\", { bubbles: true })\n/**\n * Emitted when the tooltip was opened, can be canceled\n *\n * @public\n */\n@event(\"show-more-tags\", { cancelable: true, bubbles: true })\n/**\n * Emitted  when a keydown event occurs on a tag, can be canceled\n * Emitted custom event with keycode and tag details\n *\n * @public\n * @param {KeyboardEvent} originalEvent the original keyboard event\n */\n@event(\"tag-keydown\", { cancelable: true, bubbles: true })\nclass UDExTagGroup extends UI5Element {\n  eventDetails!: {\n    \"tag-click\": UDExTagClickEventDetail,\n    \"tag-icon-click\": UDExTagIconClickEventDetail,\n    \"show-more-tags\": void,\n    \"tag-keydown\": UDExTagKeydownEventDetail,\n  };\n  /**\n   * Defines whether the UI5Tokenizer is expanded.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    tokenizerExpanded: boolean = false;\n\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is readonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is displayonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the tags.\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExTag>;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    tooltipPlacement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Defines the accessible name for the \"Show More\" tooltip, announced by screen readers\n   * when the tooltip containing hidden tags is opened.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    tooltipAccessibleName?: string;\n\n  /**\n   * Determines whether there are hidden tags in the component.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isHiddenTags!: boolean;\n\n  /**\n   * Determines whether the \"More\" button should skip focus.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _skipMoreButtonFocus!: boolean;\n\n  /**\n   * Determines whether the tokenizer should scroll to the end.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _scrollToEnd: boolean = false;\n\n  _tokenizer!: Tokenizer;\n  _nMoreBtn!: HTMLElement | null;\n  _resizeHandler: () => void;\n\n  constructor() {\n    super();\n    this._resizeHandler = this._onResize.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._resizeHandler);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._resizeHandler);\n    this._nMoreBtn?.removeEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n  }\n\n  onAfterRendering(): void {\n    this._tokenizer = this.tokenizer;\n    this._nMoreBtn = this._tokenizer.moreLink || null;\n\n    if (!this.readonly && !this.disabled && this._nMoreBtn && !this._nMoreBtn.hasAttribute(\"tabindex\")) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"0\");\n      this._nMoreBtn.addEventListener(\"keydown\", this._nMoreKeyDownHandler.bind(this));\n    }\n\n    if (!this.displayonly && this._skipMoreButtonFocus && this._nMoreBtn) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"-1\");\n    }\n\n    if (this._scrollToEnd) {\n      setTimeout(() => {\n        this._tokenizer.scrollToEnd();\n      }, 50);\n    }\n  }\n\n  _nMoreKeyDownHandler(e: Event) {\n    if (isSpace(e as KeyboardEvent) || isEnter(e as KeyboardEvent)) {\n      this.showMoreItems();\n    }\n  }\n\n  _onResize(): void {\n    this._isHiddenTags = false;\n    this._isHiddenTags = this._tokenizer?._nMoreCount > 0;\n  }\n\n  tagIconClickHandler(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"tag-icon-click\", { tag: e.target as HTMLElement });\n  }\n\n  handleShowMoreButtonKeydown(e: KeyboardEvent): void {\n    if (isEscape(e)) {\n      this._nMoreBtn?.focus();\n    }\n  }\n\n  handleTagClick(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"tag-click\", { tag: e.target as UDExTag });\n  }\n\n  handleTagKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n\n    if (isEscape(e) && this.tooltip) {\n      this.tooltip.open = false;\n      this._nMoreBtn?.focus();\n      return;\n    }\n\n    this.fireDecoratorEvent(\"tag-keydown\", { originalEvent: e });\n  }\n\n  showMoreItems(): void {\n    if (this.fireDecoratorEvent(\"show-more-tags\")) {\n      const moreBtn = this._tokenizer.moreLink;\n      if (moreBtn) {\n        this._tokenizer.expanded = false;\n        this.tooltip.opener = moreBtn;\n        this.tooltip.open = true;\n      }\n    }\n  }\n\n  get hiddenTags(): Token[] {\n    return this._tokenizer?.overflownTokens || [];\n  }\n\n  get isReadOrDisplayOnly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get tokenizer(): Tokenizer {\n    return this.shadowRoot!.querySelector<Tokenizer>(`#${this._id}-tag-group-tokenizer`)!;\n  }\n\n  get tooltip(): UDExTooltip {\n    return this.shadowRoot!.querySelector<UDExTooltip>(`#${this._id}-tag-group-tooltip`)!;\n  }\n}\n\nUDExTagGroup.define();\n\nexport default UDExTagGroup;\nexport type { UDExTagClickEventDetail, UDExTagKeydownEventDetail, UDExTagIconClickEventDetail };\n"]}
+{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../src/TagGroup.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport getActiveElement from \"@ui5/webcomponents-base/dist/util/getActiveElement.js\";\nimport {\n  isEnter, isSpace, isEscape, isTabNext, isTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport Token from \"@ui5/webcomponents/dist/Token.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\nimport { Placement } from \"./types/Dropdown.js\";\n\nimport TagGroupTemplate from \"./TagGroupTemplate.js\";\n\n// Styles\nimport TagGroupCss from \"./generated/themes/TagGroup.css.js\";\n\ntype UDExTagClickEventDetail = {\n  tag: UDExTag,\n}\n\ntype UDExTagIconClickEventDetail = {\n  tag: HTMLElement,\n}\n\ntype UDExTagKeydownEventDetail = {\n  originalEvent: KeyboardEvent,\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-tag-group</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/TagGroup.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-tag-group\",\n  renderer: jsxRenderer,\n  styles: TagGroupCss,\n  template: TagGroupTemplate,\n  dependencies: [UDExTag, UDExTooltip, Tokenizer, Token],\n})\n/**\n * Emitted when tag was clicked\n *\n * @public\n * @param {UDExTag} tag the clicked tag\n */\n@event(\"tag-click\", { bubbles: true })\n/**\n * Emitted when icon in tag was clicked\n *\n * @public\n * @param {HTMLElement} tag the tag containing the clicked icon\n */\n@event(\"tag-icon-click\", { bubbles: true })\n/**\n * Emitted when the tooltip was opened, can be canceled\n *\n * @public\n */\n@event(\"show-more-tags\", { cancelable: true, bubbles: true })\n/**\n * Emitted  when a keydown event occurs on a tag, can be canceled\n * Emitted custom event with keycode and tag details\n *\n * @public\n * @param {KeyboardEvent} originalEvent the original keyboard event\n */\n@event(\"tag-keydown\", { cancelable: true, bubbles: true })\nclass UDExTagGroup extends UI5Element {\n  eventDetails!: {\n    \"tag-click\": UDExTagClickEventDetail,\n    \"tag-icon-click\": UDExTagIconClickEventDetail,\n    \"show-more-tags\": void,\n    \"tag-keydown\": UDExTagKeydownEventDetail,\n  };\n  /**\n   * Defines whether the UI5Tokenizer is expanded.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    tokenizerExpanded: boolean = false;\n\n  /**\n   * Defines whether the component is in disabled state.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    disabled!: boolean;\n\n  /**\n   * Defines whether the component is readonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    readonly!: boolean;\n\n  /**\n   * Defines whether the component is displayonly.\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    displayonly!: boolean;\n\n  /**\n   * Defines the tags.\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExTag>;\n\n  /**\n   * Determines on which side of the component the Tooltip is displayed.\n   *\n   * @default \"Bottom\"\n   * @public\n   */\n  @property()\n    tooltipPlacement: `${Placement}` = Placement.Bottom;\n\n  /**\n   * Defines the accessible name for the \"Show More\" tooltip, announced by screen readers\n   * when the tooltip containing hidden tags is opened.\n   *\n   * @default undefined\n   * @public\n   */\n  @property()\n    tooltipAccessibleName?: string;\n\n  /**\n   * Determines whether there are hidden tags in the component.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _isHiddenTags!: boolean;\n\n  /**\n   * Determines whether the \"More\" button should skip focus.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _skipMoreButtonFocus!: boolean;\n\n  /**\n   * Determines whether the tokenizer should scroll to the end.\n   *\n   * @default false\n   * @private\n   */\n  @property({ type: Boolean })\n    _scrollToEnd: boolean = false;\n\n  _tokenizer!: Tokenizer;\n  _nMoreBtn!: HTMLElement | null;\n  _resizeHandler: () => void;\n  _keydownCaptureHandler: (e: KeyboardEvent) => void;\n\n  constructor() {\n    super();\n    this._resizeHandler = this._onResize.bind(this);\n    this._keydownCaptureHandler = this._onKeydownCapture.bind(this);\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._resizeHandler);\n    this.addEventListener(\"keydown\", this._keydownCaptureHandler, true);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._resizeHandler);\n    this.removeEventListener(\"keydown\", this._keydownCaptureHandler, true);\n    this._nMoreBtn?.removeEventListener(\"keydown\", this._nMoreKeyDownHandler);\n  }\n\n  onAfterRendering(): void {\n    this._tokenizer = this.tokenizer;\n    const prevMoreBtn = this._nMoreBtn;\n    this._nMoreBtn = this._tokenizer.moreLink || null;\n\n    if (prevMoreBtn && prevMoreBtn !== this._nMoreBtn) {\n      prevMoreBtn.removeEventListener(\"keydown\", this._nMoreKeyDownHandler);\n    }\n\n    if (!this.disabled && this._nMoreBtn && this._nMoreBtn !== prevMoreBtn) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"0\");\n      this._nMoreBtn.addEventListener(\"keydown\", this._nMoreKeyDownHandler);\n    }\n\n    if (!this.displayonly && this._skipMoreButtonFocus && this._nMoreBtn) {\n      this._nMoreBtn.setAttribute(\"tabindex\", \"-1\");\n    }\n\n    if (this._scrollToEnd) {\n      setTimeout(() => {\n        this._tokenizer.scrollToEnd();\n      }, 50);\n    }\n  }\n\n  _nMoreKeyDownHandler = (e: KeyboardEvent) => {\n    if (isSpace(e) || isEnter(e)) {\n      this.showMoreItems();\n    }\n  };\n\n  _onKeydownCapture(e: KeyboardEvent): void {\n    if (!this._isHiddenTags) {\n      return;\n    }\n\n    if (isTabNext(e) && e.composedPath().includes(this._lastVisibleTag as EventTarget)) {\n      e.preventDefault();\n      this._nMoreBtn?.focus();\n      return;\n    }\n\n    if (isTabPrevious(e) && !this.isReadOrDisplayOnly) {\n      const active = getActiveElement();\n      const moreLink = this._tokenizer.moreLink;\n      if (active === moreLink) {\n        e.preventDefault();\n        const focusDomRef = this._lastVisibleTag?.getFocusDomRef();\n        focusDomRef?.focus();\n      }\n    }\n  }\n\n  handleTagFocusin(e: FocusEvent): void {\n    // Only block the Tokenizer's _onfocusin (which sets expanded=true and destroys\n    // the \"n more\" span) when there are actually hidden tags. When all tags are\n    // visible, let focusin propagate normally so consumers like SelectBox can use\n    // the expanded state for arrow-key navigation between tags.\n    if (this._isHiddenTags) {\n      e.stopPropagation();\n    }\n  }\n\n  _onResize(): void {\n    this._isHiddenTags = false;\n    this._isHiddenTags = this._tokenizer?._nMoreCount > 0;\n  }\n\n  tagIconClickHandler(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"tag-icon-click\", { tag: e.target as HTMLElement });\n  }\n\n  handleShowMoreButtonKeydown(e: KeyboardEvent): void {\n    if (isEscape(e)) {\n      this._nMoreBtn?.focus();\n    }\n  }\n\n  handleTagClick(e: CustomEvent): void {\n    this.fireDecoratorEvent(\"tag-click\", { tag: e.target as UDExTag });\n  }\n\n  handleTagKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n\n    if (isEscape(e) && this.tooltip) {\n      this.tooltip.open = false;\n      this._nMoreBtn?.focus();\n      return;\n    }\n\n    this.fireDecoratorEvent(\"tag-keydown\", { originalEvent: e });\n  }\n\n  showMoreItems(): void {\n    if (this.fireDecoratorEvent(\"show-more-tags\")) {\n      const moreBtn = this._tokenizer.moreLink;\n      if (moreBtn) {\n        this._tokenizer.expanded = false;\n        this.tooltip.opener = moreBtn;\n        this.tooltip.open = true;\n      }\n    }\n  }\n\n  get hiddenTags(): Token[] {\n    return this._tokenizer?.overflownTokens || [];\n  }\n\n  get _lastVisibleTag(): UDExTag | null {\n    const tokens = this._tokenizer?._tokens;\n    if (!tokens?.length) {\n      return null;\n    }\n    const visibleCount = tokens.length - (this._tokenizer._nMoreCount ?? 0);\n    return (tokens[visibleCount - 1] as unknown as UDExTag) ?? null;\n  }\n\n  get isReadOrDisplayOnly(): boolean {\n    return this.readonly || this.displayonly;\n  }\n\n  get tokenizer(): Tokenizer {\n    return this.shadowRoot!.querySelector<Tokenizer>(`#${this._id}-tag-group-tokenizer`)!;\n  }\n\n  get tooltip(): UDExTooltip {\n    return this.shadowRoot!.querySelector<UDExTooltip>(`#${this._id}-tag-group-tooltip`)!;\n  }\n}\n\nUDExTagGroup.define();\n\nexport default UDExTagGroup;\nexport type { UDExTagClickEventDetail, UDExTagKeydownEventDetail, UDExTagIconClickEventDetail };\n"]}

package/dist/TagGroupTemplate.js

@@ -7,6 +7,6 @@ export default function TagTemplate() {
     return (_jsx(_Fragment, { children: _jsxs("div", { class: `${rootClass}`, id: `${this._id}-tag-group`, role: "group", children: [_jsx(UI5Tokenizer, { part: "tokenizer", "show-more": true, "prevent-popover-open": true, disabled: this.disabled, expanded: this.tokenizerExpanded, id: `${this._id}-tag-group-tokenizer`, class: `${rootClass}__tokenizer`, onShowMoreItemsPress: this.showMoreItems, children: this.items.map((item, index) => (tag.call(this, rootClass, item, index))) }), this._isHiddenTags && (_jsx(_Fragment, { children: _jsx(UDExTooltip, { id: `${this._id}-tag-group-tooltip`, placement: this.tooltipPlacement, "accessible-name": this.tooltipAccessibleName, onKeyDown: this.handleShowMoreButtonKeydown, children: _jsx("div", { role: "group", class: `${rootClass}-tooltip__content`, children: this.hiddenTags.map((item, index) => (tag.call(this, rootClass, item, index))) }) }) }))] }) }));
 }
 function tag(rootClass, item, index) {
-    return (_jsx(_Fragment, { children: _jsx(UDExTag, { accessibleRole: "option", class: `${rootClass}__tag`, "data-id": `${item.id}`, part: `token-${index}`, "read-only": this.isReadOrDisplayOnly, id: `${this._id}-tag-group-tag`, text: item.text, icon: item.icon, href: item.href, design: item.design, size: item.size, "icon-placement": item.iconPlacement, "accessible-name": item.accessibleName, "non-selectable": item.nonSelectable, "data-overflows": item.overflows, onKeyDown: this.handleTagKeyDown, onSelectionChange: this.handleTagClick, onIconClick: this.tagIconClickHandler, ...(this.disabled ? { tabindex: -1 } : {}) }, index) }));
+    return (_jsx(_Fragment, { children: _jsx(UDExTag, { accessibleRole: "option", class: `${rootClass}__tag`, "data-id": `${item.id}`, part: `token-${index}`, "read-only": this.isReadOrDisplayOnly, id: `${this._id}-tag-group-tag`, text: item.text, icon: item.icon, href: item.href, design: item.design, size: item.size, "icon-placement": item.iconPlacement, "accessible-name": item.accessibleName, "non-selectable": item.nonSelectable, "data-overflows": item.overflows, onFocusIn: this.handleTagFocusin, onKeyDown: this.handleTagKeyDown, onSelectionChange: this.handleTagClick, onIconClick: this.tagIconClickHandler, ...(this.disabled ? { tabindex: -1 } : {}) }, index) }));
 }
 //# sourceMappingURL=TagGroupTemplate.js.map

package/dist/TagGroupTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TagGroupTemplate.js","sourceRoot":"","sources":["../src/TagGroupTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,SAAS,GAAG,gBAAgB,CAAC;IAEnC,OAAO,CACL,4BACE,eAAK,KAAK,EAAE,GAAG,SAAS,EAAE,EACxB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,IAAI,EAAC,OAAO,aACZ,KAAC,YAAY,IACX,IAAI,EAAC,WAAW,mDAGhB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,sBAAsB,EACrC,KAAK,EAAE,GAAG,SAAS,aAAa,EAChC,oBAAoB,EAAE,IAAI,CAAC,aAAa,YACvC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CACvC,CAAC,GACW,EACd,IAAI,CAAC,aAAa,IAAI,CACrB,4BACE,KAAC,WAAW,IACV,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,oBAAoB,EACnC,SAAS,EAAE,IAAI,CAAC,gBAAgB,qBACf,IAAI,CAAC,qBAAqB,EAC3C,SAAS,EAAE,IAAI,CAAC,2BAA2B,YAC3C,cACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,GAAG,SAAS,mBAAmB,YACrC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CACvC,CAAC,GACE,GACM,GACb,CACJ,IACG,GACL,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,GAAG,CAAqB,SAAiB,EAAE,IAAS,EAAE,KAAa;IAC1E,OAAO,CACL,4BACE,KAAC,OAAO,IAEN,cAAc,EAAC,QAAQ,EACvB,KAAK,EAAE,GAAG,SAAS,OAAO,aACjB,GAAG,IAAI,CAAC,EAAE,EAAE,EACrB,IAAI,EAAE,SAAS,KAAK,EAAE,eACX,IAAI,CAAC,mBAAmB,EACnC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,oBACC,IAAI,CAAC,aAAa,qBACjB,IAAI,CAAC,cAAc,oBACpB,IAAI,CAAC,aAAa,oBAClB,IAAI,CAAC,SAAS,EAC9B,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,iBAAiB,EAAE,IAAI,CAAC,cAAc,EACtC,WAAW,EAAE,IAAI,CAAC,mBAAmB,KACjC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAnBtC,KAAK,CAoBF,GACT,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTagGroup from \"./TagGroup.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\nimport UI5Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\n\nexport default function TagTemplate(this: UDExTagGroup) {\n  const rootClass = \"udex-tag-group\";\n\n  return (\n    <>\n      <div class={`${rootClass}`}\n        id={`${this._id}-tag-group`}\n        role=\"group\">\n        <UI5Tokenizer\n          part=\"tokenizer\"\n          show-more\n          prevent-popover-open\n          disabled={this.disabled}\n          expanded={this.tokenizerExpanded}\n          id={`${this._id}-tag-group-tokenizer`}\n          class={`${rootClass}__tokenizer`}\n          onShowMoreItemsPress={this.showMoreItems}>\n          {this.items.map((item, index) => (\n            tag.call(this, rootClass, item, index)\n          ))}\n        </UI5Tokenizer>\n        {this._isHiddenTags && (\n          <>\n            <UDExTooltip\n              id={`${this._id}-tag-group-tooltip`}\n              placement={this.tooltipPlacement}\n              accessible-name={this.tooltipAccessibleName}\n              onKeyDown={this.handleShowMoreButtonKeydown}>\n              <div\n                role=\"group\"\n                class={`${rootClass}-tooltip__content`}>\n                {this.hiddenTags.map((item, index) => (\n                  tag.call(this, rootClass, item, index)\n                ))}\n              </div>\n            </UDExTooltip>\n          </>\n        )}\n      </div>\n    </>\n  );\n}\n\nfunction tag(this: UDExTagGroup, rootClass: string, item: any, index: number) {\n  return (\n    <>\n      <UDExTag\n        key={index}\n        accessibleRole=\"option\"\n        class={`${rootClass}__tag`}\n        data-id={`${item.id}`}\n        part={`token-${index}`}\n        read-only={this.isReadOrDisplayOnly}\n        id={`${this._id}-tag-group-tag`}\n        text={item.text}\n        icon={item.icon}\n        href={item.href}\n        design={item.design}\n        size={item.size}\n        icon-placement={item.iconPlacement}\n        accessible-name={item.accessibleName}\n        non-selectable={item.nonSelectable}\n        data-overflows={item.overflows}\n        onKeyDown={this.handleTagKeyDown}\n        onSelectionChange={this.handleTagClick}\n        onIconClick={this.tagIconClickHandler}\n        {...(this.disabled ? { tabindex: -1 } : {})}>\n      </UDExTag>\n    </>\n  );\n}\n"]}
+{"version":3,"file":"TagGroupTemplate.js","sourceRoot":"","sources":["../src/TagGroupTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,UAAU,CAAC;AAC/B,OAAO,WAAW,MAAM,cAAc,CAAC;AACvC,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAEhE,MAAM,CAAC,OAAO,UAAU,WAAW;IACjC,MAAM,SAAS,GAAG,gBAAgB,CAAC;IAEnC,OAAO,CACL,4BACE,eAAK,KAAK,EAAE,GAAG,SAAS,EAAE,EACxB,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,YAAY,EAC3B,IAAI,EAAC,OAAO,aACZ,KAAC,YAAY,IACX,IAAI,EAAC,WAAW,mDAGhB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,QAAQ,EAAE,IAAI,CAAC,iBAAiB,EAChC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,sBAAsB,EACrC,KAAK,EAAE,GAAG,SAAS,aAAa,EAChC,oBAAoB,EAAE,IAAI,CAAC,aAAa,YACvC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CACvC,CAAC,GACW,EACd,IAAI,CAAC,aAAa,IAAI,CACrB,4BACE,KAAC,WAAW,IACV,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,oBAAoB,EACnC,SAAS,EAAE,IAAI,CAAC,gBAAgB,qBACf,IAAI,CAAC,qBAAqB,EAC3C,SAAS,EAAE,IAAI,CAAC,2BAA2B,YAC3C,cACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,GAAG,SAAS,mBAAmB,YACrC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,CACvC,CAAC,GACE,GACM,GACb,CACJ,IACG,GACL,CACJ,CAAC;AACJ,CAAC;AAED,SAAS,GAAG,CAAqB,SAAiB,EAAE,IAAS,EAAE,KAAa;IAC1E,OAAO,CACL,4BACE,KAAC,OAAO,IAEN,cAAc,EAAC,QAAQ,EACvB,KAAK,EAAE,GAAG,SAAS,OAAO,aACjB,GAAG,IAAI,CAAC,EAAE,EAAE,EACrB,IAAI,EAAE,SAAS,KAAK,EAAE,eACX,IAAI,CAAC,mBAAmB,EACnC,EAAE,EAAE,GAAG,IAAI,CAAC,GAAG,gBAAgB,EAC/B,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,IAAI,EAAE,IAAI,CAAC,IAAI,oBACC,IAAI,CAAC,aAAa,qBACjB,IAAI,CAAC,cAAc,oBACpB,IAAI,CAAC,aAAa,oBAClB,IAAI,CAAC,SAAS,EAC9B,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,SAAS,EAAE,IAAI,CAAC,gBAAgB,EAChC,iBAAiB,EAAE,IAAI,CAAC,cAAc,EACtC,WAAW,EAAE,IAAI,CAAC,mBAAmB,KACjC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IApBtC,KAAK,CAqBF,GACT,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import type UDExTagGroup from \"./TagGroup.js\";\nimport UDExTag from \"./Tag.js\";\nimport UDExTooltip from \"./Tooltip.js\";\nimport UI5Tokenizer from \"@ui5/webcomponents/dist/Tokenizer.js\";\n\nexport default function TagTemplate(this: UDExTagGroup) {\n  const rootClass = \"udex-tag-group\";\n\n  return (\n    <>\n      <div class={`${rootClass}`}\n        id={`${this._id}-tag-group`}\n        role=\"group\">\n        <UI5Tokenizer\n          part=\"tokenizer\"\n          show-more\n          prevent-popover-open\n          disabled={this.disabled}\n          expanded={this.tokenizerExpanded}\n          id={`${this._id}-tag-group-tokenizer`}\n          class={`${rootClass}__tokenizer`}\n          onShowMoreItemsPress={this.showMoreItems}>\n          {this.items.map((item, index) => (\n            tag.call(this, rootClass, item, index)\n          ))}\n        </UI5Tokenizer>\n        {this._isHiddenTags && (\n          <>\n            <UDExTooltip\n              id={`${this._id}-tag-group-tooltip`}\n              placement={this.tooltipPlacement}\n              accessible-name={this.tooltipAccessibleName}\n              onKeyDown={this.handleShowMoreButtonKeydown}>\n              <div\n                role=\"group\"\n                class={`${rootClass}-tooltip__content`}>\n                {this.hiddenTags.map((item, index) => (\n                  tag.call(this, rootClass, item, index)\n                ))}\n              </div>\n            </UDExTooltip>\n          </>\n        )}\n      </div>\n    </>\n  );\n}\n\nfunction tag(this: UDExTagGroup, rootClass: string, item: any, index: number) {\n  return (\n    <>\n      <UDExTag\n        key={index}\n        accessibleRole=\"option\"\n        class={`${rootClass}__tag`}\n        data-id={`${item.id}`}\n        part={`token-${index}`}\n        read-only={this.isReadOrDisplayOnly}\n        id={`${this._id}-tag-group-tag`}\n        text={item.text}\n        icon={item.icon}\n        href={item.href}\n        design={item.design}\n        size={item.size}\n        icon-placement={item.iconPlacement}\n        accessible-name={item.accessibleName}\n        non-selectable={item.nonSelectable}\n        data-overflows={item.overflows}\n        onFocusIn={this.handleTagFocusin}\n        onKeyDown={this.handleTagKeyDown}\n        onSelectionChange={this.handleTagClick}\n        onIconClick={this.tagIconClickHandler}\n        {...(this.disabled ? { tabindex: -1 } : {})}>\n      </UDExTag>\n    </>\n  );\n}\n"]}

package/dist/TextField.d.ts

@@ -168,6 +168,13 @@ declare class UDExTextField extends UI5Element {
      * @public
      */
     iconActive: boolean;
+    /**
+     * Defines the placeholder text of the input field.
+     *
+     * @default ""
+     * @public
+     */
+    placeholder: string;
     /**
      * Defines the behaviour of autocomplete.
      * @default "off"