@sapudex/web-components 0.143.0 → 0.172.0

package/dist/MastheadMenuItem.js

@@ -4,14 +4,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var UDExMastheadMenuItem_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
+import { OPENS_IN_A_NEW_WINDOW } from "./generated/i18n/i18n-defaults.js";
 import MastheadMenuItemTemplate from "./generated/templates/MastheadMenuItemTemplate.lit.js";
 // Styles
 import MastheadMenuItemCss from "./generated/themes/MastheadMenuItem.css.js";
@@ -21,6 +24,11 @@ export var ItemType;
     ItemType["Button"] = "Button";
     ItemType["Link"] = "Link";
 })(ItemType || (ItemType = {}));
+export var Target;
+(function (Target) {
+    Target["_blank"] = "_blank";
+    Target["_self"] = "_self";
+})(Target || (Target = {}));
 /**
  * @class
  *
@@ -38,7 +46,10 @@ export var ItemType;
  * @extends UI5Element
  * @private
  */
-let UDExMastheadMenuItem = class UDExMastheadMenuItem extends UI5Element {
+let UDExMastheadMenuItem = UDExMastheadMenuItem_1 = class UDExMastheadMenuItem extends UI5Element {
+    static async onDefine() {
+        UDExMastheadMenuItem_1.i18nBundle = await getI18nBundle("@udex/web-components");
+    }
     onEnterDOM() {
         if (isDesktop()) {
             this.setAttribute("desktop", "");
@@ -63,7 +74,7 @@ let UDExMastheadMenuItem = class UDExMastheadMenuItem extends UI5Element {
         return (this.type === ItemType.Link || !!this.url) && !this.isButtonType;
     }
     get target() {
-        return this.externalLink ? "_blank" : "_self";
+        return this.externalLink ? Target._blank : Target._self;
     }
     get lastWordOfLabel() {
         return this.label.split(" ").pop();
@@ -72,6 +83,15 @@ let UDExMastheadMenuItem = class UDExMastheadMenuItem extends UI5Element {
         const leadingWords = this.label.split(" ").slice(0, -1).join(" ");
         return `${leadingWords} `;
     }
+    get openInNewWindowText() {
+        return UDExMastheadMenuItem_1.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);
+    }
+    get ariaDescribedby() {
+        return this.externalLink ? "new-win-desc" : null;
+    }
+    get accessibleRoleText() {
+        return this.accessibleRole ? this.accessibleRole : null;
+    }
 };
 __decorate([
     property({ type: ItemType, defaultValue: ItemType.Link })
@@ -100,9 +120,10 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExMastheadMenuItem.prototype, "iconEnd", void 0);
-UDExMastheadMenuItem = __decorate([
+UDExMastheadMenuItem = UDExMastheadMenuItem_1 = __decorate([
     customElement({
         tag: "udex-masthead-menu-item",
+        languageAware: true,
         renderer: litRender,
         styles: MastheadMenuItemCss,
         template: MastheadMenuItemTemplate,

package/dist/MastheadMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadMenuItem.js","sourceRoot":"","sources":["../src/MastheadMenuItem.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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\n\nimport MastheadMenuItemTemplate from \"./generated/templates/MastheadMenuItemTemplate.lit.js\";\n\n// Styles\nimport MastheadMenuItemCss from \"./generated/themes/MastheadMenuItem.css.js\";\n\nexport enum ItemType {\n  Heading = \"Heading\",\n  Button = \"Button\",\n  Link = \"Link\"\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-menu-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadMenuItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @private\n */\n@customElement({\n  tag: \"udex-masthead-menu-item\",\n  renderer: litRender,\n  styles: MastheadMenuItemCss,\n  template: MastheadMenuItemTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExMastheadMenuItem extends UI5Element {\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"Link\"\n   * @public\n   */\n  @property({ type: ItemType, defaultValue: ItemType.Link })\n    type!: `${ItemType}`;\n\n  /**\n   * Controls the ARIA role of the item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleRole!: string;\n\n  /**\n   * Defines the label of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines the url of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    url?: string;\n\n  /**\n   * Defines the badge of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    badge?: string;\n\n  /**\n   * Defines the externalLink of the component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    externalLink?: boolean;\n\n  /**\n   * Defines the border for component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    hasBorder?: boolean;\n\n  /**\n   * Defines the start position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconStart?: boolean;\n\n  /**\n   * Defines the end position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconEnd?: boolean;\n\n  onEnterDOM() {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  get rootClass(): string {\n    const badgeClass = this.badge ? \"udex-masthead-menu-item_badge\" : \"\";\n    const rootClass = this.isHeadingType ? \"udex-masthead-menu-item_is-header\" : \"udex-masthead-menu-item_is-list\";\n    return `${rootClass} ${badgeClass}`;\n  }\n\n  get labelClass(): string {\n    const root = \"udex-masthead-menu-item__label\";\n    return this.externalLink ? `${root} udex-masthead-menu-item__label_with-icon` : `${root}`;\n  }\n\n  get isHeadingType(): boolean {\n    return this.type === ItemType.Heading;\n  }\n\n  get isButtonType(): boolean {\n    return this.type === ItemType.Button;\n  }\n\n  get isActive(): boolean {\n    return (this.type === ItemType.Link || !!this.url) && !this.isButtonType;\n  }\n\n  get target(): string {\n    return this.externalLink ? \"_blank\" : \"_self\";\n  }\n\n  get lastWordOfLabel(): string | undefined {\n    return this.label.split(\" \").pop();\n  }\n\n  get leadingWordsOfLabel(): string {\n    const leadingWords = this.label.split(\" \").slice(0, -1).join(\" \");\n    return `${leadingWords} `;\n  }\n}\n\nUDExMastheadMenuItem.define();\n\nexport default UDExMastheadMenuItem;\n"]}
+{"version":3,"file":"MastheadMenuItem.js","sourceRoot":"","sources":["../src/MastheadMenuItem.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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport { OPENS_IN_A_NEW_WINDOW } from \"./generated/i18n/i18n-defaults.js\";\n\nimport MastheadMenuItemTemplate from \"./generated/templates/MastheadMenuItemTemplate.lit.js\";\n\n// Styles\nimport MastheadMenuItemCss from \"./generated/themes/MastheadMenuItem.css.js\";\n\nexport enum ItemType {\n  Heading = \"Heading\",\n  Button = \"Button\",\n  Link = \"Link\"\n}\n\nexport enum Target {\n  _blank = \"_blank\",\n  _self = \"_self\",\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-menu-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadMenuItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @private\n */\n@customElement({\n  tag: \"udex-masthead-menu-item\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadMenuItemCss,\n  template: MastheadMenuItemTemplate,\n  dependencies: [Icon],\n})\n\nclass UDExMastheadMenuItem extends UI5Element {\n  /**\n   * Defines the type of the item.\n   *\n   * @default \"Link\"\n   * @public\n   */\n  @property({ type: ItemType, defaultValue: ItemType.Link })\n    type!: `${ItemType}`;\n\n  /**\n   * Controls the ARIA role of the item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleRole!: string;\n\n  /**\n   * Defines the label of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines the url of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    url?: string;\n\n  /**\n   * Defines the badge of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    badge?: string;\n\n  /**\n   * Defines the externalLink of the component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    externalLink?: boolean;\n\n  /**\n   * Defines the border for component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    hasBorder?: boolean;\n\n  /**\n   * Defines the start position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconStart?: boolean;\n\n  /**\n   * Defines the end position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconEnd?: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadMenuItem.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  onEnterDOM() {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  get rootClass(): string {\n    const badgeClass = this.badge ? \"udex-masthead-menu-item_badge\" : \"\";\n    const rootClass = this.isHeadingType ? \"udex-masthead-menu-item_is-header\" : \"udex-masthead-menu-item_is-list\";\n    return `${rootClass} ${badgeClass}`;\n  }\n\n  get labelClass(): string {\n    const root = \"udex-masthead-menu-item__label\";\n    return this.externalLink ? `${root} udex-masthead-menu-item__label_with-icon` : `${root}`;\n  }\n\n  get isHeadingType(): boolean {\n    return this.type === ItemType.Heading;\n  }\n\n  get isButtonType(): boolean {\n    return this.type === ItemType.Button;\n  }\n\n  get isActive(): boolean {\n    return (this.type === ItemType.Link || !!this.url) && !this.isButtonType;\n  }\n\n  get target(): string {\n    return this.externalLink ? Target._blank : Target._self;\n  }\n\n  get lastWordOfLabel(): string | undefined {\n    return this.label.split(\" \").pop();\n  }\n\n  get leadingWordsOfLabel(): string {\n    const leadingWords = this.label.split(\" \").slice(0, -1).join(\" \");\n    return `${leadingWords} `;\n  }\n\n  get openInNewWindowText(): string {\n    return UDExMastheadMenuItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);\n  }\n\n  get ariaDescribedby(): string | null {\n    return this.externalLink ? \"new-win-desc\" : null;\n  }\n\n  get accessibleRoleText(): string | null {\n    return this.accessibleRole ? this.accessibleRole : null;\n  }\n}\n\nUDExMastheadMenuItem.define();\n\nexport default UDExMastheadMenuItem;\n"]}

package/dist/MastheadMobileMenu.js

@@ -139,7 +139,7 @@ let UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = class UDExMastheadMobile
     }
     handleMenuMode() {
         if (this.isCategoriesOpen) {
-            if (this.isNoMenuItemsMode) {
+            if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {
                 this.openCategories(this.exploreItem);
             }
             if (this.isSingleMenuMode) {
@@ -360,7 +360,7 @@ UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = __decorate([
                 type: HTMLElement,
             },
             originalEvent: {
-                type: PointerEvent,
+                type: Event,
             },
         },
     })

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.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(\"@udex/web-components\");\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"]}
+{"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.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: Event,\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(\"@udex/web-components\");\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 && this.hasExploreBtnSlot) {\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.js

@@ -99,7 +99,7 @@ UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = __decorate([
     event("logout", {
         detail: {
             originalEvent: {
-                type: PointerEvent,
+                type: Event,
             },
         },
     })
@@ -115,7 +115,7 @@ UDExMastheadProfileMenu = UDExMastheadProfileMenu_1 = __decorate([
                 type: HTMLElement,
             },
             originalEvent: {
-                type: PointerEvent,
+                type: Event,
             },
         },
     })

package/dist/MastheadProfileMenu.js.map

@@ -1 +1 @@
-{"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(\"@udex/web-components\");\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"]}
+{"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: Event,\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: Event,\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\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadProfileMenu.i18nBundle = await getI18nBundle(\"@udex/web-components\");\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

@@ -4,6 +4,7 @@ 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 UDExMastheadMobileMenu from "./MastheadMobileMenu.js";
 /**
@@ -166,6 +167,8 @@ declare class UDExMastheadShell extends UI5Element {
     _handleResizeBound: ResizeObserverCallback;
     _rootHolder: HTMLElement | null | undefined;
     _shouldHandleResize: boolean;
+    static i18nBundle: I18nBundle;
+    static onDefine(): Promise<void>;
     constructor();
     onAfterRendering(): void;
     onEnterDOM(): void;
@@ -210,5 +213,6 @@ declare class UDExMastheadShell extends UI5Element {
     get isMainMenuVisible(): boolean;
     get isRightMenuVisible(): boolean;
     get isSearchVisible(): boolean;
+    get mainNavigationAriaLabel(): string;
 }
 export default UDExMastheadShell;

package/dist/MastheadShell.js

@@ -4,6 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var UDExMastheadShell_1;
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
@@ -17,6 +18,7 @@ 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 { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UDExMastheadItem from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import UDExControlButton from "./ControlButton.js";
@@ -24,6 +26,7 @@ import UDExMastheadMobileMenu from "./MastheadMobileMenu.js";
 import MastheadShellTemplate from "./generated/templates/MastheadShellTemplate.lit.js";
 // Styles
 import MastheadShellCss from "./generated/themes/MastheadShell.css.js";
+import { MAIN_LINKS } from "./generated/i18n/i18n-defaults.js";
 const breakpointSizeM = 1279;
 /**
  * @class
@@ -42,7 +45,10 @@ const breakpointSizeM = 1279;
  * @extends UI5Element
  * @public
  */
-let UDExMastheadShell = class UDExMastheadShell extends UI5Element {
+let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI5Element {
+    static async onDefine() {
+        UDExMastheadShell_1.i18nBundle = await getI18nBundle("@udex/web-components");
+    }
     constructor() {
         super();
         this._handleResizeBound = this._handleResize.bind(this);
@@ -84,6 +90,9 @@ let UDExMastheadShell = class UDExMastheadShell extends UI5Element {
         if (isLeft(e)) {
             const currentItem = e.target;
             if (this.isNavigationItem(currentItem)) {
+                if (currentItem.selected) {
+                    currentItem.closeDropdown();
+                }
                 this.focusPreviousMenuItem(currentItem);
             }
         }
@@ -92,6 +101,9 @@ let UDExMastheadShell = class UDExMastheadShell extends UI5Element {
         if (isRight(e)) {
             const currentItem = e.target;
             if (this.isNavigationItem(currentItem)) {
+                if (currentItem.selected) {
+                    currentItem.closeDropdown();
+                }
                 this.focusNextMenuItem(currentItem);
             }
         }
@@ -132,8 +144,8 @@ let UDExMastheadShell = class UDExMastheadShell extends UI5Element {
         this.closeMobileMenu();
     }
     handleEnterAndSpaceOnCloseBtn(e) {
-        e.preventDefault();
         if (isSpace(e) || isEnter(e)) {
+            e.preventDefault();
             this.closeMobileMenu();
             this.mobileBtn?.focus();
         }
@@ -267,6 +279,9 @@ let UDExMastheadShell = class UDExMastheadShell extends UI5Element {
     get isSearchVisible() {
         return this.showSearchByDefault || this._isSearchOpened;
     }
+    get mainNavigationAriaLabel() {
+        return UDExMastheadShell_1.i18nBundle.getText(MAIN_LINKS);
+    }
 };
 __decorate([
     slot({ type: HTMLElement })
@@ -331,9 +346,10 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], UDExMastheadShell.prototype, "_closeBtnClicked", void 0);
-UDExMastheadShell = __decorate([
+UDExMastheadShell = UDExMastheadShell_1 = __decorate([
     customElement({
         tag: "udex-masthead-shell",
+        languageAware: true,
         renderer: litRender,
         styles: MastheadShellCss,
         template: MastheadShellTemplate,
@@ -375,7 +391,7 @@ UDExMastheadShell = __decorate([
     event("logo-click", {
         detail: {
             originalEvent: {
-                type: PointerEvent,
+                type: Event,
             },
         },
     })
@@ -388,7 +404,7 @@ UDExMastheadShell = __decorate([
     event("site-label-click", {
         detail: {
             originalEvent: {
-                type: PointerEvent,
+                type: Event,
             },
         },
     })

package/dist/MastheadShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport \"@ui5/webcomponents-icons/dist/cart.js\";\nimport UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\n\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst breakpointSizeM: number = 1279;\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\")\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\")\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\")\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", {\n  detail: {\n    originalEvent: {\n      type: PointerEvent,\n    },\n  },\n})\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n */\n@event(\"site-label-click\", {\n  detail: {\n    originalEvent: {\n      type: PointerEvent,\n    },\n  },\n})\n\nclass UDExMastheadShell extends UI5Element {\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    homeUrl!: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelUrl!: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoUrl!: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoTitle!: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    siteLabel!: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @public\n   */\n  @property({ type: String })\n    logoAlt!: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * default: \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    closeButtonAccessibleName?: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @public\n   */\n  @property({ type: String })\n    homepageAriaLabel!: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteLabelAriaLabel!: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    this.handleOutsideClick();\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.isBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this.isBreakpointSizeM) {\n      this.closeMobileMenu();\n      return;\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: CustomEvent): void {\n    this.fireEvent(\"logo-click\", { originalEvent: e });\n  }\n\n  handleSiteLabelClick(e: CustomEvent): void {\n    this.fireEvent(\"site-label-click\", { originalEvent: e });\n  }\n\n  handleSearchClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n    this.fireEvent(\"search-click\");\n  }\n\n  handleCartClick(e: CustomEvent) {\n    e.stopPropagation();\n    this.fireEvent(\"cart-click\");\n  }\n\n  handleProfileClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"profile-click\");\n  }\n\n  handleMobileMenuClick(e: CustomEvent) {\n    e.stopPropagation();\n    this.setSelectedItem(e);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n  }\n\n  handleMobileCloseClick(e: CustomEvent) {\n    e.preventDefault();\n    this.closeMobileMenu();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent) {\n    e.preventDefault();\n    if (isSpace(e) || isEnter(e)) {\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: MouseEvent) => {\n      const el = e.target as UDExMastheadItem;\n      const isMobile = window.innerWidth < 1280;\n      const isDropdownSlot = el.getAttribute(\"slot\") === \"dropdown\";\n      if (!isDropdownSlot && !el.isMenuItem && !isMobile) {\n        this.resetSelectedItems();\n      }\n    });\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"udex-search\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const lastItemIndex = this.menuItems.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    this.menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    this.menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(): void {\n    this.getSelectedItems().forEach(item => {\n      item.selected = false;\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedItem._id) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  hideSearch(): void {\n    this._isSearchOpened = false;\n    this._closeBtnClicked = true;\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.profile,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  closeMobileMenu(): void {\n    this._isMobileMenuOpen = false;\n    this.resetSelectedItems();\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n  }\n\n  get searchOpener(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isBreakpointSizeM(): boolean {\n    return window.innerWidth <= breakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened;\n  }\n\n  get isRightMenuVisible(): boolean {\n    return this.showSearchByDefault || !this._isSearchOpened;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}
+{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport \"@ui5/webcomponents-icons/dist/cart.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\n\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\nimport { MAIN_LINKS } from \"./generated/i18n/i18n-defaults.js\";\n\nconst breakpointSizeM: number = 1279;\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\")\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\")\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\")\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", {\n  detail: {\n    originalEvent: {\n      type: Event,\n    },\n  },\n})\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n */\n@event(\"site-label-click\", {\n  detail: {\n    originalEvent: {\n      type: Event,\n    },\n  },\n})\n\nclass UDExMastheadShell extends UI5Element {\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    homeUrl!: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelUrl!: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoUrl!: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    logoTitle!: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    siteLabel!: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @public\n   */\n  @property({ type: String })\n    logoAlt!: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * default: \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    closeButtonAccessibleName?: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @public\n   */\n  @property({ type: String })\n    homepageAriaLabel!: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteLabelAriaLabel!: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadShell.i18nBundle = await getI18nBundle(\"@udex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    this.handleOutsideClick();\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.isBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this.isBreakpointSizeM) {\n      this.closeMobileMenu();\n      return;\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: CustomEvent): void {\n    this.fireEvent(\"logo-click\", { originalEvent: e });\n  }\n\n  handleSiteLabelClick(e: CustomEvent): void {\n    this.fireEvent(\"site-label-click\", { originalEvent: e });\n  }\n\n  handleSearchClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n    this.fireEvent(\"search-click\");\n  }\n\n  handleCartClick(e: CustomEvent) {\n    e.stopPropagation();\n    this.fireEvent(\"cart-click\");\n  }\n\n  handleProfileClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"profile-click\");\n  }\n\n  handleMobileMenuClick(e: CustomEvent) {\n    e.stopPropagation();\n    this.setSelectedItem(e);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n  }\n\n  handleMobileCloseClick(e: CustomEvent) {\n    e.preventDefault();\n    this.closeMobileMenu();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent) {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: Event) => {\n      const el = e.target as UDExMastheadItem;\n      const isMobile = window.innerWidth < 1280;\n      const isDropdownSlot = el.getAttribute(\"slot\") === \"dropdown\";\n      if (!isDropdownSlot && !el.isMenuItem && !isMobile) {\n        this.resetSelectedItems();\n      }\n    });\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"udex-search\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const lastItemIndex = this.menuItems.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    this.menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    this.menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(): void {\n    this.getSelectedItems().forEach(item => {\n      item.selected = false;\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedItem._id) {\n        item.selected = false;\n      }\n    });\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  hideSearch(): void {\n    this._isSearchOpened = false;\n    this._closeBtnClicked = true;\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.profile,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  closeMobileMenu(): void {\n    this._isMobileMenuOpen = false;\n    this.resetSelectedItems();\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n  }\n\n  get searchOpener(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): UDExMastheadItem | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isBreakpointSizeM(): boolean {\n    return window.innerWidth <= breakpointSizeM;\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened;\n  }\n\n  get isRightMenuVisible(): boolean {\n    return this.showSearchByDefault || !this._isSearchOpened;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return UDExMastheadShell.i18nBundle.getText(MAIN_LINKS);\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}

package/dist/Pagination.d.ts

@@ -69,11 +69,17 @@ declare class UDExPagination extends UI5Element {
      */
     _direction?: string;
     _pages: Page[];
+    _visiblePages: Page[];
     _previousPageElement?: HTMLElement;
     _mobileDisplayNumber: number;
+    _desktopDisplayNumber: number;
+    _firstPageIndex: number;
+    _lastPageIndex: number;
+    _pageFocusedManually: boolean;
     static i18nBundle: I18nBundle;
     constructor();
     onEnterDOM(): void;
+    onBeforeRendering(): void;
     get nextButtonDisbled(): boolean;
     get prevButtonDisbled(): boolean;
     get typeFull(): boolean;
@@ -81,6 +87,7 @@ declare class UDExPagination extends UI5Element {
     get shortTextStart(): string;
     get shortTextEnd(): string;
     get shortTextSeparator(): string;
+    get paginationAccessibleName(): string;
     get pageAccessibleName(): string;
     get paginationShortAccessibleName(): string;
     get activatePageAccessibleText(): string;
@@ -92,15 +99,18 @@ declare class UDExPagination extends UI5Element {
     get nextBtnTooltip(): string;
     get pagination(): Page[];
     get paginationClass(): string;
+    get displayNumber(): number;
+    get pageOffset(): number;
     static onDefine(): Promise<void>;
     setActive(element: HTMLElement): void;
     setNextPage(e: Event): void;
     setPrevPage(e: Event): void;
     setFirstPage(e: Event): void;
     setLastPage(e: Event): void;
-    setupMobilePages(pages: number): Page[];
-    setupDesktopPages(pages: number): Page[];
-    setupPages(pages?: number): Page[];
+    setupPages(pages?: number): void;
+    setupPagesData(): Page[];
+    shiftVisiblePages(shiftBackwards?: boolean): Page[];
+    getPageAccessibleName(index: number): string;
     onPageClick(e: Event): void;
     emitChangeEvent(): void;
     onAfterRendering(): void;