@sapudex/web-components 0.117.1 → 0.138.0

package/dist/MastheadMobileMenu.js

@@ -10,6 +10,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { isUp, isDown, isRight, isLeft, isEnter, } from "@ui5/webcomponents-base/dist/Keys.js";
 import UDExMastheadMenuItem from "./MastheadMenuItem.js";
@@ -39,29 +40,47 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         UDExMastheadMobileMenu_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
     }
     onAfterRendering() {
-        if (this.hasAttribute("slot")) {
-            this.focusFirstItem();
-        }
+        this.handleMenuMode();
+        this.handleFocusItem();
     }
     handleMenuItemClick(e) {
         e.preventDefault();
-        this.openCategories(e);
+        e.stopPropagation();
+        const item = this.getItemByList(e.target);
+        this.openCategories(item);
+        this.setFocusItemByIndex(0);
+        this.fireMobileItemEvent(e);
     }
     handleMenuCategoryClick(e) {
         e.preventDefault();
+        e.stopPropagation();
         this.openCategoryItems(e);
+        this.setFocusItemByIndex(0);
+        this.fireMobileItemEvent(e);
     }
     handleExploreSapClick(e) {
         e.preventDefault();
-        this._hideExploreSapBtn = true;
-        this._showCategoryItems = false;
-        this.openCategories(e);
+        this.openExploreSapMenu(e);
+        this.setFocusItemByIndex(0);
+        this.fireEvent("explorer-menu-click");
     }
-    handleBackToMenuItems() {
+    handleBackToMenuItems(e) {
+        e.stopPropagation();
         this.showFirstLevelMenu();
+        this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));
+        this.fireMobileItemEvent(e);
     }
-    handleBackToCategories() {
+    handleBackToCategories(e) {
+        e.stopPropagation();
         this.showCategories();
+        this.setFocusItemByIndex(this._category.index + 1);
+        this.fireMobileItemEvent(e);
+    }
+    handleExploreBackToMenuItems(e) {
+        e.stopPropagation();
+        this.showFirstLevelMenu();
+        this.setFocusExploreBtn();
+        this.fireMobileItemEvent(e);
     }
     handleKeyDown(e) {
         this.handleUpArrow(e);
@@ -114,30 +133,71 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
             this._direction = directionStyles;
         }
     }
+    handleMobileItemEvent(e) {
+        e.stopPropagation();
+        this.fireMobileItemEvent(e);
+    }
+    handleMenuMode() {
+        if (this.isCategoriesOpen) {
+            if (this.isNoMenuItemsMode) {
+                this.openCategories(this.exploreItem);
+            }
+            if (this.isSingleMenuMode) {
+                this.openCategories(this.items[0]);
+            }
+        }
+    }
+    handleFocusItem() {
+        if (this._shouldFocusItemByIndex) {
+            this.focusItemByIndex(this._focusedItemIndex);
+        }
+        if (this._shouldFocusExploreBtn) {
+            this.focusExploreBtn();
+        }
+    }
     moveToBackWithKeyboard(e) {
         const target = e.target;
-        if (target.hasAttribute("back-to-nav")) {
+        if (target.hasAttribute("is-back-to-nav")) {
             this.showFirstLevelMenu();
+            this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));
+            this.fireMobileItemEvent(e);
         }
-        if (target.hasAttribute("back-to-categories")) {
+        if (target.hasAttribute("is-back-to-categories")) {
             this.showCategories();
+            this.setFocusItemByIndex(this._category.index + 1);
+            this.fireMobileItemEvent(e);
+        }
+        if (target.hasAttribute("is-explore-back")) {
+            this.showFirstLevelMenu();
+            this.setFocusExploreBtn();
+            this.fireMobileItemEvent(e);
         }
     }
     moveToNextLevelWithKeyboard(e) {
         const target = e.target;
+        const item = this.getItemByList(e.target);
         if (target.hasAttribute("is-explore")) {
             this._hideExploreSapBtn = true;
             this._showCategoryItems = false;
+            this.fireMobileItemEvent(e);
         }
         if (target.hasAttribute("first-level")) {
-            this.openCategories(e);
+            this.openCategories(item);
+            this.fireMobileItemEvent(e);
         }
         if (target.hasAttribute("second-level")) {
             this.openCategoryItems(e);
+            this.fireMobileItemEvent(e);
         }
+        this.setFocusItemByIndex(0);
+    }
+    focusItemByIndex(index) {
+        this.getListItemByIndex(index)?.focus();
+        this._shouldFocusItemByIndex = false;
     }
-    focusFirstItem() {
-        this.getListItemByIndex(0)?.focus();
+    focusExploreBtn() {
+        this.exploreBtnMenu.focus();
+        this._shouldFocusExploreBtn = false;
     }
     focusPreviousItem(e) {
         const target = e.target;
@@ -156,16 +216,21 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         const listItem = this.getListItemByIndex(nextSelectIndex);
         listItem?.focus();
     }
-    openCategories(e) {
+    openExploreSapMenu(e) {
         const item = this.getItemByList(e.target);
+        this._hideExploreSapBtn = true;
+        this._showCategoryItems = false;
+        this.openCategories(item);
+    }
+    openCategories(item) {
         this._clickedItem = item;
         this._categories = this.getCategories(item.getSubItems());
-        this.setCategoryByItem(item);
         this._showCategories = true;
     }
     openCategoryItems(e) {
         const item = e.target;
-        this.setCategoryByItem(item);
+        const index = Number(item.getAttribute("id"));
+        this._category = { ...this._categories[index], index };
         this._showCategories = false;
         this._showCategoryItems = true;
     }
@@ -178,9 +243,18 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         this._showCategories = true;
         this._showCategoryItems = false;
     }
-    setCategoryByItem(item) {
-        const index = Number(item.getAttribute("id"));
-        this._category = this._categories[index];
+    fireMobileItemEvent(e) {
+        this.fireEvent("item-click", {
+            item: e.target,
+            originalEvent: e,
+        }, true, false);
+    }
+    setFocusItemByIndex(index) {
+        this._shouldFocusItemByIndex = true;
+        this._focusedItemIndex = index;
+    }
+    setFocusExploreBtn() {
+        this._shouldFocusExploreBtn = true;
     }
     getItemByList(el) {
         const items = [
@@ -204,6 +278,9 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
     getListItemByIndex(index) {
         return this.navigationItems[index]?.querySelector("udex-masthead-menu-item");
     }
+    get exploreBtnMenu() {
+        return this.shadowRoot.querySelector(".udex-masthead-mobile-menu__explore-btn");
+    }
     get isRtlDirection() {
         return this._direction === "rtl";
     }
@@ -220,7 +297,7 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
         return this.getSlottedNodes("exploreSapMobileButton")[0];
     }
     get showExploreBtn() {
-        return this.hasExploreBtnSlot && !this._hideExploreSapBtn;
+        return this.hasExploreBtnSlot && !this._hideExploreSapBtn && !!this.items.length;
     }
     get hasExploreBtnSlot() {
         return !!this.getSlottedNodes("exploreSapMobileButton").length;
@@ -228,6 +305,18 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
     get hasSearchSlot() {
         return !!this.search.length;
     }
+    get isCategoriesOpen() {
+        return !this._showCategoryItems;
+    }
+    get isSingleMenuMode() {
+        return this.items.length === 1 && this.isCategoriesOpen;
+    }
+    get isNoMenuItemsMode() {
+        return this.items.length === 0 && this.isCategoriesOpen;
+    }
+    get isNotMultipleMode() {
+        return this.isSingleMenuMode || this.isNoMenuItemsMode;
+    }
 };
 __decorate([
     slot({ type: Node })
@@ -258,6 +347,31 @@ UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = __decorate([
         template: MastheadMobileMenuTemplate,
         dependencies: [UDExMastheadMenuItem],
     })
+    /**
+     * Fires when item is clicked
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("item-click", {
+        detail: {
+            item: {
+                type: HTMLElement,
+            },
+            originalEvent: {
+                type: PointerEvent,
+            },
+        },
+    })
+    /**
+     * Fires when explorer menu button is clicked
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("explorer-menu-click")
 ], UDExMastheadMobileMenu);
 UDExMastheadMobileMenu.define();
 export default UDExMastheadMobileMenu;

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 { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp, isDown, isRight, isLeft, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExMastheadItem, { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\n\nimport MastheadMobileMenuTemplate from \"./generated/templates/MastheadMobileMenuTemplate.lit.js\";\n// Styles\nimport MastheadMobileMenuCss from \"./generated/themes/MastheadMobileMenu.css.js\";\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 \"@udex/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\nclass UDExMastheadMobileMenu extends UI5Element {\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  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadMobileMenu.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  onAfterRendering() {\n    if (this.hasAttribute(\"slot\")) {\n      this.focusFirstItem();\n    }\n  }\n\n  handleMenuItemClick(e: Event) {\n    e.preventDefault();\n    this.openCategories(e);\n  }\n\n  handleMenuCategoryClick(e: Event) {\n    e.preventDefault();\n    this.openCategoryItems(e);\n  }\n\n  handleExploreSapClick(e: Event) {\n    e.preventDefault();\n    this._hideExploreSapBtn = true;\n    this._showCategoryItems = false;\n    this.openCategories(e);\n  }\n\n  handleBackToMenuItems() {\n    this.showFirstLevelMenu();\n  }\n\n  handleBackToCategories() {\n    this.showCategories();\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n    this.handleRightArrow(e);\n    this.handleLeftArrow(e);\n  }\n\n  handleRightArrow(e: KeyboardEvent) {\n    this.handleDirection();\n    if (isRight(e) || isEnter(e)) {\n      if (this.isRtlDirection) {\n        this.moveToBackWithKeyboard(e);\n      } else {\n        this.moveToNextLevelWithKeyboard(e);\n      }\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent) {\n    this.handleDirection();\n    if (isLeft(e) || isEnter(e)) {\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\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  moveToBackWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadItem;\n    if (target.hasAttribute(\"back-to-nav\")) {\n      this.showFirstLevelMenu();\n    }\n\n    if (target.hasAttribute(\"back-to-categories\")) {\n      this.showCategories();\n    }\n  }\n\n  moveToNextLevelWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadItem;\n\n    if (target.hasAttribute(\"is-explore\")) {\n      this._hideExploreSapBtn = true;\n      this._showCategoryItems = false;\n    }\n\n    if (target.hasAttribute(\"first-level\")) {\n      this.openCategories(e);\n    }\n\n    if (target.hasAttribute(\"second-level\")) {\n      this.openCategoryItems(e);\n    }\n  }\n\n  focusFirstItem(): void {\n    this.getListItemByIndex(0)?.focus();\n  }\n\n  focusPreviousItem(e: KeyboardEvent): void {\n    const target = e.target as HTMLElement;\n    const currentItem = target.parentElement as HTMLElement;\n    const currentSelectedIndex = this.getCurrentIndex(currentItem);\n    const lastItemIndex = this.navigationItems.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const listItem = this.getListItemByIndex(previousSelectIndex);\n    listItem?.focus();\n  }\n\n  focusNextItem(e: KeyboardEvent): void {\n    const target = e.target as HTMLElement;\n    const currentItem = target.parentElement as HTMLElement;\n    const currentSelectedIndex = this.getCurrentIndex(currentItem);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.navigationItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    const listItem = this.getListItemByIndex(nextSelectIndex);\n    listItem?.focus();\n  }\n\n  openCategories(e: Event) {\n    const item = this.getItemByList(e.target as UDExMastheadItem);\n    this._clickedItem = item;\n    this._categories = this.getCategories(item.getSubItems());\n    this.setCategoryByItem(item);\n    this._showCategories = true;\n  }\n\n  openCategoryItems(e: Event) {\n    const item = e.target as UDExMastheadMenuItem;\n    this.setCategoryByItem(item);\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  setCategoryByItem(item: UDExMastheadMenuItem | UDExMastheadItem) {\n    const index = Number(item.getAttribute(\"id\"));\n    this._category = this._categories[index];\n  }\n\n  getItemByList(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: HTMLElement): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): HTMLElement | null {\n    return this.navigationItems[index]?.querySelector(\"udex-masthead-menu-item\");\n  }\n\n  get isRtlDirection(): boolean {\n    return this._direction === \"rtl\";\n  }\n\n  get navigationItems(): Array<HTMLElement> {\n    return Array.from(this.shadowRoot!.querySelectorAll(\".udex-masthead-mobile-menu__list-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;\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\nUDExMastheadMobileMenu.define();\n\nexport default UDExMastheadMobileMenu;\n"]}
+{"version":3,"file":"MastheadMobileMenu.js","sourceRoot":"","sources":["../src/MastheadMobileMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAE3E,OAAO,EACL,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GACvC,MAAM,sCAAsC,CAAC;AAE9C,OAAO,oBAAoB,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAE7D,OAAO,0BAA0B,MAAM,yDAAyD,CAAC;AAEjG,SAAS;AACT,OAAO,qBAAqB,MAAM,8CAA8C,CAAC;AAOjF;;;;;;;;;;;;;;;;GAgBG;AAkCH,IAAM,sBAAsB,8BAA5B,MAAM,sBAAuB,SAAQ,UAAU;IAgD7C,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,wBAAsB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,6BAA6B,CAAC,CAAC;IACzF,CAAC;IAED,gBAAgB;QACd,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,eAAe,EAAE,CAAC;IACzB,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAA0B,CAAC,CAAC;QAC9D,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,uBAAuB,CAAC,CAAQ;QAC9B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,qBAAqB,CAAC,CAAQ;QAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;QAC3B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;QAC5B,IAAI,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC;IACxC,CAAC;IAED,qBAAqB,CAAC,CAAQ;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;QAChE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,sBAAsB,CAAC,CAAQ;QAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,4BAA4B,CAAC,CAAQ;QACnC,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;QAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;QACtB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACzB,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC;IAC1B,CAAC;IAED,gBAAgB,CAAC,CAAgB;QAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC5B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;aAChC;iBAAM;gBACL,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;aACrC;SACF;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,IAAI,CAAC,eAAe,EAAE,CAAC;QACvB,IAAI,MAAM,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC3B,IAAI,IAAI,CAAC,cAAc,EAAE;gBACvB,IAAI,CAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;aACrC;iBAAM;gBACL,IAAI,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC;aAChC;SACF;IACH,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,IAAI,IAAI,CAAC,CAAC,CAAC,EAAE;YACX,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;SAC3B;IACH,CAAC;IAED,eAAe,CAAC,CAAgB;QAC9B,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE;YACb,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;SACvB;IACH,CAAC;IAED,eAAe;QACb,MAAM,eAAe,GAAW,MAAM;aACnC,gBAAgB,CAAC,IAAI,CAAC;aACtB,gBAAgB,CAAC,WAAW,CAAC,CAAC;QACjC,IAAI,CAAC,eAAe,EAAE;YACpB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;SACzB;aAAM;YACL,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC;SACnC;IACH,CAAC;IAED,qBAAqB,CAAC,CAAQ;QAC5B,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,cAAc;QACZ,IAAI,IAAI,CAAC,gBAAgB,EAAE;YACzB,IAAI,IAAI,CAAC,iBAAiB,EAAE;gBAC1B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;aACvC;YAED,IAAI,IAAI,CAAC,gBAAgB,EAAE;gBACzB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;aACpC;SACF;IACH,CAAC;IAED,eAAe;QACb,IAAI,IAAI,CAAC,uBAAuB,EAAE;YAChC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC/C;QAED,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC/B,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;IACH,CAAC;IAED,sBAAsB,CAAC,CAAgB;QACrC,MAAM,MAAM,GAAG,CAAC,CAAC,MAA8B,CAAC;QAChD,IAAI,MAAM,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE;YACzC,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YAChE,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,uBAAuB,CAAC,EAAE;YAChD,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;YACnD,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE;YAC1C,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;IACH,CAAC;IAED,2BAA2B,CAAC,CAAgB;QAC1C,MAAM,MAAM,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAA0B,CAAC,CAAC;QAE9D,IAAI,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,EAAE;YACrC,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;YAC/B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;YAChC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE;YACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;YAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;QAED,IAAI,MAAM,CAAC,YAAY,CAAC,cAAc,CAAC,EAAE;YACvC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;SAC7B;QAED,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,CAAC;IAED,gBAAgB,CAAC,KAAa;QAC5B,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;QACxC,IAAI,CAAC,uBAAuB,GAAG,KAAK,CAAC;IACvC,CAAC;IAED,eAAe;QACb,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QAC5B,IAAI,CAAC,sBAAsB,GAAG,KAAK,CAAC;IACtC,CAAC;IAED,iBAAiB,CAAC,CAAgB;QAChC,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,aAA4B,CAAC;QACxD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QAC/D,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC;QACtD,MAAM,mBAAmB,GAAG,oBAAoB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;QACpG,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,mBAAmB,CAAC,CAAC;QAC9D,QAAQ,EAAE,KAAK,EAAE,CAAC;IACpB,CAAC;IAED,aAAa,CAAC,CAAgB;QAC5B,MAAM,MAAM,GAAG,CAAC,CAAC,MAAqB,CAAC;QACvC,MAAM,WAAW,GAAG,MAAM,CAAC,aAA4B,CAAC;QACxD,MAAM,oBAAoB,GAAG,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC;QAC/D,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,oBAAoB,GAAG,CAAC,CAAC;QAClH,MAAM,QAAQ,GAAG,IAAI,CAAC,kBAAkB,CAAC,eAAe,CAAC,CAAC;QAC1D,QAAQ,EAAE,KAAK,EAAE,CAAC;IACpB,CAAC;IAED,kBAAkB,CAAC,CAAQ;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,MAA0B,CAAC,CAAC;QAC9D,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;QAC/B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC;IAED,cAAc,CAAC,IAAsB;QACnC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC;QAC1D,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;IAC9B,CAAC;IAED,iBAAiB,CAAC,CAAQ;QACxB,MAAM,IAAI,GAAG,CAAC,CAAC,MAA8B,CAAC;QAC9C,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9C,IAAI,CAAC,SAAS,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC;QACvD,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,kBAAkB,GAAG,IAAI,CAAC;IACjC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;QAC7B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IAClC,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;QAC5B,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IAClC,CAAC;IAED,mBAAmB,CAAC,CAAQ;QAC1B,IAAI,CAAC,SAAS,CAA6B,YAAY,EAAE;YACvD,IAAI,EAAE,CAAC,CAAC,MAA8B;YACtC,aAAa,EAAE,CAAC;SACjB,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAClB,CAAC;IAED,mBAAmB,CAAC,KAAa;QAC/B,IAAI,CAAC,uBAAuB,GAAG,IAAI,CAAC;QACpC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,kBAAkB;QAChB,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC;IACrC,CAAC;IAED,aAAa,CAAC,EAAoB;QAChC,MAAM,KAAK,GAAG;YACZ,GAAG,IAAI,CAAC,KAAK;YACb,GAAG,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;SACzB,CAAC;QAC7B,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAE,CAAC;IACjE,CAAC;IAED,aAAa,CAAC,KAAsB;QAClC,MAAM,UAAU,GAA2B,EAAE,CAAC;QAC9C,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,EAAE;YACpB,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBACvC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC5B,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,UAAU,CAAC;IACpB,CAAC;IAED,eAAe,CAAC,IAAiB;QAC/B,OAAO,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC5C,CAAC;IAED,kBAAkB,CAAC,KAAa;QAC9B,OAAO,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,yBAAyB,CAAC,CAAC;IAC/E,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,UAAW,CAAC,aAAa,CAAuB,yCAAyC,CAAE,CAAC;IAC1G,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC;IACnC,CAAC;IAED,IAAI,eAAe;QACjB,OAAO,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,gBAAgB,CAAC,uCAAuC,CAAC,CAAC,CAAC;IAChG,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAC3D,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,wBAAsB,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAC7D,CAAC;IAED,IAAI,WAAW;QACb,OAAO,IAAI,CAAC,eAAe,CAAmB,wBAAwB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,kBAAkB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;IACnF,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,wBAAwB,CAAC,CAAC,MAAM,CAAC;IACjE,CAAC;IAED,IAAI,aAAa;QACf,OAAO,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;IAC9B,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAClC,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC;IAC1D,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC;IAC1D,CAAC;IAED,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,iBAAiB,CAAC;IACzD,CAAC;CACF,CAAA;AAvXG;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;sDACE;AASrB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;qDACX;AAShC;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;sEACgB;AAG1C;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;+DACA;AAG1B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kEACG;AAG7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kEACG;AAG7B;IADD,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;0DACL;AArClB,sBAAsB;IAjC3B,aAAa,CAAC;QACb,GAAG,EAAE,2BAA2B;QAChC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,qBAAqB;QAC7B,QAAQ,EAAE,0BAA0B;QACpC,YAAY,EAAE,CAAC,oBAAoB,CAAC;KACrC,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,YAAY,EAAE;QACnB,MAAM,EAAE;YACN,IAAI,EAAE;gBACJ,IAAI,EAAE,WAAW;aAClB;YACD,aAAa,EAAE;gBACb,IAAI,EAAE,YAAY;aACnB;SACF;KACF,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,qBAAqB,CAAC;GAEvB,sBAAsB,CA8X3B;AAED,sBAAsB,CAAC,MAAM,EAAE,CAAC;AAEhC,eAAe,sBAAsB,CAAC","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.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isUp, isDown, isRight, isLeft, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExMastheadItem, { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport UDExMastheadMenuItem 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\nexport type MobileItemClickEventDetail = {\n  originalEvent: Event,\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 \"@udex/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\", {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: PointerEvent,\n    },\n  },\n})\n\n/**\n * Fires when explorer menu button is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"explorer-menu-click\")\n\nclass UDExMastheadMobileMenu extends UI5Element {\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  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n  _shouldFocusItemByIndex!: boolean;\n  _shouldFocusExploreBtn!: boolean;\n  _focusedItemIndex!: number;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadMobileMenu.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  onAfterRendering() {\n    this.handleMenuMode();\n    this.handleFocusItem();\n  }\n\n  handleMenuItemClick(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n    const item = this.getItemByList(e.target as UDExMastheadItem);\n    this.openCategories(item);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuCategoryClick(e: Event) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.openCategoryItems(e);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreSapClick(e: Event) {\n    e.preventDefault();\n    this.openExploreSapMenu(e);\n    this.setFocusItemByIndex(0);\n    this.fireEvent(\"explorer-menu-click\");\n  }\n\n  handleBackToMenuItems(e: Event) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n    this.fireMobileItemEvent(e);\n  }\n\n  handleBackToCategories(e: Event) {\n    e.stopPropagation();\n    this.showCategories();\n    this.setFocusItemByIndex(this._category.index + 1);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreBackToMenuItems(e: Event) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusExploreBtn();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n    this.handleRightArrow(e);\n    this.handleLeftArrow(e);\n  }\n\n  handleRightArrow(e: KeyboardEvent) {\n    this.handleDirection();\n    if (isRight(e) || isEnter(e)) {\n      if (this.isRtlDirection) {\n        this.moveToBackWithKeyboard(e);\n      } else {\n        this.moveToNextLevelWithKeyboard(e);\n      }\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent) {\n    this.handleDirection();\n    if (isLeft(e) || isEnter(e)) {\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\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  handleMobileItemEvent(e: Event) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuMode() {\n    if (this.isCategoriesOpen) {\n      if (this.isNoMenuItemsMode) {\n        this.openCategories(this.exploreItem);\n      }\n\n      if (this.isSingleMenuMode) {\n        this.openCategories(this.items[0]);\n      }\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.fireMobileItemEvent(e);\n    }\n  }\n\n  moveToNextLevelWithKeyboard(e: KeyboardEvent) {\n    const target = e.target as UDExMastheadItem;\n    const item = this.getItemByList(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 target = e.target as HTMLElement;\n    const currentItem = target.parentElement as HTMLElement;\n    const currentSelectedIndex = this.getCurrentIndex(currentItem);\n    const lastItemIndex = this.navigationItems.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    const listItem = this.getListItemByIndex(previousSelectIndex);\n    listItem?.focus();\n  }\n\n  focusNextItem(e: KeyboardEvent): void {\n    const target = e.target as HTMLElement;\n    const currentItem = target.parentElement as HTMLElement;\n    const currentSelectedIndex = this.getCurrentIndex(currentItem);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.navigationItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    const listItem = this.getListItemByIndex(nextSelectIndex);\n    listItem?.focus();\n  }\n\n  openExploreSapMenu(e: Event) {\n    const item = this.getItemByList(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: Event) {\n    this.fireEvent<MobileItemClickEventDetail>(\"item-click\", {\n      item: e.target as UDExMastheadMenuItem,\n      originalEvent: e,\n    }, true, false);\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  getItemByList(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: HTMLElement): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): HTMLElement | null {\n    return this.navigationItems[index]?.querySelector(\"udex-masthead-menu-item\");\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<HTMLElement> {\n    return Array.from(this.shadowRoot!.querySelectorAll(\".udex-masthead-mobile-menu__list-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/MastheadProfileMenu.d.ts

@@ -1,5 +1,6 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import UDExMastheadMenuItem from "./MastheadMenuItem.js";
 interface UserData {
     name?: string;
     username?: string;
@@ -7,6 +8,13 @@ interface UserData {
     avatarUrl?: string;
     avatarInitials?: string;
 }
+export type LogoutClickEventDetail = {
+    originalEvent: Event;
+};
+export type ProfileMenuItemClickEventDetail = {
+    item: UDExMastheadMenuItem;
+    originalEvent: Event;
+};
 /**
  * @class
  *
@@ -54,12 +62,13 @@ declare class UDExMastheadProfileMenu extends UI5Element {
     message: Array<Node>;
     static i18nBundle: I18nBundle;
     static onDefine(): Promise<void>;
+    handleUserLogoutItemClick(e: Event): void;
+    handleProfileMenuItemClick(e: CustomEvent): void;
+    parseArrayFromString<T>(string: string): T[];
     get linksList(): string;
     get userData(): UserData;
-    parseArrayFromString<T>(string: string): T[];
-    get messageAvailable(): number;
-    get logoutLink(): number;
+    get messageAvailable(): boolean;
+    get logoutLink(): boolean;
     get logoutText(): string;
-    userLogout(): void;
 }
 export default UDExMastheadProfileMenu;

package/dist/MastheadProfileMenu.js

@@ -38,6 +38,21 @@ let UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = class UDExMastheadProf
     static async onDefine() {
         UDExMastheadProfileMenu_1.i18nBundle = await getI18nBundle("sap-ui-webcomponents-bundle");
     }
+    handleUserLogoutItemClick(e) {
+        this.fireEvent("logout", {
+            originalEvent: e,
+        });
+    }
+    handleProfileMenuItemClick(e) {
+        const { item, originalEvent } = e.detail;
+        this.fireEvent("profile-item-click", {
+            item,
+            originalEvent,
+        });
+    }
+    parseArrayFromString(string) {
+        return string ? JSON.parse(string) : [];
+    }
     get linksList() {
         return this.links ? JSON.stringify([{
                 subMenuLinkItems: JSON.parse(this.links),
@@ -46,21 +61,15 @@ let UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = class UDExMastheadProf
     get userData() {
         return this.parseArrayFromString(this.loggedInUser);
     }
-    parseArrayFromString(string) {
-        return string ? JSON.parse(string) : [];
-    }
     get messageAvailable() {
-        return this.message.length;
+        return !!this.message.length;
     }
     get logoutLink() {
-        return this.logoutUrl.length;
+        return !!this.logoutUrl.length;
     }
     get logoutText() {
         return UDExMastheadProfileMenu_1.i18nBundle.getText(LOGOUT);
     }
-    userLogout() {
-        this.fireEvent("logout");
-    }
 };
 __decorate([
     property()
@@ -87,7 +96,29 @@ UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = __decorate([
      * @public
      */
     ,
-    event("logout")
+    event("logout", {
+        detail: {
+            originalEvent: {
+                type: PointerEvent,
+            },
+        },
+    })
+    /**
+     * Fires when profile ment item is clicked
+     *
+     * @public
+     */
+    ,
+    event("profile-item-click", {
+        detail: {
+            item: {
+                type: HTMLElement,
+            },
+            originalEvent: {
+                type: PointerEvent,
+            },
+        },
+    })
 ], UDExMastheadProfileMenu);
 UDExMastheadProfileMenu.define();
 export default UDExMastheadProfileMenu;

package/dist/MastheadProfileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadProfileMenu.js","sourceRoot":"","sources":["../src/MastheadProfileMenu.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,gBAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,2BAA2B,MAAM,0DAA0D,CAAC;AAEnG,SAAS;AACT,OAAO,sBAAsB,MAAM,+CAA+C,CAAC;AAUnF;;;;;;;;;;;;;;;;GAgBG;AAcH,IAAM,uBAAuB,+BAA7B,MAAM,uBAAwB,SAAQ,UAAU;IAmC9C,MAAM,CAAC,KAAK,CAAC,QAAQ;QACnB,yBAAuB,CAAC,UAAU,GAAG,MAAM,aAAa,CAAC,6BAA6B,CAAC,CAAC;IAC1F,CAAC;IAED,IAAI,SAAS;QACX,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;gBAClC,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;aACzC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACX,CAAC;IAED,IAAI,QAAQ;QACV,OAAO,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAa,CAAC;IAClE,CAAC;IAED,oBAAoB,CAAI,MAAc;QACpC,OAAO,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACjD,CAAC;IAED,IAAI,gBAAgB;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;IAC7B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;IAC/B,CAAC;IAED,IAAI,UAAU;QACZ,OAAO,yBAAuB,CAAC,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC5D,CAAC;IAED,UAAU;QACR,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;CACF,CAAA;AA5DG;IADD,QAAQ,EAAE;sDACM;AAQf;IADD,QAAQ,EAAE;6DACa;AAQtB;IADD,QAAQ,EAAE;0DACU;AAQnB;IADD,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;wDACf;AAhCpB,uBAAuB;IAb5B,aAAa,CAAC;QACb,GAAG,EAAE,4BAA4B;QACjC,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,EAAE,sBAAsB,CAAC;QACzD,QAAQ,EAAE,2BAA2B;QACrC,YAAY,EAAE,CAAC,gBAAgB,CAAC;KACjC,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,QAAQ,CAAC;GACV,uBAAuB,CAoE5B;AAED,uBAAuB,CAAC,MAAM,EAAE,CAAC;AAEjC,eAAe,uBAAuB,CAAC","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.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { LOGOUT } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport MastheadProfileMenuTemplate from \"./generated/templates/MastheadProfileMenuTemplate.lit.js\";\n\n// Styles\nimport MastheadProfileMenuCss from \"./generated/themes/MastheadProfileMenu.css.js\";\n\ninterface UserData {\n    name?: string,\n    username?: string,\n    email?: string,\n    avatarUrl?: string,\n    avatarInitials?: string\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-profile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadProfileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-profile-menu\",\n  renderer: litRender,\n  styles: [UDExMastheadMenu.styles, MastheadProfileMenuCss],\n  template: MastheadProfileMenuTemplate,\n  dependencies: [UDExMastheadMenu],\n})\n\n/**\n * Fired when use click Logout link\n * @public\n */\n@event(\"logout\")\nclass UDExMastheadProfileMenu extends UI5Element {\n  /**\n   * Defines the object of link values\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    links!: string;\n  /**\n   * Defines the object of user profile data\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    loggedInUser!: string;\n  /**\n   * Defines the link for logout\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    logoutUrl!: string;\n\n  /**\n   * Placeholder for message strip.\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": false })\n    message!: Array<Node>;\n  static i18nBundle: I18nBundle;\n\n  static async onDefine() {\n    UDExMastheadProfileMenu.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  get linksList(): string {\n    return this.links ? JSON.stringify([{\n      subMenuLinkItems: JSON.parse(this.links),\n    }]) : \"\";\n  }\n\n  get userData(): UserData {\n    return this.parseArrayFromString(this.loggedInUser) as UserData;\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  get messageAvailable() {\n    return this.message.length;\n  }\n\n  get logoutLink() {\n    return this.logoutUrl.length;\n  }\n\n  get logoutText() {\n    return UDExMastheadProfileMenu.i18nBundle.getText(LOGOUT);\n  }\n\n  userLogout() {\n    this.fireEvent(\"logout\");\n  }\n}\n\nUDExMastheadProfileMenu.define();\n\nexport default UDExMastheadProfileMenu;\n"]}
+{"version":3,"file":"MastheadProfileMenu.js","sourceRoot":"","sources":["../src/MastheadProfileMenu.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.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { LOGOUT } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport MastheadProfileMenuTemplate from \"./generated/templates/MastheadProfileMenuTemplate.lit.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\n\n// Styles\nimport MastheadProfileMenuCss from \"./generated/themes/MastheadProfileMenu.css.js\";\n\ninterface UserData {\n  name?: string,\n  username?: string,\n  email?: string,\n  avatarUrl?: string,\n  avatarInitials?: string\n}\n\nexport type LogoutClickEventDetail = {\n  originalEvent: Event,\n}\n\nexport type ProfileMenuItemClickEventDetail = {\n  item: UDExMastheadMenuItem,\n  originalEvent: Event,\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-profile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadProfileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-profile-menu\",\n  renderer: litRender,\n  styles: [UDExMastheadMenu.styles, MastheadProfileMenuCss],\n  template: MastheadProfileMenuTemplate,\n  dependencies: [UDExMastheadMenu],\n})\n\n/**\n * Fired when use click Logout link\n * @public\n */\n@event(\"logout\", {\n  detail: {\n    originalEvent: {\n      type: PointerEvent,\n    },\n  },\n})\n\n/**\n * Fires when profile ment item is clicked\n *\n * @public\n */\n@event(\"profile-item-click\", {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: PointerEvent,\n    },\n  },\n})\n\nclass UDExMastheadProfileMenu extends UI5Element {\n  /**\n   * Defines the object of link values\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    links!: string;\n\n  /**\n   * Defines the object of user profile data\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    loggedInUser!: string;\n\n  /**\n   * Defines the link for logout\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    logoutUrl!: string;\n\n  /**\n   * Placeholder for message strip.\n   *\n   * @public\n   */\n  @slot({ type: Node, \"default\": false })\n    message!: Array<Node>;\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadProfileMenu.i18nBundle = await getI18nBundle(\"sap-ui-webcomponents-bundle\");\n  }\n\n  handleUserLogoutItemClick(e: Event): void {\n    this.fireEvent<LogoutClickEventDetail>(\"logout\", {\n      originalEvent: e,\n    });\n  }\n\n  handleProfileMenuItemClick(e: CustomEvent): void {\n    const { item, originalEvent } = e.detail;\n\n    this.fireEvent<ProfileMenuItemClickEventDetail>(\"profile-item-click\", {\n      item,\n      originalEvent,\n    });\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  get linksList(): string {\n    return this.links ? JSON.stringify([{\n      subMenuLinkItems: JSON.parse(this.links),\n    }]) : \"\";\n  }\n\n  get userData(): UserData {\n    return this.parseArrayFromString(this.loggedInUser) as UserData;\n  }\n\n  get messageAvailable(): boolean {\n    return !!this.message.length;\n  }\n\n  get logoutLink(): boolean {\n    return !!this.logoutUrl.length;\n  }\n\n  get logoutText(): string {\n    return UDExMastheadProfileMenu.i18nBundle.getText(LOGOUT);\n  }\n}\n\nUDExMastheadProfileMenu.define();\n\nexport default UDExMastheadProfileMenu;\n"]}

package/dist/MastheadShell.d.ts

@@ -97,6 +97,13 @@ declare class UDExMastheadShell extends UI5Element {
      * @public
      */
     logoUrl: string;
+    /**
+     * Defines the Logo default title
+     *
+     * @default ""
+     * @public
+     */
+    logoTitle: string;
     /**
      * Defines a site label. It will be displayed next to a logo.
      *
@@ -154,6 +161,8 @@ declare class UDExMastheadShell extends UI5Element {
     handleKeyDown(e: KeyboardEvent): void;
     handleLeftArrow(e: KeyboardEvent): void;
     handleRightArrow(e: KeyboardEvent): void;
+    handleLogoClick(e: CustomEvent): void;
+    handleSiteLabelClick(e: CustomEvent): void;
     handleSearchClick(e: CustomEvent): void;
     handleCartClick(e: CustomEvent): void;
     handleProfileClick(e: CustomEvent): void;
@@ -174,6 +183,7 @@ declare class UDExMastheadShell extends UI5Element {
     isNavigationItem(item: UDExMastheadItem): boolean;
     setOverflowBody(): void;
     removeOverflowBody(): void;
+    resetMobileMenuOpenState(): void;
     get searchOpener(): UDExMastheadItem | null | undefined;
     get mastheadHolder(): HTMLElement | null | undefined;
     get mastheadMobileMenu(): UDExMastheadMobileMenu | null;
@@ -183,5 +193,6 @@ declare class UDExMastheadShell extends UI5Element {
     get hasCart(): boolean;
     get hasSearch(): boolean;
     get hasMobileMenuButtons(): boolean;
+    get isMobileView(): boolean;
 }
 export default UDExMastheadShell;