@sapudex/web-components 2.0.0 → 2.1.0

package/dist/MastheadMobileMenu.d.ts

@@ -6,6 +6,11 @@ import UDExMastheadMenuItem from "./MastheadMenuItem.js";
 type UDExMastheadMobileMenuItemClickEventDetail = {
     originalEvent: PointerEvent | KeyboardEvent;
     item: UDExMastheadMenuItem;
+    category?: string;
+    isMobile: boolean;
+};
+type UDExMastheadMobileMenuExploreClickEventDetail = {
+    originalEvent: PointerEvent | KeyboardEvent;
 };
 /**
  * @class
@@ -27,7 +32,7 @@ type UDExMastheadMobileMenuItemClickEventDetail = {
 declare class UDExMastheadMobileMenu extends UI5Element {
     eventDetails: {
         "item-click": UDExMastheadMobileMenuItemClickEventDetail;
-        "explorer-menu-click": void;
+        "explorer-menu-click": UDExMastheadMobileMenuExploreClickEventDetail;
     };
     /**
      * Slot for search
@@ -75,6 +80,7 @@ declare class UDExMastheadMobileMenu extends UI5Element {
     handleDownArrow(e: KeyboardEvent): void;
     handleDirection(): void;
     handleMobileItemEvent(e: PointerEvent): void;
+    handleMobileCategoryItemEvent(e: PointerEvent): void;
     handleMenuMode(): void;
     handleFocusItem(): void;
     moveToBackWithKeyboard(e: KeyboardEvent): void;
@@ -90,7 +96,7 @@ declare class UDExMastheadMobileMenu extends UI5Element {
     openCategoryItems(e: Event): void;
     showFirstLevelMenu(): void;
     showCategories(): void;
-    fireMobileItemEvent(e: PointerEvent | KeyboardEvent): void;
+    fireMobileItemEvent(e: PointerEvent | KeyboardEvent, category?: string): void;
     setFocusItemByIndex(index: number): void;
     setFocusExploreBtn(): void;
     getClickedItem(el: UDExMastheadItem): UDExMastheadItem;

package/dist/MastheadMobileMenu.js

@@ -60,7 +60,7 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         e.preventDefault();
         this.openExploreSapMenu(e);
         this.setFocusItemByIndex(0);
-        this.fireDecoratorEvent("explorer-menu-click");
+        this.fireDecoratorEvent("explorer-menu-click", { originalEvent: e });
     }
     handleBackToMenuItems(e) {
         e.stopPropagation();
@@ -138,6 +138,10 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         e.stopPropagation();
         this.fireMobileItemEvent(e);
     }
+    handleMobileCategoryItemEvent(e) {
+        e.stopPropagation();
+        this.fireMobileItemEvent(e, this._category.category);
+    }
     handleMenuMode() {
         if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {
             this.openCategories(this.exploreItem);
@@ -276,10 +280,12 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         this._showCategories = true;
         this._showCategoryItems = false;
     }
-    fireMobileItemEvent(e) {
+    fireMobileItemEvent(e, category) {
         this.fireDecoratorEvent("item-click", {
+            isMobile: true,
             item: e.target,
             originalEvent: e,
+            ...(category && { category }),
         });
     }
     setFocusItemByIndex(index) {

package/dist/MastheadMobileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadMobileMenu.js","sourceRoot":"","sources":["../src/MastheadMobileMenu.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp, isDown, isRight, isLeft, isHome, isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\n\nimport MastheadMobileMenuTemplate from \"./generated/templates/MastheadMobileMenuTemplate.lit.js\";\n\n// Styles\nimport MastheadMobileMenuCss from \"./generated/themes/MastheadMobileMenu.css.js\";\n\ntype UDExMastheadMobileMenuItemClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  item: UDExMastheadMenuItem,\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-mobile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-mobile-menu\",\n  renderer: litRender,\n  styles: MastheadMobileMenuCss,\n  template: MastheadMobileMenuTemplate,\n  dependencies: [UDExMastheadMenuItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"item-click\", { cancelable: true, bubbles: false })\n\n/**\n * Fires when explorer menu button is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"explorer-menu-click\", { bubbles: true })\n\nclass UDExMastheadMobileMenu extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExMastheadMobileMenuItemClickEventDetail,\n    \"explorer-menu-click\": void,\n  };\n  /**\n   * Slot for search\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for explore Sap mobile button\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSapMobileButton?: UDExMastheadItem;\n\n  @property({ type: Boolean })\n    _showCategories!: boolean;\n\n  @property({ type: Boolean })\n    _hideExploreSapBtn!: boolean;\n\n  @property({ type: Boolean })\n    _showCategoryItems!: boolean;\n\n  @property({ type: String })\n    _direction?: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n  _shouldFocusItemByIndex!: boolean;\n  _shouldFocusExploreBtn!: boolean;\n  _focusedItemIndex!: number;\n\n  onAfterRendering() {\n    this.handleMenuMode();\n    this.setTabIndexForItems();\n    this.handleFocusItem();\n  }\n\n  handleMenuItemClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this.openCategories(item);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuCategoryClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.openCategoryItems(e);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreSapClick(e: PointerEvent) {\n    e.preventDefault();\n    this.openExploreSapMenu(e);\n    this.setFocusItemByIndex(0);\n    this.fireDecoratorEvent(\"explorer-menu-click\");\n  }\n\n  handleBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n    this.fireMobileItemEvent(e);\n  }\n\n  handleBackToCategories(e: PointerEvent) {\n    e.stopPropagation();\n    this.showCategories();\n    this.setFocusItemByIndex(this._category.index + 1);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusExploreBtn();\n    this.fireMobileItemEvent(e);\n  }\n\n  handlePressKey(e: KeyboardEvent) {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n    this.handleLeftRightKeys(e);\n    this.handleHomeKey(e);\n    this.handleEndKey(e);\n  }\n\n  handleLeftRightKeys(e: KeyboardEvent) {\n    this.handleRightArrow(e);\n    this.handleLeftArrow(e);\n  }\n\n  handleRightArrow(e: KeyboardEvent) {\n    if (isRight(e)) {\n      this.handleDirection();\n      if (this.isRtlDirection) {\n        this.moveToBackWithKeyboard(e);\n      } else {\n        this.moveToNextLevelWithKeyboard(e);\n      }\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent) {\n    if (isLeft(e)) {\n      this.handleDirection();\n      if (this.isRtlDirection) {\n        this.moveToNextLevelWithKeyboard(e);\n      } else {\n        this.moveToBackWithKeyboard(e);\n      }\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent) {\n    if (isUp(e)) {\n      e.preventDefault();\n      this.focusPreviousItem(e);\n    }\n  }\n\n  handleDownArrow(e: KeyboardEvent) {\n    if (isDown(e)) {\n      e.preventDefault();\n      this.focusNextItem(e);\n    }\n  }\n\n  handleDirection() {\n    const directionStyles: string = window.getComputedStyle(this).getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  handleMobileItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuMode() {\n    if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {\n      this.openCategories(this.exploreItem);\n    }\n\n    if (this.isSingleMenuMode && !this._hideExploreSapBtn) {\n      this.openCategories(this.items[0]);\n    }\n  }\n\n  handleFocusItem() {\n    if (this._shouldFocusItemByIndex) {\n      this.focusItemByIndex(this._focusedItemIndex);\n    }\n\n    if (this._shouldFocusExploreBtn) {\n      this.focusExploreBtn();\n    }\n  }\n\n  moveToBackWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadMenuItem;\n    if (target.hasAttribute(\"is-back-to-nav\")) {\n      this.showFirstLevelMenu();\n      this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"is-back-to-categories\")) {\n      this.showCategories();\n      this.setFocusItemByIndex(this._category.index + 1);\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"is-explore-back\")) {\n      this.showFirstLevelMenu();\n      this.setFocusExploreBtn();\n      this._focusedItemIndex = 0;\n      this.fireMobileItemEvent(e);\n    }\n  }\n\n  moveToNextLevelWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadItem;\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n\n    if (target.hasAttribute(\"is-explore\")) {\n      this._hideExploreSapBtn = true;\n      this._showCategoryItems = false;\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"first-level\")) {\n      this.openCategories(item);\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"second-level\")) {\n      this.openCategoryItems(e);\n      this.fireMobileItemEvent(e);\n    }\n\n    this.setFocusItemByIndex(0);\n  }\n\n  focusItemByIndex(index: number): void {\n    this.getListItemByIndex(index)?.focus();\n    this._shouldFocusItemByIndex = false;\n  }\n\n  focusExploreBtn(): void {\n    this.exploreBtnMenu.focus();\n    this._shouldFocusExploreBtn = false;\n  }\n\n  focusPreviousItem(e: KeyboardEvent): void {\n    const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n    const lastIndex = this.navigationItems.length - 1;\n    const previousIndex = currentIndex - 1 < 0 ? lastIndex : currentIndex - 1;\n    const currentItem = this.getListItemByIndex(currentIndex);\n    let prevItem = this.getListItemByIndex(previousIndex);\n\n    if (prevItem.type === UDExItemType.Heading) {\n      prevItem = this.getListItemByIndex(lastIndex);\n    }\n\n    currentItem._tabIndex = \"-1\";\n    prevItem._tabIndex = \"0\";\n    prevItem.focus();\n  }\n\n  focusNextItem(e: KeyboardEvent): void {\n    const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n    const navLength = this.navigationItems.length;\n    const nextIndex = currentIndex + 1 > navLength - 1 ? 0 : currentIndex + 1;\n    const currentItem = this.getListItemByIndex(currentIndex);\n    let nextItem = this.getListItemByIndex(nextIndex);\n\n    if (nextItem.type === UDExItemType.Heading) {\n      nextItem = this.getListItemByIndex(nextIndex + 1);\n    }\n\n    currentItem._tabIndex = \"-1\";\n    nextItem._tabIndex = \"0\";\n    nextItem.focus();\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    if (isEnd(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const lastIndex = this.navigationItems.length - 1;\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const lastItem = this.getListItemByIndex(lastIndex);\n\n      currentItem._tabIndex = \"-1\";\n      lastItem._tabIndex = \"0\";\n      lastItem.focus();\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    if (isHome(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const firstItem = this.getListItemByIndex(0);\n      const focusedIndex = firstItem.type === UDExItemType.Heading ? 1 : 0;\n\n      currentItem._tabIndex = \"-1\";\n      this.getListItemByIndex(focusedIndex)._tabIndex = \"0\";\n      this.getListItemByIndex(focusedIndex).focus();\n    }\n  }\n\n  openExploreSapMenu(e: Event) {\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this._hideExploreSapBtn = true;\n    this._showCategoryItems = false;\n    this.openCategories(item);\n  }\n\n  openCategories(item: UDExMastheadItem) {\n    this._clickedItem = item;\n    this._categories = this.getCategories(item.getSubItems());\n    this._showCategories = true;\n  }\n\n  openCategoryItems(e: Event) {\n    const item = e.target as UDExMastheadMenuItem;\n    const index = Number(item.getAttribute(\"id\"));\n    this._category = { ...this._categories[index], index };\n    this._showCategories = false;\n    this._showCategoryItems = true;\n  }\n\n  showFirstLevelMenu() {\n    this._showCategories = false;\n    this._showCategoryItems = false;\n    this._hideExploreSapBtn = false;\n  }\n\n  showCategories() {\n    this._showCategories = true;\n    this._showCategoryItems = false;\n  }\n\n  fireMobileItemEvent(e: PointerEvent | KeyboardEvent) {\n    this.fireDecoratorEvent(\"item-click\", {\n      item: e.target as UDExMastheadMenuItem,\n      originalEvent: e,\n    });\n  }\n\n  setFocusItemByIndex(index: number) {\n    this._shouldFocusItemByIndex = true;\n    this._focusedItemIndex = index;\n  }\n\n  setFocusExploreBtn(): void {\n    this._shouldFocusExploreBtn = true;\n  }\n\n  getClickedItem(el: UDExMastheadItem): UDExMastheadItem {\n    const items = [\n      ...this.items,\n      ...[this.hasExploreBtnSlot ? this.exploreItem : []],\n    ] as Array<UDExMastheadItem>;\n    return items.find(item => item._id === el.getAttribute(\"id\"))!;\n  }\n\n  getCategories(items: Array<MenuItem>): Array<SubMenuLinkItem> {\n    const categories: Array<SubMenuLinkItem> = [];\n    items?.forEach(item => {\n      item.subMenuLinkItems.forEach(category => {\n        categories.push(category);\n      });\n    });\n\n    return categories;\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): UDExMastheadMenuItem {\n    return this.navigationItems[index];\n  }\n\n  setTabIndexForItems(): void {\n    this.navigationItems.forEach((item, index) => {\n      if (this._focusedItemIndex > 0) {\n        item._tabIndex = index === this._focusedItemIndex ? \"0\" : \"-1\";\n        return;\n      }\n\n      const isPrevItemHeading = this.navigationItems[index - 1]?.type === UDExItemType.Heading;\n      item._tabIndex = isPrevItemHeading || index === 0 ? \"0\" : \"-1\";\n    });\n  }\n\n  get exploreBtnMenu(): UDExMastheadMenuItem {\n    return this.shadowRoot!.querySelector<UDExMastheadMenuItem>(\".udex-masthead-mobile-menu__explore-btn\")!;\n  }\n\n  get isRtlDirection(): boolean {\n    return this._direction === \"rtl\";\n  }\n\n  get navigationItems(): Array<UDExMastheadMenuItem> {\n    return Array.from(this.shadowRoot!.querySelectorAll<UDExMastheadMenuItem>(\"ul [udex-masthead-menu-item]\"));\n  }\n\n  get showNavigation(): boolean {\n    return !this._showCategories && !this._showCategoryItems;\n  }\n\n  get overviewLinkText(): string {\n    return UDExMastheadMobileMenu.i18nBundle.getText(OVERVIEW);\n  }\n\n  get exploreItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"exploreSapMobileButton\")[0];\n  }\n\n  get showExploreBtn(): boolean {\n    return this.hasExploreBtnSlot && !this._hideExploreSapBtn && !!this.items.length;\n  }\n\n  get hasExploreBtnSlot(): boolean {\n    return !!this.getSlottedNodes(\"exploreSapMobileButton\").length;\n  }\n\n  get hasSearchSlot(): boolean {\n    return !!this.search.length;\n  }\n\n  get isCategoriesOpen(): boolean {\n    return !this._showCategoryItems;\n  }\n\n  get isSingleMenuMode(): boolean {\n    return this.items.length === 1 && this.isCategoriesOpen;\n  }\n\n  get isNoMenuItemsMode(): boolean {\n    return this.items.length === 0 && this.isCategoriesOpen;\n  }\n\n  get isNotMultipleMode(): boolean {\n    return this.isSingleMenuMode || this.isNoMenuItemsMode;\n  }\n}\n\nUDExMastheadMobileMenu.define();\n\nexport default UDExMastheadMobileMenu;\n"]}
+{"version":3,"file":"MastheadMobileMenu.js","sourceRoot":"","sources":["../src/MastheadMobileMenu.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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp, isDown, isRight, isLeft, isHome, isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\n\nimport MastheadMobileMenuTemplate from \"./generated/templates/MastheadMobileMenuTemplate.lit.js\";\n\n// Styles\nimport MastheadMobileMenuCss from \"./generated/themes/MastheadMobileMenu.css.js\";\n\ntype UDExMastheadMobileMenuItemClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  item: UDExMastheadMenuItem,\n  category?: string,\n  isMobile: boolean,\n}\n\ntype UDExMastheadMobileMenuExploreClickEventDetail = {\n  originalEvent: PointerEvent | 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-masthead-mobile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-mobile-menu\",\n  renderer: litRender,\n  styles: MastheadMobileMenuCss,\n  template: MastheadMobileMenuTemplate,\n  dependencies: [UDExMastheadMenuItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"item-click\", { cancelable: true, bubbles: false })\n\n/**\n * Fires when explorer menu button is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"explorer-menu-click\", { bubbles: true })\n\nclass UDExMastheadMobileMenu extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExMastheadMobileMenuItemClickEventDetail,\n    \"explorer-menu-click\": UDExMastheadMobileMenuExploreClickEventDetail,\n  };\n  /**\n   * Slot for search\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for explore Sap mobile button\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSapMobileButton?: UDExMastheadItem;\n\n  @property({ type: Boolean })\n    _showCategories!: boolean;\n\n  @property({ type: Boolean })\n    _hideExploreSapBtn!: boolean;\n\n  @property({ type: Boolean })\n    _showCategoryItems!: boolean;\n\n  @property({ type: String })\n    _direction?: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n  _shouldFocusItemByIndex!: boolean;\n  _shouldFocusExploreBtn!: boolean;\n  _focusedItemIndex!: number;\n\n  onAfterRendering() {\n    this.handleMenuMode();\n    this.setTabIndexForItems();\n    this.handleFocusItem();\n  }\n\n  handleMenuItemClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this.openCategories(item);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuCategoryClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.openCategoryItems(e);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreSapClick(e: PointerEvent) {\n    e.preventDefault();\n    this.openExploreSapMenu(e);\n    this.setFocusItemByIndex(0);\n    this.fireDecoratorEvent(\"explorer-menu-click\", { originalEvent: e });\n  }\n\n  handleBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n    this.fireMobileItemEvent(e);\n  }\n\n  handleBackToCategories(e: PointerEvent) {\n    e.stopPropagation();\n    this.showCategories();\n    this.setFocusItemByIndex(this._category.index + 1);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusExploreBtn();\n    this.fireMobileItemEvent(e);\n  }\n\n  handlePressKey(e: KeyboardEvent) {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n    this.handleLeftRightKeys(e);\n    this.handleHomeKey(e);\n    this.handleEndKey(e);\n  }\n\n  handleLeftRightKeys(e: KeyboardEvent) {\n    this.handleRightArrow(e);\n    this.handleLeftArrow(e);\n  }\n\n  handleRightArrow(e: KeyboardEvent) {\n    if (isRight(e)) {\n      this.handleDirection();\n      if (this.isRtlDirection) {\n        this.moveToBackWithKeyboard(e);\n      } else {\n        this.moveToNextLevelWithKeyboard(e);\n      }\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent) {\n    if (isLeft(e)) {\n      this.handleDirection();\n      if (this.isRtlDirection) {\n        this.moveToNextLevelWithKeyboard(e);\n      } else {\n        this.moveToBackWithKeyboard(e);\n      }\n    }\n  }\n\n  handleUpArrow(e: KeyboardEvent) {\n    if (isUp(e)) {\n      e.preventDefault();\n      this.focusPreviousItem(e);\n    }\n  }\n\n  handleDownArrow(e: KeyboardEvent) {\n    if (isDown(e)) {\n      e.preventDefault();\n      this.focusNextItem(e);\n    }\n  }\n\n  handleDirection() {\n    const directionStyles: string = window.getComputedStyle(this).getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  handleMobileItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMobileCategoryItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e, this._category.category);\n  }\n\n  handleMenuMode() {\n    if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {\n      this.openCategories(this.exploreItem);\n    }\n\n    if (this.isSingleMenuMode && !this._hideExploreSapBtn) {\n      this.openCategories(this.items[0]);\n    }\n  }\n\n  handleFocusItem() {\n    if (this._shouldFocusItemByIndex) {\n      this.focusItemByIndex(this._focusedItemIndex);\n    }\n\n    if (this._shouldFocusExploreBtn) {\n      this.focusExploreBtn();\n    }\n  }\n\n  moveToBackWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadMenuItem;\n    if (target.hasAttribute(\"is-back-to-nav\")) {\n      this.showFirstLevelMenu();\n      this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"is-back-to-categories\")) {\n      this.showCategories();\n      this.setFocusItemByIndex(this._category.index + 1);\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"is-explore-back\")) {\n      this.showFirstLevelMenu();\n      this.setFocusExploreBtn();\n      this._focusedItemIndex = 0;\n      this.fireMobileItemEvent(e);\n    }\n  }\n\n  moveToNextLevelWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadItem;\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n\n    if (target.hasAttribute(\"is-explore\")) {\n      this._hideExploreSapBtn = true;\n      this._showCategoryItems = false;\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"first-level\")) {\n      this.openCategories(item);\n      this.fireMobileItemEvent(e);\n    }\n\n    if (target.hasAttribute(\"second-level\")) {\n      this.openCategoryItems(e);\n      this.fireMobileItemEvent(e);\n    }\n\n    this.setFocusItemByIndex(0);\n  }\n\n  focusItemByIndex(index: number): void {\n    this.getListItemByIndex(index)?.focus();\n    this._shouldFocusItemByIndex = false;\n  }\n\n  focusExploreBtn(): void {\n    this.exploreBtnMenu.focus();\n    this._shouldFocusExploreBtn = false;\n  }\n\n  focusPreviousItem(e: KeyboardEvent): void {\n    const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n    const lastIndex = this.navigationItems.length - 1;\n    const previousIndex = currentIndex - 1 < 0 ? lastIndex : currentIndex - 1;\n    const currentItem = this.getListItemByIndex(currentIndex);\n    let prevItem = this.getListItemByIndex(previousIndex);\n\n    if (prevItem.type === UDExItemType.Heading) {\n      prevItem = this.getListItemByIndex(lastIndex);\n    }\n\n    currentItem._tabIndex = \"-1\";\n    prevItem._tabIndex = \"0\";\n    prevItem.focus();\n  }\n\n  focusNextItem(e: KeyboardEvent): void {\n    const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n    const navLength = this.navigationItems.length;\n    const nextIndex = currentIndex + 1 > navLength - 1 ? 0 : currentIndex + 1;\n    const currentItem = this.getListItemByIndex(currentIndex);\n    let nextItem = this.getListItemByIndex(nextIndex);\n\n    if (nextItem.type === UDExItemType.Heading) {\n      nextItem = this.getListItemByIndex(nextIndex + 1);\n    }\n\n    currentItem._tabIndex = \"-1\";\n    nextItem._tabIndex = \"0\";\n    nextItem.focus();\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    if (isEnd(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const lastIndex = this.navigationItems.length - 1;\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const lastItem = this.getListItemByIndex(lastIndex);\n\n      currentItem._tabIndex = \"-1\";\n      lastItem._tabIndex = \"0\";\n      lastItem.focus();\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    if (isHome(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const firstItem = this.getListItemByIndex(0);\n      const focusedIndex = firstItem.type === UDExItemType.Heading ? 1 : 0;\n\n      currentItem._tabIndex = \"-1\";\n      this.getListItemByIndex(focusedIndex)._tabIndex = \"0\";\n      this.getListItemByIndex(focusedIndex).focus();\n    }\n  }\n\n  openExploreSapMenu(e: Event) {\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this._hideExploreSapBtn = true;\n    this._showCategoryItems = false;\n    this.openCategories(item);\n  }\n\n  openCategories(item: UDExMastheadItem) {\n    this._clickedItem = item;\n    this._categories = this.getCategories(item.getSubItems());\n    this._showCategories = true;\n  }\n\n  openCategoryItems(e: Event) {\n    const item = e.target as UDExMastheadMenuItem;\n    const index = Number(item.getAttribute(\"id\"));\n    this._category = { ...this._categories[index], index };\n    this._showCategories = false;\n    this._showCategoryItems = true;\n  }\n\n  showFirstLevelMenu() {\n    this._showCategories = false;\n    this._showCategoryItems = false;\n    this._hideExploreSapBtn = false;\n  }\n\n  showCategories() {\n    this._showCategories = true;\n    this._showCategoryItems = false;\n  }\n\n  fireMobileItemEvent(e: PointerEvent | KeyboardEvent, category?: string) {\n    this.fireDecoratorEvent(\"item-click\", {\n      isMobile: true,\n      item: e.target as UDExMastheadMenuItem,\n      originalEvent: e,\n      ...(category && { category }),\n    });\n  }\n\n  setFocusItemByIndex(index: number) {\n    this._shouldFocusItemByIndex = true;\n    this._focusedItemIndex = index;\n  }\n\n  setFocusExploreBtn(): void {\n    this._shouldFocusExploreBtn = true;\n  }\n\n  getClickedItem(el: UDExMastheadItem): UDExMastheadItem {\n    const items = [\n      ...this.items,\n      ...[this.hasExploreBtnSlot ? this.exploreItem : []],\n    ] as Array<UDExMastheadItem>;\n    return items.find(item => item._id === el.getAttribute(\"id\"))!;\n  }\n\n  getCategories(items: Array<MenuItem>): Array<SubMenuLinkItem> {\n    const categories: Array<SubMenuLinkItem> = [];\n    items?.forEach(item => {\n      item.subMenuLinkItems.forEach(category => {\n        categories.push(category);\n      });\n    });\n\n    return categories;\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): UDExMastheadMenuItem {\n    return this.navigationItems[index];\n  }\n\n  setTabIndexForItems(): void {\n    this.navigationItems.forEach((item, index) => {\n      if (this._focusedItemIndex > 0) {\n        item._tabIndex = index === this._focusedItemIndex ? \"0\" : \"-1\";\n        return;\n      }\n\n      const isPrevItemHeading = this.navigationItems[index - 1]?.type === UDExItemType.Heading;\n      item._tabIndex = isPrevItemHeading || index === 0 ? \"0\" : \"-1\";\n    });\n  }\n\n  get exploreBtnMenu(): UDExMastheadMenuItem {\n    return this.shadowRoot!.querySelector<UDExMastheadMenuItem>(\".udex-masthead-mobile-menu__explore-btn\")!;\n  }\n\n  get isRtlDirection(): boolean {\n    return this._direction === \"rtl\";\n  }\n\n  get navigationItems(): Array<UDExMastheadMenuItem> {\n    return Array.from(this.shadowRoot!.querySelectorAll<UDExMastheadMenuItem>(\"ul [udex-masthead-menu-item]\"));\n  }\n\n  get showNavigation(): boolean {\n    return !this._showCategories && !this._showCategoryItems;\n  }\n\n  get overviewLinkText(): string {\n    return UDExMastheadMobileMenu.i18nBundle.getText(OVERVIEW);\n  }\n\n  get exploreItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"exploreSapMobileButton\")[0];\n  }\n\n  get showExploreBtn(): boolean {\n    return this.hasExploreBtnSlot && !this._hideExploreSapBtn && !!this.items.length;\n  }\n\n  get hasExploreBtnSlot(): boolean {\n    return !!this.getSlottedNodes(\"exploreSapMobileButton\").length;\n  }\n\n  get hasSearchSlot(): boolean {\n    return !!this.search.length;\n  }\n\n  get isCategoriesOpen(): boolean {\n    return !this._showCategoryItems;\n  }\n\n  get isSingleMenuMode(): boolean {\n    return this.items.length === 1 && this.isCategoriesOpen;\n  }\n\n  get isNoMenuItemsMode(): boolean {\n    return this.items.length === 0 && this.isCategoriesOpen;\n  }\n\n  get isNotMultipleMode(): boolean {\n    return this.isSingleMenuMode || this.isNoMenuItemsMode;\n  }\n}\n\nUDExMastheadMobileMenu.define();\n\nexport default UDExMastheadMobileMenu;\n"]}

package/dist/MastheadShell.d.ts

@@ -3,7 +3,6 @@ import type { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delega
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/search.js";
-import "@ui5/webcomponents-icons/dist/cart.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UDExMastheadItem from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
@@ -36,10 +35,14 @@ declare class UDExMastheadShell extends UI5Element {
     eventDetails: {
         "mobile-menu-open": void;
         "mobile-menu-close": void;
-        "search-click": void;
-        "cart-click": void;
-        "profile-click": void;
-        "country-selector-click": void;
+        "search-opened": void;
+        "search-closed": void;
+        "cart-click": UDExMastheadShellBaseEventDetail;
+        "support-click": UDExMastheadShellBaseEventDetail;
+        "profile-click": UDExMastheadShellBaseEventDetail;
+        "country-selector-click": UDExMastheadShellBaseEventDetail;
+        "search-click": UDExMastheadShellBaseEventDetail;
+        "search-close-click": UDExMastheadShellBaseEventDetail;
         "logo-click": UDExMastheadShellBaseEventDetail;
         "site-label-click": UDExMastheadShellBaseEventDetail;
     };
@@ -87,6 +90,12 @@ declare class UDExMastheadShell extends UI5Element {
      * @public
      */
     profile: Array<UDExMastheadItem>;
+    /**
+     * Slot for support
+     *
+     * @public
+     */
+    support: Array<UDExMastheadItem>;
     /**
      * Defines URL to homepage. It will be used as a link on a logo and a site label
      *
@@ -208,18 +217,19 @@ declare class UDExMastheadShell extends UI5Element {
     _handleResize(): void;
     handleMobileMode(): void;
     handleKeyDown(e: KeyboardEvent): void;
+    handleSearchKeyDown(e: CustomEvent): void;
     handleLeftArrow(e: KeyboardEvent): void;
     handleRightArrow(e: KeyboardEvent): void;
     handleLogoClick(e: PointerEvent): void;
     handleSiteLabelClick(e: PointerEvent): void;
-    handleSearchClick(e: CustomEvent): void;
-    handleCartClick(e: CustomEvent): void;
-    handleProfileClick(e: CustomEvent): void;
-    handleCountrySelectorClick(e: CustomEvent): void;
+    handleSearchClick(e: PointerEvent): void;
+    handleCartClick(e: PointerEvent): void;
+    handleProfileClick(e: PointerEvent): void;
+    handleSupportClick(e: PointerEvent): void;
+    handleCountrySelectorClick(e: PointerEvent): void;
     handleOpenMobileMenu(): void;
-    handleCloseSearch(): void;
+    handleCloseSearch(e: PointerEvent): void;
     handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void;
-    handleOutsideClick(): void;
     focusSearchInput(): void;
     focusPreviousMenuItem(item: UDExMastheadItem): void;
     focusNextMenuItem(item: UDExMastheadItem): void;
@@ -274,6 +284,7 @@ declare class UDExMastheadShell extends UI5Element {
     get profileItem(): UDExMastheadItem;
     get countrySelectorItem(): UDExMastheadItem;
     get cartItem(): MastheadItemType;
+    get supportItem(): MastheadItemType;
     get profileMenu(): UDExMastheadProfileMenu;
     get countrySelectorMenu(): UDExMastheadCountrySelector;
     get profileMenuLinks(): UDExMastheadMenu | undefined | null;
@@ -282,9 +293,10 @@ declare class UDExMastheadShell extends UI5Element {
     get hasSearch(): boolean;
     get hasExploreSAP(): boolean;
     get hasCountrySelector(): boolean;
+    get hasSupport(): boolean;
     get hasMobileMenuButtons(): boolean;
     get isBreakpointSizeM(): boolean;
-    get IsAtLeastBreakpointSizeM(): boolean;
+    get isAtLeastBreakpointSizeM(): boolean;
     get isMainMenuVisible(): boolean;
     get isSearchVisible(): boolean;
     get shouldHandleMobileView(): boolean;

package/dist/MastheadShell.js

@@ -13,14 +13,13 @@ import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.js";
-import { isLeft, isRight, isSpace, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
+import { isLeft, isRight, isSpace, isEnter, isEscape, } from "@ui5/webcomponents-base/dist/Keys.js";
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/search.js";
-import "@ui5/webcomponents-icons/dist/cart.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
 import { MAIN_LINKS } from "./generated/i18n/i18n-defaults.js";
-import UDExMastheadItem from "./MastheadItem.js";
+import UDExMastheadItem, { UDExMastheadDropdownItemAction } from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import UDExControlButton from "./ControlButton.js";
 import UDExMastheadMobileMenu from "./MastheadMobileMenu.js";
@@ -111,7 +110,6 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         this._rootHolder = this.mastheadHolder;
         this._searchOpener = this.searchOpener;
         this._mobileMenu = this.mastheadMobileMenu;
-        this.handleOutsideClick();
         if (this._isSearchOpened) {
             this.focusSearchInput();
         }
@@ -134,6 +132,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         }
         if (this._shouldHandleResize && this._isMobileMenuOpen) {
             this.closeMobileMenu();
+            this.resetSelectedItems();
             return;
         }
         this._shouldHandleResize = true;
@@ -159,6 +158,17 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         this.handleLeftArrow(e);
         this.handleRightArrow(e);
     }
+    handleSearchKeyDown(e) {
+        e.stopPropagation();
+        const keyEvent = e.detail.e;
+        if (isEscape(keyEvent)) {
+            if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {
+                return;
+            }
+            this.closeSearch();
+            this.focusSearchBtn();
+        }
+    }
     handleLeftArrow(e) {
         if (isLeft(e)) {
             const currentItem = e.target;
@@ -189,20 +199,24 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     }
     handleSearchClick(e) {
         e.stopPropagation();
+        this.fireDecoratorEvent("search-click", { originalEvent: e });
         this.openSearch();
-        this.fireEvent("search-click");
     }
     handleCartClick(e) {
         e.stopPropagation();
-        this.fireDecoratorEvent("cart-click");
+        this.fireDecoratorEvent("cart-click", { originalEvent: e });
     }
     handleProfileClick(e) {
         e.stopPropagation();
-        this.fireDecoratorEvent("profile-click");
+        this.fireDecoratorEvent("profile-click", { originalEvent: e });
+    }
+    handleSupportClick(e) {
+        e.stopPropagation();
+        this.fireDecoratorEvent("support-click", { originalEvent: e });
     }
     handleCountrySelectorClick(e) {
         e.stopPropagation();
-        this.fireDecoratorEvent("country-selector-click");
+        this.fireDecoratorEvent("country-selector-click", { originalEvent: e });
     }
     handleOpenMobileMenu() {
         const clickedItem = this.mobileBtn;
@@ -216,9 +230,10 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         }
         this.fireDecoratorEvent("mobile-menu-open");
     }
-    handleCloseSearch() {
-        this.closeSearch();
+    handleCloseSearch(e) {
         this._closeBtnClicked = true;
+        this.fireDecoratorEvent("search-close-click", { originalEvent: e });
+        this.closeSearch();
     }
     handleEnterAndSpaceOnCloseBtn(e) {
         if (isSpace(e) || isEnter(e)) {
@@ -227,16 +242,6 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             this.mobileBtn?.focus();
         }
     }
-    handleOutsideClick() {
-        document.addEventListener("click", (e) => {
-            const el = e.target;
-            const isMobile = window.innerWidth < 1280 || this._isMobileMode;
-            const isDropdownSlot = el.getAttribute("slot") === "dropdown";
-            if (!isDropdownSlot && !el.isMenuItem && !isMobile) {
-                this.resetSelectedItems();
-            }
-        });
-    }
     focusSearchInput() {
         const searchSlot = this.querySelector("[udex-search]");
         if (searchSlot) {
@@ -259,7 +264,10 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     }
     resetSelectedItems(clickedId) {
         this.getSelectedItems().forEach(item => {
-            if (item._id !== clickedId) {
+            if (item._id !== clickedId && item.selected) {
+                if (item.hasDropdownSlot) {
+                    item.fireDropdownCloseEvent(item.eventItemTitle, UDExMastheadDropdownItemAction.ClickOutside);
+                }
                 item.selected = false;
             }
         });
@@ -284,6 +292,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             ...this.menuItems,
             ...this.exploreSAP,
             ...this.cart,
+            ...this.support,
             ...this.profile,
             ...this.countrySelector,
             ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),
@@ -382,6 +391,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
      */
     closeSearch() {
         this._isSearchOpened = false;
+        this.fireDecoratorEvent("search-closed");
     }
     /**
      * Open the search panel.
@@ -391,7 +401,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         const shouldPreventOpeningSearch = this._isSearchOpened
             || (this.isBreakpointSizeM && !this.showSearchByDefault)
             || this._isMobileMode
-            || (this.IsAtLeastBreakpointSizeM && this.showSearchByDefault);
+            || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);
         if (shouldPreventOpeningSearch) {
             return;
         }
@@ -400,6 +410,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         if (this._searchOpener) {
             this._searchOpener.selected = false;
         }
+        this.fireDecoratorEvent("search-opened");
     }
     /**
      * Open the mobile menu panel.
@@ -407,7 +418,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
      */
     openMobileMenu() {
         if (!this._isMobileMenuOpen && (this._isMobileMode || this.isBreakpointSizeM)) {
-            this.mobileBtn.handleSelectedChange();
+            this.mobileBtn?.handleSelectedChange();
             this.handleOpenMobileMenu();
         }
     }
@@ -419,19 +430,20 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         if (!this._isMobileMenuOpen) {
             return;
         }
+        this.mobileBtn.selected = false;
         this._isMobileMenuOpen = false;
-        this.resetSelectedItems();
         this._mobileMenu?.showFirstLevelMenu();
         if (this.bodyOverflow) {
             this.removeOverflowBody();
         }
-        this.fireEvent("mobile-menu-close");
+        this.fireDecoratorEvent("mobile-menu-close");
     }
     get slottedItems() {
         return [
             this.profileItem,
             this.profileMenu,
             this.cartItem,
+            this.supportItem,
             this.profileMenu,
             this.profileMenuLinks,
             this.countrySelectorItem,
@@ -462,6 +474,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get cartItem() {
         return this.getSlottedNodes("cart")[0];
     }
+    get supportItem() {
+        return this.getSlottedNodes("support")[0];
+    }
     get profileMenu() {
         return this.querySelector("[udex-masthead-profile-menu]");
     }
@@ -486,13 +501,16 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get hasCountrySelector() {
         return !!this.countrySelector.length;
     }
+    get hasSupport() {
+        return !!this.support.length;
+    }
     get hasMobileMenuButtons() {
         return !!this.mobileMenu.length;
     }
     get isBreakpointSizeM() {
         return BreakpointUtils.isAtMost("M");
     }
-    get IsAtLeastBreakpointSizeM() {
+    get isAtLeastBreakpointSizeM() {
         return BreakpointUtils.isAtLeast("M");
     }
     get isMainMenuVisible() {
@@ -529,6 +547,9 @@ __decorate([
 __decorate([
     slot({ type: HTMLElement })
 ], UDExMastheadShell.prototype, "profile", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExMastheadShell.prototype, "support", void 0);
 __decorate([
     property({ type: String })
 ], UDExMastheadShell.prototype, "homeUrl", void 0);
@@ -616,6 +637,27 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      */
     ,
     event("search-click", { bubbles: true })
+    /**
+     * Fired event when the user clicks the search close button.
+     *
+     * @public
+     */
+    ,
+    event("search-close-click", { bubbles: true })
+    /**
+     * Fired event when the search panel is opened.
+     *
+     * @public
+     */
+    ,
+    event("search-opened", { bubbles: true })
+    /**
+     * Fired event when the search panel is closed.
+     *
+     * @public
+     */
+    ,
+    event("search-closed", { bubbles: true })
     /**
      * Fired event when the user clicks the cart button trigger.
      *
@@ -623,6 +665,13 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      */
     ,
     event("cart-click", { bubbles: true })
+    /**
+     * Fired event when the user clicks the support button trigger.
+     *
+     * @public
+     */
+    ,
+    event("support-click", { bubbles: true })
     /**
      * Fired event when the user clicks the profile button trigger.
      *