@sapudex/web-components 0.111.0

package/dist/MastheadShell.js.map

@@ -0,0 +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 { isLeft, isRight } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport \"@ui5/webcomponents-icons/dist/decline.js\";\nimport \"@ui5/webcomponents-icons/dist/menu2.js\";\nimport \"@ui5/webcomponents-icons/dist/search.js\";\nimport \"@ui5/webcomponents-icons/dist/cart.js\";\nimport UDExMastheadItem from \"./MastheadItem.js\";\nimport UDExMastheadMenu from \"./MastheadMenu.js\";\nimport UDExControlButton from \"./ControlButton.js\";\nimport UDExSearch from \"./Search.js\";\nimport UDExMastheadMobileMenu from \"./MastheadMobileMenu.js\";\n\nimport MastheadShellTemplate from \"./generated/templates/MastheadShellTemplate.lit.js\";\n\n// Styles\nimport MastheadShellCss from \"./generated/themes/MastheadShell.css.js\";\n\nconst mobileMenuActiveClass: string = \"udex-masthead-shell_mobile-menu-open\";\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-masthead-shell</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/MastheadShell.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-masthead-shell\",\n  renderer: litRender,\n  styles: MastheadShellCss,\n  template: MastheadShellTemplate,\n  dependencies: [\n    UDExMastheadMobileMenu,\n    UDExControlButton,\n    UDExMastheadItem,\n    UDExMastheadMenu,\n    UI5Icon,\n  ],\n})\n\n/**\n * Fired event when the user clicks the search button trigger.\n *\n * @event sap.ui.webc.web-components.UDExMastheadShell#searchClick\n * @public\n */\n@event(\"search-click\")\n\n/**\n * Fired event when the user clicks the cart button trigger.\n *\n * @event sap.ui.webc.web-components.UDExMastheadShell#cartClick\n * @public\n */\n@event(\"cart-click\")\n\n/**\n * Fired event when the user clicks the profile button trigger.\n *\n * @event sap.ui.webc.web-components.UDExMastheadShell#profileClick\n * @public\n */\n@event(\"profile-click\")\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 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 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 visible\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _isSearchVisible!: boolean;\n\n  /**\n   * Defines if the close button was clicked\n   *\n   * @private\n   */\n  @property({ type: Boolean })\n    _closeBtnClicked!: boolean;\n\n  _searchOpener!: UDExMastheadItem | null | undefined;\n  _mobileMenu!: UDExMastheadMobileMenu | null | undefined;\n  _handleResizeBound: ResizeObserverCallback;\n  _rootHolder!: HTMLElement | null | undefined;\n  _shouldHandleResize!: boolean;\n\n  constructor() {\n    super();\n    this._handleResizeBound = this._handleResize.bind(this);\n  }\n\n  onAfterRendering() {\n    this._rootHolder = this.mastheadHolder;\n    this._searchOpener = this.searchOpener;\n    this._mobileMenu = this.mastheadMobileMenu;\n\n    this.handleOutsideClick();\n\n    if (this._isSearchVisible) {\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._shouldHandleResize) {\n      this._mobileMenu?.showFirstLevelMenu();\n      this.removeOverflowBody();\n      return;\n    }\n    this._shouldHandleResize = true;\n  }\n\n  handleKeyDown(e: KeyboardEvent) {\n    e.stopPropagation();\n    this.handleLeftArrow(e);\n    this.handleRightArrow(e);\n  }\n\n  handleLeftArrow(e: KeyboardEvent): void {\n    if (isLeft(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        this.focusPreviousMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleRightArrow(e: KeyboardEvent): void {\n    if (isRight(e)) {\n      const currentItem = e.target as UDExMastheadItem;\n      if (this.isNavigationItem(currentItem)) {\n        this.focusNextMenuItem(currentItem);\n      }\n    }\n  }\n\n  handleSearchClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this._isSearchVisible = 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.setSelectedItem(e);\n    this.fireEvent(\"cart-click\");\n  }\n\n  handleProfileClick(e: CustomEvent): void {\n    e.stopPropagation();\n    this.setSelectedItem(e);\n    this.fireEvent(\"profile-click\");\n  }\n\n  handleMobileMenuClick(e: CustomEvent) {\n    e.stopPropagation();\n    this.setSelectedItem(e);\n    this.addActiveMobileClass();\n\n    if (this.bodyOverflow) {\n      this.setOverflowBody();\n    }\n  }\n\n  handleMobileCloseClick(e: CustomEvent) {\n    e.preventDefault();\n    this.removeActiveMobileClass();\n    this.setSelectedItem(e);\n    this._mobileMenu?.showFirstLevelMenu();\n\n    if (this.bodyOverflow) {\n      this.removeOverflowBody();\n    }\n  }\n\n  handleOutsideClick(): void {\n    document.addEventListener(\"click\", (e: MouseEvent) => {\n      const el = e.target as UDExMastheadItem;\n      const isMobile = window.innerWidth < 1280;\n      const isDropdownSlot = el.getAttribute(\"slot\") === \"dropdown\";\n      if (!isDropdownSlot && !el.isMenuItem && !isMobile) {\n        this.resetSelectedItems();\n      }\n    });\n  }\n\n  focusSearchInput(): void {\n    const searchSlot = this.querySelector<UDExSearch>(\"udex-search\");\n    if (searchSlot) {\n      const input = searchSlot.shadowRoot!.querySelector<HTMLElement>(\"input\");\n      input?.focus();\n    }\n  }\n\n  focusPreviousMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const lastItemIndex = this.menuItems.length - 1;\n    const previousSelectIndex = currentSelectedIndex - 1 < 0 ? lastItemIndex : currentSelectedIndex - 1;\n    this.menuItems[previousSelectIndex].focus();\n  }\n\n  focusNextMenuItem(item: UDExMastheadItem): void {\n    const currentSelectedIndex = this.getCurrentIndex(item);\n    const nextSelectIndex = currentSelectedIndex + 1 > this.menuItems.length - 1 ? 0 : currentSelectedIndex + 1;\n    this.menuItems[nextSelectIndex].focus();\n  }\n\n  resetSelectedItems(): void {\n    this.getSelectedItems().forEach(item => {\n      item.selected = false;\n    });\n  }\n\n  addActiveMobileClass() {\n    this._rootHolder?.classList.add(mobileMenuActiveClass);\n  }\n\n  removeActiveMobileClass() {\n    this._rootHolder?.classList.remove(mobileMenuActiveClass);\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    }\n  }\n\n  hideSearch(): void {\n    this._isSearchVisible = 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  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 hasMobileMenuButtons(): boolean {\n    return !!this.mobileMenu.length;\n  }\n}\n\nUDExMastheadShell.define();\n\nexport default UDExMastheadShell;\n"]}

package/dist/MediaPlayer.d.ts

@@ -0,0 +1,182 @@
+/// <reference types="youtube" />
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import "@ui5/webcomponents-icons/dist/play.js";
+import "@ui5/webcomponents-icons/dist/v5/play.svg";
+import Player from "video.js/dist/types/player.js";
+import { VimeoPlayer } from "./MediaPlayerVimeo.js";
+declare global {
+    interface Window {
+        videojs: any;
+    }
+}
+export declare enum AspectRatio {
+    "16:9" = "16:9",
+    "9:16" = "9:16",
+    "4:3" = "4:3",
+    "1:1" = "1:1",
+    "none" = "none"
+}
+export interface VideoJSPlayer extends Player {
+    qualityLevels?: () => any;
+    textTracks?: () => any;
+    controlBar?: any;
+    bigPlayButton?: any;
+}
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-media-player</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/MediaPlayer.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-media-player
+ * @public
+ */
+declare class UDExMediaPlayer extends UI5Element {
+    /**
+     * Defines the options object of video.js element
+     * accepts following properties: https://videojs.com/guides/options
+     *
+     * @public
+     */
+    options: string;
+    /**
+     * Defines the source of the video  or audio
+     *
+     * @default ""
+     * @public
+     */
+    source: string;
+    /**
+     * 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
+     *
+     * @default "video/mp4"
+     * @public
+     */
+    type: string;
+    /**
+     * Defines a title for youtube video
+     *
+     * @default ""
+     * @public
+     */
+    title: string;
+    /**
+     * Defines if only audio should be played
+     *
+     * @default false
+     * @public
+     */
+    audioOnly: boolean;
+    /**
+     * Defines the poster url
+     *
+     * @default ""
+     * @public
+     */
+    poster: string;
+    /**
+    * Placeholder for all html `track` elements to provide video subtitles.
+    * Example: `<track kind='captions' src='./videoSubtitles.vtt' srclang='en' label='English' default />`
+    * More information: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/track
+    *
+    * @slot
+    * @public
+    */
+    caption: Array<HTMLElement>;
+    /**
+   * Defines video width. Used for YouTube and Vimeo videos only.
+   * Regular video and audio sizes are control by CSS variables.
+   *
+   * @default ""
+   * @public
+   */
+    width: string;
+    /**
+     * Defines video height. Used for YouTube and Vimeo videos only.
+     * Regular video and audio sizes are control by CSS variables.
+     *
+     * @default ""
+     * @public
+     */
+    height: string;
+    /**
+     * Defines id of html element that videojs will be initialized with
+     *
+     * @default "udex-media-player"
+     * @public
+     */
+    playerid: string;
+    /**
+     * Defines aspect ratio of video. If set, video will be display in fluid mode.
+     * Possible values: "16:9" , "9:16", "4:3", "1:1", "none"
+    *
+    * @default "16:9"
+    * @public
+    */
+    aspectRatio: `${AspectRatio}`;
+    /**
+     * If this property is set, whenever user will focus on udex-media-player element, focus will be redirected into Big Play Button element.
+     *
+     * @default ""
+     * @public
+     */
+    playButtonInitialFocus: boolean;
+    /**
+     * Enable videojs instance to be added to global window object
+     *
+     * @default ""
+     * @public
+     */
+    enableGlobalDependency: boolean;
+    /**
+    * @private
+    */
+    _allowIframeLoad: boolean;
+    player: VideoJSPlayer;
+    video25: boolean;
+    video50: boolean;
+    video75: boolean;
+    videoCompleted: boolean;
+    videoStart: boolean;
+    videoReady: boolean;
+    videoProgress: number;
+    getPlayedTime: (target: EventTarget) => number;
+    calculateVideoProgress(timeWatched: number): void;
+    checkCaptionsAvailability(player: VideoJSPlayer): void;
+    applyScrollIntoTheView(): void;
+    attachListeners(player: Player): void;
+    /**
+     * Returns video element
+     * @public
+     */
+    getPlayer(): HTMLVideoElement | HTMLAudioElement | YT.Player | VimeoPlayer | null;
+    get optionsValue(): any;
+    get dataSetup(): string;
+    setupLanguage(language: string): Promise<any>;
+    onAfterRendering(): void;
+    handleEmbedPlay(): void;
+    handleEmbedVideoReady(): void;
+    handleEmbedVideoPlaying: (embedEvent: CustomEvent) => void;
+    handleEmbedVideoEnded(): void;
+    handleEmbedVideoPause(): void;
+    get _iframePosterPreload(): string | false;
+    get _iframeLoad(): boolean;
+    get _tracks(): Node[];
+    get _vimeoSrc(): boolean;
+    get _youtubeSrc(): boolean;
+    get aspectRatioClass(): "" | "vjs-16-9 udex-media-player__fluid vjs-fluid" | "vjs-9-16 udex-media-player__fluid vjs-fluid" | "vjs-4-3 udex-media-player__fluid vjs-fluid" | "vjs-1-1 udex-media-player__fluid vjs-fluid";
+    get embedVideoFluidClass(): boolean;
+    get playerElementId(): string;
+    onExitDOM(): void;
+}
+export default UDExMediaPlayer;

package/dist/MediaPlayer.js

@@ -0,0 +1,407 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import "@ui5/webcomponents-icons/dist/play.js";
+import "@ui5/webcomponents-icons/dist/v5/play.svg";
+import UDExMediaPlayerYoutube from "./MediaPlayerYoutube.js";
+import UDExMediaPlayerVimeo from "./MediaPlayerVimeo.js";
+// Template
+import MediaPlayerTemplate from "./generated/templates/MediaPlayerTemplate.lit.js";
+// Styles
+import MediaPlayerCss from "./generated/themes/MediaPlayer.css";
+export var AspectRatio;
+(function (AspectRatio) {
+    AspectRatio["16:9"] = "16:9";
+    AspectRatio["9:16"] = "9:16";
+    AspectRatio["4:3"] = "4:3";
+    AspectRatio["1:1"] = "1:1";
+    AspectRatio["none"] = "none";
+})(AspectRatio || (AspectRatio = {}));
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-media-player</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import @udex/web-components/dist/MediaPlayer.js";</code>
+ *
+ * @constructor
+ * @author SAP SE
+ * @extends UI5Element
+ * @tagname udex-media-player
+ * @public
+ */
+let UDExMediaPlayer = class UDExMediaPlayer extends UI5Element {
+    constructor() {
+        super(...arguments);
+        this.getPlayedTime = (target) => {
+            const progressControl = target?.player.controlBar?.ProgressControl?.childNameIndex_.seekBar;
+            if (!progressControl) {
+                return 0;
+            }
+            return Math.round(progressControl.getPercent() * 100);
+        };
+        this.handleEmbedVideoPlaying = (embedEvent) => {
+            if (!this.videoStart) {
+                this.fireEvent("videoStart");
+                this.videoStart = true;
+            }
+            const playedTime = Math.round(embedEvent.detail.percentPlayed);
+            this.calculateVideoProgress(playedTime);
+        };
+    }
+    calculateVideoProgress(timeWatched) {
+        if (timeWatched >= 25 && !this.video25) {
+            this.fireEvent("video25");
+            this.video25 = true;
+        }
+        if (timeWatched >= 50 && !this.video50) {
+            this.fireEvent("video50");
+            this.video50 = true;
+        }
+        if (timeWatched >= 75 && !this.video75) {
+            this.fireEvent("video75");
+            this.video75 = true;
+        }
+        this.fireEvent("videoProgress", { progress: timeWatched });
+    }
+    checkCaptionsAvailability(player) {
+        player.on("loadedmetadata", () => {
+            if (!player?.textTracks) {
+                return;
+            }
+            const tracks = player?.textTracks();
+            let captionsAvailable = false;
+            for (let i = 0; i < tracks.length; i++) {
+                if (tracks[i].kind === "captions" || tracks[i].kind === "subtitles") {
+                    captionsAvailable = true;
+                }
+            }
+            if (!captionsAvailable && !this._tracks.length) {
+                player.controlBar?.removeChild("SubsCapsButton");
+            }
+        });
+    }
+    applyScrollIntoTheView() {
+        const bigPlayButton = this.player.bigPlayButton?.el();
+        bigPlayButton.addEventListener("focus", () => {
+            this.player.el().scrollIntoView({
+                behavior: "smooth",
+                block: "center",
+            });
+        });
+    }
+    attachListeners(player) {
+        player.on("timeupdate", (e) => {
+            if (!e.target) {
+                return;
+            }
+            const timeWatched = this.getPlayedTime(e.target);
+            if (timeWatched >= 0) {
+                this.calculateVideoProgress(timeWatched);
+            }
+        });
+        player.on("play", () => {
+            this.fireEvent("videoStart");
+        });
+        player.on("ended", () => {
+            this.fireEvent("videoComplete");
+        });
+        player.on("pause", () => {
+            this.fireEvent("videoPause");
+        });
+        player.on("ready", () => {
+            this.checkCaptionsAvailability(player);
+            this.applyScrollIntoTheView();
+            this.fireEvent("videoReady");
+        });
+        if (this.playButtonInitialFocus) {
+            this.addEventListener("focus", () => {
+                (async () => {
+                    await player.getChild("BigPlayButton")?.el_.focus();
+                })();
+            });
+        }
+    }
+    /**
+     * Returns video element
+     * @public
+     */
+    getPlayer() {
+        if (this._youtubeSrc) {
+            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");
+            return player?.getPlayer() || null;
+        }
+        return this.shadowRoot?.querySelector(".video-js video") || this.shadowRoot?.querySelector(".video-js audio") || null;
+    }
+    get optionsValue() {
+        const baseOptions = {
+            playbackRates: [1, 1.5, 2],
+            controls: true,
+            audioOnly: this.audioOnly,
+            poster: this.poster,
+            controlBar: {
+                children: [
+                    "PlayToggle",
+                    "VolumePanel",
+                    "ProgressControl",
+                    "RemainingTimeDisplay",
+                    "SubsCapsButton",
+                    "PlaybackRateMenuButton",
+                    "FullscreenToggle",
+                    "MediaLoader",
+                ],
+            },
+            userActions: {
+                hotkeys: true,
+            },
+        };
+        if (typeof this.options === "string") {
+            return this.options ? {
+                ...baseOptions,
+                ...JSON.parse(this.options),
+            } : baseOptions;
+        }
+        return this.options;
+    }
+    get dataSetup() {
+        return JSON.stringify(this.optionsValue);
+    }
+    async setupLanguage(language) {
+        try {
+            return await import(`video.js/dist/lang/${language}.json`);
+        }
+        catch (err) {
+            console.warn("Cannot load language file", err);
+        }
+    }
+    onAfterRendering() {
+        if (this._youtubeSrc || this._vimeoSrc) {
+            return;
+        }
+        import("video.js").then(async ({ "default": videojs }) => {
+            if (this.enableGlobalDependency) {
+                window.videojs = videojs;
+            }
+            const language = this.optionsValue?.language;
+            if (language) {
+                videojs.addLanguage(language, await this.setupLanguage(language));
+            }
+            this.player = videojs(this.shadowRoot?.querySelector(".video-js") || "");
+            this.attachListeners(this.player);
+            if (this.audioOnly) {
+                return;
+            }
+            const backgroundOpacityElement = this.shadowRoot?.querySelector(".vjs-bg-opacity > select > option[value=\"0.5\"]");
+            if (backgroundOpacityElement) {
+                backgroundOpacityElement.value = "0.7";
+                backgroundOpacityElement.selected = true;
+            }
+            const fontSizeElement = this.shadowRoot?.querySelector(".vjs-font-percent > select > option[value=\"1.00\"]");
+            if (fontSizeElement) {
+                fontSizeElement.value = "1.2245";
+            }
+            const playbackSpeed = this.shadowRoot?.querySelector(".vjs-playback-rate .vjs-playback-rate-value");
+            playbackSpeed?.setAttribute("aria-hidden", "true");
+        });
+    }
+    handleEmbedPlay() {
+        this._allowIframeLoad = true;
+    }
+    handleEmbedVideoReady() {
+        this.fireEvent("videoReady");
+    }
+    handleEmbedVideoEnded() {
+        this.fireEvent("videoComplete");
+    }
+    handleEmbedVideoPause() {
+        this.fireEvent("videoPause");
+    }
+    get _iframePosterPreload() {
+        const shouldBlockIframe = this._iframeLoad && this.poster;
+        if (this._allowIframeLoad) {
+            return false;
+        }
+        if (!shouldBlockIframe) {
+            this._allowIframeLoad = true;
+        }
+        return shouldBlockIframe;
+    }
+    get _iframeLoad() {
+        return this._youtubeSrc || this._vimeoSrc;
+    }
+    get _tracks() {
+        return this.getSlottedNodes("caption");
+    }
+    get _vimeoSrc() {
+        return this.source.includes("vimeo");
+    }
+    get _youtubeSrc() {
+        return this.source.includes("youtube");
+    }
+    get aspectRatioClass() {
+        switch (this.aspectRatio) {
+            case AspectRatio["16:9"]:
+                return "vjs-16-9 udex-media-player__fluid vjs-fluid";
+            case AspectRatio["9:16"]:
+                return "vjs-9-16 udex-media-player__fluid vjs-fluid";
+            case AspectRatio["4:3"]:
+                return "vjs-4-3 udex-media-player__fluid vjs-fluid";
+            case AspectRatio["1:1"]:
+                return "vjs-1-1 udex-media-player__fluid vjs-fluid";
+            default:
+                return "";
+        }
+    }
+    get embedVideoFluidClass() {
+        if (this.aspectRatio === AspectRatio["16:9"] || this.aspectRatio === AspectRatio["9:16"] || this.aspectRatio === AspectRatio["4:3"] || this.aspectRatio === AspectRatio["1:1"]) {
+            return true;
+        }
+        return false;
+    }
+    get playerElementId() {
+        return this.playerid || "udex-media-player";
+    }
+    onExitDOM() {
+        if (this.player) {
+            this.player.dispose();
+        }
+    }
+};
+__decorate([
+    property({ type: String })
+], UDExMediaPlayer.prototype, "options", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "source", void 0);
+__decorate([
+    property({ type: String, defaultValue: "video/mp4" })
+], UDExMediaPlayer.prototype, "type", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "title", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMediaPlayer.prototype, "audioOnly", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "poster", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true, individualSlots: true })
+], UDExMediaPlayer.prototype, "caption", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "width", void 0);
+__decorate([
+    property({ type: String, defaultValue: "" })
+], UDExMediaPlayer.prototype, "height", void 0);
+__decorate([
+    property({ type: String, defaultValue: "udex-media-player" })
+], UDExMediaPlayer.prototype, "playerid", void 0);
+__decorate([
+    property({ type: AspectRatio, defaultValue: "16:9" })
+], UDExMediaPlayer.prototype, "aspectRatio", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMediaPlayer.prototype, "playButtonInitialFocus", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMediaPlayer.prototype, "enableGlobalDependency", void 0);
+__decorate([
+    property({ type: Boolean })
+], UDExMediaPlayer.prototype, "_allowIframeLoad", void 0);
+UDExMediaPlayer = __decorate([
+    customElement({
+        tag: "udex-media-player",
+        renderer: litRender,
+        styles: MediaPlayerCss,
+        template: MediaPlayerTemplate,
+        dependencies: [UDExMediaPlayerYoutube, UDExMediaPlayerVimeo],
+    })
+    /**
+     * Fires when video is played
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("videoStart")
+    /**
+     * Fires when video is paused
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("videoPause")
+    /**
+     * Fires when video is watched
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("videoComplete")
+    /**
+     * Fires when video is ready
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("videoReady")
+    /**
+     * Fires when video watching progress changed
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("videoProgress")
+    /**
+     * Fires when 25% of video is watched
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("video25")
+    /**
+     * Fires when 50% of video is watched
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("video50")
+    /**
+     * Fires when 75% of video is watched
+     *
+     * @allowPreventDefault
+     * @public
+     */
+    ,
+    event("video75")
+], UDExMediaPlayer);
+UDExMediaPlayer.define();
+export default UDExMediaPlayer;
+//# sourceMappingURL=MediaPlayer.js.map