@flowplayer/player 3.16.0-rc → 3.16.0-rc.1

package/plugins/thumbnails.d.ts

@@ -762,6 +762,8 @@ declare const NO_CONTROLS = "no-controls";
 
 declare const NO_DVR = "no-timeline";
 
+declare type NoInfer_2<T> = [T][T extends any ? 0 : never];
+
 /* Excluded from this release type: NON_RECOVERABLE_ERROR */
 
 /* Excluded from this release type: NonRecoverableErrorEventDetail */
@@ -902,7 +904,6 @@ declare type Player = HTMLVideoElement & PlayerEventOverloads & {
     disabled: boolean;
     /* Excluded from this release type: started */
     /* Excluded from this release type: token */
-    tracks?: VideoTrack[];
     /* Excluded from this release type: _customElements */
     /* Excluded from this release type: _storage */
 };
@@ -986,6 +987,7 @@ declare type PlayerCustomEventsOverloads = {
      */
     on(event: typeof QUALITIES, handler: (e: FPEvent<PlayerCustomEventsDetailMap[typeof QUALITIES]>) => void): Player;
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
     /**
      * Listen to this event to create a recommendations grid using the data passed with the event.
      */
@@ -1004,6 +1006,11 @@ declare type PlayerCustomEventsOverloads = {
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
+    /**
+     * TODO: this is a workaround, since not all event overloads are typed. when all plugin work is finished, remove this
+     * https://wowzamedia.jira.com/browse/PLAY-653
+     */
     on<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: on */
     /**
@@ -1028,9 +1035,12 @@ declare type PlayerCustomEventsOverloads = {
      */
     off<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: poll */
+    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
+    emit(event: never, data?: never): Player;
+    /* Excluded from this release type: emit */
+    /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
-    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
     /* Excluded from this release type: emit */
 };
 
@@ -1138,6 +1148,17 @@ declare const /**
  */
 PROGRESS = "progress";
 
+/**
+ * @public
+ */
+declare type QselOption = {
+    height: number;
+    level: number;
+    text: string;
+    /* Excluded from this release type: videoCodec */
+    width: number;
+};
+
 /**
  * @public
  * emitted whenever a list of qualities has been made available
@@ -1156,27 +1177,11 @@ QUALITIES = "qualities";
 /**
  * @public
  */
-declare type QualitiesEventDetail = QualityDetail[];
+declare type QualitiesEventDetail = QselOption[];
 
-/**
- * @public
- */
-declare type QualityDetail = {
-    level: number;
-    text: string;
-    width: number;
-    height: number;
-    videoCodec: string;
-} | BitrateInfo | {
-    text: string | number;
-    encodingId: string;
-    spatialLayerId: number;
-    temporalLayerId: number;
-    maxSpatialLayerId: number;
-    maxTemporalLayerId: number;
-    height: number;
-    width: number;
-};
+/* Excluded from this release type: _QualitiesEventDetail */
+
+/* Excluded from this release type: _QualityDetail */
 
 declare enum QualityOpts {
     LOW = 1,
@@ -1348,20 +1353,14 @@ SEEKING_2 = "seeking";
 
 /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 declare const /**
 @public
 * when a new player is inserted into the HTML
 */ /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 SET_QUALITY = "quality:set";
 
@@ -1563,16 +1562,6 @@ declare const /**
  */
 VIDEO_TRACKS = "videoTracks";
 
-/**
- * @public
- */
-declare interface VideoTrack {
-    name: string;
-    /* Excluded from this release type: data */
-    default: boolean;
-    selected: boolean;
-}
-
 /**
  * @public
  * when a player enters the viewpoint

package/plugins/tizen.d.ts

@@ -762,6 +762,8 @@ declare const NO_CONTROLS = "no-controls";
 
 declare const NO_DVR = "no-timeline";
 
+declare type NoInfer_2<T> = [T][T extends any ? 0 : never];
+
 /* Excluded from this release type: NON_RECOVERABLE_ERROR */
 
 /* Excluded from this release type: NonRecoverableErrorEventDetail */
@@ -902,7 +904,6 @@ declare type Player = HTMLVideoElement & PlayerEventOverloads & {
     disabled: boolean;
     /* Excluded from this release type: started */
     /* Excluded from this release type: token */
-    tracks?: VideoTrack[];
     /* Excluded from this release type: _customElements */
     /* Excluded from this release type: _storage */
 };
@@ -986,6 +987,7 @@ declare type PlayerCustomEventsOverloads = {
      */
     on(event: typeof QUALITIES, handler: (e: FPEvent<PlayerCustomEventsDetailMap[typeof QUALITIES]>) => void): Player;
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
     /**
      * Listen to this event to create a recommendations grid using the data passed with the event.
      */
@@ -1004,6 +1006,11 @@ declare type PlayerCustomEventsOverloads = {
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
+    /**
+     * TODO: this is a workaround, since not all event overloads are typed. when all plugin work is finished, remove this
+     * https://wowzamedia.jira.com/browse/PLAY-653
+     */
     on<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: on */
     /**
@@ -1028,9 +1035,12 @@ declare type PlayerCustomEventsOverloads = {
      */
     off<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: poll */
+    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
+    emit(event: never, data?: never): Player;
+    /* Excluded from this release type: emit */
+    /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
-    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
     /* Excluded from this release type: emit */
 };
 
@@ -1138,6 +1148,17 @@ declare const /**
  */
 PROGRESS = "progress";
 
+/**
+ * @public
+ */
+declare type QselOption = {
+    height: number;
+    level: number;
+    text: string;
+    /* Excluded from this release type: videoCodec */
+    width: number;
+};
+
 /**
  * @public
  * emitted whenever a list of qualities has been made available
@@ -1156,27 +1177,11 @@ QUALITIES = "qualities";
 /**
  * @public
  */
-declare type QualitiesEventDetail = QualityDetail[];
+declare type QualitiesEventDetail = QselOption[];
 
-/**
- * @public
- */
-declare type QualityDetail = {
-    level: number;
-    text: string;
-    width: number;
-    height: number;
-    videoCodec: string;
-} | BitrateInfo | {
-    text: string | number;
-    encodingId: string;
-    spatialLayerId: number;
-    temporalLayerId: number;
-    maxSpatialLayerId: number;
-    maxTemporalLayerId: number;
-    height: number;
-    width: number;
-};
+/* Excluded from this release type: _QualitiesEventDetail */
+
+/* Excluded from this release type: _QualityDetail */
 
 declare enum QualityOpts {
     LOW = 1,
@@ -1348,20 +1353,14 @@ SEEKING_2 = "seeking";
 
 /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 declare const /**
 @public
 * when a new player is inserted into the HTML
 */ /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 SET_QUALITY = "quality:set";
 
@@ -1562,16 +1561,6 @@ declare const /**
  */
 VIDEO_TRACKS = "videoTracks";
 
-/**
- * @public
- */
-declare interface VideoTrack {
-    name: string;
-    /* Excluded from this release type: data */
-    default: boolean;
-    selected: boolean;
-}
-
 /**
  * @public
  * when a player enters the viewpoint

package/plugins/vtsel.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="node" />
 
 import type { BitrateInfo } from 'dashjs';
+import type { Level } from 'hls.js';
 import type { MediaKeyFunc } from 'hls.js';
 
 /* Excluded from this release type: AnyLoader */
@@ -401,6 +402,13 @@ declare namespace events {
     }
 }
 
+declare namespace events_2 {
+    export {
+        VIDEO_TRACK_SELECT_2 as VIDEO_TRACK_SELECT,
+        VIDEO_TRACKS_2 as VIDEO_TRACKS
+    }
+}
+
 declare type ExtractPureAPI<T> = T extends PlayerWith<infer PureAPI> ? PureAPI : never;
 
 /**
@@ -762,6 +770,8 @@ declare const NO_CONTROLS = "no-controls";
 
 declare const NO_DVR = "no-timeline";
 
+declare type NoInfer_2<T> = [T][T extends any ? 0 : never];
+
 /* Excluded from this release type: NON_RECOVERABLE_ERROR */
 
 /* Excluded from this release type: NonRecoverableErrorEventDetail */
@@ -782,6 +792,8 @@ declare type OVPMetadata = {
     tags?: string;
 };
 
+/* Excluded from this release type: PARSE_TRACKS */
+
 /**
  * @public
  */
@@ -902,7 +914,6 @@ declare type Player = HTMLVideoElement & PlayerEventOverloads & {
     disabled: boolean;
     /* Excluded from this release type: started */
     /* Excluded from this release type: token */
-    tracks?: VideoTrack[];
     /* Excluded from this release type: _customElements */
     /* Excluded from this release type: _storage */
 };
@@ -986,6 +997,7 @@ declare type PlayerCustomEventsOverloads = {
      */
     on(event: typeof QUALITIES, handler: (e: FPEvent<PlayerCustomEventsDetailMap[typeof QUALITIES]>) => void): Player;
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
     /**
      * Listen to this event to create a recommendations grid using the data passed with the event.
      */
@@ -1004,6 +1016,11 @@ declare type PlayerCustomEventsOverloads = {
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
     /* Excluded from this release type: on */
+    /* Excluded from this release type: on */
+    /**
+     * TODO: this is a workaround, since not all event overloads are typed. when all plugin work is finished, remove this
+     * https://wowzamedia.jira.com/browse/PLAY-653
+     */
     on<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: on */
     /**
@@ -1028,9 +1045,12 @@ declare type PlayerCustomEventsOverloads = {
      */
     off<T>(event: string, handler: (e: FPEvent<T>) => void): Player;
     /* Excluded from this release type: poll */
+    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
+    emit(event: never, data?: never): Player;
+    /* Excluded from this release type: emit */
+    /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
     /* Excluded from this release type: emit */
-    emit<T extends PlayerEmittableEventNames>(event: T, data?: PlayerCustomEventsDetailMap[T]): Player;
     /* Excluded from this release type: emit */
 };
 
@@ -1138,6 +1158,17 @@ declare const /**
  */
 PROGRESS = "progress";
 
+/**
+ * @public
+ */
+declare type QselOption = {
+    height: number;
+    level: number;
+    text: string;
+    /* Excluded from this release type: videoCodec */
+    width: number;
+};
+
 /**
  * @public
  * emitted whenever a list of qualities has been made available
@@ -1156,27 +1187,11 @@ QUALITIES = "qualities";
 /**
  * @public
  */
-declare type QualitiesEventDetail = QualityDetail[];
+declare type QualitiesEventDetail = QselOption[];
 
-/**
- * @public
- */
-declare type QualityDetail = {
-    level: number;
-    text: string;
-    width: number;
-    height: number;
-    videoCodec: string;
-} | BitrateInfo | {
-    text: string | number;
-    encodingId: string;
-    spatialLayerId: number;
-    temporalLayerId: number;
-    maxSpatialLayerId: number;
-    maxTemporalLayerId: number;
-    height: number;
-    width: number;
-};
+/* Excluded from this release type: _QualitiesEventDetail */
+
+/* Excluded from this release type: _QualityDetail */
 
 declare enum QualityOpts {
     LOW = 1,
@@ -1348,20 +1363,14 @@ SEEKING_2 = "seeking";
 
 /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 declare const /**
 @public
 * when a new player is inserted into the HTML
 */ /**
  * @public
- *  allows plugins to listen for forced quality changes
- * it should emit the index of the quality to set
- * -1 is a special idx saying to use ABR if the plugin
- * exposes an ABR implementation
+ * @deprecated please use Qsel.events.SET_QUALITY
  */
 SET_QUALITY = "quality:set";
 
@@ -1454,6 +1463,8 @@ declare namespace states {
     }
 }
 
+/* Excluded from this release type: SWITCH */
+
 /**
  * @public
  */
@@ -1517,6 +1528,8 @@ TOUCH_START = "touchstart";
 
 declare const TOUCHED = "is-touched";
 
+/* Excluded from this release type: TRACKS */
+
 declare const TV = "is-tv";
 
 /**
@@ -1537,6 +1550,11 @@ declare const /**
  */
 VIDEO_TRACK_SELECT = "tracks:video:select";
 
+/**
+ * @public
+ */
+declare const VIDEO_TRACK_SELECT_2 = "tracks:video:select";
+
 /**
  * @public
  * emitted whenever multiple video tracks are detected
@@ -1553,13 +1571,46 @@ VIDEO_TRACKS = "videoTracks";
 /**
  * @public
  */
-declare interface VideoTrack {
+declare const VIDEO_TRACKS_2 = "videoTracks";
+
+/**
+ * @public
+ */
+export declare type VideoTrack = VideoTrackBasic & {
+    /**
+     * Returns `true` if a video track is enabled at a specific time. Otherwise, returns `false`.
+     When switching to another video track, set this property to `true` for the corresponding track. For example, `player.tracks[0].selected = true`.
+     */
+    selected: boolean;
+};
+
+/**
+ * @public
+ */
+export declare interface VideoTrackBasic {
+    /**
+     * Determines the name or label of the video track.
+     */
     name: string;
     /* Excluded from this release type: data */
+    /**
+     * Returns `true` if a video track is enabled by default once the `src` is set for the player.
+     */
     default: boolean;
-    selected: boolean;
 }
 
+/**
+ * @public
+ */
+export declare type VideoTrackSelectEventDetail = {
+    track: VideoTrackBasic;
+};
+
+/**
+ * @public
+ */
+export declare type VideoTracksEventDetail = VideoTrack[];
+
 /**
  * @public
  * when a player enters the viewpoint
@@ -1609,10 +1660,48 @@ VOLUME_CHANGE = "volumechange";
 
 /**
  * @public
+ * The Video Track Selection plugin allows you to configure the player with a single stream that contains multiple video tracks.
+ * See {@link https://developer.wowza.com/docs/wowza-flowplayer/plugins/vtsel/| Official documentation}
  */
-declare const Vtsel: PluginCtor<Config, Player>;
+declare const Vtsel: PluginCtor<Config, VtselPlayer> & VtselAPI;
 export default Vtsel;
 
+/**
+ * @public
+ */
+export declare type VtselAPI = {
+    events: VtselEvents;
+};
+
+/**
+ * @public
+ */
+export declare type VtselEvents = typeof events_2;
+
+/**
+ * @public
+ */
+export declare type VtselPlayer = PlayerWith<{
+    /**
+     * An array of all available tracks. The array is populated only if the source that's being played provides multiple video tracks. If there's only one video track, the length property indicates one element exists inside the array.
+     */
+    tracks?: VideoTrack[];
+    /**
+     * Emitted when a different video track is enabled.
+     * @param event - "VIDEO_TRACK_SELECT"
+     * @param handler - Event handler with basic information about selected track
+     */
+    on(event: VtselEvents["VIDEO_TRACK_SELECT"], handler: (e: FPEvent<VideoTrackSelectEventDetail>) => void): Player;
+    /**
+     * Emitted when the player detects a `src` with multiple video tracks. For information about tracks and their properties, see the {@link https://developer.wowza.com/docs/wowza-flowplayer/plugins/vtsel/#properties| Properties} section.
+     * @param event - "VIDEO_TRACKS"
+     * @param handler - Event handler with video tracks details supplied
+     */
+    on(event: VtselEvents["VIDEO_TRACKS"], handler: (e: FPEvent<VideoTracksEventDetail>) => void): Player;
+    /* Excluded from this release type: videoTracks */
+    /* Excluded from this release type: emit */
+}>;
+
 declare const WAITING = "is-waiting";
 
 /**

package/plugins/vtsel.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.vtsel=t())}(this,(function(){"use strict";const e=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const s=window.customElements.get(t);if(!s)throw new Error(`no default flowplayer component with the name ${t} exists`);const i=window.customElements.get(n);return"function"!=typeof i?s:i})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const t="fp-on",n="fp-invis";class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.menuHeader=document.createElement("div"),this.menuTitle=document.createElement("h3"),this.olEle=document.createElement("ol"),this.olEle.id=i(),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menuHeader.classList.add("fp-menu-header"),this.menuHeader.append(this.menuTitle,this.closeEle),this.menu.classList.add("fp-menu"),this.menu.append(this.menuHeader,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.textContent="×",this.menuContainer.classList.add("fp-menu-container"),this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener("click",t=>{if(t.defaultPrevented)return;t.preventDefault();const n=this.menuContainer.open;n||(s(),document.active_menu=this.menuContainer),this.menuContainer.open=!n,e.root.classList.toggle("has-menu-opened",!n),this.summaryEle.setAttribute("aria-expanded",n?"false":"true")}),this.addEventListener("focusin",e=>{const t=e.target;t instanceof HTMLLIElement&&t.setAttribute("aria-selected","true")}),this.addEventListener("focusout",e=>{const t=e.target;t instanceof HTMLLIElement&&t.setAttribute("aria-selected","false")}),this.append(this.menuContainer),this.olEle.setAttribute("aria-labelledby",this.summaryEle.id),this.olEle.setAttribute("role","menu"),this.summaryEle.setAttribute("aria-haspopup","true"),this.summaryEle.setAttribute("aria-controls",this.olEle.id),this.summaryEle.setAttribute("tabindex","0"),this.summaryEle.setAttribute("aria-expanded","false"),this.summaryEle.setAttribute("role","button")}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(t){if(this.className=t.class,this.toggle_visibility(!0),this.summaryEle.id||(this.summaryEle.id=t.id||i()),this.summaryEle.setAttribute("aria-label",t.menuTitle||"Menu"),t.summaryTitle&&(this.summaryEle.textContent=t.summaryTitle),t.summaryIcon){const n=e(this.player,t.summaryIcon);n.setAttribute("tabindex",""),this.summaryEle.append(n)}t.menuTitle&&(this.menuTitle.textContent=t.menuTitle),this.menu.classList.toggle("fp-icons",!!t.icons),this.addEventListener(t.options_event,e=>{this.render(e.data)}),t.item_selected_event&&this.addEventListener(t.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.toggle_visibility(!(null==e?void 0:e.length)))}menuOption(e,t){const n=document.createElement("li");n.setAttribute("role","menuitem"),n.setAttribute("aria-selected","false"),n.setAttribute("tabindex","0"),e.icon&&n.append(e.icon);const s=document.createElement("span");s.textContent=e.text,n.append(s),n.addEventListener("click",()=>{this.select_item(t),"function"==typeof e.onclick&&e.onclick()}),this.olEle.appendChild(n),e.selected&&this.select_item(t)}select_item(e){this.options.forEach((n,s)=>{n.classList.toggle(t,s===e)})}unselect_item(){this.options.forEach(e=>{e.classList.remove(t)})}toggle_visibility(e){this.classList.toggle(n,e),this.menu.style.setProperty("display",e?"none":"flex")}}function s(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector("details[open].fp-menu-container");n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle("has-menu-opened",!1))})}function i(){return Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(s(),this.active_menu=void 0)}));function r(e,t,n){const s=function(e,t){const n=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(n,"data",{get:()=>t}),n}(t,n);return e.dispatchEvent(s),e}var a;!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}(),function(e){e[e.Idle=0]="Idle",e[e.Receiving=1]="Receiving"}(a||(a={}));var o=function(e){var t={exports:{}};return e(t,t.exports),t.exports}((function(e,t){var n,s,i,r,a;n=/^(?=((?:[a-zA-Z0-9+\-.]+:)?))\1(?=((?:\/\/[^\/?#]*)?))\2(?=((?:(?:[^?#\/]*\/)*[^;?#\/]*)?))\3((?:;[^?#]*)?)(\?[^#]*)?(#[^]*)?$/,s=/^(?=([^\/?#]*))\1([^]*)$/,i=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g,a={buildAbsoluteURL:function(e,t,n){if(n=n||{},e=e.trim(),!(t=t.trim())){if(!n.alwaysNormalize)return e;var i=a.parseURL(e);if(!i)throw new Error("Error trying to parse base URL.");return i.path=a.normalizePath(i.path),a.buildURLFromParts(i)}var r=a.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return n.alwaysNormalize?(r.path=a.normalizePath(r.path),a.buildURLFromParts(r)):t;var o=a.parseURL(e);if(!o)throw new Error("Error trying to parse base URL.");if(!o.netLoc&&o.path&&"/"!==o.path[0]){var l=s.exec(o.path);o.netLoc=l[1],o.path=l[2]}o.netLoc&&!o.path&&(o.path="/");var c={scheme:o.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(c.netLoc=o.netLoc,"/"!==r.path[0]))if(r.path){var u=o.path,d=u.substring(0,u.lastIndexOf("/")+1)+r.path;c.path=a.normalizePath(d)}else c.path=o.path,r.params||(c.params=o.params,r.query||(c.query=o.query));return null===c.path&&(c.path=n.alwaysNormalize?a.normalizePath(r.path):r.path),a.buildURLFromParts(c)},parseURL:function(e){var t=n.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(i,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=a}));const l=/#EXT-X-MEDIA:(.*)/g,c=/(.+?)=(".*?"|.*?)(?:,|$)/g;function u(e,t,n,s){let i=n;const r={name:e,default:n,data:s||[]};return Object.defineProperty(r,"selected",{get:()=>i,set(e){var n;"boolean"==typeof e&&i!==e&&(i&&1===(null===(n=t.tracks)||void 0===n?void 0:n.filter(e=>e.selected).length)||(i=e,e&&t.emit("tracks:video:select",{track:r})))}})}class AttrList{constructor(e){"string"==typeof e&&(e=AttrList.parseAttrList(e)),Object.keys(e).forEach(t=>{e.hasOwnProperty(t)&&("X-"===t.substring(0,2)&&(this.clientAttrs=this.clientAttrs||[],this.clientAttrs.push(t)),this[t]=e[t])})}bool(e){return"YES"===this[e]}static parseAttrList(e){let t;const n={};for(c.lastIndex=0;null!==(t=c.exec(e));){let e=t[2];0===e.indexOf('"')&&e.lastIndexOf('"')===e.length-1&&(e=e.slice(1,-1));n[t[1].trim()]=e}return n}}var d;const m=((d=class Vtsel{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-video-menu",FlowplayerMenu)}init(t,n,s){const i=e(s,"flowplayer-video-menu");i instanceof FlowplayerMenu&&i.setMenuAttrs({summaryTitle:s.i18n("vtsel.button_txt","Video"),menuTitle:s.i18n("vtsel.menu_title","Video Track"),class:"fp-vsel",options_event:Vtsel.events.TRACKS,item_selected_event:Vtsel.events.SWITCH}),s.on("parse:video:tracks",e=>{const t=e.detail;t&&function(e,t,n){var s,i,r,a;let c,d=0;for(l.lastIndex=0;null!==(c=l.exec(t));){const t=new AttrList(c[1]);if("VIDEO"===t.TYPE){let l=null===(s=e.tracks)||void 0===s?void 0:s.find(e=>e.name===(t.NAME||t.LANGUAGE||"Track "+d));if(l||(l=u(t.NAME||t.LANGUAGE||d+++"",e,t.bool("DEFAULT")),t.bool("DEFAULT")&&(l.data=null===(i=e.hls)||void 0===i?void 0:i.levels.slice(0)),null===(r=e.tracks)||void 0===r||r.push(l)),t.bool("DEFAULT"))continue;const c={details:void 0,audioGroupIds:null===(a=e.hls)||void 0===a?void 0:a.levels[0].audioGroupIds,attrs:{},urlId:0,url:[t.URI?o.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):""],uri:t.URI?o.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):"",level:l.data.length,name:"level "+l.data.length};l.data.push(c)}}}(s,t.manifest,t.url)}),s.on("loadeddata",()=>{if(s.tracks&&s.tracks.length)return s.emit("videoTracks",s.tracks);s.tracks=s.videoTracks?Array.from(s.videoTracks).map((e,t)=>u(e.label?e.label:"track "+t,s,e.selected)):[u("default",s,!0)],s.emit("videoTracks",s.tracks)}),s.on("mount",(function(){var e;null===(e=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(s,s.hasState("is-tv")?"flowplayer-tv-menu":"flowplayer-control"))||void 0===e||e.append(i)})),s.on("src",()=>{s.tracks=[],r(i,Vtsel.events.TRACKS,[])}),s.on("videoTracks",()=>{const e=s.tracks;e&&Array.isArray(e)&&(r(i,Vtsel.events.TRACKS,e.map(e=>({text:e.name,onclick:()=>e.selected=!0}))),r(i,Vtsel.events.SWITCH,{selected_index:e.findIndex(e=>e.default)}),i instanceof FlowplayerMenu&&i.toggle_visibility((null==e?void 0:e.length)<2))}),s.on("tracks:video:select",e=>{const t=e.detail.track,n=s.tracks;if(!t||!n||!Array.isArray(n))return;if(r(i,Vtsel.events.SWITCH,{selected_index:n.indexOf(t)}),!s.opts.is_native||!s.videoTracks)return;s.videoTracks[n.indexOf(t)].selected=!0;const a=n.find(e=>e.selected&&e!==t);a&&(a.selected=!1,s.videoTracks[n.indexOf(a)].selected=!1)}),s.on("rts/status",e=>{var t;const n=e.detail.status,o=e.detail.data;if(n===a.Idle)return r(i,Vtsel.events.TRACKS,[]),s.tracks=[];n===a.Receiving&&(null===(t=null==s?void 0:s.tracks)||void 0===t||t.push(u((null==o?void 0:o.sourceId)||"Main",s,!(null==o?void 0:o.sourceId),o)))})}}).events={TRACKS:"video:tracks",SWITCH:"video:update"},d);return function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;if(null===document.currentScript)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,m)}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):((e="undefined"!=typeof globalThis?globalThis:e||self).flowplayer=e.flowplayer||{},e.flowplayer.vtsel=t())}(this,(function(){"use strict";const e=(e,t)=>new(((e,t)=>{const n=e.get(t);if(!n)throw new Error(`no flowplayer component with the name ${t} exists`);const s=window.customElements.get(t);if(!s)throw new Error(`no default flowplayer component with the name ${t} exists`);const i=window.customElements.get(n);return"function"!=typeof i?s:i})(e._customElements,t))(e);class FlowplayerComponent extends HTMLElement{constructor(e){super(),this.player=e}}const t="fp-on",n="fp-invis";class FlowplayerMenu extends FlowplayerComponent{constructor(e){super(e),this.player=e,this.menuContainer=document.createElement("details"),this.summaryEle=document.createElement("summary"),this.menuHeader=document.createElement("div"),this.menuTitle=document.createElement("h3"),this.olEle=document.createElement("ol"),this.olEle.id=i(),this.menu=document.createElement("div"),this.closeEle=document.createElement("span"),this.menuHeader.classList.add("fp-menu-header"),this.menuHeader.append(this.menuTitle,this.closeEle),this.menu.classList.add("fp-menu"),this.menu.append(this.menuHeader,this.olEle),this.closeEle.classList.add("fp-close"),this.closeEle.textContent="×",this.menuContainer.classList.add("fp-menu-container"),this.menuContainer.append(this.summaryEle,this.menu),this.menuContainer.addEventListener("click",t=>{if(t.defaultPrevented)return;t.preventDefault();const n=this.menuContainer.open;n||(s(),document.active_menu=this.menuContainer),this.menuContainer.open=!n,e.root.classList.toggle("has-menu-opened",!n),this.summaryEle.setAttribute("aria-expanded",n?"false":"true")}),this.addEventListener("focusin",e=>{const t=e.target;t instanceof HTMLLIElement&&t.setAttribute("aria-selected","true")}),this.addEventListener("focusout",e=>{const t=e.target;t instanceof HTMLLIElement&&t.setAttribute("aria-selected","false")}),this.append(this.menuContainer),this.olEle.setAttribute("aria-labelledby",this.summaryEle.id),this.olEle.setAttribute("role","menu"),this.summaryEle.setAttribute("aria-haspopup","true"),this.summaryEle.setAttribute("aria-controls",this.olEle.id),this.summaryEle.setAttribute("tabindex","0"),this.summaryEle.setAttribute("aria-expanded","false"),this.summaryEle.setAttribute("role","button")}get options(){return this.olEle.querySelectorAll("li")}setMenuAttrs(t){if(this.className=t.class,this.toggle_visibility(!0),this.summaryEle.id||(this.summaryEle.id=t.id||i()),this.summaryEle.setAttribute("aria-label",t.menuTitle||"Menu"),t.summaryTitle&&(this.summaryEle.textContent=t.summaryTitle),t.summaryIcon){const n=e(this.player,t.summaryIcon);n.setAttribute("tabindex",""),this.summaryEle.append(n)}t.menuTitle&&(this.menuTitle.textContent=t.menuTitle),this.menu.classList.toggle("fp-icons",!!t.icons),this.addEventListener(t.options_event,e=>{this.render(e.data)}),t.item_selected_event&&this.addEventListener(t.item_selected_event,e=>{void 0!==e.data&&this.select_item(e.data.selected_index)})}render(e){this.olEle&&(this.olEle.innerHTML="",e&&e.forEach(this.menuOption,this),this.toggle_visibility(!(null==e?void 0:e.length)))}menuOption(e,t){const n=document.createElement("li");n.setAttribute("role","menuitem"),n.setAttribute("aria-selected","false"),n.setAttribute("tabindex","0"),e.icon&&n.append(e.icon);const s=document.createElement("span");s.textContent=e.text,n.append(s),n.addEventListener("click",()=>{this.select_item(t),"function"==typeof e.onclick&&e.onclick()}),this.olEle.appendChild(n),e.selected&&this.select_item(t)}select_item(e){this.options.forEach((n,s)=>{n.classList.toggle(t,s===e)})}unselect_item(){this.options.forEach(e=>{e.classList.remove(t)})}toggle_visibility(e){this.classList.toggle(n,e),this.menu.style.setProperty("display",e?"none":"flex")}}function s(){Array.from(document.querySelectorAll(".fp-engine")).forEach(e=>{var t;const n=e.root.querySelector("details[open].fp-menu-container");n&&(n.open=!1,null===(t=n.querySelector("summary"))||void 0===t||t.removeAttribute("aria-expanded"),e.root.classList.toggle("has-menu-opened",!1))})}function i(){return Math.random().toString(36).replace(/[^a-z]+/g,"").substr(0,5)}document.addEventListener("click",(function(e){this.active_menu&&!e.composedPath().includes(this.active_menu)&&(s(),this.active_menu=void 0)}));function r(e,t,n){const s=function(e,t){const n=new CustomEvent(e,{detail:t,cancelable:!0});return t&&Object.defineProperty(n,"data",{get:()=>t}),n}(t,n);return e.dispatchEvent(s),e}var o;!function(){let e=!1;try{const t=Object.defineProperty({},"passive",{get:function(){e=!0}});window.addEventListener("testPassive",null,t),window.removeEventListener("testPassive",null,t)}catch(e){}}(),function(e){e[e.Idle=0]="Idle",e[e.Receiving=1]="Receiving"}(o||(o={}));var a=function(e){var t={exports:{}};return e(t,t.exports),t.exports}((function(e,t){var n,s,i,r,o;n=/^(?=((?:[a-zA-Z0-9+\-.]+:)?))\1(?=((?:\/\/[^\/?#]*)?))\2(?=((?:(?:[^?#\/]*\/)*[^;?#\/]*)?))\3((?:;[^?#]*)?)(\?[^#]*)?(#[^]*)?$/,s=/^(?=([^\/?#]*))\1([^]*)$/,i=/(?:\/|^)\.(?=\/)/g,r=/(?:\/|^)\.\.\/(?!\.\.\/)[^\/]*(?=\/)/g,o={buildAbsoluteURL:function(e,t,n){if(n=n||{},e=e.trim(),!(t=t.trim())){if(!n.alwaysNormalize)return e;var i=o.parseURL(e);if(!i)throw new Error("Error trying to parse base URL.");return i.path=o.normalizePath(i.path),o.buildURLFromParts(i)}var r=o.parseURL(t);if(!r)throw new Error("Error trying to parse relative URL.");if(r.scheme)return n.alwaysNormalize?(r.path=o.normalizePath(r.path),o.buildURLFromParts(r)):t;var a=o.parseURL(e);if(!a)throw new Error("Error trying to parse base URL.");if(!a.netLoc&&a.path&&"/"!==a.path[0]){var l=s.exec(a.path);a.netLoc=l[1],a.path=l[2]}a.netLoc&&!a.path&&(a.path="/");var c={scheme:a.scheme,netLoc:r.netLoc,path:null,params:r.params,query:r.query,fragment:r.fragment};if(!r.netLoc&&(c.netLoc=a.netLoc,"/"!==r.path[0]))if(r.path){var u=a.path,d=u.substring(0,u.lastIndexOf("/")+1)+r.path;c.path=o.normalizePath(d)}else c.path=a.path,r.params||(c.params=a.params,r.query||(c.query=a.query));return null===c.path&&(c.path=n.alwaysNormalize?o.normalizePath(r.path):r.path),o.buildURLFromParts(c)},parseURL:function(e){var t=n.exec(e);return t?{scheme:t[1]||"",netLoc:t[2]||"",path:t[3]||"",params:t[4]||"",query:t[5]||"",fragment:t[6]||""}:null},normalizePath:function(e){for(e=e.split("").reverse().join("").replace(i,"");e.length!==(e=e.replace(r,"")).length;);return e.split("").reverse().join("")},buildURLFromParts:function(e){return e.scheme+e.netLoc+e.path+e.params+e.query+e.fragment}},e.exports=o}));const l=/#EXT-X-MEDIA:(.*)/g,c=/(.+?)=(".*?"|.*?)(?:,|$)/g;function u(e,t,n,s){let i=n;const r={name:e,default:n,data:s||[]};return Object.defineProperty(r,"selected",{get:()=>i,set(e){var n;"boolean"==typeof e&&i!==e&&(i&&1===(null===(n=t.tracks)||void 0===n?void 0:n.filter(e=>e.selected).length)||(i=e,e&&t.emit("tracks:video:select",{track:r})))}})}class AttrList{constructor(e){"string"==typeof e&&(e=AttrList.parseAttrList(e)),Object.keys(e).forEach(t=>{e.hasOwnProperty(t)&&("X-"===t.substring(0,2)&&(this.clientAttrs=this.clientAttrs||[],this.clientAttrs.push(t)),this[t]=e[t])})}bool(e){return"YES"===this[e]}static parseAttrList(e){let t;const n={};for(c.lastIndex=0;null!==(t=c.exec(e));){let e=t[2];0===e.indexOf('"')&&e.lastIndexOf('"')===e.length-1&&(e=e.slice(1,-1));n[t[1].trim()]=e}return n}}var d,m=Object.freeze({__proto__:null,PARSE_TRACKS:"parse:video:tracks",VIDEO_TRACK_SELECT:"tracks:video:select",VIDEO_TRACKS:"videoTracks",TRACKS:"video:tracks",SWITCH:"video:update"});const p=((d=class Vtsel{constructor(e){((e,t,n)=>{window.customElements.get(t)||window.customElements.define(t,n),e.customElements.get(t)||e.customElements.set(t,t)})(e,"flowplayer-video-menu",FlowplayerMenu)}init(t,n,s){const i=e(s,"flowplayer-video-menu");i instanceof FlowplayerMenu&&i.setMenuAttrs({summaryTitle:s.i18n("vtsel.button_txt","Video"),menuTitle:s.i18n("vtsel.menu_title","Video Track"),class:"fp-vsel",options_event:Vtsel.events.TRACKS,item_selected_event:Vtsel.events.SWITCH}),s.on("parse:video:tracks",e=>{const t=e.detail;t&&function(e,t,n){var s,i,r,o,c,d,m;let p,h=0;for(l.lastIndex=0;null!==(p=l.exec(t));){const t=new AttrList(p[1]);if("VIDEO"===t.TYPE){let l=null===(s=e.tracks)||void 0===s?void 0:s.find(e=>e.name===(t.NAME||t.LANGUAGE||"Track "+h));if(l||(l=u(t.NAME||t.LANGUAGE||h+++"",e,t.bool("DEFAULT")),t.bool("DEFAULT")&&(l.data=null===(i=e.hls)||void 0===i?void 0:i.levels.slice(0)),null===(r=e.tracks)||void 0===r||r.push(l)),t.bool("DEFAULT"))continue;const p={details:void 0,audioGroupIds:null===(o=e.hls)||void 0===o?void 0:o.levels[0].audioGroupIds,attrs:{},urlId:0,url:[t.URI?a.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):""],uri:t.URI?a.buildAbsoluteURL(n,t.URI,{alwaysNormalize:!0}):"",level:null===(c=l.data)||void 0===c?void 0:c.length,name:"level "+(null===(d=l.data)||void 0===d?void 0:d.length)};null===(m=l.data)||void 0===m||m.push(p)}}}(s,t.manifest,t.url)}),s.on("loadeddata",()=>{if(s.tracks&&s.tracks.length)return s.emit("videoTracks",s.tracks);s.tracks=s.videoTracks?Array.from(s.videoTracks).map((e,t)=>u(e.label?e.label:"track "+t,s,e.selected)):[u("default",s,!0)],s.emit("videoTracks",s.tracks)}),s.on("mount",(function(){var e;null===(e=function(e,t){const n=e._customElements.get(t);return n&&e.root.querySelector(n)||void 0}(s,s.hasState("is-tv")?"flowplayer-tv-menu":"flowplayer-control"))||void 0===e||e.append(i)})),s.on("src",()=>{s.tracks=[],r(i,Vtsel.events.TRACKS,[])}),s.on("videoTracks",()=>{const e=s.tracks;e&&Array.isArray(e)&&(r(i,Vtsel.events.TRACKS,e.map(e=>({text:e.name,onclick:()=>e.selected=!0}))),r(i,Vtsel.events.SWITCH,{selected_index:e.findIndex(e=>e.default)}),i instanceof FlowplayerMenu&&i.toggle_visibility((null==e?void 0:e.length)<2))}),s.on("tracks:video:select",e=>{const t=e.detail.track,n=s.tracks;if(!t||!n||!Array.isArray(n))return;if(r(i,Vtsel.events.SWITCH,{selected_index:n.indexOf(t)}),!s.opts.is_native||!s.videoTracks)return;s.videoTracks[n.indexOf(t)].selected=!0;const o=n.find(e=>e.selected&&e!==t);o&&(o.selected=!1,s.videoTracks[n.indexOf(o)].selected=!1)}),s.on("rts/status",e=>{var t;const n=e.detail.status,a=e.detail.data;if(n===o.Idle)return r(i,Vtsel.events.TRACKS,[]),s.tracks=[];n===o.Receiving&&(null===(t=null==s?void 0:s.tracks)||void 0===t||t.push(u((null==a?void 0:a.sourceId)||"Main",s,!(null==a?void 0:a.sourceId),a)))})}}).events=m,d);return function(e,t){if("object"==typeof exports&&"undefined"!=typeof module)return t;if(null===document.currentScript)return t;"flowplayer"in e||(e.flowplayer={extensions:[]});const n=e.flowplayer;return"function"==typeof n?(n(t),t):(Array.isArray(n.extensions)||(n.extensions=[]),~n.extensions.indexOf(t)||n.extensions.push(t),t)}(window,p)}));