@sapudex/web-components 0.224.0 → 2.0.0

package/dist/MastheadItem.js

@@ -8,9 +8,9 @@ var UDExMastheadItem_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 { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import "@ui5/webcomponents-icons/dist/search.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
@@ -20,7 +20,7 @@ import { OPENS_IN_A_NEW_WINDOW, PROFILE } from "./generated/i18n/i18n-defaults.j
 import UDExMastheadMenu from "./MastheadMenu.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 import MastheadItemTemplate from "./generated/templates/MastheadItemTemplate.lit.js";
-import { Target } from "./types/common.js";
+import { UDExTarget } from "./types/common.js";
 import { BreakpointUtils } from "./utils/Breakpoints.js";
 // Styles
 import MastheadItemCss from "./generated/themes/MastheadItem.css.js";
@@ -42,8 +42,49 @@ import MastheadItemCss from "./generated/themes/MastheadItem.css.js";
  * @public
  */
 let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5Element {
-    static async onDefine() {
-        UDExMastheadItem_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines sub items for item
+         *
+         * @default ""
+         * @public
+         */
+        this.subItems = "";
+        /**
+         * Defines a title for sub menu items
+         *
+         * @default ""
+         * @public
+         */
+        this.menuTitle = "";
+        /**
+         * Defines the text of item.
+         *
+         * @public
+         * @default ""
+         */
+        this.text = "";
+        /**
+         * Defines the icon in the item.
+         *
+         * @public
+         * @default ""
+         */
+        this.icon = "";
+        /**
+         * Define the target of the item
+         * <b>Note:</b> Standard hyperlink behavior is supported.
+         * @public
+         */
+        this.target = UDExTarget._self;
+        /**
+         * Defines an alt text for item icon
+         *
+         * @default ""
+         * @public
+         */
+        this.iconAlt = "";
     }
     onEnterDOM() {
         if (isDesktop()) {
@@ -92,7 +133,7 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
     }
     handleItemClick(e) {
         this.handleSelectedChange();
-        this.fireEvent("item-click", {
+        this.fireDecoratorEvent("item-click", {
             item: this,
             originalEvent: e,
         });
@@ -170,7 +211,7 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         return this._direction === "ltr";
     }
     get hasHref() {
-        return !!this.href.length;
+        return !!this.href?.length;
     }
     get accessibleRoleName() {
         return this.accessibleRole ? this.accessibleRole : "button";
@@ -219,7 +260,7 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         return BreakpointUtils.isBelow("M") || this.mastheadShell?._isMobileMode;
     }
     get isTargetBlank() {
-        return this.target === Target._blank;
+        return this.target === UDExTarget._blank;
     }
     get openInNewWindowText() {
         return UDExMastheadItem_1.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);
@@ -253,7 +294,7 @@ __decorate([
     property({ type: String })
 ], UDExMastheadItem.prototype, "href", void 0);
 __decorate([
-    property({ type: Target, defaultValue: Target._self })
+    property()
 ], UDExMastheadItem.prototype, "target", void 0);
 __decorate([
     property({ type: String })
@@ -279,6 +320,9 @@ __decorate([
 __decorate([
     slot({ type: HTMLElement, "default": true })
 ], UDExMastheadItem.prototype, "content", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExMastheadItem, "i18nBundle", void 0);
 UDExMastheadItem = UDExMastheadItem_1 = __decorate([
     customElement({
         tag: "udex-masthead-item",
@@ -298,16 +342,7 @@ UDExMastheadItem = UDExMastheadItem_1 = __decorate([
      * @public
      */
     ,
-    event("item-click", {
-        detail: {
-            item: {
-                type: HTMLElement,
-            },
-            originalEvent: {
-                type: Event,
-            },
-        },
-    })
+    event("item-click", { bubbles: true })
 ], UDExMastheadItem);
 UDExMastheadItem.define();
 export default UDExMastheadItem;

package/dist/MastheadItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadItem.js","sourceRoot":"","sources":["../src/MastheadItem.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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { OPENS_IN_A_NEW_WINDOW, PROFILE } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExAvatar from \"./Avatar.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport UDExMastheadShell from \"./MastheadShell.js\";\nimport MastheadItemTemplate from \"./generated/templates/MastheadItemTemplate.lit.js\";\nimport { Target } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n// Styles\nimport MastheadItemCss from \"./generated/themes/MastheadItem.css.js\";\n\nexport interface IMastheadItem {\n  text?: string;\n  selected?: boolean;\n  icon?: string;\n  avatar?: Array<HTMLElement>;\n  href?: string;\n}\n\nexport type CategoryItem = {\n  title: string;\n  url: string;\n  externalLink: boolean;\n};\n\nexport type SubMenuLinkItem = {\n  category: string;\n  url?: string;\n  items: CategoryItem[];\n  index: number;\n};\n\nexport type MenuItem = {\n  subMenuLinkItems: SubMenuLinkItem[];\n};\n\nexport type ItemClickEventDetail = {\n  originalEvent: Event,\n  item: UDExMastheadItem,\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-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-item\",\n  renderer: litRender,\n  languageAware: true,\n  styles: MastheadItemCss,\n  template: MastheadItemTemplate,\n  dependencies: [\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"item-click\", {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: Event,\n    },\n  },\n})\n\nclass UDExMastheadItem extends UI5Element implements IMastheadItem {\n  /**\n   * Defines sub items for item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    subItems!: string;\n\n  /**\n   * Defines a title for sub menu items\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    menuTitle!: string;\n\n  /**\n   * Defines the text of item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    text!: string;\n\n  /**\n   * Defines the selected item.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    selected!: boolean;\n\n  /**\n   * Defines if the arrow icon is hidden.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    hideArrowIcon!: boolean;\n\n  /**\n   * Defines the icon in the item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    icon!: string;\n\n  /**\n   * Defines the image in the item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    image!: string;\n\n  /**\n   * Defines an alt text for item image\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageAlt!: string;\n\n  /**\n   * Defines the href of the item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    href!: string;\n\n  /**\n   * Define the target of the item\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   */\n  @property({ type: Target, defaultValue: Target._self })\n    target!: Target;\n\n  /**\n   * Controls the ARIA name of the item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleName!: string;\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 an alt text for item icon\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconAlt!: string;\n\n  /**\n   * Hide active border for item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    hideActiveBorder!: boolean;\n\n  /**\n   * Defines direction of the text.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction!: string;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Slot for the dropdown\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    dropdown?: Array<HTMLElement>;\n\n  /**\n   * Slot for any content\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content?: Array<HTMLElement>;\n\n  _profileAvatar!: UDExAvatar;\n  _mastheadShell!: UDExMastheadShell;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadItem.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onAfterRendering(): void {\n    this._profileAvatar = this.profileAvatar;\n    this._mastheadShell = this.mastheadShell;\n    this.handleDirection();\n    if (this.selected && this.hasDropdownSlot && !this.isMobile && !this.isExploreBtn) {\n      this.setDropdownInsetStart();\n    }\n  }\n\n  handleFocusout(e: FocusEvent): void {\n    if (e.relatedTarget === null) {\n      return;\n    }\n\n    const eTarget = e.target as HTMLElement;\n    if (!this.isMobile && eTarget.getAttribute(\"slot\") === \"dropdown\") {\n      this.closeDropdown();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (isEscape(e) && this.hasDropdownSlot) {\n      if (this.isMobile) {\n        this.handleKeyEscapeMobile();\n      } else {\n        this.handleKeyEscape();\n      }\n    }\n  }\n\n  handleKeyEscape(): void {\n    this.closeDropdown();\n    if (this.isProfileBtn) {\n      this._profileAvatar.focus();\n    } else {\n      this.focus();\n    }\n  }\n\n  handleKeyEscapeMobile(): void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  handleItemClick(e: Event): void {\n    this.handleSelectedChange();\n\n    this.fireEvent<ItemClickEventDetail>(\"item-click\", {\n      item: this,\n      originalEvent: e,\n    });\n  }\n\n  handleSelectedChange(): void {\n    this.selected = this.isMobile ? true : !this.selected;\n  }\n\n  setDropdownInsetStart(): void {\n    const dropdown = this.getDomElement(\".udex-masthead-item__dropdown\");\n    if (dropdown) {\n      const rect = dropdown.getBoundingClientRect();\n      const dropdownHolder = this.getDomElement(\".udex-masthead-item__dropdown-holder\");\n      const marginInlineStart = this.calculateMarginInlineStart(rect);\n\n      if (marginInlineStart !== null && dropdownHolder) {\n        dropdownHolder.style.marginInlineStart = `${marginInlineStart - 3}px`;\n      }\n    }\n  }\n\n  calculateMarginInlineStart(rect: DOMRect): number | null {\n    const { left, right } = rect;\n\n    if (this.isLtrDirection && left < 0) {\n      return left * -1 + 15;\n    }\n\n    if (this.isRtlDirection && left < 0) {\n      return left - 15;\n    }\n\n    if (this.isRtlDirection && right > window.innerWidth) {\n      return right - window.innerWidth + 15;\n    }\n\n    if (this.isLtrDirection && right > window.innerWidth) {\n      return window.innerWidth - right - 15;\n    }\n\n    return null;\n  }\n\n  handleDirection(): void {\n    const directionStyles = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  closeDropdown(): void {\n    this.selected = false;\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  getSubItems(): Array<MenuItem> {\n    return this.parseArrayFromString(this.subItems);\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get additionalClass(): string {\n    const iconClass = (this.icon || this.image) ? \"udex-masthead-item__button--icon\" : \"\";\n    const profileClass = this.isProfileBtn ? \"udex-masthead-item__button--profile\" : \"\";\n    const exploreClass = this.isExploreBtn ? \"udex-masthead-item__button--explore\" : \"\";\n    const countrySelectorClass = this.isCountrySelectorBtn ? \"udex-masthead-item__button--country-selector\" : \"\";\n    return `udex-masthead-item ${iconClass} ${profileClass} ${exploreClass} ${countrySelectorClass}`.trim();\n  }\n\n  get profileAvatar(): UDExAvatar {\n    return this.querySelector(\"[udex-avatar]\")!;\n  }\n\n  get isRtlDirection(): boolean {\n    return this._direction === \"rtl\";\n  }\n\n  get isLtrDirection(): boolean {\n    return this._direction === \"ltr\";\n  }\n\n  get hasHref(): boolean {\n    return !!this.href.length;\n  }\n\n  get accessibleRoleName(): string {\n    return this.accessibleRole ? this.accessibleRole : \"button\";\n  }\n\n  get selectedClass(): string {\n    return this.selected ? \" udex-masthead-item__button--active\" : \"\";\n  }\n\n  get ariaDescribedBy(): string {\n    const labels = [];\n\n    if (this.text) {\n      labels.push(`${this.__id}-text`);\n    }\n\n    if (this.icon) {\n      labels.push(`${this.__id}-icon`);\n    }\n\n    if (this.isTargetBlank) {\n      labels.push(`new-win-desc`);\n    }\n\n    return labels.join(\" \").trim();\n  }\n\n  get showDropdown(): boolean {\n    return this.hasDropdownSlot && this.selected;\n  }\n\n  get hasDropdownSlot(): boolean {\n    return !!this.getSlottedNodes(\"dropdown\").length;\n  }\n\n  get hasArrowDown(): boolean {\n    return this.hasDropdownSlot && !this.isProfileBtn && !this.icon.length && !this.hideArrowIcon;\n  }\n\n  get isProfileBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"profile\";\n  }\n\n  get isExploreBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"exploreSAP\";\n  }\n\n  get isCountrySelectorBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"countrySelector\";\n  }\n\n  get accessibleLabel(): string {\n    return this.accessibleName || this.innerText || (this.isProfileBtn ? UDExMastheadItem.i18nBundle.getText(PROFILE) : \"\");\n  }\n\n  get isMenuItem(): boolean {\n    return true;\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isBelow(\"M\") || this.mastheadShell?._isMobileMode;\n  }\n\n  get isTargetBlank(): boolean {\n    return this.target === Target._blank;\n  }\n\n  get openInNewWindowText(): string {\n    return UDExMastheadItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);\n  }\n}\n\nUDExMastheadItem.define();\n\nexport default UDExMastheadItem;\n"]}
+{"version":3,"file":"MastheadItem.js","sourceRoot":"","sources":["../src/MastheadItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isEscape } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport { isDesktop } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport { OPENS_IN_A_NEW_WINDOW, PROFILE } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport type UDExAvatar from \"./Avatar.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-down.js\";\nimport type UDExMastheadShell from \"./MastheadShell.js\";\nimport MastheadItemTemplate from \"./generated/templates/MastheadItemTemplate.lit.js\";\nimport { UDExTarget } from \"./types/common.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\n// Styles\nimport MastheadItemCss from \"./generated/themes/MastheadItem.css.js\";\n\nexport interface IMastheadItem {\n  text?: string;\n  selected?: boolean;\n  icon?: string;\n  avatar?: Array<HTMLElement>;\n  href?: string;\n}\n\nexport type CategoryItem = {\n  title: string;\n  url: string;\n  externalLink: boolean;\n};\n\nexport type SubMenuLinkItem = {\n  category: string;\n  url?: string;\n  items: CategoryItem[];\n  index: number;\n};\n\nexport type MenuItem = {\n  subMenuLinkItems: SubMenuLinkItem[];\n};\n\ntype UDExMastheadItemItemClickEventDetail = {\n  originalEvent: PointerEvent,\n  item: UDExMastheadItem,\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-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-item\",\n  renderer: litRender,\n  languageAware: true,\n  styles: MastheadItemCss,\n  template: MastheadItemTemplate,\n  dependencies: [\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"item-click\", { bubbles: true })\n\nclass UDExMastheadItem extends UI5Element implements IMastheadItem {\n  eventDetails!: {\n    \"item-click\": UDExMastheadItemItemClickEventDetail,\n  };\n  /**\n   * Defines sub items for item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    subItems: string = \"\";\n\n  /**\n   * Defines a title for sub menu items\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    menuTitle: string = \"\";\n\n  /**\n   * Defines the text of item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    text: string = \"\";\n\n  /**\n   * Defines the selected item.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    selected!: boolean;\n\n  /**\n   * Defines if the arrow icon is hidden.\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    hideArrowIcon!: boolean;\n\n  /**\n   * Defines the icon in the item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    icon: string = \"\";\n\n  /**\n   * Defines the image in the item.\n   *\n   * @public\n   * @default \"\"\n   */\n  @property({ type: String })\n    image!: string;\n\n  /**\n   * Defines an alt text for item image\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    imageAlt!: string;\n\n  /**\n   * Defines the href of the item.\n   *\n   * @public\n   */\n  @property({ type: String })\n    href!: string;\n\n  /**\n   * Define the target of the item\n   * <b>Note:</b> Standard hyperlink behavior is supported.\n   * @public\n   */\n  @property()\n    target: UDExTarget = UDExTarget._self;\n\n  /**\n   * Controls the ARIA name of the item\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    accessibleName?: string;\n\n  /**\n   * Controls the ARIA role of the item\n   *\n   * @default undefined\n   * @public\n   */\n  @property({ type: String })\n    accessibleRole?: string;\n\n  /**\n   * Defines an alt text for item icon\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    iconAlt: string = \"\";\n\n  /**\n   * Hide active border for item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    hideActiveBorder!: boolean;\n\n  /**\n   * Defines direction of the text.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _direction!: string;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Slot for the dropdown\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    dropdown?: Array<HTMLElement>;\n\n  /**\n   * Slot for any content\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true })\n    content?: Array<HTMLElement>;\n\n  @i18n(\"@sapudex/web-components\")\n  static i18nBundle: I18nBundle;\n\n  _profileAvatar!: UDExAvatar;\n  _mastheadShell!: UDExMastheadShell;\n\n  onEnterDOM(): void {\n    if (isDesktop()) {\n      this.setAttribute(\"desktop\", \"\");\n    }\n  }\n\n  onAfterRendering(): void {\n    this._profileAvatar = this.profileAvatar;\n    this._mastheadShell = this.mastheadShell;\n    this.handleDirection();\n    if (this.selected && this.hasDropdownSlot && !this.isMobile && !this.isExploreBtn) {\n      this.setDropdownInsetStart();\n    }\n  }\n\n  handleFocusout(e: FocusEvent): void {\n    if (e.relatedTarget === null) {\n      return;\n    }\n\n    const eTarget = e.target as HTMLElement;\n    if (!this.isMobile && eTarget.getAttribute(\"slot\") === \"dropdown\") {\n      this.closeDropdown();\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    if (isEscape(e) && this.hasDropdownSlot) {\n      if (this.isMobile) {\n        this.handleKeyEscapeMobile();\n      } else {\n        this.handleKeyEscape();\n      }\n    }\n  }\n\n  handleKeyEscape(): void {\n    this.closeDropdown();\n    if (this.isProfileBtn) {\n      this._profileAvatar.focus();\n    } else {\n      this.focus();\n    }\n  }\n\n  handleKeyEscapeMobile(): void {\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  handleItemClick(e: PointerEvent): void {\n    this.handleSelectedChange();\n\n    this.fireDecoratorEvent(\"item-click\", {\n      item: this,\n      originalEvent: e,\n    });\n  }\n\n  handleSelectedChange(): void {\n    this.selected = this.isMobile ? true : !this.selected;\n  }\n\n  setDropdownInsetStart(): void {\n    const dropdown = this.getDomElement(\".udex-masthead-item__dropdown\");\n    if (dropdown) {\n      const rect = dropdown.getBoundingClientRect();\n      const dropdownHolder = this.getDomElement(\".udex-masthead-item__dropdown-holder\");\n      const marginInlineStart = this.calculateMarginInlineStart(rect);\n\n      if (marginInlineStart !== null && dropdownHolder) {\n        dropdownHolder.style.marginInlineStart = `${marginInlineStart - 3}px`;\n      }\n    }\n  }\n\n  calculateMarginInlineStart(rect: DOMRect): number | null {\n    const { left, right } = rect;\n\n    if (this.isLtrDirection && left < 0) {\n      return left * -1 + 15;\n    }\n\n    if (this.isRtlDirection && left < 0) {\n      return left - 15;\n    }\n\n    if (this.isRtlDirection && right > window.innerWidth) {\n      return right - window.innerWidth + 15;\n    }\n\n    if (this.isLtrDirection && right > window.innerWidth) {\n      return window.innerWidth - right - 15;\n    }\n\n    return null;\n  }\n\n  handleDirection(): void {\n    const directionStyles = window\n      .getComputedStyle(this)\n      .getPropertyValue(\"direction\");\n    if (!directionStyles) {\n      this._direction = \"ltr\";\n    } else {\n      this._direction = directionStyles;\n    }\n  }\n\n  closeDropdown(): void {\n    this.selected = false;\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\n  }\n\n  getSubItems(): Array<MenuItem> {\n    return this.parseArrayFromString(this.subItems);\n  }\n\n  get mastheadShell(): UDExMastheadShell {\n    return document.querySelector<UDExMastheadShell>(\"[udex-masthead-shell]\")!;\n  }\n\n  get additionalClass(): string {\n    const iconClass = (this.icon || this.image) ? \"udex-masthead-item__button--icon\" : \"\";\n    const profileClass = this.isProfileBtn ? \"udex-masthead-item__button--profile\" : \"\";\n    const exploreClass = this.isExploreBtn ? \"udex-masthead-item__button--explore\" : \"\";\n    const countrySelectorClass = this.isCountrySelectorBtn ? \"udex-masthead-item__button--country-selector\" : \"\";\n    return `udex-masthead-item ${iconClass} ${profileClass} ${exploreClass} ${countrySelectorClass}`.trim();\n  }\n\n  get profileAvatar(): UDExAvatar {\n    return this.querySelector(\"[udex-avatar]\")!;\n  }\n\n  get isRtlDirection(): boolean {\n    return this._direction === \"rtl\";\n  }\n\n  get isLtrDirection(): boolean {\n    return this._direction === \"ltr\";\n  }\n\n  get hasHref(): boolean {\n    return !!this.href?.length;\n  }\n\n  get accessibleRoleName(): string {\n    return this.accessibleRole ? this.accessibleRole : \"button\";\n  }\n\n  get selectedClass(): string {\n    return this.selected ? \" udex-masthead-item__button--active\" : \"\";\n  }\n\n  get ariaDescribedBy(): string {\n    const labels = [];\n\n    if (this.text) {\n      labels.push(`${this.__id}-text`);\n    }\n\n    if (this.icon) {\n      labels.push(`${this.__id}-icon`);\n    }\n\n    if (this.isTargetBlank) {\n      labels.push(`new-win-desc`);\n    }\n\n    return labels.join(\" \").trim();\n  }\n\n  get showDropdown(): boolean {\n    return this.hasDropdownSlot && this.selected;\n  }\n\n  get hasDropdownSlot(): boolean {\n    return !!this.getSlottedNodes(\"dropdown\").length;\n  }\n\n  get hasArrowDown(): boolean {\n    return this.hasDropdownSlot && !this.isProfileBtn && !this.icon.length && !this.hideArrowIcon;\n  }\n\n  get isProfileBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"profile\";\n  }\n\n  get isExploreBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"exploreSAP\";\n  }\n\n  get isCountrySelectorBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"countrySelector\";\n  }\n\n  get accessibleLabel(): string {\n    return this.accessibleName || this.innerText || (this.isProfileBtn ? UDExMastheadItem.i18nBundle.getText(PROFILE) : \"\");\n  }\n\n  get isMenuItem(): boolean {\n    return true;\n  }\n\n  get isMobile(): boolean {\n    return BreakpointUtils.isBelow(\"M\") || this.mastheadShell?._isMobileMode;\n  }\n\n  get isTargetBlank(): boolean {\n    return this.target === UDExTarget._blank;\n  }\n\n  get openInNewWindowText(): string {\n    return UDExMastheadItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);\n  }\n}\n\nUDExMastheadItem.define();\n\nexport default UDExMastheadItem;\n"]}

package/dist/MastheadMenu.d.ts

@@ -16,8 +16,8 @@ export type SubMenuLinkItem = {
 export type MenuItem = {
     subMenuLinkItems: SubMenuLinkItem[];
 };
-export type MenuItemClickEventDetail = {
-    originalEvent: Event;
+type UDExMastheadMenuMenuItemClickEventDetail = {
+    originalEvent: PointerEvent;
     item: UDExMastheadMenuItem;
 };
 /**
@@ -38,6 +38,9 @@ export type MenuItemClickEventDetail = {
  * @public
  */
 declare class UDExMastheadMenu extends UI5Element {
+    eventDetails: {
+        "menu-item-click": UDExMastheadMenuMenuItemClickEventDetail;
+    };
     /**
      * Defines a menu heading
      *
@@ -61,7 +64,7 @@ declare class UDExMastheadMenu extends UI5Element {
     handleKeyDown(e: KeyboardEvent): void;
     handleUpArrow(e: KeyboardEvent): void;
     handleDownArrow(e: KeyboardEvent): void;
-    handleMenuItemClick(e: Event): void;
+    handleMenuItemClick(e: PointerEvent): void;
     focusPreviousItem(item: UDExMastheadMenuItem): void;
     focusNextItem(item: UDExMastheadMenuItem): void;
     getCurrentIndex(item: UDExMastheadMenuItem): number;

package/dist/MastheadMenu.js

@@ -9,7 +9,7 @@ import customElement from "@ui5/webcomponents-base/dist/decorators/customElement
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
-import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-right.js";
 import "@ui5/webcomponents-icons/dist/action.js";
 import { isUp, isDown } from "@ui5/webcomponents-base/dist/Keys.js";
@@ -38,6 +38,23 @@ const rowClass = "udex-masthead-menu_with-one-column";
  * @public
  */
 let UDExMastheadMenu = class UDExMastheadMenu extends UI5Element {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines a menu heading
+         *
+         * @default ""
+         * @public
+         */
+        this.menuTitle = "";
+        /**
+         * List of the menu items
+         *
+         * @default "[]"
+         * @public
+         */
+        this.subItems = "[]";
+    }
     handleKeyDown(e) {
         this.handleUpArrow(e);
         this.handleDownArrow(e);
@@ -57,7 +74,7 @@ let UDExMastheadMenu = class UDExMastheadMenu extends UI5Element {
         }
     }
     handleMenuItemClick(e) {
-        this.fireEvent("menu-item-click", {
+        this.fireDecoratorEvent("menu-item-click", {
             item: e.target,
             originalEvent: e,
         });
@@ -103,7 +120,7 @@ __decorate([
     property({ type: String })
 ], UDExMastheadMenu.prototype, "menuTitle", void 0);
 __decorate([
-    property({ type: String, defaultValue: "[]" })
+    property({ type: String })
 ], UDExMastheadMenu.prototype, "subItems", void 0);
 __decorate([
     property({ type: Boolean })
@@ -123,16 +140,7 @@ UDExMastheadMenu = __decorate([
      * @public
      */
     ,
-    event("menu-item-click", {
-        detail: {
-            item: {
-                type: HTMLElement,
-            },
-            originalEvent: {
-                type: Event,
-            },
-        },
-    })
+    event("menu-item-click", { bubbles: true })
 ], UDExMastheadMenu);
 UDExMastheadMenu.define();
 export default UDExMastheadMenu;

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 Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/action.js\";\nimport { isUp, isDown } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport UDExDivider from \"./Divider.js\";\nimport MastheadMenuTemplate from \"./generated/templates/MastheadMenuTemplate.lit.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};\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\nexport type MenuItemClickEventDetail = {\n  originalEvent: Event,\n  item: UDExMastheadMenuItem,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-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 */\n@event(\"menu-item-click\", {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: Event,\n    },\n  },\n})\n\nclass UDExMastheadMenu extends UI5Element {\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, defaultValue: \"[]\" })\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  handleKeyDown(e: KeyboardEvent): void {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    if (isUp(e)) {\n      e.preventDefault();\n      const currentItem = e.target as UDExMastheadMenuItem;\n      this.focusPreviousItem(currentItem);\n    }\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    if (isDown(e)) {\n      e.preventDefault();\n      const currentItem = e.target as UDExMastheadMenuItem;\n      this.focusNextItem(currentItem);\n    }\n  }\n\n  handleMenuItemClick(e: Event): void {\n    this.fireEvent<MenuItemClickEventDetail>(\"menu-item-click\", {\n      item: e.target as UDExMastheadMenuItem,\n      originalEvent: e,\n    });\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    this.links[previousSelectIndex].focus();\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    this.links[nextSelectIndex].focus();\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.links.indexOf(item);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\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> = this.parseArrayFromString(this.subItems);\n    return parsedItems.map((mainItem: MenuItem) => {\n      mainItem.subMenuLinkItems = mainItem.subMenuLinkItems.map((category: SubMenuLinkItem) => {\n        category.categoryId = `${id++}`;\n        return category;\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\nUDExMastheadMenu.define();\n\nexport default UDExMastheadMenu;\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 litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.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 { isUp, isDown } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport UDExBadge from \"./Badge.js\";\nimport UDExMastheadMenuItem from \"./MastheadMenuItem.js\";\nimport UDExDivider from \"./Divider.js\";\nimport MastheadMenuTemplate from \"./generated/templates/MastheadMenuTemplate.lit.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};\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  originalEvent: PointerEvent,\n  item: UDExMastheadMenuItem,\n}\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-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 */\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  handleKeyDown(e: KeyboardEvent): void {\n    this.handleUpArrow(e);\n    this.handleDownArrow(e);\n  }\n\n  handleUpArrow(e: KeyboardEvent): void {\n    if (isUp(e)) {\n      e.preventDefault();\n      const currentItem = e.target as UDExMastheadMenuItem;\n      this.focusPreviousItem(currentItem);\n    }\n  }\n\n  handleDownArrow(e: KeyboardEvent): void {\n    if (isDown(e)) {\n      e.preventDefault();\n      const currentItem = e.target as UDExMastheadMenuItem;\n      this.focusNextItem(currentItem);\n    }\n  }\n\n  handleMenuItemClick(e: PointerEvent): void {\n    this.fireDecoratorEvent(\"menu-item-click\", {\n      item: e.target as UDExMastheadMenuItem,\n      originalEvent: e,\n    });\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    this.links[previousSelectIndex].focus();\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    this.links[nextSelectIndex].focus();\n  }\n\n  getCurrentIndex(item: UDExMastheadMenuItem): number {\n    return this.links.indexOf(item);\n  }\n\n  parseArrayFromString<T>(string: string): T[] {\n    return string ? JSON.parse(string) as T[] : [];\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> = this.parseArrayFromString(this.subItems);\n    return parsedItems.map((mainItem: MenuItem) => {\n      mainItem.subMenuLinkItems = mainItem.subMenuLinkItems.map((category: SubMenuLinkItem) => {\n        category.categoryId = `${id++}`;\n        return category;\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\nUDExMastheadMenu.define();\n\nexport default UDExMastheadMenu;\n"]}

package/dist/MastheadMenuItem.d.ts

@@ -1,9 +1,10 @@
 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 { Target } from "./types/common.js";
-export declare enum ItemType {
+import { UDExTarget } from "./types/common.js";
+export declare enum UDExItemType {
     Heading = "Heading",
     Button = "Button",
     Link = "Link"
@@ -32,7 +33,7 @@ declare class UDExMastheadMenuItem extends UI5Element {
      * @default "Link"
      * @public
      */
-    type: `${ItemType}`;
+    type: `${UDExItemType}`;
     /**
      * Controls the ARIA role of the item
      *
@@ -109,8 +110,9 @@ declare class UDExMastheadMenuItem extends UI5Element {
      * Define the target of the item
      * <b>Note:</b> Standard hyperlink behavior is supported.
      * @public
+     * @default "_self"
      */
-    target: `${Target}`;
+    target: `${UDExTarget}`;
     /**
      * Defines the tabindex attribute for the item.
      *
@@ -118,7 +120,6 @@ declare class UDExMastheadMenuItem extends UI5Element {
      */
     _tabIndex: string;
     static i18nBundle: I18nBundle;
-    static onDefine(): Promise<void>;
     onEnterDOM(): void;
     get rootClass(): string;
     get labelClass(): string;

package/dist/MastheadMenuItem.js

@@ -11,21 +11,21 @@ import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import Icon from "@ui5/webcomponents/dist/Icon.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
-import Integer from "@ui5/webcomponents-base/dist/types/Integer.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 { Target } from "./types/common.js";
+import { UDExTarget } from "./types/common.js";
 import MastheadMenuItemTemplate from "./generated/templates/MastheadMenuItemTemplate.lit.js";
 // Styles
 import MastheadMenuItemCss from "./generated/themes/MastheadMenuItem.css.js";
-export var ItemType;
-(function (ItemType) {
-    ItemType["Heading"] = "Heading";
-    ItemType["Button"] = "Button";
-    ItemType["Link"] = "Link";
-})(ItemType || (ItemType = {}));
+export var UDExItemType;
+(function (UDExItemType) {
+    UDExItemType["Heading"] = "Heading";
+    UDExItemType["Button"] = "Button";
+    UDExItemType["Link"] = "Link";
+})(UDExItemType || (UDExItemType = {}));
 /**
  * @class
  *
@@ -44,8 +44,22 @@ export var ItemType;
  * @private
  */
 let UDExMastheadMenuItem = UDExMastheadMenuItem_1 = class UDExMastheadMenuItem extends UI5Element {
-    static async onDefine() {
-        UDExMastheadMenuItem_1.i18nBundle = await getI18nBundle("@sapudex/web-components");
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the type of the item.
+         *
+         * @default "Link"
+         * @public
+         */
+        this.type = UDExItemType.Link;
+        /**
+         * Define the target of the item
+         * <b>Note:</b> Standard hyperlink behavior is supported.
+         * @public
+         * @default "_self"
+         */
+        this.target = UDExTarget._self;
     }
     onEnterDOM() {
         if (isDesktop()) {
@@ -63,17 +77,17 @@ let UDExMastheadMenuItem = UDExMastheadMenuItem_1 = class UDExMastheadMenuItem e
         return this.externalLink ? `${root} ${root}__label_with-icon` : `${root}`;
     }
     get isHeadingType() {
-        return this.type === ItemType.Heading;
+        return this.type === UDExItemType.Heading;
     }
     get isButtonType() {
-        return this.type === ItemType.Button;
+        return this.type === UDExItemType.Button;
     }
     get isActive() {
         return !!this.url && !this.isButtonType;
     }
     get targetLink() {
         if (this.externalLink) {
-            return this.externalLink ? Target._blank : Target._self;
+            return this.externalLink ? UDExTarget._blank : UDExTarget._self;
         }
         return this.target;
     }
@@ -98,7 +112,7 @@ let UDExMastheadMenuItem = UDExMastheadMenuItem_1 = class UDExMastheadMenuItem e
     }
 };
 __decorate([
-    property({ type: ItemType, defaultValue: ItemType.Link })
+    property()
 ], UDExMastheadMenuItem.prototype, "type", void 0);
 __decorate([
     property({ type: String })
@@ -125,17 +139,20 @@ __decorate([
     property({ type: Boolean })
 ], UDExMastheadMenuItem.prototype, "iconEnd", void 0);
 __decorate([
-    property({ validator: Integer })
+    property({ type: Number })
 ], UDExMastheadMenuItem.prototype, "index", void 0);
 __decorate([
     property({ type: String })
 ], UDExMastheadMenuItem.prototype, "ariaHasPopup", void 0);
 __decorate([
-    property({ type: Target, defaultValue: Target._self })
+    property()
 ], UDExMastheadMenuItem.prototype, "target", void 0);
 __decorate([
     property({ type: String })
 ], UDExMastheadMenuItem.prototype, "_tabIndex", void 0);
+__decorate([
+    i18n("@sapudex/web-components")
+], UDExMastheadMenuItem, "i18nBundle", void 0);
 UDExMastheadMenuItem = UDExMastheadMenuItem_1 = __decorate([
     customElement({
         tag: "udex-masthead-menu-item",

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 type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-right.js\";\nimport \"@ui5/webcomponents-icons/dist/slim-arrow-left.js\";\nimport { OPENS_IN_A_NEW_WINDOW } from \"./generated/i18n/i18n-defaults.js\";\nimport { Target } from \"./types/common.js\";\n\nimport MastheadMenuItemTemplate from \"./generated/templates/MastheadMenuItemTemplate.lit.js\";\n\n// Styles\nimport MastheadMenuItemCss from \"./generated/themes/MastheadMenuItem.css.js\";\n\nexport enum ItemType {\n  Heading = \"Heading\",\n  Button = \"Button\",\n  Link = \"Link\"\n}\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-menu-item</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@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({ type: ItemType, defaultValue: ItemType.Link })\n    type!: `${ItemType}`;\n\n  /**\n   * Controls the ARIA role of the item\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    accessibleRole!: string;\n\n  /**\n   * Defines the label of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    label!: string;\n\n  /**\n   * Defines the url of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    url?: string;\n\n  /**\n   * Defines the badge of the component.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property()\n    badge?: string;\n\n  /**\n   * Defines the externalLink of the component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    externalLink?: boolean;\n\n  /**\n   * Defines the border for component.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    hasBorder?: boolean;\n\n  /**\n   * Defines the start position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconStart?: boolean;\n\n  /**\n   * Defines the end position of icon arrow.\n   *\n   *\n   * @public\n   * @default false\n   */\n  @property({ type: Boolean })\n    iconEnd?: boolean;\n\n  /**\n   * Defines the index for the item.\n   *\n   * @public\n   */\n  @property({ validator: Integer })\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   */\n  @property({ type: Target, defaultValue: Target._self })\n    target!: `${Target}`;\n\n  /**\n   * Defines the tabindex attribute for the item.\n   *\n   * @private\n   */\n  @property({ type: String })\n    _tabIndex!: string;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadMenuItem.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\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 === ItemType.Heading;\n  }\n\n  get isButtonType(): boolean {\n    return this.type === ItemType.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 ? Target._blank : Target._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 UDExMastheadMenuItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);\n  }\n\n  get ariaDescribedby(): string | null {\n    return this.externalLink ? \"new-win-desc\" : null;\n  }\n\n  get accessibleRoleText(): string | null {\n    return this.accessibleRole ? this.accessibleRole : null;\n  }\n\n  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 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\";\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 * @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 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 UDExMastheadMenuItem.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);\n  }\n\n  get ariaDescribedby(): string | null {\n    return this.externalLink ? \"new-win-desc\" : null;\n  }\n\n  get accessibleRoleText(): string | null {\n    return this.accessibleRole ? this.accessibleRole : null;\n  }\n\n  get partAttr(): string {\n    return this.badge ? \"menu-item-link-badge\" : \"menu-item-link\";\n  }\n}\n\nUDExMastheadMenuItem.define();\n\nexport default UDExMastheadMenuItem;\n"]}