@sapudex/web-components 0.176.0 → 0.192.2

package/dist/MastheadShell.js

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

@@ -144,11 +144,11 @@ let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
      */
     getPlayer() {
         if (this._youtubeSrc) {
-            const player = this.shadowRoot?.querySelector("udex-media-player-youtube");
+            const player = this.shadowRoot?.querySelector("[udex-media-player-youtube]");
             return player?.getPlayer() || null;
         }
         if (this._vimeoSrc) {
-            const player = this.shadowRoot?.querySelector("udex-media-player-vimeo");
+            const player = this.shadowRoot?.querySelector("[udex-media-player-vimeo]");
             return player?.getPlayer() || null;
         }
         return this.shadowRoot?.querySelector(".video-js video") || this.shadowRoot?.querySelector(".video-js audio") || null;

package/dist/MediaPlayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport \"@ui5/webcomponents-icons/dist/play.js\";\nimport \"@ui5/webcomponents-icons/dist/v5/play.svg\";\nimport Player from \"video.js/dist/types/player.js\";\nimport type SeekBar from \"video.js/dist/types/control-bar/progress-control/seek-bar\";\nimport UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport UDExMediaPlayerVimeo, { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./generated/templates/MediaPlayerTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport enum AspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\nexport interface VideoJSPlayer extends Player{\n  qualityLevels?: () => any;\n  textTracks?: () => any;\n  controlBar?: any;\n  bigPlayButton?: any;\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-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: litRender,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n  dependencies: [UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\")\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\")\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\")\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoProgress\")\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\")\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\")\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\")\nclass UDExMediaPlayer extends UI5Element {\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    source!: string;\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"video/mp4\" })\n    type!: string;\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    title!: string;\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    poster!: string;\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: Array<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\n    width!: string;\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    height!: string;\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"udex-media-player\" })\n    playerid!: string;\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property({ type: AspectRatio, defaultValue: \"16:9\" })\n    aspectRatio!: `${AspectRatio}`;\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: VideoJSPlayer;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl: SeekBar = (target as any)?.player.controlBar?.ProgressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: VideoJSPlayer) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: Player) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"udex-media-player-youtube\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"udex-media-player-vimeo\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: VideoJSPlayer) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await import(`video.js/dist/lang/${language}.json`);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async ({ \"default\": videojs }) => {\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        videojs.addLanguage(language, await this.setupLanguage(language));\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks() {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case AspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === AspectRatio[\"16:9\"] || this.aspectRatio === AspectRatio[\"9:16\"] || this.aspectRatio === AspectRatio[\"4:3\"] || this.aspectRatio === AspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\n"]}
+{"version":3,"file":"MediaPlayer.js","sourceRoot":"","sources":["../src/MediaPlayer.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unsafe-return */\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport \"@ui5/webcomponents-icons/dist/play.js\";\nimport \"@ui5/webcomponents-icons/dist/v5/play.svg\";\nimport Player from \"video.js/dist/types/player.js\";\nimport type SeekBar from \"video.js/dist/types/control-bar/progress-control/seek-bar\";\nimport UDExMediaPlayerYoutube from \"./MediaPlayerYoutube.js\";\nimport UDExMediaPlayerVimeo, { VimeoPlayer } from \"./MediaPlayerVimeo.js\";\n\n// Template\nimport MediaPlayerTemplate from \"./generated/templates/MediaPlayerTemplate.lit.js\";\n\n// Styles\nimport MediaPlayerCss from \"./generated/themes/MediaPlayer.css\";\n\ndeclare global {\n  interface Window {\n    videojs: any;\n  }\n}\n\nexport enum AspectRatio {\n  \"16:9\" = \"16:9\",\n  \"9:16\" = \"9:16\",\n  \"4:3\" = \"4:3\",\n  \"1:1\" = \"1:1\",\n  \"none\" = \"none\",\n}\n\nexport interface VideoJSPlayer extends Player{\n  qualityLevels?: () => any;\n  textTracks?: () => any;\n  controlBar?: any;\n  bigPlayButton?: any;\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-media-player</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MediaPlayer.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @extends UI5Element\n * @tagname udex-media-player\n * @public\n */\n@customElement({\n  tag: \"udex-media-player\",\n  renderer: litRender,\n  styles: MediaPlayerCss,\n  template: MediaPlayerTemplate,\n  dependencies: [UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],\n})\n/**\n * Fires when video is played\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoStart\")\n/**\n * Fires when video is paused\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoPause\")\n/**\n * Fires when video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoComplete\")\n/**\n * Fires when video is ready\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoReady\")\n/**\n * Fires when video watching progress changed\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"videoProgress\")\n/**\n * Fires when 25% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video25\")\n/**\n * Fires when 50% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video50\")\n/**\n * Fires when 75% of video is watched\n *\n * @allowPreventDefault\n * @public\n */\n@event(\"video75\")\nclass UDExMediaPlayer extends UI5Element {\n  /**\n   * Defines the options object of video.js element\n   * accepts following properties: https://videojs.com/guides/options\n   *\n   * @public\n   */\n  @property({ type: String })\n    options!: string;\n  /**\n   * Defines the source of the video  or audio\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    source!: string;\n  /**\n   * Defines the video/audio type (examples: \"video/mp4\" for mp4, \"application/x-mpegURL\" for m3u8, \"audio/mp3\" for mp3) more information https://developer.mozilla.org/en-US/docs/Web/HTML/Element/source\n   *\n   * @default \"video/mp4\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"video/mp4\" })\n    type!: string;\n  /**\n   * Defines a title for youtube video\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    title!: string;\n  /**\n   * Defines if only audio should be played\n   *\n   * @default false\n   * @public\n   */\n  @property({ type: Boolean })\n    audioOnly!: boolean;\n  /**\n   * Defines the poster url\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    poster!: string;\n  /**\n  * Placeholder for all html `track` elements to provide video subtitles.\n  * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`\n  * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track\n  *\n  * @slot\n  * @public\n  */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    caption!: Array<HTMLElement>;\n  /**\n * Defines video width. Used for YouTube and Vimeo videos only.\n * Regular video and audio sizes are control by CSS variables.\n *\n * @default \"\"\n * @public\n */\n  @property({ type: String, defaultValue: \"\" })\n    width!: string;\n  /**\n   * Defines video height. Used for YouTube and Vimeo videos only.\n   * Regular video and audio sizes are control by CSS variables.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"\" })\n    height!: string;\n  /**\n   * Defines id of html element that videojs will be initialized with\n   *\n   * @default \"udex-media-player\"\n   * @public\n   */\n  @property({ type: String, defaultValue: \"udex-media-player\" })\n    playerid!: string;\n  /**\n   * Defines aspect ratio of video. If set, video will be display in fluid mode.\n   * Possible values: \"16:9\" , \"9:16\", \"4:3\", \"1:1\", \"none\"\n  *\n  * @default \"16:9\"\n  * @public\n  */\n  @property({ type: AspectRatio, defaultValue: \"16:9\" })\n    aspectRatio!: `${AspectRatio}`;\n  /**\n   * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    playButtonInitialFocus!: boolean;\n  /**\n   * Enable videojs instance to be added to global window object\n   *\n   * @default \"\"\n   * @public\n   */\n  @property({ type: Boolean })\n    enableGlobalDependency!: boolean;\n  /**\n  * @private\n  */\n  @property({ type: Boolean })\n    _allowIframeLoad!: boolean;\n\n  player!: VideoJSPlayer;\n  video25!: boolean;\n  video50!: boolean;\n  video75!: boolean;\n  videoCompleted!: boolean;\n  videoStart!: boolean;\n  videoReady!: boolean;\n  videoProgress!: number;\n\n  getPlayedTime = (target: EventTarget): number => {\n    const progressControl: SeekBar = (target as any)?.player.controlBar?.ProgressControl?.childNameIndex_.seekBar;\n    if (!progressControl) {\n      return 0;\n    }\n\n    return Math.round(progressControl.getPercent() * 100);\n  };\n\n  calculateVideoProgress(timeWatched: number) {\n    if (timeWatched >= 25 && !this.video25) {\n      this.fireEvent(\"video25\");\n      this.video25 = true;\n    }\n\n    if (timeWatched >= 50 && !this.video50) {\n      this.fireEvent(\"video50\");\n      this.video50 = true;\n    }\n\n    if (timeWatched >= 75 && !this.video75) {\n      this.fireEvent(\"video75\");\n      this.video75 = true;\n    }\n\n    this.fireEvent(\"videoProgress\", { progress: timeWatched });\n  }\n\n  checkCaptionsAvailability(player: VideoJSPlayer) {\n    player.on(\"loadedmetadata\", () => {\n      if (!player?.textTracks) { return; }\n\n      const tracks = player?.textTracks();\n      let captionsAvailable = false;\n      for (let i = 0; i < tracks.length; i++) {\n        if (tracks[i].kind === \"captions\" || tracks[i].kind === \"subtitles\") {\n          captionsAvailable = true;\n        }\n      }\n\n      if (!captionsAvailable && !this._tracks.length) {\n        player.controlBar?.removeChild(\"SubsCapsButton\");\n      }\n    });\n  }\n\n  applyScrollIntoTheView() {\n    const bigPlayButton = this.player.bigPlayButton?.el();\n    bigPlayButton.addEventListener(\"focus\", () => {\n      this.player.el().scrollIntoView({\n        behavior: \"smooth\",\n        block: \"center\",\n      });\n    });\n  }\n\n  attachListeners(player: Player) {\n    player.on(\"timeupdate\", (e: Event) => {\n      if (!e.target) {\n        return;\n      }\n\n      const timeWatched = this.getPlayedTime(e.target);\n      if (timeWatched >= 0) {\n        this.calculateVideoProgress(timeWatched);\n      }\n    });\n\n    player.on(\"play\", () => {\n      this.fireEvent(\"videoStart\");\n    });\n\n    player.on(\"ended\", () => {\n      this.fireEvent(\"videoComplete\");\n    });\n\n    player.on(\"pause\", () => {\n      this.fireEvent(\"videoPause\");\n    });\n\n    player.on(\"ready\", () => {\n      this.checkCaptionsAvailability(player);\n      this.applyScrollIntoTheView();\n      this.fireEvent(\"videoReady\");\n    });\n\n    if (this.playButtonInitialFocus) {\n      this.addEventListener(\"focus\", () => {\n        (async () => {\n          await player.getChild(\"BigPlayButton\")?.el_.focus();\n        })();\n      });\n    }\n  }\n\n  /**\n   * Returns video element\n   * @public\n   */\n  getPlayer(): HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null {\n    if (this._youtubeSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-youtube]\") as UDExMediaPlayerYoutube;\n      return player?.getPlayer() || null;\n    }\n    if (this._vimeoSrc) {\n      const player = this.shadowRoot?.querySelector(\"[udex-media-player-vimeo]\") as UDExMediaPlayerVimeo;\n      return player?.getPlayer() || null;\n    }\n    return this.shadowRoot?.querySelector(\".video-js video\") as HTMLVideoElement || this.shadowRoot?.querySelector(\".video-js audio\") || null;\n  }\n\n  setupHotkeys(e: KeyboardEvent, player: VideoJSPlayer) {\n    // Back to start\n    if (e.key === \"0\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.currentTime(0);\n      player.play();\n      return;\n    }\n\n    // Full screen toggle\n    if (e.key.toLowerCase() === \"f\") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (!player.isFullscreen()) {\n        player.requestFullscreen();\n      } else {\n        player.exitFullscreen();\n      }\n      return;\n    }\n\n    // Mute / Unmute\n    if (e.key.toLowerCase() === \"m\") {\n      e.preventDefault();\n      e.stopPropagation();\n      player.muted(!player.muted());\n      return;\n    }\n\n    // Play / Pause\n    if (e.key === \" \") {\n      e.preventDefault();\n      e.stopPropagation();\n      if (player.paused()) {\n        player.play();\n      } else {\n        player.pause();\n      }\n      return;\n    }\n\n    // Speed up the video - set higher playback rate\n    if (e.key === \"ArrowRight\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() ?? 1);\n      if (currentRateIndex < playbackRatesOptions.length - 1) {\n        const newPlaybackRate = currentRateIndex + 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Slow down the video - set lower playback rate\n    if (e.key === \"ArrowLeft\" && e.shiftKey) {\n      e.preventDefault();\n      e.stopPropagation();\n      const playbackRatesOptions: Array<number> = player.options_.playbackRates;\n      const currentRateIndex = playbackRatesOptions.indexOf(player.playbackRate() ?? 1);\n      if (currentRateIndex > 0) {\n        const newPlaybackRate = currentRateIndex - 1;\n        player.playbackRate(playbackRatesOptions[newPlaybackRate]);\n      }\n      return;\n    }\n\n    // Skip forward / Skip backward\n    if (e.key === \"ArrowRight\" || e.key === \"ArrowLeft\") {\n      e.preventDefault();\n      e.stopPropagation();\n      const stepSeconds = player.controlBar.progressControl.seekBar.options_.stepSeconds;\n      const duration: number = player.duration() ?? 0;\n      const currentTime: number = player.currentTime() ?? 0;\n      const delta: number = (e.key === \"ArrowRight\" ? stepSeconds : -stepSeconds);\n      const newTime = Math.min(Math.max(currentTime + delta, 0), duration);\n      player.currentTime(newTime);\n      return;\n    }\n\n    // Volume change\n    if (((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.ctrlKey)\n      || ((e.key === \"ArrowUp\" || e.key === \"ArrowDown\") && e.metaKey)) {\n      e.preventDefault();\n      e.stopPropagation();\n      const volumeStep: number = 0.1;\n      const volume: number = player.volume() ?? 0;\n      let newVolume = volume + (e.key === \"ArrowUp\" ? volumeStep : -volumeStep);\n      newVolume = Math.min(Math.max(newVolume, 0), 1);\n      player.volume(newVolume);\n    }\n  }\n\n  getOptionsValue() {\n    const baseOptions = {\n      playbackRates: [1, 1.5, 2],\n      controls: true,\n      poster: this.poster,\n      audioOnly: this.audioOnly,\n      controlBar: {\n        playToggle: true,\n        volumePanel: true,\n        progressControl: {\n          seekBar: {\n            stepSeconds: 10,\n          },\n        },\n        remainingTimeDisplay: true,\n        subsCapsButton: true,\n        playbackRateMenuButton: true,\n        fullscreenToggle: true,\n        pictureInPictureToggle: false,\n      },\n      userActions: {\n        hotkeys: (e: KeyboardEvent) => {\n          this.setupHotkeys(e, this.player);\n        },\n      },\n    };\n\n    if (!this.options) {\n      return baseOptions;\n    }\n\n    return {\n      ...baseOptions,\n      ...JSON.parse(this.options),\n    };\n  }\n\n  async setupLanguage(language: string) {\n    try {\n      return await import(`video.js/dist/lang/${language}.json`);\n    } catch (err) {\n      console.warn(\"Cannot load language file\", err);\n    }\n  }\n\n  onAfterRendering(): void {\n    if (this._youtubeSrc || this._vimeoSrc) {\n      return;\n    }\n\n    import(\"video.js\").then(async ({ \"default\": videojs }) => {\n      if (this.enableGlobalDependency) {\n        window.videojs = videojs;\n      }\n\n      const options = this.getOptionsValue();\n      const language: string = options?.language;\n      if (language) {\n        videojs.addLanguage(language, await this.setupLanguage(language));\n      }\n\n      this.player = videojs(this.shadowRoot?.querySelector(\".video-js\") || \"\", options);\n      this.attachListeners(this.player);\n\n      if (this.audioOnly) { return; }\n\n      const backgroundOpacityElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-bg-opacity > select > option[value=\\\"0.5\\\"]\");\n      if (backgroundOpacityElement) {\n        backgroundOpacityElement.value = \"0.7\";\n        backgroundOpacityElement.selected = true;\n      }\n\n      const fontSizeElement = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-font-percent > select > option[value=\\\"1.00\\\"]\");\n      if (fontSizeElement) { fontSizeElement.value = \"1.2245\"; }\n\n      const playbackSpeed = this.shadowRoot?.querySelector<HTMLOptionElement>(\".vjs-playback-rate .vjs-playback-rate-value\");\n      playbackSpeed?.setAttribute(\"aria-hidden\", \"true\");\n    });\n  }\n\n  handleEmbedPlay() {\n    this._allowIframeLoad = true;\n  }\n\n  handleEmbedVideoReady() {\n    this.fireEvent(\"videoReady\");\n  }\n\n  handleEmbedVideoPlaying = (embedEvent: CustomEvent) => {\n    if (!this.videoStart) {\n      this.fireEvent(\"videoStart\");\n      this.videoStart = true;\n    }\n    const playedTime = Math.round(embedEvent.detail.percentPlayed as number);\n    this.calculateVideoProgress(playedTime);\n  };\n\n  handleEmbedVideoEnded() {\n    this.fireEvent(\"videoComplete\");\n  }\n\n  handleEmbedVideoPause() {\n    this.fireEvent(\"videoPause\");\n  }\n\n  get _iframePosterPreload() {\n    const shouldBlockIframe = this._iframeLoad && this.poster;\n    if (this._allowIframeLoad) {\n      return false;\n    }\n    if (!shouldBlockIframe) {\n      this._allowIframeLoad = true;\n    }\n    return shouldBlockIframe;\n  }\n\n  get _iframeLoad() {\n    return this._youtubeSrc || this._vimeoSrc;\n  }\n\n  get _tracks() {\n    return this.getSlottedNodes(\"caption\");\n  }\n\n  get _vimeoSrc() {\n    return this.source.includes(\"vimeo\");\n  }\n\n  get _youtubeSrc() {\n    return this.source.includes(\"youtube\");\n  }\n\n  get aspectRatioClass() {\n    switch (this.aspectRatio) {\n    case AspectRatio[\"16:9\"]:\n      return \"vjs-16-9 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"9:16\"]:\n      return \"vjs-9-16 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"4:3\"]:\n      return \"vjs-4-3 udex-media-player__fluid vjs-fluid\";\n    case AspectRatio[\"1:1\"]:\n      return \"vjs-1-1 udex-media-player__fluid vjs-fluid\";\n    default:\n      return \"\";\n    }\n  }\n\n  get embedVideoFluidClass() {\n    if (this.aspectRatio === AspectRatio[\"16:9\"] || this.aspectRatio === AspectRatio[\"9:16\"] || this.aspectRatio === AspectRatio[\"4:3\"] || this.aspectRatio === AspectRatio[\"1:1\"]) {\n      return true;\n    }\n    return false;\n  }\n\n  get playerElementId(): string {\n    return this.playerid || \"udex-media-player\";\n  }\n\n  onExitDOM(): void {\n    if (this.player) {\n      this.player.dispose();\n    }\n  }\n}\n\nUDExMediaPlayer.define();\n\nexport default UDExMediaPlayer;\n"]}

package/dist/MessageStrip.js

@@ -13,6 +13,7 @@ import { getI18nBundle, } from "@ui5/webcomponents-base/dist/i18nBundle.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import MessageStrip from "@ui5/webcomponents/dist/MessageStrip.js";
 import messageStripCss from "@ui5/webcomponents/dist/generated/themes/MessageStrip.css.js";
+import UI5Icon from "@ui5/webcomponents/dist/Icon.js";
 import UDExButton from "./Button.js";
 import { MESSAGE_STRIP_CLOSE_BUTTON, MESSAGE_STRIP_ERROR, MESSAGE_STRIP_INFORMATION, MESSAGE_STRIP_SUCCESS, MESSAGE_STRIP_WARNING, } from "./generated/i18n/i18n-defaults.js";
 import MessageStripTemplate from "./generated/templates/MessageStripTemplate.lit.js";
@@ -138,7 +139,7 @@ UDExMessageStrip = UDExMessageStrip_1 = __decorate([
         renderer: litRender,
         styles: [messageStripCss, MessageStripCss],
         template: MessageStripTemplate,
-        dependencies: [UDExButton],
+        dependencies: [UDExButton, UI5Icon],
     })
     /**
      * Fired when the close button is pressed either with a