@sapudex/web-components 2.56.0 → 2.58.0

package/dist/MastheadMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadMenu.js","sourceRoot":"","sources":["../src/MastheadMenu.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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\nimport {\n  isTabNext, isTabPrevious, isHome, isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExDivider from \"./Divider.js\";\nimport MastheadMenuTemplate from \"./generated/templates/MastheadMenuTemplate.lit.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\nimport type { UDExScrollIntoViewOptions } from \"./types/List.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadMenuCss from \"./generated/themes/MastheadMenu.css.js\";\n\nconst rowClass = \"udex-masthead-menu_with-one-column\";\n\nexport type Item = {\n  title: string;\n  url?: string;\n  externalLink: boolean;\n  isDivider?: boolean;\n  subItems?: Item[];\n};\n\nexport type SubMenuLinkItem = {\n  categoryId: string;\n  category: string;\n  url: string;\n  items: Item[];\n};\n\nexport type MenuItem = {\n  subMenuLinkItems: SubMenuLinkItem[];\n};\n\ntype UDExMastheadMenuMenuItemClickEventDetail = {\n  category?: string,\n  analyticsPath: Array<string>,\n  analyticsName: AnalyticsName,\n  originalEvent: PointerEvent,\n  item: UDExMastheadMenuItem,\n  sourceNode: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-menu\",\n  renderer: litRender,\n  styles: MastheadMenuCss,\n  template: MastheadMenuTemplate,\n  dependencies: [Icon, UDExBadge, UDExMastheadMenuItem, UDExDivider],\n})\n\n/**\n * Fires when menu item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {string} category The category of the clicked menu item\n * @param {Array<string>} analyticsPath The analytics path for the clicked menu item\n * @param {AnalyticsName} analyticsName The analytics name for the clicked menu item\n * @param {PointerEvent} originalEvent The original event object\n * @param {UDExMastheadMenuItem} item The clicked menu item\n * @param {HTMLElement} sourceNode The source node of the clicked menu item\n */\n@event(\"menu-item-click\", { bubbles: true })\n\nclass UDExMastheadMenu extends UI5Element {\n  eventDetails!: {\n    \"menu-item-click\": UDExMastheadMenuMenuItemClickEventDetail\n  };\n  /**\n   * Defines a menu heading\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    menuTitle: string = \"\";\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    subItems: string = \"[]\";\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines the scroll behavior for the items of the component.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _scrollIntoView?: `${UDExScrollIntoViewOptions}`;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const isFirstItem = e.target === this.links[0];\n    const isLastItem = e.target === this.links[this.links.length - 1];\n\n    if (isTabPrevious(e) && !isFirstItem) {\n      this.handlePreviousItemFocus(e);\n    }\n    if (isTabNext(e) && !isLastItem) {\n      this.handleNextItemFocus(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.focusInnerElement(this.links[0]);\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.focusInnerElement(this.links[this.links.length - 1]);\n  }\n\n  handlePreviousItemFocus(e: KeyboardEvent): void {\n    e.preventDefault();\n    const currentItem = e.target as UDExMastheadMenuItem;\n    this.focusPreviousItem(currentItem);\n  }\n\n  handleNextItemFocus(e: KeyboardEvent): void {\n    e.preventDefault();\n    const currentItem = e.target as UDExMastheadMenuItem;\n    this.focusNextItem(currentItem);\n  }\n\n  handleMenuItemClick(e: PointerEvent): void {\n    const menuItem = e.target as UDExMastheadMenuItem;\n    if (!menuItem.url?.length) {\n      return;\n    }\n\n    const mainItem = this.closest(\"[udex-masthead-item]\") as UDExMastheadItem;\n    const menuList = menuItem.closest(\".udex-masthead-menu__list\") as HTMLElement;\n    const sourceNode = menuItem.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement;\n    const category = menuList?.getAttribute(\"category\") || \"\";\n\n    const eventDetail: UDExMastheadMenuMenuItemClickEventDetail = {\n      analyticsPath: [mainItem?.label, category, menuItem.label].filter(Boolean),\n      analyticsName: AnalyticsName.Header,\n      originalEvent: e,\n      item: menuItem,\n      sourceNode,\n      ...(menuItem.type !== UDExItemType.Heading && { category }),\n    };\n\n    this.fireDecoratorEvent(\"menu-item-click\", eventDetail);\n  }\n\n  focusPreviousItem(item: UDExMastheadMenuItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const lastItemIndex = this.links.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    if (this._scrollIntoView) {\n      this.scrollToItem(this.links[previousSelectIndex]);\n    }\n    this.focusInnerElement(this.links[previousSelectIndex]);\n  }\n\n  focusNextItem(item: UDExMastheadMenuItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.links.length - 1 ? 0 : currentSelectedIndex + 1;\n    if (this._scrollIntoView) {\n      this.scrollToItem(this.links[nextSelectIndex]);\n    }\n    this.focusInnerElement(this.links[nextSelectIndex]);\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.links.indexOf(item);\n  }\n\n  focusFirstItem(): void {\n    const firstItem = this.links[0];\n    if (firstItem) {\n      this.focusInnerElement(firstItem);\n    }\n  }\n\n  private focusInnerElement(item: UDExMastheadMenuItem): void {\n    item.shadowRoot?.querySelector<HTMLElement>(\".udex-masthead-menu-item\")?.focus();\n  }\n\n  scrollToItem(item: UDExMastheadMenuItem): void {\n    item.scrollIntoView({ block: this._scrollIntoView?.toLowerCase() as ScrollLogicalPosition });\n  }\n\n  get links(): Array<UDExMastheadMenuItem> {\n    const menuItems: Array<UDExMastheadMenuItem> = Array.from(this.shadowRoot!.querySelectorAll(\"[udex-masthead-menu-item]\"));\n    return menuItems.filter(({ url }) => url && url.length > 0);\n  }\n\n  get itemsList(): Array<MenuItem> {\n    let id = 1;\n    const parsedItems: Array<MenuItem> = parseArrayFromString(this.subItems);\n\n    return parsedItems.map((mainItem: MenuItem) => {\n      mainItem.subMenuLinkItems = mainItem.subMenuLinkItems.map((subMenu: SubMenuLinkItem) => {\n        subMenu.categoryId = `${id++}`;\n\n        subMenu.items = subMenu.items ? subMenu.items.map((item: Item) => ({\n          ...item,\n          ...(item.title === \"-\" && { isDivider: true }),\n        })) : [];\n\n        return subMenu;\n      });\n\n      return mainItem;\n    });\n  }\n\n  get oneRowClass(): string {\n    const hasOneColumn = this.itemsList.length === 1 && this.itemsList[0].subMenuLinkItems.length === 1;\n    return hasOneColumn ? rowClass : \"\";\n  }\n\n  get overviewHeaderLinkText(): string {\n    return translate(UDExMastheadMenu, OVERVIEW);\n  }\n\n  get hasFourColumns(): boolean {\n    return this.itemsList.some(item => item.subMenuLinkItems.length === 4);\n  }\n}\n\nUDExMastheadMenu.define();\n\nexport default UDExMastheadMenu;\nexport type { UDExMastheadMenuMenuItemClickEventDetail };\n"]}
+{"version":3,"file":"MastheadMenu.js","sourceRoot":"","sources":["../src/MastheadMenu.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 jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\nimport {\n  isTabNext, isTabPrevious, isHome, isEnd,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport MastheadMenuTemplate from \"./MastheadMenuTemplate.js\";\nimport parseArrayFromString from \"./utils/parseArrayFromString.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\nimport type { UDExScrollIntoViewOptions } from \"./types/List.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadMenuCss from \"./generated/themes/MastheadMenu.css.js\";\n\nconst rowClass = \"udex-masthead-menu_with-one-column\";\n\nexport type Item = {\n  title: string;\n  url?: string;\n  externalLink: boolean;\n  badge?: string;\n  isDivider?: boolean;\n  subItems?: Item[];\n};\n\nexport type SubMenuLinkItem = {\n  categoryId: string;\n  category: string;\n  url: string;\n  items: Item[];\n};\n\nexport type MenuItem = {\n  subMenuLinkItems: SubMenuLinkItem[];\n};\n\ntype UDExMastheadMenuMenuItemClickEventDetail = {\n  category?: string,\n  analyticsPath: Array<string>,\n  analyticsName: AnalyticsName,\n  originalEvent: PointerEvent,\n  item: UDExMastheadMenuItem,\n  sourceNode: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-menu\",\n  renderer: jsxRenderer,\n  styles: MastheadMenuCss,\n  template: MastheadMenuTemplate,\n  dependencies: [Icon, UDExMastheadMenuItem],\n})\n\n/**\n * Fires when menu item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {string} category The category of the clicked menu item\n * @param {Array<string>} analyticsPath The analytics path for the clicked menu item\n * @param {AnalyticsName} analyticsName The analytics name for the clicked menu item\n * @param {PointerEvent} originalEvent The original event object\n * @param {UDExMastheadMenuItem} item The clicked menu item\n * @param {HTMLElement} sourceNode The source node of the clicked menu item\n */\n@event(\"menu-item-click\", { bubbles: true })\n\nclass UDExMastheadMenu extends UI5Element {\n  eventDetails!: {\n    \"menu-item-click\": UDExMastheadMenuMenuItemClickEventDetail\n  };\n  /**\n   * Defines a menu heading\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    menuTitle: string = \"\";\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @property({ type: String })\n    subItems: string = \"[]\";\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines the scroll behavior for the items of the component.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _scrollIntoView?: `${UDExScrollIntoViewOptions}`;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  handleKeyDown(e: KeyboardEvent): void {\n    const isFirstItem = e.target === this.links[0];\n    const isLastItem = e.target === this.links[this.links.length - 1];\n\n    if (isTabPrevious(e) && !isFirstItem) {\n      this.handlePreviousItemFocus(e);\n    }\n    if (isTabNext(e) && !isLastItem) {\n      this.handleNextItemFocus(e);\n    }\n    if (isHome(e)) {\n      this.handleHomeKey(e);\n    }\n    if (isEnd(e)) {\n      this.handleEndKey(e);\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.focusInnerElement(this.links[0]);\n  }\n\n  handleEndKey(e: KeyboardEvent): void {\n    e.preventDefault();\n    this.focusInnerElement(this.links[this.links.length - 1]);\n  }\n\n  handlePreviousItemFocus(e: KeyboardEvent): void {\n    e.preventDefault();\n    const currentItem = e.target as UDExMastheadMenuItem;\n    this.focusPreviousItem(currentItem);\n  }\n\n  handleNextItemFocus(e: KeyboardEvent): void {\n    e.preventDefault();\n    const currentItem = e.target as UDExMastheadMenuItem;\n    this.focusNextItem(currentItem);\n  }\n\n  handleMenuItemClick(e: PointerEvent): void {\n    const menuItem = e.target as UDExMastheadMenuItem;\n    if (!menuItem.url?.length) {\n      return;\n    }\n\n    const mainItem = this.closest(\"[udex-masthead-item]\") as UDExMastheadItem;\n    const menuList = menuItem.closest(\".udex-masthead-menu__list\") as HTMLElement;\n    const sourceNode = menuItem.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement;\n    const category = menuList?.getAttribute(\"category\") || \"\";\n\n    const eventDetail: UDExMastheadMenuMenuItemClickEventDetail = {\n      analyticsPath: [mainItem?.label, category, menuItem.label].filter(Boolean),\n      analyticsName: AnalyticsName.Header,\n      originalEvent: e,\n      item: menuItem,\n      sourceNode,\n      ...(menuItem.type !== UDExItemType.Heading && { category }),\n    };\n\n    this.fireDecoratorEvent(\"menu-item-click\", eventDetail);\n  }\n\n  focusPreviousItem(item: UDExMastheadMenuItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const lastItemIndex = this.links.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    if (this._scrollIntoView) {\n      this.scrollToItem(this.links[previousSelectIndex]);\n    }\n    this.focusInnerElement(this.links[previousSelectIndex]);\n  }\n\n  focusNextItem(item: UDExMastheadMenuItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.links.length - 1 ? 0 : currentSelectedIndex + 1;\n    if (this._scrollIntoView) {\n      this.scrollToItem(this.links[nextSelectIndex]);\n    }\n    this.focusInnerElement(this.links[nextSelectIndex]);\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.links.indexOf(item);\n  }\n\n  focusFirstItem(): void {\n    const firstItem = this.links[0];\n    if (firstItem) {\n      this.focusInnerElement(firstItem);\n    }\n  }\n\n  private focusInnerElement(item: UDExMastheadMenuItem): void {\n    item.shadowRoot?.querySelector<HTMLElement>(\".udex-masthead-menu-item\")?.focus();\n  }\n\n  scrollToItem(item: UDExMastheadMenuItem): void {\n    item.scrollIntoView({ block: this._scrollIntoView?.toLowerCase() as ScrollLogicalPosition });\n  }\n\n  get links(): Array<UDExMastheadMenuItem> {\n    const menuItems: Array<UDExMastheadMenuItem> = Array.from(this.shadowRoot!.querySelectorAll(\"[udex-masthead-menu-item]\"));\n    return menuItems.filter(({ url }) => url && url.length > 0);\n  }\n\n  get itemsList(): Array<MenuItem> {\n    let id = 1;\n    const parsedItems: Array<MenuItem> = parseArrayFromString(this.subItems);\n\n    return parsedItems.map((mainItem: MenuItem) => {\n      mainItem.subMenuLinkItems = mainItem.subMenuLinkItems.map((subMenu: SubMenuLinkItem) => {\n        subMenu.categoryId = `${id++}`;\n\n        subMenu.items = subMenu.items ? subMenu.items.map((item: Item) => ({\n          ...item,\n          ...(item.title === \"-\" && { isDivider: true }),\n        })) : [];\n\n        return subMenu;\n      });\n\n      return mainItem;\n    });\n  }\n\n  get oneRowClass(): string {\n    const hasOneColumn = this.itemsList.length === 1 && this.itemsList[0].subMenuLinkItems.length === 1;\n    return hasOneColumn ? rowClass : \"\";\n  }\n\n  get overviewHeaderLinkText(): string {\n    return translate(UDExMastheadMenu, OVERVIEW);\n  }\n\n  get hasFourColumns(): boolean {\n    return this.itemsList.some(item => item.subMenuLinkItems.length === 4);\n  }\n}\n\nUDExMastheadMenu.define();\n\nexport default UDExMastheadMenu;\nexport type { UDExMastheadMenuMenuItemClickEventDetail };\n"]}

package/dist/MastheadMenuItem.d.ts

@@ -1,8 +1,5 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import "@ui5/webcomponents-icons/dist/action.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
 import { UDExTarget } from "./types/common.js";
 export declare enum UDExItemType {
     Heading = "Heading",

package/dist/MastheadMenuItem.js

@@ -8,17 +8,14 @@ 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 jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
-import "@ui5/webcomponents-icons/dist/action.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 { UDExTarget } from "./types/common.js";
 import translate from "./utils/translate.js";
-import MastheadMenuItemTemplate from "./generated/templates/MastheadMenuItemTemplate.lit.js";
+import MastheadMenuItemTemplate from "./MastheadMenuItemTemplate.js";
 // Styles
 import MastheadMenuItemCss from "./generated/themes/MastheadMenuItem.css.js";
 export var UDExItemType;
@@ -161,7 +158,7 @@ UDExMastheadMenuItem = UDExMastheadMenuItem_1 = __decorate([
     customElement({
         tag: "udex-masthead-menu-item",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: MastheadMenuItemCss,
         template: MastheadMenuItemTemplate,
         dependencies: [Icon],

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 i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\n\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\";\nimport { UDExTarget } from \"./types/common.js\";\nimport translate from \"./utils/translate.js\";\n\nimport MastheadMenuItemTemplate from \"./generated/templates/MastheadMenuItemTemplate.lit.js\";\n\n// Styles\nimport MastheadMenuItemCss from \"./generated/themes/MastheadMenuItem.css.js\";\n\nexport enum UDExItemType {\n  Heading = \"Heading\",\n  Button = \"Button\",\n  Link = \"Link\"\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-menu-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/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()\n    type: `${UDExItemType}` = UDExItemType.Link;\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  /**\n   * Defines the index for the item.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    index!: number;\n\n  /**\n   * Defines the aria-haspopup attribute for the item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    ariaHasPopup!: string;\n\n  /**\n   * Define the target of the item\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   * @default \"_self\"\n   */\n  @property()\n    target: `${UDExTarget}` = UDExTarget._self;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _accessibleName?: string;\n\n  /**\n   * Defines the tabindex attribute for the item.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _tabIndex!: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  get rootClass(): string {\n    const prefixClass = \"udex-masthead-menu-item\";\n    const badgeClass = this.badge ? `${prefixClass}_badge` : \"\";\n    const rootClass = this.isHeadingType ? `${prefixClass}_is-header` : `${prefixClass}_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} ${root}__label_with-icon` : `${root}`;\n  }\n\n  get isHeadingType(): boolean {\n    return this.type === UDExItemType.Heading;\n  }\n\n  get isButtonType(): boolean {\n    return this.type === UDExItemType.Button;\n  }\n\n  get isActive(): boolean {\n    return !!this.url && !this.isButtonType;\n  }\n\n  get targetLink(): string {\n    if (this.externalLink) {\n      return this.externalLink ? UDExTarget._blank : UDExTarget._self;\n    }\n    return this.target;\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 translate(UDExMastheadMenuItem, 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 {\n    return this.accessibleRole ? this.accessibleRole : \"menuitem\";\n  }\n\n  get partAttr(): string {\n    return this.badge ? \"menu-item-link-badge\" : \"menu-item-link\";\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 jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { OPENS_IN_A_NEW_WINDOW } from \"./generated/i18n/i18n-defaults.js\";\nimport { UDExTarget } from \"./types/common.js\";\nimport translate from \"./utils/translate.js\";\n\nimport MastheadMenuItemTemplate from \"./MastheadMenuItemTemplate.js\";\n\n// Styles\nimport MastheadMenuItemCss from \"./generated/themes/MastheadMenuItem.css.js\";\n\nexport enum UDExItemType {\n  Heading = \"Heading\",\n  Button = \"Button\",\n  Link = \"Link\"\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-menu-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/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: jsxRenderer,\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()\n    type: `${UDExItemType}` = UDExItemType.Link;\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  /**\n   * Defines the index for the item.\n   *\n   * @public\n   */\n  @property({ type: Number })\n    index!: number;\n\n  /**\n   * Defines the aria-haspopup attribute for the item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    ariaHasPopup!: string;\n\n  /**\n   * Define the target of the item\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   * @default \"_self\"\n   */\n  @property()\n    target: `${UDExTarget}` = UDExTarget._self;\n\n  /**\n   * Defines the accessible name of the item.\n   *\n   * @default undefined\n   * @private\n   */\n  @property()\n    _accessibleName?: string;\n\n  /**\n   * Defines the tabindex attribute for the item.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _tabIndex!: string;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  get rootClass(): string {\n    const prefixClass = \"udex-masthead-menu-item\";\n    const badgeClass = this.badge ? `${prefixClass}_badge` : \"\";\n    const rootClass = this.isHeadingType ? `${prefixClass}_is-header` : `${prefixClass}_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} ${root}__label_with-icon` : `${root}`;\n  }\n\n  get isHeadingType(): boolean {\n    return this.type === UDExItemType.Heading;\n  }\n\n  get isButtonType(): boolean {\n    return this.type === UDExItemType.Button;\n  }\n\n  get isActive(): boolean {\n    return !!this.url && !this.isButtonType;\n  }\n\n  get targetLink(): string {\n    if (this.externalLink) {\n      return this.externalLink ? UDExTarget._blank : UDExTarget._self;\n    }\n    return this.target;\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 translate(UDExMastheadMenuItem, 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 {\n    return this.accessibleRole ? this.accessibleRole : \"menuitem\";\n  }\n\n  get partAttr(): string {\n    return this.badge ? \"menu-item-link-badge\" : \"menu-item-link\";\n  }\n}\n\nUDExMastheadMenuItem.define();\n\nexport default UDExMastheadMenuItem;\n"]}

package/dist/MastheadMenuItemTemplate.d.ts

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

package/dist/MastheadMenuItemTemplate.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
+import IconMode from "@ui5/webcomponents/dist/types/IconMode.js";
+import UDExBadge from "./Badge.js";
+import { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from "./types/BadgeDesign.js";
+import actionIcon from "@ui5/webcomponents-icons/dist/action.js";
+import slimArrowRightIcon from "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
+import slimArrowLeftIcon from "@ui5/webcomponents-icons/dist/slim-arrow-left.js";
+export default function MastheadMenuItemTemplate() {
+    if (this.isActive) {
+        return activeItem.call(this);
+    }
+    if (this.isButtonType) {
+        return buttonItem.call(this);
+    }
+    return spanItem.call(this);
+}
+function activeItem() {
+    return (_jsxs(_Fragment, { children: [_jsxs("a", { class: `udex-masthead-menu-item ${this.rootClass}`, "aria-describedby": this.ariaDescribedby || undefined, role: this.accessibleRoleText, href: this.url, part: this.partAttr, target: this.targetLink, tabindex: Number(this._tabIndex), children: [this.iconStart && arrowLeft(), _jsx("span", { class: this.labelClass, children: label.call(this) }), this.iconEnd && arrowRight()] }), this.externalLink && (_jsx("span", { id: "new-win-desc", class: "udex-masthead-hidden-text", children: this.openInNewWindowText })), this.badge && (_jsx(UDExBadge, { class: "udex-masthead-menu-item-badge", part: "badge", type: UDExTypeBadgeDesign.Number, "number-design": UDExNumberBadgeDesign.Blue, size: UDExSizeBadgeDesign.Small, children: this.badge }))] }));
+}
+function buttonItem() {
+    return (_jsxs("button", { "_id": this.id, part: "menu-item-button", class: `udex-masthead-menu-item ${this.rootClass}`, "aria-label": this._accessibleName, "aria-haspopup": this.ariaHasPopup, role: this.accessibleRoleText, tabindex: Number(this._tabIndex), children: [this.iconStart && arrowLeft(), this.label, this.iconEnd && arrowRight()] }));
+}
+function spanItem() {
+    return (_jsxs("span", { class: `udex-masthead-menu-item ${this.rootClass}`, part: "menu-item", children: [this.iconStart && arrowLeft(), this.label, this.iconEnd && arrowRight()] }));
+}
+function label() {
+    return this.externalLink ? (_jsxs(_Fragment, { children: [this.leadingWordsOfLabel, _jsxs("span", { class: "udex-masthead-menu-item__text-with-icon", children: [this.lastWordOfLabel, _jsx(UI5Icon, { class: "udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action", name: actionIcon, mode: IconMode.Decorative })] })] })) : (_jsx("span", { children: this.label }));
+}
+function arrowLeft() {
+    return (_jsx(UI5Icon, { class: "udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left", part: "left", name: slimArrowLeftIcon, mode: IconMode.Decorative }));
+}
+function arrowRight() {
+    return (_jsx(UI5Icon, { class: "udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right", part: "right", name: slimArrowRightIcon, mode: IconMode.Decorative }));
+}
+//# sourceMappingURL=MastheadMenuItemTemplate.js.map

package/dist/MastheadMenuItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MastheadMenuItemTemplate.js","sourceRoot":"","sources":["../src/MastheadMenuItemTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport type { AriaRole } from \"@ui5/webcomponents-base\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport IconMode from \"@ui5/webcomponents/dist/types/IconMode.js\";\nimport UDExBadge from \"./Badge.js\";\nimport { UDExNumberBadgeDesign, UDExSizeBadgeDesign, UDExTypeBadgeDesign } from \"./types/BadgeDesign.js\";\nimport actionIcon from \"@ui5/webcomponents-icons/dist/action.js\";\nimport slimArrowRightIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport slimArrowLeftIcon from \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport type { Booleanish } from \"@ui5/webcomponents-base/thirdparty/preact/jsx.js\";\n\nexport default function MastheadMenuItemTemplate(this: UDExMastheadMenuItem) {\n  if (this.isActive) {\n    return activeItem.call(this);\n  }\n  if (this.isButtonType) {\n    return buttonItem.call(this);\n  }\n  return spanItem.call(this);\n}\n\nfunction activeItem(this: UDExMastheadMenuItem) {\n  return (\n    <>\n      <a\n        class={`udex-masthead-menu-item ${this.rootClass}`}\n        aria-describedby={this.ariaDescribedby || undefined}\n        role={this.accessibleRoleText as AriaRole}\n        href={this.url}\n        part={this.partAttr}\n        target={this.targetLink}\n        tabindex={Number(this._tabIndex)}>\n        {this.iconStart && arrowLeft()}\n        <span class={this.labelClass}>\n          {label.call(this)}\n        </span>\n        {this.iconEnd && arrowRight()}\n      </a>\n      {this.externalLink && (\n        <span id=\"new-win-desc\" class=\"udex-masthead-hidden-text\">\n          {this.openInNewWindowText}\n        </span>\n      )}\n      {this.badge && (\n        <UDExBadge\n          class=\"udex-masthead-menu-item-badge\"\n          part=\"badge\"\n          type={UDExTypeBadgeDesign.Number}\n          number-design={UDExNumberBadgeDesign.Blue}\n          size={UDExSizeBadgeDesign.Small}>\n          {this.badge}\n        </UDExBadge>\n      )}\n    </>\n  );\n}\n\nfunction buttonItem(this: UDExMastheadMenuItem) {\n  return (\n    <button\n      {...{ \"_id\": this.id }}\n      part=\"menu-item-button\"\n      class={`udex-masthead-menu-item ${this.rootClass}`}\n      aria-label={this._accessibleName}\n      aria-haspopup={this.ariaHasPopup as Booleanish}\n      role={this.accessibleRoleText as AriaRole}\n      tabindex={Number(this._tabIndex)}>\n      {this.iconStart && arrowLeft()}\n      {this.label}\n      {this.iconEnd && arrowRight()}\n    </button>\n  );\n}\n\nfunction spanItem(this: UDExMastheadMenuItem) {\n  return (\n    <span class={`udex-masthead-menu-item ${this.rootClass}`} part=\"menu-item\">\n      {this.iconStart && arrowLeft()}\n      {this.label}\n      {this.iconEnd && arrowRight()}\n    </span>\n  );\n}\n\nfunction label(this: UDExMastheadMenuItem) {\n  return this.externalLink ? (\n    <>\n      {this.leadingWordsOfLabel}\n      <span class=\"udex-masthead-menu-item__text-with-icon\">\n        {this.lastWordOfLabel}\n        <UI5Icon\n          class=\"udex-masthead-menu-item__icon udex-masthead-menu-item_icon-action\"\n          name={actionIcon}\n          mode={IconMode.Decorative}>\n        </UI5Icon>\n      </span>\n    </>\n  ) : (\n    <span>{this.label}</span>\n  );\n}\n\nfunction arrowLeft() {\n  return (\n    <UI5Icon\n      class=\"udex-masthead-menu-item__icon udex-masthead-menu-item_icon-left\"\n      part=\"left\"\n      name={slimArrowLeftIcon}\n      mode={IconMode.Decorative}>\n    </UI5Icon>\n  );\n}\n\nfunction arrowRight() {\n  return (\n    <UI5Icon\n      class=\"udex-masthead-menu-item__icon udex-masthead-menu-item_icon-right\"\n      part=\"right\"\n      name={slimArrowRightIcon}\n      mode={IconMode.Decorative}>\n    </UI5Icon>\n  );\n}\n"]}

package/dist/MastheadMenuTemplate.d.ts

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

package/dist/MastheadMenuTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExMastheadMenuItem from "./MastheadMenuItem.js";
+import UDExDivider from "./Divider.js";
+export default function MastheadMenuTemplate() {
+    return (_jsxs("div", { class: `udex-masthead-menu ${this.oneRowClass}`, part: "menu", onKeyDown: this.handleKeyDown, children: [this.menuTitle && (_jsx("div", { class: "udex-masthead-menu__title", children: this.menuTitle })), this.itemsList.map((mainItem, index) => (_jsx("div", { class: "udex-masthead-menu__row", children: mainItem.subMenuLinkItems.map(subMenu => (_jsxs("div", { class: "udex-masthead-menu__column", part: "column", children: [subMenu.category && header.call(this, subMenu), list.call(this, subMenu)] }, subMenu.categoryId))) }, index)))] }));
+}
+function header(subMenu) {
+    return (_jsx("div", { class: "udex-masthead-menu__header", children: subMenu.url ? (this._isMobileMode ? (_jsxs(_Fragment, { children: [_jsx(UDExMastheadMenuItem, { id: `category-${subMenu.categoryId}`, type: "Heading", part: "menu-item", exportparts: "menu-item", label: subMenu.category, "has-border": true }), _jsx(UDExMastheadMenuItem, { part: "menu-item", "accessible-role": "link", exportparts: "menu-item", label: this.overviewHeaderLinkText, url: subMenu.url, "has-border": true })] })) : (_jsx(UDExMastheadMenuItem, { id: `category-${subMenu.categoryId}`, type: "Heading", part: "menu-item", exportparts: "menu-item", "accessible-role": "link", onClick: this.handleMenuItemClick, url: subMenu.url, label: subMenu.category, "icon-end": true, "has-border": true }))) : (_jsx(UDExMastheadMenuItem, { id: `category-${subMenu.categoryId}`, type: "Heading", part: "menu-item", exportparts: "menu-item", label: subMenu.category, "has-border": true })) }));
+}
+function list(subMenu) {
+    return (_jsx("ul", { class: "udex-masthead-menu__list", "aria-labelledby": `category-${subMenu.categoryId}`, category: subMenu.category, children: subMenu.items.map((item, index) => (_jsx("li", { children: item.isDivider ? (_jsx(UDExDivider, { class: "udex-masthead-menu__item-divider" })) : item.subItems ? (_jsxs(_Fragment, { children: [item.url ? (_jsx(UDExMastheadMenuItem, { part: "menu-item", "accessible-role": "link", exportparts: "menu-item", onClick: this.handleMenuItemClick, url: item.url, label: item.title, class: "udex-masthead-menu__sub-category" })) : (_jsx("span", { class: "udex-masthead-menu__sub-category", children: item.title })), _jsx("ul", { class: "udex-masthead-menu__sub-list", "aria-label": item.title, children: item.subItems.map((subItem, subIndex) => (_jsx("li", { children: subItem.isDivider ? (_jsx(UDExDivider, { class: "udex-masthead-menu__item-divider" })) : (_jsx(UDExMastheadMenuItem, { part: "menu-item", "accessible-role": "link", exportparts: "badge", onClick: this.handleMenuItemClick, badge: subItem.badge, "external-link": subItem.externalLink, url: subItem.url, label: subItem.title })) }, subIndex))) })] })) : (_jsx(UDExMastheadMenuItem, { part: "menu-item", "accessible-role": "link", exportparts: "badge", onClick: this.handleMenuItemClick, badge: item.badge, "external-link": item.externalLink, url: item.url, label: item.title })) }, index))) }));
+}
+//# sourceMappingURL=MastheadMenuTemplate.js.map

package/dist/MastheadMenuTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MastheadMenuTemplate.js","sourceRoot":"","sources":["../src/MastheadMenuTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import type UDExMastheadMenu from \"./MastheadMenu.js\";\nimport type { SubMenuLinkItem } from \"./MastheadMenu.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport UDExDivider from \"./Divider.js\";\n\nexport default function MastheadMenuTemplate(this: UDExMastheadMenu) {\n  return (\n    <div\n      class={`udex-masthead-menu ${this.oneRowClass}`}\n      part=\"menu\"\n      onKeyDown={this.handleKeyDown}>\n      {this.menuTitle && (\n        <div class=\"udex-masthead-menu__title\">{this.menuTitle}</div>\n      )}\n      {this.itemsList.map((mainItem, index) => (\n        <div class=\"udex-masthead-menu__row\" key={index}>\n          {mainItem.subMenuLinkItems.map(subMenu => (\n            <div class=\"udex-masthead-menu__column\" part=\"column\" key={subMenu.categoryId}>\n              {subMenu.category && header.call(this, subMenu)}\n              {list.call(this, subMenu)}\n            </div>\n          ))}\n        </div>\n      ))}\n    </div>\n  );\n}\n\nfunction header(this: UDExMastheadMenu, subMenu: SubMenuLinkItem) {\n  return (\n    <div class=\"udex-masthead-menu__header\">\n      {subMenu.url ? (\n        this._isMobileMode ? (\n          <>\n            <UDExMastheadMenuItem\n              id={`category-${subMenu.categoryId}`}\n              type=\"Heading\"\n              part=\"menu-item\"\n              exportparts=\"menu-item\"\n              label={subMenu.category}\n              has-border={true}>\n            </UDExMastheadMenuItem>\n            <UDExMastheadMenuItem\n              part=\"menu-item\"\n              accessible-role=\"link\"\n              exportparts=\"menu-item\"\n              label={this.overviewHeaderLinkText}\n              url={subMenu.url}\n              has-border={true}>\n            </UDExMastheadMenuItem>\n          </>\n        ) : (\n          <UDExMastheadMenuItem\n            id={`category-${subMenu.categoryId}`}\n            type=\"Heading\"\n            part=\"menu-item\"\n            exportparts=\"menu-item\"\n            accessible-role=\"link\"\n            onClick={this.handleMenuItemClick as any}\n            url={subMenu.url}\n            label={subMenu.category}\n            icon-end={true}\n            has-border={true}>\n          </UDExMastheadMenuItem>\n        )\n      ) : (\n        <UDExMastheadMenuItem\n          id={`category-${subMenu.categoryId}`}\n          type=\"Heading\"\n          part=\"menu-item\"\n          exportparts=\"menu-item\"\n          label={subMenu.category}\n          has-border={true}>\n        </UDExMastheadMenuItem>\n      )}\n    </div>\n  );\n}\n\nfunction list(this: UDExMastheadMenu, subMenu: SubMenuLinkItem) {\n  return (\n    <ul\n      class=\"udex-masthead-menu__list\"\n      aria-labelledby={`category-${subMenu.categoryId}`}\n      {...{ category: subMenu.category }}>\n      {subMenu.items.map((item, index) => (\n        <li key={index}>\n          {item.isDivider ? (\n            <UDExDivider class=\"udex-masthead-menu__item-divider\"></UDExDivider>\n          ) : item.subItems ? (\n            <>\n              {item.url ? (\n                <UDExMastheadMenuItem\n                  part=\"menu-item\"\n                  accessible-role=\"link\"\n                  exportparts=\"menu-item\"\n                  onClick={this.handleMenuItemClick as any}\n                  url={item.url}\n                  label={item.title}\n                  class=\"udex-masthead-menu__sub-category\">\n                </UDExMastheadMenuItem>\n              ) : (\n                <span class=\"udex-masthead-menu__sub-category\">{item.title}</span>\n              )}\n              <ul class=\"udex-masthead-menu__sub-list\" aria-label={item.title}>\n                {item.subItems.map((subItem, subIndex) => (\n                  <li key={subIndex}>\n                    {subItem.isDivider ? (\n                      <UDExDivider class=\"udex-masthead-menu__item-divider\"></UDExDivider>\n                    ) : (\n                      <UDExMastheadMenuItem\n                        part=\"menu-item\"\n                        accessible-role=\"link\"\n                        exportparts=\"badge\"\n                        onClick={this.handleMenuItemClick as any}\n                        badge={subItem.badge}\n                        external-link={subItem.externalLink}\n                        url={subItem.url}\n                        label={subItem.title}>\n                      </UDExMastheadMenuItem>\n                    )}\n                  </li>\n                ))}\n              </ul>\n            </>\n          ) : (\n            <UDExMastheadMenuItem\n              part=\"menu-item\"\n              accessible-role=\"link\"\n              exportparts=\"badge\"\n              onClick={this.handleMenuItemClick as any}\n              badge={item.badge}\n              external-link={item.externalLink}\n              url={item.url}\n              label={item.title}>\n            </UDExMastheadMenuItem>\n          )}\n        </li>\n      ))}\n    </ul>\n  );\n}\n"]}

package/dist/MastheadMobileMenu.js

@@ -8,7 +8,7 @@ var UDExMastheadMobileMenu_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 jsxRenderer from "@ui5/webcomponents-base/renderer/JsxRenderer.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
 import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
@@ -16,7 +16,7 @@ import { isHome, isEnd, isTabNext, isTabPrevious, } from "@ui5/webcomponents-bas
 import UDExMastheadMenuItem, { UDExItemType } from "./MastheadMenuItem.js";
 import { OVERVIEW } from "./generated/i18n/i18n-defaults.js";
 import AnalyticsName from "./types/AnalyticsName.js";
-import MastheadMobileMenuTemplate from "./generated/templates/MastheadMobileMenuTemplate.lit.js";
+import MastheadMobileMenuTemplate from "./MastheadMobileMenuTemplate.js";
 import translate from "./utils/translate.js";
 // Styles
 import MastheadMobileMenuCss from "./generated/themes/MastheadMobileMenu.css.js";
@@ -386,7 +386,7 @@ __decorate([
 UDExMastheadMobileMenu = UDExMastheadMobileMenu_1 = __decorate([
     customElement({
         tag: "udex-masthead-mobile-menu",
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: MastheadMobileMenuCss,
         template: MastheadMobileMenuTemplate,
         dependencies: [UDExMastheadMenuItem],

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 type { DefaultSlot, Slot } 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-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isHome, isEnd, isTabNext, isTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport MastheadMobileMenuTemplate from \"./generated/templates/MastheadMobileMenuTemplate.lit.js\";\nimport type UDExMastheadShell from \"./MastheadShell.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadMobileMenuCss from \"./generated/themes/MastheadMobileMenu.css.js\";\n\nconst INDEX_OFFSET_WITH_OVERVIEW = 2;\nconst INDEX_OFFSET_WITHOUT_OVERVIEW = 1;\n\ntype UDExMastheadMobileMenuItemClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  item: UDExMastheadMenuItem,\n  category?: string,\n  isMobile: boolean,\n  isBack: boolean,\n  analyticsName: AnalyticsName,\n  analyticsPath: Array<string>,\n  sourceNode: HTMLElement,\n}\n\ntype UDExMastheadMobileMenuExploreClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-mobile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-mobile-menu\",\n  renderer: litRender,\n  styles: MastheadMobileMenuCss,\n  template: MastheadMobileMenuTemplate,\n  dependencies: [UDExMastheadMenuItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {PointerEvent | KeyboardEvent} originalEvent The original event object\n * @param {UDExMastheadMenuItem} item The clicked item\n * @param {string} [category] The category of the clicked item\n * @param {boolean} isMobile Indicates whether the click happened in mobile menu\n * @param {boolean} isBack Indicates whether the clicked item is a back button\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {Array<string>} analyticsPath The analytics path for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n */\n@event(\"item-click\", { cancelable: true, bubbles: false })\n\n/**\n * Fires when explorer menu button is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {PointerEvent | KeyboardEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n */\n@event(\"explorer-menu-click\", { bubbles: true })\n\nclass UDExMastheadMobileMenu extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExMastheadMobileMenuItemClickEventDetail,\n    \"explorer-menu-click\": UDExMastheadMobileMenuExploreClickEventDetail,\n  };\n  /**\n   * Slot for search\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Slot<Node>;\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExMastheadItem>;\n\n  /**\n   * Slot for explore Sap mobile button\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSapMobileButton!: Slot<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  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n  _shouldFocusItemByIndex!: boolean;\n  _shouldFocusExploreBtn!: boolean;\n  _focusedItemIndex!: number;\n  _navItem?: UDExMastheadMenuItem;\n  _mastheadShell!: UDExMastheadShell;\n\n  onAfterRendering() {\n    this._mastheadShell = this.mastheadShell;\n    this.handleMenuMode();\n    this.setTabIndexForItems();\n    this.handleFocusItem();\n  }\n\n  handleMenuItemClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this.openCategories(item);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuCategoryClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.openCategoryItems(e);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreSapClick(e: PointerEvent) {\n    e.preventDefault();\n    this.openExploreSapMenu(e);\n    this.setFocusItemByIndex(0);\n    this.fireExploreSapMobileButton(e);\n  }\n\n  handleBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n    this.fireMobileItemEvent(e);\n  }\n\n  handleBackToCategories(e: PointerEvent) {\n    e.stopPropagation();\n    this.showCategories();\n    this.setFocusItemByIndex(this._category.index);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusExploreBtn();\n    this.fireMobileItemEvent(e);\n  }\n\n  handlePressKey(e: KeyboardEvent) {\n    const currentItem = e.target as UDExMastheadMenuItem;\n    const items = this.navigationItems;\n    const isFirstItem = currentItem === items[0];\n    const isLastItem = currentItem === items[items.length - 1];\n\n    if (isTabNext(e) && !isLastItem) {\n      e.preventDefault();\n      this.focusNextItem(currentItem);\n    }\n    if (isTabPrevious(e) && !isFirstItem) {\n      e.preventDefault();\n      this.focusPreviousItem(currentItem);\n    }\n    this.handleHomeKey(e);\n    this.handleEndKey(e);\n  }\n\n  focusNextItem(currentItem: UDExMastheadMenuItem): void {\n    const currentIndex = this.getCurrentIndex(currentItem);\n    const nextIndex = currentIndex + 1;\n    const currentListItem = this.getListItemByIndex(currentIndex);\n    let nextItem = this.getListItemByIndex(nextIndex);\n\n    if (nextItem.type === UDExItemType.Heading) {\n      nextItem = this.getListItemByIndex(nextIndex + 1);\n    }\n\n    currentListItem._tabIndex = \"-1\";\n    nextItem._tabIndex = \"0\";\n    nextItem.focus();\n  }\n\n  focusPreviousItem(currentItem: UDExMastheadMenuItem): void {\n    const currentIndex = this.getCurrentIndex(currentItem);\n    const previousIndex = currentIndex - 1;\n    const currentListItem = this.getListItemByIndex(currentIndex);\n    let prevItem = this.getListItemByIndex(previousIndex);\n\n    if (prevItem.type === UDExItemType.Heading) {\n      prevItem = this.getListItemByIndex(this.navigationItems.length - 1);\n    }\n\n    currentListItem._tabIndex = \"-1\";\n    prevItem._tabIndex = \"0\";\n    prevItem.focus();\n  }\n\n  handleMobileItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMobileCategoryItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e, this._category.category);\n  }\n\n  handleMenuMode() {\n    if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {\n      this.openCategories(this.exploreItem);\n    }\n\n    if (this.isSingleMenuMode && !this._hideExploreSapBtn) {\n      this.openCategories(this.items[0]);\n    }\n  }\n\n  handleFocusItem() {\n    if (this._shouldFocusItemByIndex) {\n      this.focusItemByIndex(this._focusedItemIndex);\n    }\n\n    if (this._shouldFocusExploreBtn) {\n      this.focusExploreBtn();\n    }\n  }\n\n  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  handleEndKey(e: KeyboardEvent): void {\n    if (isEnd(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const lastIndex = this.navigationItems.length - 1;\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const lastItem = this.getListItemByIndex(lastIndex);\n\n      currentItem._tabIndex = \"-1\";\n      lastItem._tabIndex = \"0\";\n      lastItem.focus();\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    if (isHome(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const firstItem = this.getListItemByIndex(0);\n      const focusedIndex = firstItem.type === UDExItemType.Heading ? 1 : 0;\n\n      currentItem._tabIndex = \"-1\";\n      this.getListItemByIndex(focusedIndex)._tabIndex = \"0\";\n      this.getListItemByIndex(focusedIndex).focus();\n    }\n  }\n\n  openExploreSapMenu(e: Event) {\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this._hideExploreSapBtn = true;\n    this._showCategoryItems = false;\n    this.openCategories(item);\n  }\n\n  openCategories(item: UDExMastheadItem) {\n    this._clickedItem = item;\n    this._categories = this.getCategories(item.getSubItems());\n    this._showCategories = true;\n  }\n\n  openCategoryItems(e: Event) {\n    const item = e.target as UDExMastheadMenuItem;\n    const indexOffset = this._clickedItem.href ? INDEX_OFFSET_WITH_OVERVIEW : INDEX_OFFSET_WITHOUT_OVERVIEW;\n    const index = Number(item.getAttribute(\"id\"));\n    this._category = { ...this._categories[index], index: index + indexOffset };\n    this._showCategories = false;\n    this._showCategoryItems = true;\n  }\n\n  showFirstLevelMenu() {\n    this._showCategories = false;\n    this._showCategoryItems = false;\n    this._hideExploreSapBtn = false;\n  }\n\n  showCategories() {\n    this._showCategories = true;\n    this._showCategoryItems = false;\n  }\n\n  fireMobileItemEvent(e: PointerEvent | KeyboardEvent, category?: string) {\n    const item = e.target as UDExMastheadMenuItem;\n    const isBack = item.hasAttribute(\"is-back\");\n    const eventDetail: UDExMastheadMobileMenuItemClickEventDetail = {\n      ...(category && { category }),\n      item,\n      isMobile: true,\n      isBack,\n      analyticsPath: this.buildAnalyticsPath(item),\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: item.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    };\n\n    this.fireDecoratorEvent(\"item-click\", eventDetail);\n\n    if (item.url && this._mastheadShell) {\n      this.closeMenu();\n    }\n  }\n\n  fireExploreSapMobileButton(e: PointerEvent | KeyboardEvent) {\n    this.fireDecoratorEvent(\"explorer-menu-click\", {\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: (e.target as HTMLElement).shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    });\n  }\n\n  mobileMenuScrollToTop(): void {\n    this.shadowRoot\n      ?.querySelector<HTMLElement>(\".udex-masthead-mobile-menu__nav-holder\")\n      ?.scrollTo({ top: 0 });\n  }\n\n  setFocusItemByIndex(index: number) {\n    this._shouldFocusItemByIndex = true;\n    this._focusedItemIndex = index;\n  }\n\n  setFocusExploreBtn(): void {\n    this._shouldFocusExploreBtn = true;\n  }\n\n  getClickedItem(el: UDExMastheadItem): UDExMastheadItem {\n    const items = [\n      ...this.items,\n      ...[this.hasExploreBtnSlot ? this.exploreItem : []],\n    ] as Array<UDExMastheadItem>;\n    return items.find(item => item._id === el.getAttribute(\"id\"))!;\n  }\n\n  getCategories(items: Array<MenuItem>): Array<SubMenuLinkItem> {\n    const categories: Array<SubMenuLinkItem> = [];\n    items?.forEach(item => {\n      item.subMenuLinkItems.forEach(category => {\n        categories.push(category);\n      });\n    });\n\n    return categories;\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): UDExMastheadMenuItem {\n    return this.navigationItems[index];\n  }\n\n  setTabIndexForItems(): void {\n    this.navigationItems.forEach((item, index) => {\n      if (this._focusedItemIndex > 0) {\n        item._tabIndex = index === this._focusedItemIndex ? \"0\" : \"-1\";\n        return;\n      }\n\n      const isPrevItemHeading = this.navigationItems[index - 1]?.type === UDExItemType.Heading;\n      item._tabIndex = isPrevItemHeading || index === 0 ? \"0\" : \"-1\";\n    });\n  }\n\n  buildAnalyticsPath(item: UDExMastheadMenuItem): Array<string> {\n    const category = this.getListItemByIndex(0).label.trim();\n    const isFirstLevel = item.hasAttribute(\"first-level\");\n    const isSecondLevel = item.hasAttribute(\"second-level\");\n    const isThirdLevel = item.hasAttribute(\"third-level\");\n    const isBackToCategories = item.hasAttribute(\"is-back-to-categories\");\n    const shouldResetPath = item.hasAttribute(\"is-back-to-nav\") || this._hideExploreSapBtn;\n    const isExploreMode = !this.showExploreBtn && !!this.items.length;\n    const clickedLabel = item.label.trim();\n    const analyticsPath: Array<string> = [];\n\n    if (shouldResetPath) {\n      this._navItem = undefined;\n      analyticsPath.length = 0;\n    }\n\n    if (isFirstLevel) {\n      this._navItem = item;\n      analyticsPath.push(clickedLabel);\n    } else if (isSecondLevel) {\n      analyticsPath.push(...(this._navItem ? [category, clickedLabel] : [clickedLabel]));\n    } else if (isThirdLevel) {\n      analyticsPath.push(...(this._navItem ? [this._navItem.label.trim(), category, clickedLabel] : [category, clickedLabel]));\n    } else if (isBackToCategories) {\n      if (this._navItem) {\n        analyticsPath.push(this._navItem.label.trim());\n      }\n    }\n\n    if (isExploreMode && this.hasExploreBtnSlot) {\n      analyticsPath.unshift(this.exploreItem.label);\n    }\n\n    return analyticsPath;\n  }\n\n  resetSearch(): void {\n    const search = this.search[0] as UDExSearch;\n    if (search && search.value) {\n      search.value = \"\";\n    }\n  }\n\n  closeMenu(): void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get exploreBtnMenu(): UDExMastheadMenuItem {\n    return this.shadowRoot!.querySelector<UDExMastheadMenuItem>(\".udex-masthead-mobile-menu__explore-btn\")!;\n  }\n\n  get navigationItems(): Array<UDExMastheadMenuItem> {\n    return Array.from(this.shadowRoot!.querySelectorAll<UDExMastheadMenuItem>(\"ul [udex-masthead-menu-item]\"));\n  }\n\n  get showNavigation(): boolean {\n    return !this._showCategories && !this._showCategoryItems;\n  }\n\n  get overviewLinkText(): string {\n    return translate(UDExMastheadMobileMenu, 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;\nexport type { UDExMastheadMobileMenuItemClickEventDetail, UDExMastheadMobileMenuExploreClickEventDetail };\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 type { DefaultSlot, Slot } 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 jsxRenderer from \"@ui5/webcomponents-base/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport {\n  isHome, isEnd, isTabNext, isTabPrevious,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { MenuItem, SubMenuLinkItem } from \"./MastheadItem.js\";\nimport type UDExMastheadItem from \"./MastheadItem.js\";\nimport type UDExSearch from \"./Search.js\";\nimport UDExMastheadMenuItem, { UDExItemType } from \"./MastheadMenuItem.js\";\nimport { OVERVIEW } from \"./generated/i18n/i18n-defaults.js\";\nimport AnalyticsName from \"./types/AnalyticsName.js\";\nimport MastheadMobileMenuTemplate from \"./MastheadMobileMenuTemplate.js\";\nimport type UDExMastheadShell from \"./MastheadShell.js\";\nimport translate from \"./utils/translate.js\";\n\n// Styles\nimport MastheadMobileMenuCss from \"./generated/themes/MastheadMobileMenu.css.js\";\n\nconst INDEX_OFFSET_WITH_OVERVIEW = 2;\nconst INDEX_OFFSET_WITHOUT_OVERVIEW = 1;\n\ntype UDExMastheadMobileMenuItemClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  item: UDExMastheadMenuItem,\n  category?: string,\n  isMobile: boolean,\n  isBack: boolean,\n  analyticsName: AnalyticsName,\n  analyticsPath: Array<string>,\n  sourceNode: HTMLElement,\n}\n\ntype UDExMastheadMobileMenuExploreClickEventDetail = {\n  originalEvent: PointerEvent | KeyboardEvent,\n  analyticsName: AnalyticsName,\n  sourceNode: HTMLElement,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-mobile-menu</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadMobileMenu.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-mobile-menu\",\n  renderer: jsxRenderer,\n  styles: MastheadMobileMenuCss,\n  template: MastheadMobileMenuTemplate,\n  dependencies: [UDExMastheadMenuItem],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {PointerEvent | KeyboardEvent} originalEvent The original event object\n * @param {UDExMastheadMenuItem} item The clicked item\n * @param {string} [category] The category of the clicked item\n * @param {boolean} isMobile Indicates whether the click happened in mobile menu\n * @param {boolean} isBack Indicates whether the clicked item is a back button\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {Array<string>} analyticsPath The analytics path for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n */\n@event(\"item-click\", { cancelable: true, bubbles: false })\n\n/**\n * Fires when explorer menu button is clicked\n *\n * @allowPreventDefault\n * @public\n * @param {PointerEvent | KeyboardEvent} originalEvent The original event object\n * @param {AnalyticsName} analyticsName The analytics name for the clicked item\n * @param {HTMLElement} sourceNode The source node of the clicked item\n */\n@event(\"explorer-menu-click\", { bubbles: true })\n\nclass UDExMastheadMobileMenu extends UI5Element {\n  eventDetails!: {\n    \"item-click\": UDExMastheadMobileMenuItemClickEventDetail,\n    \"explorer-menu-click\": UDExMastheadMobileMenuExploreClickEventDetail,\n  };\n  /**\n   * Slot for search\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Slot<Node>;\n\n  /**\n   * List of the menu items\n   *\n   * @default \"[]\"\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    items!: DefaultSlot<UDExMastheadItem>;\n\n  /**\n   * Slot for explore Sap mobile button\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSapMobileButton!: Slot<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  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _clickedItem!: UDExMastheadItem;\n  _categories!: Array<SubMenuLinkItem>;\n  _category!: SubMenuLinkItem;\n  _shouldFocusItemByIndex!: boolean;\n  _shouldFocusExploreBtn!: boolean;\n  _focusedItemIndex!: number;\n  _navItem?: UDExMastheadMenuItem;\n  _mastheadShell!: UDExMastheadShell;\n\n  onAfterRendering() {\n    this._mastheadShell = this.mastheadShell;\n    this.handleMenuMode();\n    this.setTabIndexForItems();\n    this.handleFocusItem();\n  }\n\n  handleMenuItemClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this.openCategories(item);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMenuCategoryClick(e: PointerEvent) {\n    e.preventDefault();\n    e.stopPropagation();\n    this.openCategoryItems(e);\n    this.setFocusItemByIndex(0);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreSapClick(e: PointerEvent) {\n    e.preventDefault();\n    this.openExploreSapMenu(e);\n    this.setFocusItemByIndex(0);\n    this.fireExploreSapMobileButton(e);\n  }\n\n  handleBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusItemByIndex(this.items.indexOf(this._clickedItem));\n    this.fireMobileItemEvent(e);\n  }\n\n  handleBackToCategories(e: PointerEvent) {\n    e.stopPropagation();\n    this.showCategories();\n    this.setFocusItemByIndex(this._category.index);\n    this.fireMobileItemEvent(e);\n  }\n\n  handleExploreBackToMenuItems(e: PointerEvent) {\n    e.stopPropagation();\n    this.showFirstLevelMenu();\n    this.setFocusExploreBtn();\n    this.fireMobileItemEvent(e);\n  }\n\n  handlePressKey(e: KeyboardEvent) {\n    const currentItem = e.target as UDExMastheadMenuItem;\n    const items = this.navigationItems;\n    const isFirstItem = currentItem === items[0];\n    const isLastItem = currentItem === items[items.length - 1];\n\n    if (isTabNext(e) && !isLastItem) {\n      e.preventDefault();\n      this.focusNextItem(currentItem);\n    }\n    if (isTabPrevious(e) && !isFirstItem) {\n      e.preventDefault();\n      this.focusPreviousItem(currentItem);\n    }\n    this.handleHomeKey(e);\n    this.handleEndKey(e);\n  }\n\n  focusNextItem(currentItem: UDExMastheadMenuItem): void {\n    const currentIndex = this.getCurrentIndex(currentItem);\n    const nextIndex = currentIndex + 1;\n    const currentListItem = this.getListItemByIndex(currentIndex);\n    let nextItem = this.getListItemByIndex(nextIndex);\n\n    if (nextItem.type === UDExItemType.Heading) {\n      nextItem = this.getListItemByIndex(nextIndex + 1);\n    }\n\n    currentListItem._tabIndex = \"-1\";\n    nextItem._tabIndex = \"0\";\n    nextItem.focus();\n  }\n\n  focusPreviousItem(currentItem: UDExMastheadMenuItem): void {\n    const currentIndex = this.getCurrentIndex(currentItem);\n    const previousIndex = currentIndex - 1;\n    const currentListItem = this.getListItemByIndex(currentIndex);\n    let prevItem = this.getListItemByIndex(previousIndex);\n\n    if (prevItem.type === UDExItemType.Heading) {\n      prevItem = this.getListItemByIndex(this.navigationItems.length - 1);\n    }\n\n    currentListItem._tabIndex = \"-1\";\n    prevItem._tabIndex = \"0\";\n    prevItem.focus();\n  }\n\n  handleMobileItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e);\n  }\n\n  handleMobileCategoryItemEvent(e: PointerEvent) {\n    e.stopPropagation();\n    this.fireMobileItemEvent(e, this._category.category);\n  }\n\n  handleMenuMode() {\n    if (this.isNoMenuItemsMode && this.hasExploreBtnSlot) {\n      this.openCategories(this.exploreItem);\n    }\n\n    if (this.isSingleMenuMode && !this._hideExploreSapBtn) {\n      this.openCategories(this.items[0]);\n    }\n  }\n\n  handleFocusItem() {\n    if (this._shouldFocusItemByIndex) {\n      this.focusItemByIndex(this._focusedItemIndex);\n    }\n\n    if (this._shouldFocusExploreBtn) {\n      this.focusExploreBtn();\n    }\n  }\n\n  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  handleEndKey(e: KeyboardEvent): void {\n    if (isEnd(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const lastIndex = this.navigationItems.length - 1;\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const lastItem = this.getListItemByIndex(lastIndex);\n\n      currentItem._tabIndex = \"-1\";\n      lastItem._tabIndex = \"0\";\n      lastItem.focus();\n    }\n  }\n\n  handleHomeKey(e: KeyboardEvent): void {\n    if (isHome(e)) {\n      e.preventDefault();\n      const currentIndex = this.getCurrentIndex(e.target as UDExMastheadMenuItem);\n      const currentItem = this.getListItemByIndex(currentIndex);\n      const firstItem = this.getListItemByIndex(0);\n      const focusedIndex = firstItem.type === UDExItemType.Heading ? 1 : 0;\n\n      currentItem._tabIndex = \"-1\";\n      this.getListItemByIndex(focusedIndex)._tabIndex = \"0\";\n      this.getListItemByIndex(focusedIndex).focus();\n    }\n  }\n\n  openExploreSapMenu(e: Event) {\n    const item = this.getClickedItem(e.target as UDExMastheadItem);\n    this._hideExploreSapBtn = true;\n    this._showCategoryItems = false;\n    this.openCategories(item);\n  }\n\n  openCategories(item: UDExMastheadItem) {\n    this._clickedItem = item;\n    this._categories = this.getCategories(item.getSubItems());\n    this._showCategories = true;\n  }\n\n  openCategoryItems(e: Event) {\n    const item = e.target as UDExMastheadMenuItem;\n    const indexOffset = this._clickedItem.href ? INDEX_OFFSET_WITH_OVERVIEW : INDEX_OFFSET_WITHOUT_OVERVIEW;\n    const index = Number(item.getAttribute(\"id\"));\n    this._category = { ...this._categories[index], index: index + indexOffset };\n    this._showCategories = false;\n    this._showCategoryItems = true;\n  }\n\n  showFirstLevelMenu() {\n    this._showCategories = false;\n    this._showCategoryItems = false;\n    this._hideExploreSapBtn = false;\n  }\n\n  showCategories() {\n    this._showCategories = true;\n    this._showCategoryItems = false;\n  }\n\n  fireMobileItemEvent(e: PointerEvent | KeyboardEvent, category?: string) {\n    const item = e.target as UDExMastheadMenuItem;\n    const isBack = item.hasAttribute(\"is-back\");\n    const eventDetail: UDExMastheadMobileMenuItemClickEventDetail = {\n      ...(category && { category }),\n      item,\n      isMobile: true,\n      isBack,\n      analyticsPath: this.buildAnalyticsPath(item),\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: item.shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    };\n\n    this.fireDecoratorEvent(\"item-click\", eventDetail);\n\n    if (item.url && this._mastheadShell) {\n      this.closeMenu();\n    }\n  }\n\n  fireExploreSapMobileButton(e: PointerEvent | KeyboardEvent) {\n    this.fireDecoratorEvent(\"explorer-menu-click\", {\n      originalEvent: e,\n      analyticsName: AnalyticsName.Header,\n      sourceNode: (e.target as HTMLElement).shadowRoot?.querySelector(\".udex-masthead-menu-item\") as HTMLElement,\n    });\n  }\n\n  mobileMenuScrollToTop(): void {\n    this.shadowRoot\n      ?.querySelector<HTMLElement>(\".udex-masthead-mobile-menu__nav-holder\")\n      ?.scrollTo({ top: 0 });\n  }\n\n  setFocusItemByIndex(index: number) {\n    this._shouldFocusItemByIndex = true;\n    this._focusedItemIndex = index;\n  }\n\n  setFocusExploreBtn(): void {\n    this._shouldFocusExploreBtn = true;\n  }\n\n  getClickedItem(el: UDExMastheadItem): UDExMastheadItem {\n    const items = [\n      ...this.items,\n      ...[this.hasExploreBtnSlot ? this.exploreItem : []],\n    ] as Array<UDExMastheadItem>;\n    return items.find(item => item._id === el.getAttribute(\"id\"))!;\n  }\n\n  getCategories(items: Array<MenuItem>): Array<SubMenuLinkItem> {\n    const categories: Array<SubMenuLinkItem> = [];\n    items?.forEach(item => {\n      item.subMenuLinkItems.forEach(category => {\n        categories.push(category);\n      });\n    });\n\n    return categories;\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.navigationItems.indexOf(item);\n  }\n\n  getListItemByIndex(index: number): UDExMastheadMenuItem {\n    return this.navigationItems[index];\n  }\n\n  setTabIndexForItems(): void {\n    this.navigationItems.forEach((item, index) => {\n      if (this._focusedItemIndex > 0) {\n        item._tabIndex = index === this._focusedItemIndex ? \"0\" : \"-1\";\n        return;\n      }\n\n      const isPrevItemHeading = this.navigationItems[index - 1]?.type === UDExItemType.Heading;\n      item._tabIndex = isPrevItemHeading || index === 0 ? \"0\" : \"-1\";\n    });\n  }\n\n  buildAnalyticsPath(item: UDExMastheadMenuItem): Array<string> {\n    const category = this.getListItemByIndex(0).label.trim();\n    const isFirstLevel = item.hasAttribute(\"first-level\");\n    const isSecondLevel = item.hasAttribute(\"second-level\");\n    const isThirdLevel = item.hasAttribute(\"third-level\");\n    const isBackToCategories = item.hasAttribute(\"is-back-to-categories\");\n    const shouldResetPath = item.hasAttribute(\"is-back-to-nav\") || this._hideExploreSapBtn;\n    const isExploreMode = !this.showExploreBtn && !!this.items.length;\n    const clickedLabel = item.label.trim();\n    const analyticsPath: Array<string> = [];\n\n    if (shouldResetPath) {\n      this._navItem = undefined;\n      analyticsPath.length = 0;\n    }\n\n    if (isFirstLevel) {\n      this._navItem = item;\n      analyticsPath.push(clickedLabel);\n    } else if (isSecondLevel) {\n      analyticsPath.push(...(this._navItem ? [category, clickedLabel] : [clickedLabel]));\n    } else if (isThirdLevel) {\n      analyticsPath.push(...(this._navItem ? [this._navItem.label.trim(), category, clickedLabel] : [category, clickedLabel]));\n    } else if (isBackToCategories) {\n      if (this._navItem) {\n        analyticsPath.push(this._navItem.label.trim());\n      }\n    }\n\n    if (isExploreMode && this.hasExploreBtnSlot) {\n      analyticsPath.unshift(this.exploreItem.label);\n    }\n\n    return analyticsPath;\n  }\n\n  resetSearch(): void {\n    const search = this.search[0] as UDExSearch;\n    if (search && search.value) {\n      search.value = \"\";\n    }\n  }\n\n  closeMenu(): void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get exploreBtnMenu(): UDExMastheadMenuItem {\n    return this.shadowRoot!.querySelector<UDExMastheadMenuItem>(\".udex-masthead-mobile-menu__explore-btn\")!;\n  }\n\n  get navigationItems(): Array<UDExMastheadMenuItem> {\n    return Array.from(this.shadowRoot!.querySelectorAll<UDExMastheadMenuItem>(\"ul [udex-masthead-menu-item]\"));\n  }\n\n  get showNavigation(): boolean {\n    return !this._showCategories && !this._showCategoryItems;\n  }\n\n  get overviewLinkText(): string {\n    return translate(UDExMastheadMobileMenu, 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;\nexport type { UDExMastheadMobileMenuItemClickEventDetail, UDExMastheadMobileMenuExploreClickEventDetail };\n"]}

package/dist/MastheadMobileMenuTemplate.d.ts

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

package/dist/MastheadMobileMenuTemplate.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import UDExMastheadMenuItem from "./MastheadMenuItem.js";
+export default function MastheadMobileMenuTemplate() {
+    return (_jsxs("nav", { class: "udex-masthead-mobile-menu", children: [_jsxs("div", { class: "udex-masthead-mobile-menu__nav-holder", children: [this.hasSearchSlot && (_jsx("div", { class: "udex-masthead-mobile-menu__list-search", children: _jsx("slot", { name: "search" }) })), _jsxs("ul", { class: "udex-masthead-mobile-menu__list", role: "menu", onKeyDown: this.handlePressKey, children: [this.showNavigation && navItems.call(this), this._showCategories && (_jsxs(_Fragment, { children: [_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: this._hideExploreSapBtn ? (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__back-item", part: "menu-item", type: "Button", onClick: this.handleExploreBackToMenuItems, label: this._clickedItem.innerText, "has-border": true, "icon-start": true, "is-back": "", "is-explore-back": "" })) : this.isNotMultipleMode ? (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__heading", part: "menu-item", type: "Heading", label: this._clickedItem.innerText, "has-border": true })) : (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__back-item", part: "menu-item", "aria-haspopup": "true", type: "Button", onClick: this.handleBackToMenuItems, label: this._clickedItem.innerText, "has-border": true, "icon-start": true, "is-back": "", "is-back-to-nav": "" })) }), categories.call(this)] })), this._showCategoryItems && (_jsxs(_Fragment, { children: [_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__back-item", part: "menu-item", type: "Button", "aria-haspopup": "true", onClick: this.handleBackToCategories, label: this._category.category, "has-border": true, "icon-start": true, "is-back": "", "is-back-to-categories": "" }) }), categoryItems.call(this)] }))] })] }), this.showExploreBtn && (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__explore-btn", part: "menu-item", type: "Button", "aria-haspopup": "true", id: this.exploreItem._id, onClick: this.handleExploreSapClick, "icon-end": true, label: this.exploreItem.innerText, "accessible-role-text": "button",
+                "first-level-btn": "",
+                "first-level": "",
+                "is-explore": "" }))] }));
+}
+function navItems() {
+    return this.items.map((item, index) => (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: item.subItems ? (_jsx(UDExMastheadMenuItem, { part: "menu-item", type: "Button", "aria-haspopup": "true", onClick: this.handleMenuItemClick, label: item.innerText, id: item._id, "has-border": true, "icon-end": true, "first-level-btn": "", "first-level": "" })) : (_jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMobileItemEvent, url: item.href, label: item.innerText, target: item.target, "has-border": true, "first-level": "" })) }, index)));
+}
+function categories() {
+    return (_jsxs(_Fragment, { children: [this._clickedItem.href && (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", url: this._clickedItem.href, label: this.overviewLinkText, onClick: this.handleMobileItemEvent, "has-border": true, "second-level": "" }) })), this._categories.map((category, index) => categoryEntry.call(this, category, index))] }));
+}
+function categoryEntry(category, index) {
+    if (category.items.length) {
+        if (category.category) {
+            return (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMenuCategoryClick, id: `${index}`, label: category.category, "aria-haspopup": "true", type: "Button", "has-border": true, "icon-end": true, "second-level-btn": "", "second-level": "" }) }, index));
+        }
+        return category.items.map((item, itemIndex) => (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMobileItemEvent, url: item.url, label: item.title, "has-border": true, "second-level": "" }) }, `${index}-${itemIndex}`)));
+    }
+    return (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: category.url ? (_jsx(UDExMastheadMenuItem, { id: `${index}`, onClick: this.handleMobileItemEvent, label: category.category, url: category.url, part: "menu-item", type: "Link", "has-border": true, "second-level": "" })) : (_jsx(UDExMastheadMenuItem, { id: `${index}`, onClick: this.handleMobileItemEvent, label: category.category, part: "menu-item", type: "Button", "has-border": true, "second-level": "" })) }, index));
+}
+function categoryItems() {
+    return (_jsxs(_Fragment, { children: [this._category.url && (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMobileCategoryItemEvent, url: this._category.url, label: this.overviewLinkText, "has-border": true, "third-level": "" }) })), this._category.items.map((item, index) => categoryItemEntry.call(this, item, index))] }));
+}
+function categoryItemEntry(item, index) {
+    if (item.subItems) {
+        return (_jsxs("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: [item.url ? (_jsx(UDExMastheadMenuItem, { class: "udex-masthead-mobile-menu__sub-category", part: "menu-item", onClick: this.handleMobileCategoryItemEvent, label: item.title, url: item.url, "third-level": "" })) : (_jsx("span", { class: "udex-masthead-mobile-menu__sub-category", children: item.title })), _jsx("ul", { class: "udex-masthead-mobile-menu__sub-list", "aria-label": item.title, children: item.subItems.map((subItem, subIndex) => (subItem.url ? (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMobileCategoryItemEvent, label: subItem.title, url: subItem.url, "third-level": "" }) }, `${index}-${subIndex}`)) : undefined)) })] }, index));
+    }
+    return item.url ? (_jsx("li", { class: "udex-masthead-mobile-menu__list-item", role: "none", children: _jsx(UDExMastheadMenuItem, { part: "menu-item", onClick: this.handleMobileCategoryItemEvent, label: item.title, url: item.url, "has-border": true, "third-level": "" }) }, index)) : undefined;
+}
+//# sourceMappingURL=MastheadMobileMenuTemplate.js.map

package/dist/MastheadMobileMenuTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MastheadMobileMenuTemplate.js","sourceRoot":"","sources":["../src/MastheadMobileMenuTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport type UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport type { CategoryItem, SubMenuLinkItem } from \"./MastheadItem.js\";\n\nexport default function MastheadMobileMenuTemplate(this: UDExMastheadMobileMenu) {\n  return (\n    <nav class=\"udex-masthead-mobile-menu\">\n      <div class=\"udex-masthead-mobile-menu__nav-holder\">\n        {this.hasSearchSlot && (\n          <div class=\"udex-masthead-mobile-menu__list-search\">\n            <slot name=\"search\"></slot>\n          </div>\n        )}\n        <ul class=\"udex-masthead-mobile-menu__list\" role=\"menu\" onKeyDown={this.handlePressKey}>\n          {this.showNavigation && navItems.call(this)}\n          {this._showCategories && (\n            <>\n              <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\">\n                {this._hideExploreSapBtn ? (\n                  <UDExMastheadMenuItem\n                    class=\"udex-masthead-mobile-menu__back-item\"\n                    part=\"menu-item\"\n                    type=\"Button\"\n                    onClick={this.handleExploreBackToMenuItems as any}\n                    label={this._clickedItem.innerText}\n                    has-border={true}\n                    icon-start={true}\n                    {...{ \"is-back\": \"\", \"is-explore-back\": \"\" }}>\n                  </UDExMastheadMenuItem>\n                ) : this.isNotMultipleMode ? (\n                  <UDExMastheadMenuItem\n                    class=\"udex-masthead-mobile-menu__heading\"\n                    part=\"menu-item\"\n                    type=\"Heading\"\n                    label={this._clickedItem.innerText}\n                    has-border={true}>\n                  </UDExMastheadMenuItem>\n                ) : (\n                  <UDExMastheadMenuItem\n                    class=\"udex-masthead-mobile-menu__back-item\"\n                    part=\"menu-item\"\n                    aria-haspopup=\"true\"\n                    type=\"Button\"\n                    onClick={this.handleBackToMenuItems as any}\n                    label={this._clickedItem.innerText}\n                    has-border={true}\n                    icon-start={true}\n                    {...{ \"is-back\": \"\", \"is-back-to-nav\": \"\" }}>\n                  </UDExMastheadMenuItem>\n                )}\n              </li>\n              {categories.call(this)}\n            </>\n          )}\n          {this._showCategoryItems && (\n            <>\n              <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\">\n                <UDExMastheadMenuItem\n                  class=\"udex-masthead-mobile-menu__back-item\"\n                  part=\"menu-item\"\n                  type=\"Button\"\n                  aria-haspopup=\"true\"\n                  onClick={this.handleBackToCategories as any}\n                  label={this._category.category}\n                  has-border={true}\n                  icon-start={true}\n                  {...{ \"is-back\": \"\", \"is-back-to-categories\": \"\" }}>\n                </UDExMastheadMenuItem>\n              </li>\n              {categoryItems.call(this)}\n            </>\n          )}\n        </ul>\n      </div>\n      {this.showExploreBtn && (\n        <UDExMastheadMenuItem\n          class=\"udex-masthead-mobile-menu__explore-btn\"\n          part=\"menu-item\"\n          type=\"Button\"\n          aria-haspopup=\"true\"\n          id={this.exploreItem._id}\n          onClick={this.handleExploreSapClick as any}\n          icon-end={true}\n          label={this.exploreItem.innerText}\n          {...{\n            \"accessible-role-text\": \"button\",\n            \"first-level-btn\": \"\",\n            \"first-level\": \"\",\n            \"is-explore\": \"\",\n          }}>\n        </UDExMastheadMenuItem>\n      )}\n    </nav>\n  );\n}\n\nfunction navItems(this: UDExMastheadMobileMenu) {\n  return this.items.map((item, index) => (\n    <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={index}>\n      {item.subItems ? (\n        <UDExMastheadMenuItem\n          part=\"menu-item\"\n          type=\"Button\"\n          aria-haspopup=\"true\"\n          onClick={this.handleMenuItemClick as any}\n          label={item.innerText}\n          id={item._id}\n          has-border={true}\n          icon-end={true}\n          {...{ \"first-level-btn\": \"\", \"first-level\": \"\" }}>\n        </UDExMastheadMenuItem>\n      ) : (\n        <UDExMastheadMenuItem\n          part=\"menu-item\"\n          onClick={this.handleMobileItemEvent as any}\n          url={item.href}\n          label={item.innerText}\n          target={item.target}\n          has-border={true}\n          {...{ \"first-level\": \"\" }}>\n        </UDExMastheadMenuItem>\n      )}\n    </li>\n  ));\n}\n\nfunction categories(this: UDExMastheadMobileMenu) {\n  return (\n    <>\n      {this._clickedItem.href && (\n        <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\">\n          <UDExMastheadMenuItem\n            part=\"menu-item\"\n            url={this._clickedItem.href}\n            label={this.overviewLinkText}\n            onClick={this.handleMobileItemEvent as any}\n            has-border={true}\n            {...{ \"second-level\": \"\" }}>\n          </UDExMastheadMenuItem>\n        </li>\n      )}\n      {this._categories.map((category, index) => categoryEntry.call(this, category, index))}\n    </>\n  );\n}\n\nfunction categoryEntry(this: UDExMastheadMobileMenu, category: SubMenuLinkItem, index: number) {\n  if (category.items.length) {\n    if (category.category) {\n      return (\n        <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={index}>\n          <UDExMastheadMenuItem\n            part=\"menu-item\"\n            onClick={this.handleMenuCategoryClick as any}\n            id={`${index}`}\n            label={category.category}\n            aria-haspopup=\"true\"\n            type=\"Button\"\n            has-border={true}\n            icon-end={true}\n            {...{ \"second-level-btn\": \"\", \"second-level\": \"\" }}>\n          </UDExMastheadMenuItem>\n        </li>\n      );\n    }\n\n    return category.items.map((item, itemIndex) => (\n      <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={`${index}-${itemIndex}`}>\n        <UDExMastheadMenuItem\n          part=\"menu-item\"\n          onClick={this.handleMobileItemEvent as any}\n          url={item.url}\n          label={item.title}\n          has-border={true}\n          {...{ \"second-level\": \"\" }}>\n        </UDExMastheadMenuItem>\n      </li>\n    ));\n  }\n\n  return (\n    <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={index}>\n      {category.url ? (\n        <UDExMastheadMenuItem\n          id={`${index}`}\n          onClick={this.handleMobileItemEvent as any}\n          label={category.category}\n          url={category.url}\n          part=\"menu-item\"\n          type=\"Link\"\n          has-border={true}\n          {...{ \"second-level\": \"\" }}>\n        </UDExMastheadMenuItem>\n      ) : (\n        <UDExMastheadMenuItem\n          id={`${index}`}\n          onClick={this.handleMobileItemEvent as any}\n          label={category.category}\n          part=\"menu-item\"\n          type=\"Button\"\n          has-border={true}\n          {...{ \"second-level\": \"\" }}>\n        </UDExMastheadMenuItem>\n      )}\n    </li>\n  );\n}\n\nfunction categoryItems(this: UDExMastheadMobileMenu) {\n  return (\n    <>\n      {this._category.url && (\n        <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\">\n          <UDExMastheadMenuItem\n            part=\"menu-item\"\n            onClick={this.handleMobileCategoryItemEvent as any}\n            url={this._category.url}\n            label={this.overviewLinkText}\n            has-border={true}\n            {...{ \"third-level\": \"\" }}>\n          </UDExMastheadMenuItem>\n        </li>\n      )}\n      {this._category.items.map((item, index) => categoryItemEntry.call(this, item, index))}\n    </>\n  );\n}\n\nfunction categoryItemEntry(this: UDExMastheadMobileMenu, item: CategoryItem, index: number) {\n  if (item.subItems) {\n    return (\n      <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={index}>\n        {item.url ? (\n          <UDExMastheadMenuItem\n            class=\"udex-masthead-mobile-menu__sub-category\"\n            part=\"menu-item\"\n            onClick={this.handleMobileCategoryItemEvent as any}\n            label={item.title}\n            url={item.url}\n            {...{ \"third-level\": \"\" }}>\n          </UDExMastheadMenuItem>\n        ) : (\n          <span class=\"udex-masthead-mobile-menu__sub-category\">{item.title}</span>\n        )}\n        <ul class=\"udex-masthead-mobile-menu__sub-list\" aria-label={item.title}>\n          {item.subItems.map((subItem, subIndex) => (subItem.url ? (\n            <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={`${index}-${subIndex}`}>\n              <UDExMastheadMenuItem\n                part=\"menu-item\"\n                onClick={this.handleMobileCategoryItemEvent as any}\n                label={subItem.title}\n                url={subItem.url}\n                {...{ \"third-level\": \"\" }}>\n              </UDExMastheadMenuItem>\n            </li>\n          ) : undefined))}\n        </ul>\n      </li>\n    );\n  }\n\n  return item.url ? (\n    <li class=\"udex-masthead-mobile-menu__list-item\" role=\"none\" key={index}>\n      <UDExMastheadMenuItem\n        part=\"menu-item\"\n        onClick={this.handleMobileCategoryItemEvent as any}\n        label={item.title}\n        url={item.url}\n        has-border={true}\n        {...{ \"third-level\": \"\" }}>\n      </UDExMastheadMenuItem>\n    </li>\n  ) : undefined;\n}\n"]}

package/dist/MastheadProfileMenu.d.ts

@@ -1,14 +1,12 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import UDExMastheadMenu from "./MastheadMenu.js";
-import UDExMastheadMenuItem from "./MastheadMenuItem.js";
 import AnalyticsName from "./types/AnalyticsName.js";
+import UDExMastheadMenu from "./MastheadMenu.js";
 import type UDExMastheadShell from "./MastheadShell.js";
-import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
-import "@ui5/webcomponents-icons/dist/action.js";
 import type { LinkClickEventDetail } from "@ui5/webcomponents/dist/Link.js";
 import type { ResizeObserverCallback } from "@ui5/webcomponents-base/delegate/ResizeHandler.js";
+import type UDExMastheadMenuItem from "./MastheadMenuItem.js";
 export interface UserData {
     name?: string;
     username?: string;