@sapudex/web-components 0.225.0 → 0.226.1

package/dist/MastheadItem.d.ts

@@ -250,6 +250,7 @@ declare class UDExMastheadItem extends UI5Element implements IMastheadItem {
     get isExploreBtn(): boolean;
     get isCountrySelectorBtn(): boolean;
     get isCartBtn(): boolean;
+    get isSupportBtn(): boolean;
     get accessibleLabel(): string;
     get isMobile(): boolean;
     get isTargetBlank(): boolean;

package/dist/MastheadItem.js

@@ -16,7 +16,7 @@ import "@ui5/webcomponents-icons/dist/search.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import { isEscape } from "@ui5/webcomponents-base/dist/Keys.js";
 import { isDesktop } from "@ui5/webcomponents-base/dist/Device.js";
-import { OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, } from "./generated/i18n/i18n-defaults.js";
+import { OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT, } from "./generated/i18n/i18n-defaults.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 import MastheadItemTemplate from "./generated/templates/MastheadItemTemplate.lit.js";
@@ -164,10 +164,9 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         const dropdown = this.getDomElement(".udex-masthead-item__dropdown");
         if (dropdown) {
             const rect = dropdown.getBoundingClientRect();
-            const dropdownHolder = this.getDomElement(".udex-masthead-item__dropdown-holder");
             const marginInlineStart = this.calculateMarginInlineStart(rect);
-            if (marginInlineStart !== null && dropdownHolder) {
-                dropdownHolder.style.marginInlineStart = `${marginInlineStart - 3}px`;
+            if (marginInlineStart !== null) {
+                dropdown.style.marginInlineStart = `${marginInlineStart - 3}px`;
             }
         }
     }
@@ -218,8 +217,9 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         const iconClass = (this.icon || this.image) ? "udex-masthead-item__button--icon" : "";
         const profileClass = this.isProfileBtn ? "udex-masthead-item__button--profile" : "";
         const exploreClass = this.isExploreBtn ? "udex-masthead-item__button--explore" : "";
+        const supportClass = this.isSupportBtn ? "udex-masthead-item__button--support" : "";
         const countrySelectorClass = this.isCountrySelectorBtn ? "udex-masthead-item__button--country-selector" : "";
-        return `udex-masthead-item ${iconClass} ${profileClass} ${exploreClass} ${countrySelectorClass}`.trim();
+        return `udex-masthead-item ${iconClass} ${profileClass} ${exploreClass} ${countrySelectorClass} ${supportClass}`.trim();
     }
     get profileAvatar() {
         return this.querySelector("[udex-avatar]");
@@ -273,6 +273,9 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
     get isCartBtn() {
         return this.getAttribute("slot") === "cart";
     }
+    get isSupportBtn() {
+        return this.getAttribute("slot") === "support";
+    }
     get accessibleLabel() {
         return this.accessibleName || this.innerText || (this.isProfileBtn ? UDExMastheadItem_1.i18nBundle.getText(PROFILE) : "");
     }
@@ -286,6 +289,9 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         return UDExMastheadItem_1.i18nBundle.getText(OPENS_IN_A_NEW_WINDOW);
     }
     get eventItemTitle() {
+        if (this.accessibleName) {
+            return this.accessibleName.trim();
+        }
         if (this.isCartBtn) {
             return UDExMastheadItem_1.i18nBundle.getText(CART);
         }
@@ -295,7 +301,10 @@ let UDExMastheadItem = UDExMastheadItem_1 = class UDExMastheadItem extends UI5El
         if (this.isCountrySelectorBtn) {
             return UDExMastheadItem_1.i18nBundle.getText(COUNTRY_SELECTOR);
         }
-        return this.innerText.trim();
+        if (this.isSupportBtn) {
+            return UDExMastheadItem_1.i18nBundle.getText(SUPPORT);
+        }
+        return this.firstChild?.nodeValue?.trim() || "";
     }
 };
 __decorate([

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 {\n  OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR,\n} 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 enum DropdownItemAction {\n  Open = \"Open\",\n  Close = \"Close\",\n  ClickOutside = \"Click Outside\",\n}\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\nexport type DropdownEventDetail = {\n  title: string,\n  action: DropdownItemAction,\n}\n\nexport const DropdownBaseEventDetail = {\n  detail: {\n    title: { type: String },\n    action: { type: DropdownItemAction },\n  },\n};\n\nexport const ItemBaseEvent = {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: Event,\n    },\n  },\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\", ItemBaseEvent)\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"dropdown-closed\", DropdownBaseEventDetail)\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"dropdown-opened\", DropdownBaseEventDetail)\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  _isEscPress!: boolean;\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    this.handleOutsideClick();\n    this._isEscPress = false;\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: Event) => {\n      const target = e.target as HTMLElement;\n      const item = target.closest(\"[udex-masthead-item]\");\n      if (item !== this && !this.isMobile) {\n        if (this.isDropdownOpened) {\n          this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.ClickOutside);\n        }\n\n        this.selected = false;\n      }\n    });\n  }\n\n  handleFocusout(e: FocusEvent): void {\n    if (e.relatedTarget === null || this._isEscPress) {\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._isEscPress = true;\n    this.closeDropdown();\n    if (this.isProfileBtn) {\n      this._profileAvatar.focus();\n    } else {\n      this.focus();\n    }\n  }\n\n  handleKeyEscapeMobile(): void {\n    this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.Close);\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  handleItemClick(e: Event): void {\n    this.fireItemClickEvent(e);\n    this.handleSelectedChange();\n    this.fireDropdownEvents();\n  }\n\n  handleSelectedChange(): void {\n    this.selected = this.isMobile ? true : !this.selected;\n  }\n\n  fireDropdownEvents(): void {\n    if (this.hasDropdownSlot) {\n      const { Open, Close } = DropdownItemAction;\n      const action = this.selected ? Open : Close;\n      if (this.selected) {\n        this.fireDropdownOpenEvent(this.eventItemTitle, action);\n      } else {\n        this.fireDropdownCloseEvent(this.eventItemTitle, action);\n      }\n    }\n  }\n\n  fireDropdownCloseEvent(title: string, action: DropdownItemAction): void {\n    this.fireEvent<DropdownEventDetail>(\"dropdown-closed\", { title, action });\n  }\n\n  fireDropdownOpenEvent(title: string, action: DropdownItemAction): void {\n    this.fireEvent<DropdownEventDetail>(\"dropdown-opened\", { title, action });\n  }\n\n  fireItemClickEvent(e: Event): void {\n    this.fireEvent<ItemClickEventDetail>(\"item-click\", {\n      item: this,\n      originalEvent: e,\n    });\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    this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.Close);\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 isDropdownOpened(): 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 isCartBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"cart\";\n  }\n\n  get accessibleLabel(): string {\n    return this.accessibleName || this.innerText || (this.isProfileBtn ? UDExMastheadItem.i18nBundle.getText(PROFILE) : \"\");\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  get eventItemTitle(): string {\n    if (this.isCartBtn) {\n      return UDExMastheadItem.i18nBundle.getText(CART);\n    }\n\n    if (this.isProfileBtn) {\n      return UDExMastheadItem.i18nBundle.getText(PROFILE);\n    }\n\n    if (this.isCountrySelectorBtn) {\n      return UDExMastheadItem.i18nBundle.getText(COUNTRY_SELECTOR);\n    }\n\n    return this.innerText.trim();\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 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 {\n  OPENS_IN_A_NEW_WINDOW, PROFILE, CART, COUNTRY_SELECTOR, SUPPORT,\n} 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 enum DropdownItemAction {\n  Open = \"Open\",\n  Close = \"Close\",\n  ClickOutside = \"Click Outside\",\n}\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\nexport type DropdownEventDetail = {\n  title: string,\n  action: DropdownItemAction,\n}\n\nexport const DropdownBaseEventDetail = {\n  detail: {\n    title: { type: String },\n    action: { type: DropdownItemAction },\n  },\n};\n\nexport const ItemBaseEvent = {\n  detail: {\n    item: {\n      type: HTMLElement,\n    },\n    originalEvent: {\n      type: Event,\n    },\n  },\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\", ItemBaseEvent)\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"dropdown-closed\", DropdownBaseEventDetail)\n\n/**\n * Fires when item is clicked\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"dropdown-opened\", DropdownBaseEventDetail)\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  _isEscPress!: boolean;\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    this.handleOutsideClick();\n    this._isEscPress = false;\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: Event) => {\n      const target = e.target as HTMLElement;\n      const item = target.closest(\"[udex-masthead-item]\");\n      if (item !== this && !this.isMobile) {\n        if (this.isDropdownOpened) {\n          this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.ClickOutside);\n        }\n\n        this.selected = false;\n      }\n    });\n  }\n\n  handleFocusout(e: FocusEvent): void {\n    if (e.relatedTarget === null || this._isEscPress) {\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._isEscPress = true;\n    this.closeDropdown();\n    if (this.isProfileBtn) {\n      this._profileAvatar.focus();\n    } else {\n      this.focus();\n    }\n  }\n\n  handleKeyEscapeMobile(): void {\n    this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.Close);\n    this._mastheadShell.closeMobileMenu();\n    this._mastheadShell.mobileBtn?.focus();\n  }\n\n  handleItemClick(e: Event): void {\n    this.fireItemClickEvent(e);\n    this.handleSelectedChange();\n    this.fireDropdownEvents();\n  }\n\n  handleSelectedChange(): void {\n    this.selected = this.isMobile ? true : !this.selected;\n  }\n\n  fireDropdownEvents(): void {\n    if (this.hasDropdownSlot) {\n      const { Open, Close } = DropdownItemAction;\n      const action = this.selected ? Open : Close;\n      if (this.selected) {\n        this.fireDropdownOpenEvent(this.eventItemTitle, action);\n      } else {\n        this.fireDropdownCloseEvent(this.eventItemTitle, action);\n      }\n    }\n  }\n\n  fireDropdownCloseEvent(title: string, action: DropdownItemAction): void {\n    this.fireEvent<DropdownEventDetail>(\"dropdown-closed\", { title, action });\n  }\n\n  fireDropdownOpenEvent(title: string, action: DropdownItemAction): void {\n    this.fireEvent<DropdownEventDetail>(\"dropdown-opened\", { title, action });\n  }\n\n  fireItemClickEvent(e: Event): void {\n    this.fireEvent<ItemClickEventDetail>(\"item-click\", {\n      item: this,\n      originalEvent: e,\n    });\n  }\n\n  setDropdownInsetStart(): void {\n    const dropdown = this.getDomElement(\".udex-masthead-item__dropdown\");\n    if (dropdown) {\n      const rect = dropdown.getBoundingClientRect();\n      const marginInlineStart = this.calculateMarginInlineStart(rect);\n\n      if (marginInlineStart !== null) {\n        dropdown.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    this.fireDropdownCloseEvent(this.eventItemTitle, DropdownItemAction.Close);\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 supportClass = this.isSupportBtn ? \"udex-masthead-item__button--support\" : \"\";\n    const countrySelectorClass = this.isCountrySelectorBtn ? \"udex-masthead-item__button--country-selector\" : \"\";\n    return `udex-masthead-item ${iconClass} ${profileClass} ${exploreClass} ${countrySelectorClass} ${supportClass}`.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 isDropdownOpened(): 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 isCartBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"cart\";\n  }\n\n  get isSupportBtn(): boolean {\n    return this.getAttribute(\"slot\") === \"support\";\n  }\n\n  get accessibleLabel(): string {\n    return this.accessibleName || this.innerText || (this.isProfileBtn ? UDExMastheadItem.i18nBundle.getText(PROFILE) : \"\");\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  get eventItemTitle(): string {\n    if (this.accessibleName) {\n      return this.accessibleName.trim();\n    }\n\n    if (this.isCartBtn) {\n      return UDExMastheadItem.i18nBundle.getText(CART);\n    }\n\n    if (this.isProfileBtn) {\n      return UDExMastheadItem.i18nBundle.getText(PROFILE);\n    }\n\n    if (this.isCountrySelectorBtn) {\n      return UDExMastheadItem.i18nBundle.getText(COUNTRY_SELECTOR);\n    }\n\n    if (this.isSupportBtn) {\n      return UDExMastheadItem.i18nBundle.getText(SUPPORT);\n    }\n\n    return this.firstChild?.nodeValue?.trim() || \"\";\n  }\n}\n\nUDExMastheadItem.define();\n\nexport default UDExMastheadItem;\n"]}

package/dist/MastheadShell.d.ts

@@ -3,7 +3,6 @@ import { ResizeObserverCallback } from "@ui5/webcomponents-base/dist/delegate/Re
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/search.js";
-import "@ui5/webcomponents-icons/dist/cart.js";
 import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import UDExMastheadItem from "./MastheadItem.js";
 import UDExMastheadMenu from "./MastheadMenu.js";
@@ -88,6 +87,12 @@ declare class UDExMastheadShell extends UI5Element {
      * @public
      */
     profile: Array<UDExMastheadItem>;
+    /**
+     * Slot for support
+     *
+     * @public
+     */
+    support: Array<UDExMastheadItem>;
     /**
      * Defines URL to homepage. It will be used as a link on a logo and a site label
      *
@@ -214,6 +219,7 @@ declare class UDExMastheadShell extends UI5Element {
     handleSiteLabelClick(e: CustomEvent): void;
     handleSearchClick(e: CustomEvent): void;
     handleCartClick(e: CustomEvent): void;
+    handleSupportClick(e: CustomEvent): void;
     handleProfileClick(e: CustomEvent): void;
     handleCountrySelectorClick(e: CustomEvent): void;
     handleOpenMobileMenu(): void;
@@ -273,6 +279,7 @@ declare class UDExMastheadShell extends UI5Element {
     get profileItem(): UDExMastheadItem;
     get countrySelectorItem(): UDExMastheadItem;
     get cartItem(): MastheadItemType;
+    get supportItem(): MastheadItemType;
     get profileMenu(): UDExMastheadProfileMenu;
     get countrySelectorMenu(): UDExMastheadCountrySelector;
     get profileMenuLinks(): UDExMastheadMenu | undefined | null;
@@ -281,6 +288,7 @@ declare class UDExMastheadShell extends UI5Element {
     get hasSearch(): boolean;
     get hasExploreSAP(): boolean;
     get hasCountrySelector(): boolean;
+    get hasSupport(): boolean;
     get hasMobileMenuButtons(): boolean;
     get isBreakpointSizeM(): boolean;
     get isAtLeastBreakpointSizeM(): boolean;

package/dist/MastheadShell.js

@@ -17,7 +17,6 @@ import { isLeft, isRight, isSpace, isEnter, isEscape, } from "@ui5/webcomponents
 import "@ui5/webcomponents-icons/dist/decline.js";
 import "@ui5/webcomponents-icons/dist/menu2.js";
 import "@ui5/webcomponents-icons/dist/search.js";
-import "@ui5/webcomponents-icons/dist/cart.js";
 import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import { MAIN_LINKS } from "./generated/i18n/i18n-defaults.js";
 import UDExMastheadItem, { DropdownItemAction } from "./MastheadItem.js";
@@ -159,6 +158,10 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
         e.stopPropagation();
         this.fireEvent("cart-click", { originalEvent: e });
     }
+    handleSupportClick(e) {
+        e.stopPropagation();
+        this.fireEvent("support-click", { originalEvent: e });
+    }
     handleProfileClick(e) {
         e.stopPropagation();
         this.fireEvent("profile-click", { originalEvent: e });
@@ -241,6 +244,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             ...this.menuItems,
             ...this.exploreSAP,
             ...this.cart,
+            ...this.support,
             ...this.profile,
             ...this.countrySelector,
             ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),
@@ -391,6 +395,7 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
             this.profileItem,
             this.profileMenu,
             this.cartItem,
+            this.supportItem,
             this.profileMenu,
             this.profileMenuLinks,
             this.countrySelectorItem,
@@ -421,6 +426,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get cartItem() {
         return this.getSlottedNodes("cart")[0];
     }
+    get supportItem() {
+        return this.getSlottedNodes("support")[0];
+    }
     get profileMenu() {
         return this.querySelector("[udex-masthead-profile-menu]");
     }
@@ -445,6 +453,9 @@ let UDExMastheadShell = UDExMastheadShell_1 = class UDExMastheadShell extends UI
     get hasCountrySelector() {
         return !!this.countrySelector.length;
     }
+    get hasSupport() {
+        return !!this.support.length;
+    }
     get hasMobileMenuButtons() {
         return !!this.mobileMenu.length;
     }
@@ -488,6 +499,9 @@ __decorate([
 __decorate([
     slot({ type: HTMLElement })
 ], UDExMastheadShell.prototype, "profile", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExMastheadShell.prototype, "support", void 0);
 __decorate([
     property({ type: String })
 ], UDExMastheadShell.prototype, "homeUrl", void 0);
@@ -600,6 +614,13 @@ UDExMastheadShell = UDExMastheadShell_1 = __decorate([
      */
     ,
     event("cart-click", MastheadOriginalEvent)
+    /**
+     * Fired event when the user clicks the support button trigger.
+     *
+     * @public
+     */
+    ,
+    event("support-click", MastheadOriginalEvent)
     /**
      * Fired event when the user clicks the profile button trigger.
      *

package/dist/MastheadShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport \"@ui5/webcomponents-icons/dist/cart.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { DropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"16px '72 Brand Variable'\";\ntype MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\ntype MastheadItemType = UDExMastheadItem | null | undefined;\nexport const MastheadOriginalEvent = {\n  detail: {\n    originalEvent: { type: Event },\n  },\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-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n */\n@event(\"mobile-menu-open\")\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n */\n@event(\"mobile-menu-close\")\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n */\n@event(\"search-close-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n */\n@event(\"search-opened\")\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n */\n@event(\"search-closed\")\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n */\n@event(\"country-selector-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n * @public\n */\n@event(\"site-label-click\", MastheadOriginalEvent)\n\nclass UDExMastheadShell extends UI5Element {\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    homeUrl!: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelUrl!: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl!: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoTitle!: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabel!: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @public\n   */\n  @property({ type: String })\n    logoAlt!: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * default: \"\"\n   * @public\n   */\n  @property({ type: String })\n    closeButtonAccessibleName!: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @public\n   */\n  @property({ type: String })\n    homepageAriaLabel!: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteLabelAriaLabel!: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadShell.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: CustomEvent): void {\n    this.fireEvent(\"logo-click\", { originalEvent: e });\n  }\n\n  handleSiteLabelClick(e: CustomEvent): void {\n    this.fireEvent(\"site-label-click\", { originalEvent: e });\n  }\n\n  handleSearchClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"search-click\", { originalEvent: e });\n    this.openSearch();\n  }\n\n  handleCartClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"cart-click\", { originalEvent: e });\n  }\n\n  handleProfileClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"profile-click\", { originalEvent: e });\n  }\n\n  handleCountrySelectorClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"country-selector-click\", { originalEvent: e });\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: CustomEvent): void {\n    this._closeBtnClicked = true;\n    this.fireEvent(\"search-close-click\", { originalEvent: e });\n    this.closeSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"[udex-search]\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const lastItemIndex = menuItems.length - 1;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, DropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(this.exploreSAP[0]) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconWidth(): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) { return 0; }\n\n    const style = window.getComputedStyle(item);\n    const itemIconWidthVar = style.getPropertyValue(\"--udex-masthead-item-button-icon-size\");\n    return parseInt(itemIconWidthVar);\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(\"--udex-masthead-shell-item-gap\");\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      return accumulatedWidth + this.getItemWidth(item as UDExMastheadItem) + (index && parseInt(gapItemVar));\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(\"--udex-masthead-shell-item-icon-gap\");\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(\"--udex-masthead-shell-explore-margin\");\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(\"--udex-masthead-right-menu-padding\");\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && (this._isMobileMode || this.isBreakpointSizeM)) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this._isMobileMenuOpen = false;\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.profileMenu,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isBreakpointSizeM && !this.showSearchByDefault;\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return UDExMastheadShell.i18nBundle.getText(MAIN_LINKS);\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}
+{"version":3,"file":"MastheadShell.js","sourceRoot":"","sources":["../src/MastheadShell.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport UI5Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler, { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport {\n  isLeft, isRight, isSpace, isEnter, isEscape,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport { MAIN_LINKS } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExMastheadItem, { DropdownItemAction } from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\nimport UDExMastheadProfileMenu from \"./MastheadProfileMenu.js\";\nimport UDExMastheadCountrySelector from \"./MastheadCountrySelector.js\";\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\nimport { BreakpointUtils } from \"./utils/Breakpoints.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst canvasContentFont = \"16px '72 Brand Variable'\";\ntype MastheadSlottedItem = UDExMastheadItem | UDExMastheadProfileMenu | UDExMastheadMenu | UDExMastheadCountrySelector | undefined | null;\ntype MastheadItemType = UDExMastheadItem | null | undefined;\nexport const MastheadOriginalEvent = {\n  detail: {\n    originalEvent: { type: Event },\n  },\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-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@sapudex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  languageAware: true,\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the mobile menu button opener.\n *\n * @public\n */\n@event(\"mobile-menu-open\")\n\n/**\n * Fired event when the user clicks the mobile menu button closer.\n *\n * @public\n */\n@event(\"mobile-menu-close\")\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @public\n */\n@event(\"search-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the search close button.\n *\n * @public\n */\n@event(\"search-close-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the search panel is opened.\n *\n * @public\n */\n@event(\"search-opened\")\n\n/**\n * Fired event when the search panel is closed.\n *\n * @public\n */\n@event(\"search-closed\")\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @public\n */\n@event(\"cart-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the support button trigger.\n *\n * @public\n */\n@event(\"support-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @public\n */\n@event(\"profile-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the country selector button trigger.\n *\n * @public\n */\n@event(\"country-selector-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the logo.\n *\n * @public\n */\n@event(\"logo-click\", MastheadOriginalEvent)\n\n/**\n * Fired event when the user clicks the site label.\n *\n * @public\n * @public\n */\n@event(\"site-label-click\", MastheadOriginalEvent)\n\nclass UDExMastheadShell extends UI5Element {\n  /**\n   * Slot for country selector item.\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    countrySelector!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for mobile menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    mobileMenu!: Array<Node>;\n\n  /**\n   * Slot for main menu items.\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement, individualSlots: true, \"default\": true })\n    menuItems!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for search component - will be visible on search icon click.\n   * Note: search component should be hidden by default.\n   * Note: search icon won't be visible if this slot would be empty\n   *\n   * @public\n   */\n  @slot({ type: Node })\n    search!: Array<Node>;\n\n  /**\n   * Slot for 'Explore SAP' menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    exploreSAP!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for cart menu\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    cart!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for avatar\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    profile!: Array<UDExMastheadItem>;\n\n  /**\n   * Slot for support\n   *\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    support!: Array<UDExMastheadItem>;\n\n  /**\n   * Defines URL to homepage. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    homeUrl!: string;\n\n  /**\n   * Defines URL for site label. It will be used as a link on a logo and a site label\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabelUrl!: string;\n\n  /**\n   * Defines overflow style for the body after clicking mobile menu opener button\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    bodyOverflow!: boolean;\n\n  /**\n   * Defines the visibility of the Search by default.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    showSearchByDefault!: boolean;\n\n  /**\n   * Defines sticky position for component\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    stickyPosition!: boolean;\n\n  /**\n   * Defines the Logo image URL\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoUrl!: string;\n\n  /**\n   * Defines the Logo default title\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    logoTitle!: string;\n\n  /**\n   * Defines a site label. It will be displayed next to a logo.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String })\n    siteLabel!: string;\n\n  /**\n   * Defines an alt text for logo\n   *\n   * @public\n   */\n  @property({ type: String })\n    logoAlt!: string;\n\n  /**\n   * Defines an accessible name for close icon for the search bar\n   *\n   * default: \"\"\n   * @public\n   */\n  @property({ type: String })\n    closeButtonAccessibleName!: string;\n\n  /**\n   * Defines an aria label for the homepage link\n   *\n   * @public\n   */\n  @property({ type: String })\n    homepageAriaLabel!: string;\n\n  /**\n   * Defines an aria label for the site label\n   *\n   * @public\n   */\n  @property({ type: String })\n    siteLabelAriaLabel!: string;\n\n  /**\n   * Defines if the search container is opened\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchOpened!: boolean;\n\n  /**\n   * Defines if the mobile menu is open\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMenuOpen!: boolean;\n\n  /**\n   * Defines the mobile mode for component\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isMobileMode!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  static i18nBundle: I18nBundle;\n\n  static async onDefine(): Promise<void> {\n    UDExMastheadShell.i18nBundle = await getI18nBundle(\"@sapudex/web-components\");\n  }\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    if (this._isSearchOpened) {\n      this.focusSearchInput();\n    }\n\n    if (this._closeBtnClicked) {\n      this.focusSearchBtn();\n    }\n  }\n\n  onEnterDOM(): void {\n    ResizeHandler.register(this, this._handleResizeBound);\n  }\n\n  onExitDOM(): void {\n    ResizeHandler.deregister(this, this._handleResizeBound);\n  }\n\n  _handleResize(): void {\n    if (this.shouldHandleMobileView) {\n      this.handleMobileMode();\n    }\n\n    if (this.isBreakpointSizeM) {\n      this._isSearchOpened = false;\n    }\n\n    if (this._shouldHandleResize && this._isMobileMenuOpen) {\n      this.closeMobileMenu();\n      this.resetSelectedItems();\n      return;\n    }\n\n    this._shouldHandleResize = true;\n  }\n\n  handleMobileMode(): void {\n    const rootHolder = this.getDomRef();\n    if (rootHolder) {\n      const rootHolderWidth = this.getRootHolderWidth(rootHolder);\n      const landingHolderWidth = this.getLandingHolderWidth();\n      const rightMenuWidth = this.getRightMenuWidth();\n      const mainMenuWidth = this.getMainMenuWidth();\n      const availableWidth = rootHolderWidth - rightMenuWidth - landingHolderWidth;\n\n      if (mainMenuWidth >= availableWidth) {\n        this.setMobileMode();\n      } else {\n        this.removeMobileMode();\n      }\n    }\n  }\n\n  handleKeyDown(e: KeyboardEvent): void {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleSearchKeyDown(e: CustomEvent): void {\n    e.stopPropagation();\n    const keyEvent = e.detail as KeyboardEvent;\n\n    if (isEscape(keyEvent)) {\n      if (this.showSearchByDefault && this.isAtLeastBreakpointSizeM) {\n        return;\n      }\n      this.closeSearch();\n      this.focusSearchBtn();\n    }\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        if (currentItem.selected) {\n          currentItem.closeDropdown();\n        }\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleLogoClick(e: CustomEvent): void {\n    this.fireEvent(\"logo-click\", { originalEvent: e });\n  }\n\n  handleSiteLabelClick(e: CustomEvent): void {\n    this.fireEvent(\"site-label-click\", { originalEvent: e });\n  }\n\n  handleSearchClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"search-click\", { originalEvent: e });\n    this.openSearch();\n  }\n\n  handleCartClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"cart-click\", { originalEvent: e });\n  }\n\n  handleSupportClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"support-click\", { originalEvent: e });\n  }\n\n  handleProfileClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"profile-click\", { originalEvent: e });\n  }\n\n  handleCountrySelectorClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.fireEvent(\"country-selector-click\", { originalEvent: e });\n  }\n\n  handleOpenMobileMenu(): void {\n    const clickedItem = this.mobileBtn as UDExMastheadItem;\n    if (!clickedItem) {\n      return;\n    }\n\n    this.resetSelectedItems(clickedItem._id);\n    this._isMobileMenuOpen = true;\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n\n    this.fireEvent(\"mobile-menu-open\");\n  }\n\n  handleCloseSearch(e: CustomEvent): void {\n    this._closeBtnClicked = true;\n    this.fireEvent(\"search-close-click\", { originalEvent: e });\n    this.closeSearch();\n  }\n\n  handleEnterAndSpaceOnCloseBtn(e: KeyboardEvent): void {\n    if (isSpace(e) || isEnter(e)) {\n      e.preventDefault();\n      this.closeMobileMenu();\n      this.mobileBtn?.focus();\n    }\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"[udex-search]\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const lastItemIndex = menuItems.length - 1;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const menuItems = this.menuItems;\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(clickedId?: string): void {\n    this.getSelectedItems().forEach(item => {\n      if (item._id !== clickedId && item.selected) {\n        if (item.hasDropdownSlot) {\n          item.fireDropdownCloseEvent(item.eventItemTitle, DropdownItemAction.ClickOutside);\n        }\n        item.selected = false;\n      }\n    });\n  }\n\n  setSelectedItem(e: CustomEvent): void {\n    const clickedItem: UDExMastheadItem = e.detail.item;\n    if (clickedItem) {\n      this.resetSelectedItems(clickedItem._id);\n    }\n  }\n\n  focusSearchBtn(): void {\n    if (this._searchOpener) {\n      this._searchOpener.focus();\n      this._closeBtnClicked = false;\n    }\n  }\n\n  getCurrentIndex(item: UDExMastheadItem): number {\n    return this.menuItems.indexOf(item);\n  }\n\n  getSelectedItems(): Array<UDExMastheadItem> {\n    const buttonsArray: Array<UDExMastheadItem> = [\n      ...this.menuItems,\n      ...this.exploreSAP,\n      ...this.cart,\n      ...this.support,\n      ...this.profile,\n      ...this.countrySelector,\n      ...(this.mobileBtn && this.closeBtn ? [this.mobileBtn, this.closeBtn] : []),\n    ];\n\n    return buttonsArray.filter(({ selected }) => selected);\n  }\n\n  getRootHolderWidth(root: HTMLElement): number {\n    const rootPadding = parseInt(window.getComputedStyle(root).getPropertyValue(\"padding-left\")) * 2;\n    const scrollWidth = window.innerWidth - document.documentElement.clientWidth;\n    return this.getDomRef()!.clientWidth + scrollWidth - rootPadding;\n  }\n\n  getLandingHolderWidth(): number {\n    const landingHolder = this.getDomElement(\".udex-masthead-shell__landing-wrap\");\n    return landingHolder?.offsetWidth || 0;\n  }\n\n  getRightMenuWidth(): number {\n    const itemsIcon = [...this.shadowRoot!.querySelectorAll<HTMLDivElement>(\".udex-masthead-shell__item_icon\")];\n    const itemIconWidths = itemsIcon.length * this.getItemIconWidth();\n    const itemIconGaps = itemsIcon.length * this.getItemIconGap();\n    const exploreSAPWidth = this.hasExploreSAP ? this.getItemWidth(this.exploreSAP[0]) : 0;\n    const rightMenuGaps = this.getRightMenuGap() + this.getExploreSapBtnGap() + itemIconGaps;\n    return exploreSAPWidth + itemIconWidths + rightMenuGaps;\n  }\n\n  getItemIconWidth(): number {\n    const item = this.querySelector(\"[udex-masthead-item]\");\n\n    if (!item) { return 0; }\n\n    const style = window.getComputedStyle(item);\n    const itemIconWidthVar = style.getPropertyValue(\"--udex-masthead-item-button-icon-size\");\n    return parseInt(itemIconWidthVar);\n  }\n\n  getMainMenuWidth(): number {\n    const mainItems = this.getSlottedNodes(\"menuItems\");\n    const gapItemVar = this.getRootVar(\"--udex-masthead-shell-item-gap\");\n    return mainItems.reduce((accumulatedWidth, item, index) => {\n      return accumulatedWidth + this.getItemWidth(item as UDExMastheadItem) + (index && parseInt(gapItemVar));\n    }, 0);\n  }\n\n  getDomElement(selector: string): HTMLElement | undefined | null {\n    return this.shadowRoot?.querySelector(`${selector}`);\n  }\n\n  getItemWidth(item: UDExMastheadItem): number {\n    const context = this.getCanvasContext();\n    context.font = canvasContentFont;\n    return Math.ceil(context.measureText(item.innerText.trim()).width);\n  }\n\n  getCanvasContext(): CanvasRenderingContext2D {\n    const canvas = document.createElement(\"canvas\");\n    return canvas.getContext(\"2d\")!;\n  }\n\n  getItemIconGap(): number {\n    const gapIconItemVar = this.getRootVar(\"--udex-masthead-shell-item-icon-gap\");\n    return parseInt(gapIconItemVar);\n  }\n\n  getExploreSapBtnGap(): number {\n    const exploreSapBtnGapVar = this.getRootVar(\"--udex-masthead-shell-explore-margin\");\n    return this.hasExploreSAP ? parseInt(exploreSapBtnGapVar) : 0;\n  }\n\n  getRightMenuGap(): number {\n    const rightMenuGapVar = this.getRootVar(\"--udex-masthead-right-menu-padding\");\n    return parseInt(rightMenuGapVar);\n  }\n\n  getRootVar(variableName: string): string {\n    return window.getComputedStyle(this.getDomRef()!).getPropertyValue(`${variableName}`);\n  }\n\n  isNavigationItem(item: UDExMastheadItem): boolean {\n    return this.menuItems.some(menuItem => menuItem === item);\n  }\n\n  setOverflowBody() {\n    const { body: { style } } = document;\n    this._shouldHandleResize = false;\n    style.overflow = \"hidden\";\n  }\n\n  removeOverflowBody() {\n    const { body: { style } } = document;\n    style.removeProperty(\"overflow\");\n  }\n\n  setMobileMode(): void {\n    this._isMobileMode = true;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      if (item) {\n        item._isMobileMode = true;\n      }\n    });\n  }\n\n  removeMobileMode(): void {\n    this._isMobileMode = false;\n    this.slottedItems.forEach((item: MastheadSlottedItem) => {\n      item?.removeAttribute(\"_is-mobile-mode\");\n    });\n  }\n\n  /**\n   * Close the search panel.\n   * @public\n   */\n  closeSearch(): void {\n    this._isSearchOpened = false;\n    this.fireEvent(\"search-closed\");\n  }\n\n  /**\n   * Open the search panel.\n   * @public\n   */\n  openSearch(): void {\n    const shouldPreventOpeningSearch = this._isSearchOpened\n      || (this.isBreakpointSizeM && !this.showSearchByDefault)\n      || this._isMobileMode\n      || (this.isAtLeastBreakpointSizeM && this.showSearchByDefault);\n\n    if (shouldPreventOpeningSearch) {\n      return;\n    }\n\n    this._isSearchOpened = true;\n    this.resetSelectedItems();\n\n    if (this._searchOpener) {\n      this._searchOpener.selected = false;\n    }\n\n    this.fireEvent(\"search-opened\");\n  }\n\n  /**\n   * Open the mobile menu panel.\n   * @public\n   */\n  openMobileMenu(): void {\n    if (!this._isMobileMenuOpen && (this._isMobileMode || this.isBreakpointSizeM)) {\n      this.mobileBtn?.handleSelectedChange();\n      this.handleOpenMobileMenu();\n    }\n  }\n\n  /**\n   * Close the mobile menu panel.\n   * @public\n   */\n  closeMobileMenu(): void {\n    if (!this._isMobileMenuOpen) {\n      return;\n    }\n\n    (this.mobileBtn as UDExMastheadItem).selected = false;\n    this._isMobileMenuOpen = false;\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n\n    this.fireEvent(\"mobile-menu-close\");\n  }\n\n  get slottedItems(): (MastheadSlottedItem)[] {\n    return [\n      this.profileItem,\n      this.profileMenu,\n      this.cartItem,\n      this.supportItem,\n      this.profileMenu,\n      this.profileMenuLinks,\n      this.countrySelectorItem,\n      this.countrySelectorMenu,\n    ];\n  }\n\n  get searchOpener(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__search-btn\");\n  }\n\n  get mastheadHolder(): HTMLElement | null | undefined {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell\");\n  }\n\n  get mastheadMobileMenu(): UDExMastheadMobileMenu | null {\n    return this.querySelector(\"[udex-masthead-mobile-menu]\");\n  }\n\n  get mobileBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__menu-btn\");\n  }\n\n  get closeBtn(): MastheadItemType {\n    return this.shadowRoot?.querySelector(\".udex-masthead-shell__close-btn\");\n  }\n\n  get profileItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"profile\")[0];\n  }\n\n  get countrySelectorItem(): UDExMastheadItem {\n    return this.getSlottedNodes<UDExMastheadItem>(\"countrySelector\")[0];\n  }\n\n  get cartItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"cart\")[0];\n  }\n\n  get supportItem(): MastheadItemType {\n    return this.getSlottedNodes<UDExMastheadItem>(\"support\")[0];\n  }\n\n  get profileMenu(): UDExMastheadProfileMenu {\n    return this.querySelector(\"[udex-masthead-profile-menu]\")!;\n  }\n\n  get countrySelectorMenu(): UDExMastheadCountrySelector {\n    return this.querySelector(\"[udex-masthead-country-selector]\")!;\n  }\n\n  get profileMenuLinks(): UDExMastheadMenu | undefined | null {\n    return this.profileMenu?.shadowRoot?.querySelector(\"[udex-masthead-menu]\");\n  }\n\n  get hasProfile(): boolean {\n    return !!this.profile.length;\n  }\n\n  get hasCart(): boolean {\n    return !!this.cart.length;\n  }\n\n  get hasSearch(): boolean {\n    return !!this.search.length;\n  }\n\n  get hasExploreSAP(): boolean {\n    return !!this.exploreSAP.length;\n  }\n\n  get hasCountrySelector(): boolean {\n    return !!this.countrySelector.length;\n  }\n\n  get hasSupport(): boolean {\n    return !!this.support.length;\n  }\n\n  get hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n\n  get isBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtMost(\"M\");\n  }\n\n  get isAtLeastBreakpointSizeM(): boolean {\n    return BreakpointUtils.isAtLeast(\"M\");\n  }\n\n  get isMainMenuVisible(): boolean {\n    return !this.showSearchByDefault && !this._isSearchOpened;\n  }\n\n  get isSearchVisible(): boolean {\n    return this.showSearchByDefault || this._isSearchOpened;\n  }\n\n  get shouldHandleMobileView(): boolean {\n    return !this.isBreakpointSizeM && !this.showSearchByDefault;\n  }\n\n  get mainNavigationAriaLabel(): string {\n    return UDExMastheadShell.i18nBundle.getText(MAIN_LINKS);\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}

package/dist/PhoneNumberField.d.ts

@@ -206,6 +206,7 @@ declare class UDExPhoneNumberField extends UI5Element {
     handleSelect(e: CustomEvent): void;
     handleDropdownOpen(): void;
     handleDropdownClose(): void;
+    calculateMaxLength(prefix: string, mask: string): number;
     autoSelectCountry(value: string): void;
     applyPhoneMask(): void;
     applyPlaceholder(): void;

package/dist/PhoneNumberField.js

@@ -39,6 +39,10 @@ export var FieldState;
     FieldState["Error"] = "Error";
 })(FieldState || (FieldState = {}));
 const initialPlaceholder = "+X XXX-XXX-XXXX";
+/**
+ * Maximum number of possible digits based on international standard https://en.wikipedia.org/wiki/E.164
+ */
+const digitsLimit = 15;
 /**
  * @class
  *
@@ -184,6 +188,12 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         this.buttonIcon = OpenButtonIcon.iconDown;
         this._dropdownExpanded = false;
     }
+    calculateMaxLength(prefix, mask) {
+        const prefixNonDigitCount = prefix.replace(/[\d]/g, "").length;
+        const maskNonDigitCount = mask.replace(/X/g, "").length;
+        const maxLength = digitsLimit + prefixNonDigitCount + maskNonDigitCount;
+        return maxLength;
+    }
     autoSelectCountry(value) {
         const countryToSelect = this.updatedCountriesList.find(country => {
             const valuePhonePrefix = value.substring(0, country.phonePrefix.length);
@@ -193,7 +203,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
             this.autoSelectedIso = countryToSelect.iso;
         }
         if (this.selectedPhonePrefix && this.selectedPlaceholder) {
-            this.maxlength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;
+            this.maxlength = this.calculateMaxLength(this.selectedPhonePrefix, this.selectedPlaceholder);
         }
     }
     applyPhoneMask() {
@@ -205,6 +215,7 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
         if (isNewPrefixEntered) {
             return;
         }
+        const maskLength = this.selectedPhonePrefix.length + this.selectedPlaceholder.length;
         const mask = this.selectedPhonePrefix + this.selectedPlaceholder;
         const maskSymbols = [" ", "-", "(", ")"];
         const valueWithMask = this.value.split("").map((char, index) => {
@@ -219,6 +230,9 @@ let UDExPhoneNumberField = UDExPhoneNumberField_1 = class UDExPhoneNumberField e
             }
             return char;
         }).join("");
+        if (this.value.length >= maskLength) {
+            return;
+        }
         this.value = valueWithMask;
         if (this.value.length > this.maxlength) {
             this.value = this.value.substring(0, this.maxlength);