@gcorevideo/player 2.19.14 → 2.19.15

package/dist/plugins/index.js

@@ -3180,7 +3180,7 @@ var triggerEvents = function triggerEvents(events, args, klass, name) {
  * @constructor
  * @module base
  */
-var Events$2 = /*#__PURE__*/function () {
+var Events$1 = /*#__PURE__*/function () {
   function Events() {
     _classCallCheck(this, Events);
   }
@@ -3328,7 +3328,7 @@ var Events$2 = /*#__PURE__*/function () {
     }
   }]);
 }();
-Events$2.prototype.listenTo = function (obj, name, callback) {
+Events$1.prototype.listenTo = function (obj, name, callback) {
   var listeningTo = this._listeningTo || (this._listeningTo = {});
   var id = obj._listenId || (obj._listenId = uniqueId('l'));
   listeningTo[id] = obj;
@@ -3349,7 +3349,7 @@ Events$2.prototype.listenTo = function (obj, name, callback) {
  * this.listenToOnce(this.core.playback, Events.PLAYBACK_PAUSE, this.callback)
  * ```
  */
-Events$2.prototype.listenToOnce = function (obj, name, callback) {
+Events$1.prototype.listenToOnce = function (obj, name, callback) {
   var listeningTo = this._listeningTo || (this._listeningTo = {});
   var id = obj._listenId || (obj._listenId = uniqueId('l'));
   listeningTo[id] = obj;
@@ -3364,59 +3364,59 @@ Events$2.prototype.listenToOnce = function (obj, name, callback) {
  *
  * @event PLAYER_READY
  */
-Events$2.PLAYER_READY = 'ready';
+Events$1.PLAYER_READY = 'ready';
 /**
  * Fired when player resizes
  *
  * @event PLAYER_RESIZE
  * @param {Object} currentSize an object with the current size
  */
-Events$2.PLAYER_RESIZE = 'resize';
+Events$1.PLAYER_RESIZE = 'resize';
 /**
  * Fired when player changes its fullscreen state
  *
  * @event PLAYER_FULLSCREEN
  * @param {Boolean} whether or not the player is on fullscreen mode
  */
-Events$2.PLAYER_FULLSCREEN = 'fullscreen';
+Events$1.PLAYER_FULLSCREEN = 'fullscreen';
 /**
  * Fired when player starts to play
  *
  * @event PLAYER_PLAY
  */
-Events$2.PLAYER_PLAY = 'play';
+Events$1.PLAYER_PLAY = 'play';
 /**
  * Fired when player pauses
  *
  * @event PLAYER_PAUSE
  */
-Events$2.PLAYER_PAUSE = 'pause';
+Events$1.PLAYER_PAUSE = 'pause';
 /**
  * Fired when player stops
  *
  * @event PLAYER_STOP
  */
-Events$2.PLAYER_STOP = 'stop';
+Events$1.PLAYER_STOP = 'stop';
 /**
  * Fired when player ends the video
  *
  * @event PLAYER_ENDED
  */
-Events$2.PLAYER_ENDED = 'ended';
+Events$1.PLAYER_ENDED = 'ended';
 /**
  * Fired when player seeks the video
  *
  * @event PLAYER_SEEK
  * @param {Number} time the current time in seconds
  */
-Events$2.PLAYER_SEEK = 'seek';
+Events$1.PLAYER_SEEK = 'seek';
 /**
  * Fired when player receives an error
  *
  * @event PLAYER_ERROR
  * @param {Object} error the error
  */
-Events$2.PLAYER_ERROR = 'playererror';
+Events$1.PLAYER_ERROR = 'playererror';
 /**
  * Fired when there is an error
  *
@@ -3436,7 +3436,7 @@ Events$2.PLAYER_ERROR = 'playererror';
  * @param {String} [options.raw]
  * raw error: the initial error received
  */
-Events$2.ERROR = 'error';
+Events$1.ERROR = 'error';
 /**
  * Fired when the time is updated on player
  *
@@ -3448,33 +3448,33 @@ Events$2.ERROR = 'error';
  * @param {Number} [progress.total]
  * total time (in seconds)
  */
-Events$2.PLAYER_TIMEUPDATE = 'timeupdate';
+Events$1.PLAYER_TIMEUPDATE = 'timeupdate';
 /**
  * Fired when player updates its volume
  *
  * @event PLAYER_VOLUMEUPDATE
  * @param {Number} volume the current volume
  */
-Events$2.PLAYER_VOLUMEUPDATE = 'volumeupdate';
+Events$1.PLAYER_VOLUMEUPDATE = 'volumeupdate';
 
 /**
  * Fired when subtitle is available
  *
  * @event PLAYER_SUBTITLE_AVAILABLE
  */
-Events$2.PLAYER_SUBTITLE_AVAILABLE = 'subtitleavailable';
+Events$1.PLAYER_SUBTITLE_AVAILABLE = 'subtitleavailable';
 
 // Playback Events
 /** Fired when picture-in-picture mode is entered
  *
  * @event PLAYBACK_PIP_ENTER
  */
-Events$2.PLAYBACK_PIP_ENTER = 'playback:picture-in-picture:enter';
+Events$1.PLAYBACK_PIP_ENTER = 'playback:picture-in-picture:enter';
 /** Fired when picture-in-picture mode is exited
  *
  * @event PLAYBACK_PIP_EXIT
  */
-Events$2.PLAYBACK_PIP_EXIT = 'playback:picture-in-picture:exit';
+Events$1.PLAYBACK_PIP_EXIT = 'playback:picture-in-picture:exit';
 /**
  * Fired when the playback is downloading the media
  *
@@ -3490,7 +3490,7 @@ Events$2.PLAYBACK_PIP_EXIT = 'playback:picture-in-picture:exit';
  * @param buffered {Array}
  * array of buffered segments ({start, end}). [Only for supported playbacks]
  */
-Events$2.PLAYBACK_PROGRESS = 'playback:progress';
+Events$1.PLAYBACK_PROGRESS = 'playback:progress';
 /**
  * Fired when the time is updated on playback
  *
@@ -3502,13 +3502,13 @@ Events$2.PLAYBACK_PROGRESS = 'playback:progress';
  * @param {Number} [progress.total]
  * total time (in seconds)
  */
-Events$2.PLAYBACK_TIMEUPDATE = 'playback:timeupdate';
+Events$1.PLAYBACK_TIMEUPDATE = 'playback:timeupdate';
 /**
  * Fired when playback is ready
  *
  * @event PLAYBACK_READY
  */
-Events$2.PLAYBACK_READY = 'playback:ready';
+Events$1.PLAYBACK_READY = 'playback:ready';
 /**
  * Fired when the playback starts having to buffer because
  * playback can currently not be smooth.
@@ -3518,7 +3518,7 @@ Events$2.PLAYBACK_READY = 'playback:ready';
  *
  * @event PLAYBACK_BUFFERING
  */
-Events$2.PLAYBACK_BUFFERING = 'playback:buffering';
+Events$1.PLAYBACK_BUFFERING = 'playback:buffering';
 /**
  * Fired when the playback has enough in the buffer to be
  * able to play smoothly, after previously being unable to
@@ -3529,13 +3529,13 @@ Events$2.PLAYBACK_BUFFERING = 'playback:buffering';
  *
  * @event PLAYBACK_BUFFERFULL
  */
-Events$2.PLAYBACK_BUFFERFULL = 'playback:bufferfull';
+Events$1.PLAYBACK_BUFFERFULL = 'playback:bufferfull';
 /**
  * Fired when playback changes any settings (volume, seek and etc)
  *
  * @event PLAYBACK_SETTINGSUPDATE
  */
-Events$2.PLAYBACK_SETTINGSUPDATE = 'playback:settingsupdate';
+Events$1.PLAYBACK_SETTINGSUPDATE = 'playback:settingsupdate';
 /**
  * Fired when playback loaded its metadata
  *
@@ -3547,7 +3547,7 @@ Events$2.PLAYBACK_SETTINGSUPDATE = 'playback:settingsupdate';
  * @param {Object} [metadata.data]
  * extra meta data
  */
-Events$2.PLAYBACK_LOADEDMETADATA = 'playback:loadedmetadata';
+Events$1.PLAYBACK_LOADEDMETADATA = 'playback:loadedmetadata';
 /**
  * Fired when playback updates its video quality
  *
@@ -3555,7 +3555,7 @@ Events$2.PLAYBACK_LOADEDMETADATA = 'playback:loadedmetadata';
  * @param {Boolean} isHD
  * true when is on HD, false otherwise
  */
-Events$2.PLAYBACK_HIGHDEFINITIONUPDATE = 'playback:highdefinitionupdate';
+Events$1.PLAYBACK_HIGHDEFINITIONUPDATE = 'playback:highdefinitionupdate';
 /**
  * Fired when playback updates its bitrate
  *
@@ -3571,7 +3571,7 @@ Events$2.PLAYBACK_HIGHDEFINITIONUPDATE = 'playback:highdefinitionupdate';
  * @param {Number} [bitrate.level]
  * playback level when it's available, it could be just a map for width (0 => 240, 1 => 480, 2 => 720)
  */
-Events$2.PLAYBACK_BITRATE = 'playback:bitrate';
+Events$1.PLAYBACK_BITRATE = 'playback:bitrate';
 /**
  * Fired when the playback has its levels
  *
@@ -3581,21 +3581,21 @@ Events$2.PLAYBACK_BITRATE = 'playback:bitrate';
  * @param {Number} initial
  * the initial level otherwise -1 (AUTO)
  */
-Events$2.PLAYBACK_LEVELS_AVAILABLE = 'playback:levels:available';
+Events$1.PLAYBACK_LEVELS_AVAILABLE = 'playback:levels:available';
 /**
  * Fired when the playback starts to switch level
  *
  * @event PLAYBACK_LEVEL_SWITCH_START
  *
  */
-Events$2.PLAYBACK_LEVEL_SWITCH_START = 'playback:levels:switch:start';
+Events$1.PLAYBACK_LEVEL_SWITCH_START = 'playback:levels:switch:start';
 /**
  * Fired when the playback ends the level switch
  *
  * @event PLAYBACK_LEVEL_SWITCH_END
  *
  */
-Events$2.PLAYBACK_LEVEL_SWITCH_END = 'playback:levels:switch:end';
+Events$1.PLAYBACK_LEVEL_SWITCH_END = 'playback:levels:switch:end';
 
 /**
  * Fired when playback internal state changes
@@ -3606,31 +3606,31 @@ Events$2.PLAYBACK_LEVEL_SWITCH_END = 'playback:levels:switch:end';
  * @param {String} [state.type]
  * the playback type
  */
-Events$2.PLAYBACK_PLAYBACKSTATE = 'playback:playbackstate';
+Events$1.PLAYBACK_PLAYBACKSTATE = 'playback:playbackstate';
 /**
  * Fired when DVR becomes enabled/disabled.
  *
  * @event PLAYBACK_DVR
  * @param {boolean} state true if dvr enabled
  */
-Events$2.PLAYBACK_DVR = 'playback:dvr';
+Events$1.PLAYBACK_DVR = 'playback:dvr';
 // TODO doc
-Events$2.PLAYBACK_MEDIACONTROL_DISABLE = 'playback:mediacontrol:disable';
+Events$1.PLAYBACK_MEDIACONTROL_DISABLE = 'playback:mediacontrol:disable';
 // TODO doc
-Events$2.PLAYBACK_MEDIACONTROL_ENABLE = 'playback:mediacontrol:enable';
+Events$1.PLAYBACK_MEDIACONTROL_ENABLE = 'playback:mediacontrol:enable';
 /**
  * Fired when the media for a playback ends.
  *
  * @event PLAYBACK_ENDED
  * @param {String} name the name of the playback
  */
-Events$2.PLAYBACK_ENDED = 'playback:ended';
+Events$1.PLAYBACK_ENDED = 'playback:ended';
 /**
  * Fired when user requests `play()`
  *
  * @event PLAYBACK_PLAY_INTENT
  */
-Events$2.PLAYBACK_PLAY_INTENT = 'playback:play:intent';
+Events$1.PLAYBACK_PLAY_INTENT = 'playback:play:intent';
 /**
  * Fired when the media for a playback starts playing.
  * This is not necessarily when the user requests `play()`
@@ -3640,31 +3640,31 @@ Events$2.PLAYBACK_PLAY_INTENT = 'playback:play:intent';
  *
  * @event PLAYBACK_PLAY
  */
-Events$2.PLAYBACK_PLAY = 'playback:play';
+Events$1.PLAYBACK_PLAY = 'playback:play';
 /**
  * Fired when the media for a playback pauses.
  *
  * @event PLAYBACK_PAUSE
  */
-Events$2.PLAYBACK_PAUSE = 'playback:pause';
+Events$1.PLAYBACK_PAUSE = 'playback:pause';
 /**
  * Fired when the media for a playback is seeking.
  *
  * @event PLAYBACK_SEEK
  */
-Events$2.PLAYBACK_SEEK = 'playback:seek';
+Events$1.PLAYBACK_SEEK = 'playback:seek';
 /**
  * Fired when the media for a playback is seeked.
  *
  * @event PLAYBACK_SEEKED
  */
-Events$2.PLAYBACK_SEEKED = 'playback:seeked';
+Events$1.PLAYBACK_SEEKED = 'playback:seeked';
 /**
  * Fired when the media for a playback is stopped.
  *
  * @event PLAYBACK_STOP
  */
-Events$2.PLAYBACK_STOP = 'playback:stop';
+Events$1.PLAYBACK_STOP = 'playback:stop';
 /**
  * Fired if an error occurs in the playback.
  *
@@ -3672,11 +3672,11 @@ Events$2.PLAYBACK_STOP = 'playback:stop';
  * @param {Object} error An object containing the error details
  * @param {String} name Playback name
  */
-Events$2.PLAYBACK_ERROR = 'playback:error';
+Events$1.PLAYBACK_ERROR = 'playback:error';
 // TODO doc
-Events$2.PLAYBACK_STATS_ADD = 'playback:stats:add';
+Events$1.PLAYBACK_STATS_ADD = 'playback:stats:add';
 // TODO doc
-Events$2.PLAYBACK_FRAGMENT_LOADED = 'playback:fragment:loaded';
+Events$1.PLAYBACK_FRAGMENT_LOADED = 'playback:fragment:loaded';
 /**
  *  Fired when a fragment has been appended into buffer
  *
@@ -3684,15 +3684,15 @@ Events$2.PLAYBACK_FRAGMENT_LOADED = 'playback:fragment:loaded';
  * @param {Object} data Data
  * 
  */
-Events$2.PLAYBACK_FRAGMENT_BUFFERED = 'playback:fragment:buffered';
+Events$1.PLAYBACK_FRAGMENT_BUFFERED = 'playback:fragment:buffered';
 // TODO doc
-Events$2.PLAYBACK_LEVEL_SWITCH = 'playback:level:switch';
+Events$1.PLAYBACK_LEVEL_SWITCH = 'playback:level:switch';
 /**
  * Fired when subtitle is available on playback for display
  *
  * @event PLAYBACK_SUBTITLE_AVAILABLE
  */
-Events$2.PLAYBACK_SUBTITLE_AVAILABLE = 'playback:subtitle:available';
+Events$1.PLAYBACK_SUBTITLE_AVAILABLE = 'playback:subtitle:available';
 /**
  * Fired when playback subtitle track has changed
  *
@@ -3702,28 +3702,28 @@ Events$2.PLAYBACK_SUBTITLE_AVAILABLE = 'playback:subtitle:available';
  * @param {Number} [track.id]
  * selected track id
  */
-Events$2.PLAYBACK_SUBTITLE_CHANGED = 'playback:subtitle:changed';
+Events$1.PLAYBACK_SUBTITLE_CHANGED = 'playback:subtitle:changed';
 
 /**
  * Fired when audio tracks are available to be used on the playback
  * @event PLAYBACK_AUDIO_AVAILABLE
  * @param {import('../playback/playback').AudioTrack[]} tracks - list of available audio tracks
  */
-Events$2.PLAYBACK_AUDIO_AVAILABLE = 'playback:audio:available';
+Events$1.PLAYBACK_AUDIO_AVAILABLE = 'playback:audio:available';
 
 /**
  * Fired whenever the current audio track has changed
  * @event PLAYBACK_AUDIO_CHANGED
  * @param {import('../playback/playback').AudioTrack} track - audio track active after change
  */
-Events$2.PLAYBACK_AUDIO_CHANGED = 'playback:audio:changed';
+Events$1.PLAYBACK_AUDIO_CHANGED = 'playback:audio:changed';
 
 /**
  * Fired when the playback was resized.
  *
  * @event PLAYBACK_RESIZE
  */
-Events$2.PLAYBACK_RESIZE = 'playback:resize';
+Events$1.PLAYBACK_RESIZE = 'playback:resize';
 
 // Core Events
 /**
@@ -3731,40 +3731,40 @@ Events$2.PLAYBACK_RESIZE = 'playback:resize';
  *
  * @event CORE_CONTAINERS_CREATED
  */
-Events$2.CORE_CONTAINERS_CREATED = 'core:containers:created';
+Events$1.CORE_CONTAINERS_CREATED = 'core:containers:created';
 /**
  * Fired when the active container changed
  *
  * @event CORE_ACTIVE_CONTAINER_CHANGED
  */
-Events$2.CORE_ACTIVE_CONTAINER_CHANGED = 'core:active:container:changed';
+Events$1.CORE_ACTIVE_CONTAINER_CHANGED = 'core:active:container:changed';
 /**
  * Fired when the options were changed for the core
  *
  * @event CORE_OPTIONS_CHANGE
  * @param {Object} new options provided to configure() method
  */
-Events$2.CORE_OPTIONS_CHANGE = 'core:options:change';
+Events$1.CORE_OPTIONS_CHANGE = 'core:options:change';
 /**
  * Fired after creating containers, when the core is ready
  *
  * @event CORE_READY
  */
-Events$2.CORE_READY = 'core:ready';
+Events$1.CORE_READY = 'core:ready';
 /**
  * Fired when the fullscreen state change
  *
  * @event CORE_FULLSCREEN
  * @param {Boolean} whether or not the player is on fullscreen mode
  */
-Events$2.CORE_FULLSCREEN = 'core:fullscreen';
+Events$1.CORE_FULLSCREEN = 'core:fullscreen';
 /**
  * Fired when core updates size
  *
  * @event CORE_RESIZE
  * @param {Object} currentSize an object with the current size
  */
-Events$2.CORE_RESIZE = 'core:resize';
+Events$1.CORE_RESIZE = 'core:resize';
 /**
  * Fired when the screen orientation has changed.
  * This event is trigger only for mobile devices.
@@ -3777,21 +3777,21 @@ Events$2.CORE_RESIZE = 'core:resize';
  * @param {String} [screen.orientation]
  * screen orientation (ie: 'landscape' or 'portrait')
  */
-Events$2.CORE_SCREEN_ORIENTATION_CHANGED = 'core:screen:orientation:changed';
+Events$1.CORE_SCREEN_ORIENTATION_CHANGED = 'core:screen:orientation:changed';
 /**
  * Fired when occurs mouse move event on core element
  *
  * @event CORE_MOUSE_MOVE
  * @param {Object} event a DOM event
  */
-Events$2.CORE_MOUSE_MOVE = 'core:mousemove';
+Events$1.CORE_MOUSE_MOVE = 'core:mousemove';
 /**
  * Fired when occurs mouse leave event on core element
  *
  * @event CORE_MOUSE_LEAVE
  * @param {Object} event a DOM event
  */
-Events$2.CORE_MOUSE_LEAVE = 'core:mouseleave';
+Events$1.CORE_MOUSE_LEAVE = 'core:mouseleave';
 
 // Container Events
 /**
@@ -3803,8 +3803,8 @@ Events$2.CORE_MOUSE_LEAVE = 'core:mouseleave';
  * @param {String} [state.type]
  * the playback type
  */
-Events$2.CONTAINER_PLAYBACKSTATE = 'container:playbackstate';
-Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED = 'container:dvr';
+Events$1.CONTAINER_PLAYBACKSTATE = 'container:playbackstate';
+Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED = 'container:dvr';
 /**
  * Fired when the container updates its bitrate
  *
@@ -3820,15 +3820,15 @@ Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED = 'container:dvr';
  * @param {Number} [bitrate.level]
  * playback level when it's available, it could be just a map for width (0 => 240, 1 => 480, 2 => 720)
  */
-Events$2.CONTAINER_BITRATE = 'container:bitrate';
-Events$2.CONTAINER_STATS_REPORT = 'container:stats:report';
-Events$2.CONTAINER_DESTROYED = 'container:destroyed';
+Events$1.CONTAINER_BITRATE = 'container:bitrate';
+Events$1.CONTAINER_STATS_REPORT = 'container:stats:report';
+Events$1.CONTAINER_DESTROYED = 'container:destroyed';
 /**
  * Fired when the container is ready
  *
  * @event CONTAINER_READY
  */
-Events$2.CONTAINER_READY = 'container:ready';
+Events$1.CONTAINER_READY = 'container:ready';
 
 /**
  * Fired when the container was resized.
@@ -3837,8 +3837,8 @@ Events$2.CONTAINER_READY = 'container:ready';
  *
  * @event CONTAINER_RESIZE
  */
-Events$2.CONTAINER_RESIZE = 'container:resize';
-Events$2.CONTAINER_ERROR = 'container:error';
+Events$1.CONTAINER_RESIZE = 'container:resize';
+Events$1.CONTAINER_ERROR = 'container:error';
 /**
  * Fired when the container loaded its metadata
  *
@@ -3850,14 +3850,14 @@ Events$2.CONTAINER_ERROR = 'container:error';
  * @param {Object} [metadata.data]
  * extra meta data
  */
-Events$2.CONTAINER_LOADEDMETADATA = 'container:loadedmetadata';
+Events$1.CONTAINER_LOADEDMETADATA = 'container:loadedmetadata';
 
 /**
  * Fired when subtitle is available on container for display
  *
  * @event CONTAINER_SUBTITLE_AVAILABLE
  */
-Events$2.CONTAINER_SUBTITLE_AVAILABLE = 'container:subtitle:available';
+Events$1.CONTAINER_SUBTITLE_AVAILABLE = 'container:subtitle:available';
 /**
  * Fired when subtitle track has changed
  *
@@ -3867,21 +3867,21 @@ Events$2.CONTAINER_SUBTITLE_AVAILABLE = 'container:subtitle:available';
  * @param {Number} [track.id]
  * selected track id
  */
-Events$2.CONTAINER_SUBTITLE_CHANGED = 'container:subtitle:changed';
+Events$1.CONTAINER_SUBTITLE_CHANGED = 'container:subtitle:changed';
 
 /**
  * Fired when audio tracks are available to be used on the container
  * @event CONTAINER_AUDIO_AVAILABLE
  * @param {import('../playback/playback').AudioTrack[]} tracks - list of available audio tracks
  */
-Events$2.CONTAINER_AUDIO_AVAILABLE = 'container:audio:available';
+Events$1.CONTAINER_AUDIO_AVAILABLE = 'container:audio:available';
 
 /**
   * Fired whenever the current audio track has changed
   * @event CONTAINER_AUDIO_CHANGED
   * @param {import('../playback/playback').AudioTrack} track - audio track active after change
   */
-Events$2.CONTAINER_AUDIO_CHANGED = 'container:audio:changed';
+Events$1.CONTAINER_AUDIO_CHANGED = 'container:audio:changed';
 
 /**
  * Fired when the time is updated on container
@@ -3894,7 +3894,7 @@ Events$2.CONTAINER_AUDIO_CHANGED = 'container:audio:changed';
  * @param {Number} [progress.total]
  * total time (in seconds)
  */
-Events$2.CONTAINER_TIMEUPDATE = 'container:timeupdate';
+Events$1.CONTAINER_TIMEUPDATE = 'container:timeupdate';
 /**
  * Fired when the container is downloading the media
  *
@@ -3908,29 +3908,29 @@ Events$2.CONTAINER_TIMEUPDATE = 'container:timeupdate';
  * @param {Number} [progress.total]
  * total content to be downloaded
  */
-Events$2.CONTAINER_PROGRESS = 'container:progress';
-Events$2.CONTAINER_PLAY = 'container:play';
-Events$2.CONTAINER_STOP = 'container:stop';
-Events$2.CONTAINER_PAUSE = 'container:pause';
-Events$2.CONTAINER_ENDED = 'container:ended';
-Events$2.CONTAINER_CLICK = 'container:click';
-Events$2.CONTAINER_DBLCLICK = 'container:dblclick';
-Events$2.CONTAINER_CONTEXTMENU = 'container:contextmenu';
-Events$2.CONTAINER_MOUSE_ENTER = 'container:mouseenter';
-Events$2.CONTAINER_MOUSE_LEAVE = 'container:mouseleave';
-Events$2.CONTAINER_MOUSE_UP = 'container:mouseup';
-Events$2.CONTAINER_MOUSE_DOWN = 'container:mousedown';
+Events$1.CONTAINER_PROGRESS = 'container:progress';
+Events$1.CONTAINER_PLAY = 'container:play';
+Events$1.CONTAINER_STOP = 'container:stop';
+Events$1.CONTAINER_PAUSE = 'container:pause';
+Events$1.CONTAINER_ENDED = 'container:ended';
+Events$1.CONTAINER_CLICK = 'container:click';
+Events$1.CONTAINER_DBLCLICK = 'container:dblclick';
+Events$1.CONTAINER_CONTEXTMENU = 'container:contextmenu';
+Events$1.CONTAINER_MOUSE_ENTER = 'container:mouseenter';
+Events$1.CONTAINER_MOUSE_LEAVE = 'container:mouseleave';
+Events$1.CONTAINER_MOUSE_UP = 'container:mouseup';
+Events$1.CONTAINER_MOUSE_DOWN = 'container:mousedown';
 
 /**
  *  Fired when the container enters on Picture-in-Picture mode
  * @event CONTAINER_PIP_ENTER
  */
-Events$2.CONTAINER_PIP_ENTER = 'container:picture-in-picture:enter';
+Events$1.CONTAINER_PIP_ENTER = 'container:picture-in-picture:enter';
 /**
  * Fired when the container exits from Picture-in-Picture mode
  * @event CONTAINER_PIP_EXIT
  */
-Events$2.CONTAINER_PIP_EXIT = 'container:picture-in-picture:exit';
+Events$1.CONTAINER_PIP_EXIT = 'container:picture-in-picture:exit';
 
 /**
  * Fired when the container seeks the video
@@ -3938,34 +3938,34 @@ Events$2.CONTAINER_PIP_EXIT = 'container:picture-in-picture:exit';
  * @event CONTAINER_SEEK
  * @param {Number} time the current time in seconds
  */
-Events$2.CONTAINER_SEEK = 'container:seek';
+Events$1.CONTAINER_SEEK = 'container:seek';
 /**
  * Fired when the container was finished the seek video
  *
  * @event CONTAINER_SEEKED
  * @param {Number} time the current time in seconds
  */
-Events$2.CONTAINER_SEEKED = 'container:seeked';
-Events$2.CONTAINER_VOLUME = 'container:volume';
-Events$2.CONTAINER_FULLSCREEN = 'container:fullscreen';
+Events$1.CONTAINER_SEEKED = 'container:seeked';
+Events$1.CONTAINER_VOLUME = 'container:volume';
+Events$1.CONTAINER_FULLSCREEN = 'container:fullscreen';
 /**
  * Fired when container is buffering
  *
  * @event CONTAINER_STATE_BUFFERING
  */
-Events$2.CONTAINER_STATE_BUFFERING = 'container:state:buffering';
+Events$1.CONTAINER_STATE_BUFFERING = 'container:state:buffering';
 /**
  * Fired when the container filled the buffer
  *
  * @event CONTAINER_STATE_BUFFERFULL
  */
-Events$2.CONTAINER_STATE_BUFFERFULL = 'container:state:bufferfull';
+Events$1.CONTAINER_STATE_BUFFERFULL = 'container:state:bufferfull';
 /**
  * Fired when the container changes any settings (volume, seek and etc)
  *
  * @event CONTAINER_SETTINGSUPDATE
  */
-Events$2.CONTAINER_SETTINGSUPDATE = 'container:settingsupdate';
+Events$1.CONTAINER_SETTINGSUPDATE = 'container:settingsupdate';
 /**
  * Fired when container updates its video quality
  *
@@ -3973,50 +3973,50 @@ Events$2.CONTAINER_SETTINGSUPDATE = 'container:settingsupdate';
  * @param {Boolean} isHD
  * true when is on HD, false otherwise
  */
-Events$2.CONTAINER_HIGHDEFINITIONUPDATE = 'container:highdefinitionupdate';
+Events$1.CONTAINER_HIGHDEFINITIONUPDATE = 'container:highdefinitionupdate';
 
 /**
  * Fired when the media control shows
  *
  * @event CONTAINER_MEDIACONTROL_SHOW
  */
-Events$2.CONTAINER_MEDIACONTROL_SHOW = 'container:mediacontrol:show';
+Events$1.CONTAINER_MEDIACONTROL_SHOW = 'container:mediacontrol:show';
 /**
  * Fired when the media control hides
  *
  * @event CONTAINER_MEDIACONTROL_HIDE
  */
-Events$2.CONTAINER_MEDIACONTROL_HIDE = 'container:mediacontrol:hide';
-Events$2.CONTAINER_MEDIACONTROL_DISABLE = 'container:mediacontrol:disable';
-Events$2.CONTAINER_MEDIACONTROL_ENABLE = 'container:mediacontrol:enable';
-Events$2.CONTAINER_STATS_ADD = 'container:stats:add';
+Events$1.CONTAINER_MEDIACONTROL_HIDE = 'container:mediacontrol:hide';
+Events$1.CONTAINER_MEDIACONTROL_DISABLE = 'container:mediacontrol:disable';
+Events$1.CONTAINER_MEDIACONTROL_ENABLE = 'container:mediacontrol:enable';
+Events$1.CONTAINER_STATS_ADD = 'container:stats:add';
 /**
  * Fired when the options were changed for the container
  *
  * @event CONTAINER_OPTIONS_CHANGE
  */
-Events$2.CONTAINER_OPTIONS_CHANGE = 'container:options:change';
+Events$1.CONTAINER_OPTIONS_CHANGE = 'container:options:change';
 
 // MediaControl Events
-Events$2.MEDIACONTROL_RENDERED = 'mediacontrol:rendered';
+Events$1.MEDIACONTROL_RENDERED = 'mediacontrol:rendered';
 /**
  * Fired when the player enters/exit on fullscreen
  *
  * @event MEDIACONTROL_FULLSCREEN
  */
-Events$2.MEDIACONTROL_FULLSCREEN = 'mediacontrol:fullscreen';
+Events$1.MEDIACONTROL_FULLSCREEN = 'mediacontrol:fullscreen';
 /**
  * Fired when the media control shows
  *
  * @event MEDIACONTROL_SHOW
  */
-Events$2.MEDIACONTROL_SHOW = 'mediacontrol:show';
+Events$1.MEDIACONTROL_SHOW = 'mediacontrol:show';
 /**
  * Fired when the media control hides
  *
  * @event MEDIACONTROL_HIDE
  */
-Events$2.MEDIACONTROL_HIDE = 'mediacontrol:hide';
+Events$1.MEDIACONTROL_HIDE = 'mediacontrol:hide';
 /**
  * Fired when mouse enters on the seekbar
  *
@@ -4024,7 +4024,7 @@ Events$2.MEDIACONTROL_HIDE = 'mediacontrol:hide';
  * @param {Object} event
  * the javascript event
  */
-Events$2.MEDIACONTROL_MOUSEMOVE_SEEKBAR = 'mediacontrol:mousemove:seekbar';
+Events$1.MEDIACONTROL_MOUSEMOVE_SEEKBAR = 'mediacontrol:mousemove:seekbar';
 /**
  * Fired when mouse leaves the seekbar
  *
@@ -4032,31 +4032,31 @@ Events$2.MEDIACONTROL_MOUSEMOVE_SEEKBAR = 'mediacontrol:mousemove:seekbar';
  * @param {Object} event
  * the javascript event
  */
-Events$2.MEDIACONTROL_MOUSELEAVE_SEEKBAR = 'mediacontrol:mouseleave:seekbar';
+Events$1.MEDIACONTROL_MOUSELEAVE_SEEKBAR = 'mediacontrol:mouseleave:seekbar';
 /**
  * Fired when the media is being played
  *
  * @event MEDIACONTROL_PLAYING
  */
-Events$2.MEDIACONTROL_PLAYING = 'mediacontrol:playing';
+Events$1.MEDIACONTROL_PLAYING = 'mediacontrol:playing';
 /**
  * Fired when the media is not being played
  *
  * @event MEDIACONTROL_NOTPLAYING
  */
-Events$2.MEDIACONTROL_NOTPLAYING = 'mediacontrol:notplaying';
+Events$1.MEDIACONTROL_NOTPLAYING = 'mediacontrol:notplaying';
 /**
  * Fired when the container was changed
  *
  * @event MEDIACONTROL_CONTAINERCHANGED
  */
-Events$2.MEDIACONTROL_CONTAINERCHANGED = 'mediacontrol:containerchanged';
+Events$1.MEDIACONTROL_CONTAINERCHANGED = 'mediacontrol:containerchanged';
 /**
  * Fired when the options were changed for the mediacontrol
  *
  * @event MEDIACONTROL_OPTIONS_CHANGE
  */
-Events$2.MEDIACONTROL_OPTIONS_CHANGE = 'mediacontrol:options:change';
+Events$1.MEDIACONTROL_OPTIONS_CHANGE = 'mediacontrol:options:change';
 
 /**
  * @class BaseObject
@@ -4097,7 +4097,7 @@ var BaseObject = /*#__PURE__*/function (_Events) {
       return this._options;
     }
   }]);
-}(Events$2);
+}(Events$1);
 
 /* eslint-disable no-var */
 // Simple JavaScript Templating
@@ -4502,7 +4502,7 @@ var PlayerError = /*#__PURE__*/function (_BaseObject) {
         Log.warn(this.name, 'Core is not set. Error: ', err);
         return;
       }
-      this.core.trigger(Events$2.ERROR, err);
+      this.core.trigger(Events$1.ERROR, err);
     }
   }], [{
     key: "Levels",
@@ -4820,74 +4820,74 @@ var Container = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      this.listenTo(this.playback, Events$2.PLAYBACK_PROGRESS, this.onProgress);
-      this.listenTo(this.playback, Events$2.PLAYBACK_TIMEUPDATE, this.timeUpdated);
-      this.listenTo(this.playback, Events$2.PLAYBACK_READY, this.ready);
-      this.listenTo(this.playback, Events$2.PLAYBACK_BUFFERING, this.onBuffering);
-      this.listenTo(this.playback, Events$2.PLAYBACK_BUFFERFULL, this.bufferfull);
-      this.listenTo(this.playback, Events$2.PLAYBACK_SETTINGSUPDATE, this.settingsUpdate);
-      this.listenTo(this.playback, Events$2.PLAYBACK_LOADEDMETADATA, this.loadedMetadata);
-      this.listenTo(this.playback, Events$2.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
-      this.listenTo(this.playback, Events$2.PLAYBACK_BITRATE, this.updateBitrate);
-      this.listenTo(this.playback, Events$2.PLAYBACK_PLAYBACKSTATE, this.playbackStateChanged);
-      this.listenTo(this.playback, Events$2.PLAYBACK_DVR, this.playbackDvrStateChanged);
-      this.listenTo(this.playback, Events$2.PLAYBACK_MEDIACONTROL_DISABLE, this.disableMediaControl);
-      this.listenTo(this.playback, Events$2.PLAYBACK_MEDIACONTROL_ENABLE, this.enableMediaControl);
-      this.listenTo(this.playback, Events$2.PLAYBACK_SEEK, this.onSeek);
-      this.listenTo(this.playback, Events$2.PLAYBACK_SEEKED, this.onSeeked);
-      this.listenTo(this.playback, Events$2.PLAYBACK_ENDED, this.onEnded);
-      this.listenTo(this.playback, Events$2.PLAYBACK_PLAY, this.playing);
-      this.listenTo(this.playback, Events$2.PLAYBACK_PAUSE, this.paused);
-      this.listenTo(this.playback, Events$2.PLAYBACK_STOP, this.stopped);
-      this.listenTo(this.playback, Events$2.PLAYBACK_ERROR, this.error);
-      this.listenTo(this.playback, Events$2.PLAYBACK_SUBTITLE_AVAILABLE, this.subtitleAvailable);
-      this.listenTo(this.playback, Events$2.PLAYBACK_SUBTITLE_CHANGED, this.subtitleChanged);
-      this.listenTo(this.playback, Events$2.PLAYBACK_AUDIO_AVAILABLE, this.audioAvailable);
-      this.listenTo(this.playback, Events$2.PLAYBACK_AUDIO_CHANGED, this.audioChanged);
-      this.listenTo(this.playback, Events$2.PLAYBACK_PIP_ENTER, this.onEnterPiP);
-      this.listenTo(this.playback, Events$2.PLAYBACK_PIP_EXIT, this.onExitPiP);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PROGRESS, this.onProgress);
+      this.listenTo(this.playback, Events$1.PLAYBACK_TIMEUPDATE, this.timeUpdated);
+      this.listenTo(this.playback, Events$1.PLAYBACK_READY, this.ready);
+      this.listenTo(this.playback, Events$1.PLAYBACK_BUFFERING, this.onBuffering);
+      this.listenTo(this.playback, Events$1.PLAYBACK_BUFFERFULL, this.bufferfull);
+      this.listenTo(this.playback, Events$1.PLAYBACK_SETTINGSUPDATE, this.settingsUpdate);
+      this.listenTo(this.playback, Events$1.PLAYBACK_LOADEDMETADATA, this.loadedMetadata);
+      this.listenTo(this.playback, Events$1.PLAYBACK_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+      this.listenTo(this.playback, Events$1.PLAYBACK_BITRATE, this.updateBitrate);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PLAYBACKSTATE, this.playbackStateChanged);
+      this.listenTo(this.playback, Events$1.PLAYBACK_DVR, this.playbackDvrStateChanged);
+      this.listenTo(this.playback, Events$1.PLAYBACK_MEDIACONTROL_DISABLE, this.disableMediaControl);
+      this.listenTo(this.playback, Events$1.PLAYBACK_MEDIACONTROL_ENABLE, this.enableMediaControl);
+      this.listenTo(this.playback, Events$1.PLAYBACK_SEEK, this.onSeek);
+      this.listenTo(this.playback, Events$1.PLAYBACK_SEEKED, this.onSeeked);
+      this.listenTo(this.playback, Events$1.PLAYBACK_ENDED, this.onEnded);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PLAY, this.playing);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PAUSE, this.paused);
+      this.listenTo(this.playback, Events$1.PLAYBACK_STOP, this.stopped);
+      this.listenTo(this.playback, Events$1.PLAYBACK_ERROR, this.error);
+      this.listenTo(this.playback, Events$1.PLAYBACK_SUBTITLE_AVAILABLE, this.subtitleAvailable);
+      this.listenTo(this.playback, Events$1.PLAYBACK_SUBTITLE_CHANGED, this.subtitleChanged);
+      this.listenTo(this.playback, Events$1.PLAYBACK_AUDIO_AVAILABLE, this.audioAvailable);
+      this.listenTo(this.playback, Events$1.PLAYBACK_AUDIO_CHANGED, this.audioChanged);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PIP_ENTER, this.onEnterPiP);
+      this.listenTo(this.playback, Events$1.PLAYBACK_PIP_EXIT, this.onExitPiP);
     }
   }, {
     key: "subtitleAvailable",
     value: function subtitleAvailable() {
-      this.trigger(Events$2.CONTAINER_SUBTITLE_AVAILABLE);
+      this.trigger(Events$1.CONTAINER_SUBTITLE_AVAILABLE);
     }
   }, {
     key: "subtitleChanged",
     value: function subtitleChanged(track) {
-      this.trigger(Events$2.CONTAINER_SUBTITLE_CHANGED, track);
+      this.trigger(Events$1.CONTAINER_SUBTITLE_CHANGED, track);
     }
   }, {
     key: "audioAvailable",
     value: function audioAvailable(tracks) {
-      this.trigger(Events$2.CONTAINER_AUDIO_AVAILABLE, tracks);
+      this.trigger(Events$1.CONTAINER_AUDIO_AVAILABLE, tracks);
     }
   }, {
     key: "audioChanged",
     value: function audioChanged(track) {
-      this.trigger(Events$2.CONTAINER_AUDIO_CHANGED, track);
+      this.trigger(Events$1.CONTAINER_AUDIO_CHANGED, track);
     }
   }, {
     key: "playbackStateChanged",
     value: function playbackStateChanged(state) {
-      this.trigger(Events$2.CONTAINER_PLAYBACKSTATE, state);
+      this.trigger(Events$1.CONTAINER_PLAYBACKSTATE, state);
     }
   }, {
     key: "playbackDvrStateChanged",
     value: function playbackDvrStateChanged(dvrInUse) {
       this.settings = this.playback.settings;
       this.dvrInUse = dvrInUse;
-      this.trigger(Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, dvrInUse);
+      this.trigger(Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, dvrInUse);
     }
   }, {
     key: "updateBitrate",
     value: function updateBitrate(newBitrate) {
-      this.trigger(Events$2.CONTAINER_BITRATE, newBitrate);
+      this.trigger(Events$1.CONTAINER_BITRATE, newBitrate);
     }
   }, {
     key: "statsReport",
     value: function statsReport(metrics) {
-      this.trigger(Events$2.CONTAINER_STATS_REPORT, metrics);
+      this.trigger(Events$1.CONTAINER_STATS_REPORT, metrics);
     }
   }, {
     key: "getPlaybackType",
@@ -4925,7 +4925,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
     key: "destroy",
     value: function destroy() {
       this.disableResizeObserver();
-      this.trigger(Events$2.CONTAINER_DESTROYED, this, this.name);
+      this.trigger(Events$1.CONTAINER_DESTROYED, this, this.name);
       this.stopListening();
       this.plugins.forEach(function (plugin) {
         return plugin.destroy();
@@ -4942,7 +4942,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
     key: "ready",
     value: function ready() {
       this.isReady = true;
-      this.trigger(Events$2.CONTAINER_READY, this.name);
+      this.trigger(Events$1.CONTAINER_READY, this.name);
     }
   }, {
     key: "isPlaying",
@@ -4968,18 +4968,18 @@ var Container = /*#__PURE__*/function (_UIObject) {
     key: "error",
     value: function error(_error) {
       if (!this.isReady) this.ready();
-      this.trigger(Events$2.CONTAINER_ERROR, _error, this.name);
+      this.trigger(Events$1.CONTAINER_ERROR, _error, this.name);
     }
   }, {
     key: "loadedMetadata",
     value: function loadedMetadata(metadata) {
-      this.trigger(Events$2.CONTAINER_LOADEDMETADATA, metadata);
+      this.trigger(Events$1.CONTAINER_LOADEDMETADATA, metadata);
     }
   }, {
     key: "timeUpdated",
     value: function timeUpdated(timeProgress) {
       this.currentTime = timeProgress.current;
-      this.trigger(Events$2.CONTAINER_TIMEUPDATE, timeProgress, this.name);
+      this.trigger(Events$1.CONTAINER_TIMEUPDATE, timeProgress, this.name);
     }
   }, {
     key: "onProgress",
@@ -4987,24 +4987,24 @@ var Container = /*#__PURE__*/function (_UIObject) {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
-      this.trigger.apply(this, [Events$2.CONTAINER_PROGRESS].concat(args, [this.name]));
+      this.trigger.apply(this, [Events$1.CONTAINER_PROGRESS].concat(args, [this.name]));
     }
   }, {
     key: "playing",
     value: function playing() {
-      this.trigger(Events$2.CONTAINER_PLAY, this.name, this.actionsMetadata.playEvent || {});
+      this.trigger(Events$1.CONTAINER_PLAY, this.name, this.actionsMetadata.playEvent || {});
       this.actionsMetadata.playEvent = {};
     }
   }, {
     key: "paused",
     value: function paused() {
-      this.trigger(Events$2.CONTAINER_PAUSE, this.name, this.actionsMetadata.pauseEvent || {});
+      this.trigger(Events$1.CONTAINER_PAUSE, this.name, this.actionsMetadata.pauseEvent || {});
       this.actionsMetadata.pauseEvent = {};
     }
   }, {
     key: "stopped",
     value: function stopped() {
-      this.trigger(Events$2.CONTAINER_STOP, this.actionsMetadata.stopEvent || {});
+      this.trigger(Events$1.CONTAINER_STOP, this.actionsMetadata.stopEvent || {});
       this.actionsMetadata.stopEvent = {};
     }
 
@@ -5055,7 +5055,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "onEnded",
     value: function onEnded() {
-      this.trigger(Events$2.CONTAINER_ENDED, this, this.name);
+      this.trigger(Events$1.CONTAINER_ENDED, this, this.name);
       this.currentTime = 0;
     }
   }, {
@@ -5066,7 +5066,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
         // The event is delayed because it can be canceled by a double-click event
         // An example of use is to prevent playback from pausing when switching to full screen
         this.clickTimer = setTimeout(function () {
-          _this2.clickTimer && _this2.trigger(Events$2.CONTAINER_CLICK, _this2, _this2.name);
+          _this2.clickTimer && _this2.trigger(Events$1.CONTAINER_CLICK, _this2, _this2.name);
         }, this.clickDelay);
       }
     }
@@ -5081,7 +5081,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
     value: function dblClicked() {
       if (!this.options.chromeless || this.options.allowUserInteraction) {
         this.cancelClicked();
-        this.trigger(Events$2.CONTAINER_DBLCLICK, this, this.name);
+        this.trigger(Events$1.CONTAINER_DBLCLICK, this, this.name);
       }
     }
   }, {
@@ -5091,14 +5091,14 @@ var Container = /*#__PURE__*/function (_UIObject) {
       if (!this.options.chromeless || this.options.allowUserInteraction) {
         this.dblTapHandler.handle(evt, function () {
           _this3.cancelClicked();
-          _this3.trigger(Events$2.CONTAINER_DBLCLICK, _this3, _this3.name);
+          _this3.trigger(Events$1.CONTAINER_DBLCLICK, _this3, _this3.name);
         });
       }
     }
   }, {
     key: "onContextMenu",
     value: function onContextMenu(event) {
-      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$2.CONTAINER_CONTEXTMENU, event, this.name);
+      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$1.CONTAINER_CONTEXTMENU, event, this.name);
     }
   }, {
     key: "seek",
@@ -5108,12 +5108,12 @@ var Container = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "onSeek",
     value: function onSeek(time) {
-      this.trigger(Events$2.CONTAINER_SEEK, time, this.name);
+      this.trigger(Events$1.CONTAINER_SEEK, time, this.name);
     }
   }, {
     key: "onSeeked",
     value: function onSeeked() {
-      this.trigger(Events$2.CONTAINER_SEEKED, this.name);
+      this.trigger(Events$1.CONTAINER_SEEKED, this.name);
     }
   }, {
     key: "seekPercentage",
@@ -5128,33 +5128,33 @@ var Container = /*#__PURE__*/function (_UIObject) {
     key: "setVolume",
     value: function setVolume(value) {
       this.volume = parseFloat(value);
-      this.trigger(Events$2.CONTAINER_VOLUME, this.volume, this.name);
+      this.trigger(Events$1.CONTAINER_VOLUME, this.volume, this.name);
       this.playback.volume(this.volume);
     }
   }, {
     key: "fullscreen",
     value: function fullscreen() {
-      this.trigger(Events$2.CONTAINER_FULLSCREEN, this.name);
+      this.trigger(Events$1.CONTAINER_FULLSCREEN, this.name);
     }
   }, {
     key: "onBuffering",
     value: function onBuffering() {
-      this.trigger(Events$2.CONTAINER_STATE_BUFFERING, this.name);
+      this.trigger(Events$1.CONTAINER_STATE_BUFFERING, this.name);
     }
   }, {
     key: "bufferfull",
     value: function bufferfull() {
-      this.trigger(Events$2.CONTAINER_STATE_BUFFERFULL, this.name);
+      this.trigger(Events$1.CONTAINER_STATE_BUFFERFULL, this.name);
     }
   }, {
     key: "onEnterPiP",
     value: function onEnterPiP() {
-      this.trigger(Events$2.CONTAINER_PIP_ENTER, this.name);
+      this.trigger(Events$1.CONTAINER_PIP_ENTER, this.name);
     }
   }, {
     key: "onExitPiP",
     value: function onExitPiP() {
-      this.trigger(Events$2.CONTAINER_PIP_EXIT, this.name);
+      this.trigger(Events$1.CONTAINER_PIP_EXIT, this.name);
     }
 
     /**
@@ -5195,22 +5195,22 @@ var Container = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "mouseEnter",
     value: function mouseEnter() {
-      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$2.CONTAINER_MOUSE_ENTER);
+      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$1.CONTAINER_MOUSE_ENTER);
     }
   }, {
     key: "mouseLeave",
     value: function mouseLeave() {
-      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$2.CONTAINER_MOUSE_LEAVE);
+      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$1.CONTAINER_MOUSE_LEAVE);
     }
   }, {
     key: "mouseUp",
     value: function mouseUp() {
-      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$2.CONTAINER_MOUSE_UP);
+      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$1.CONTAINER_MOUSE_UP);
     }
   }, {
     key: "mouseDown",
     value: function mouseDown() {
-      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$2.CONTAINER_MOUSE_DOWN);
+      if (!this.options.chromeless || this.options.allowUserInteraction) this.trigger(Events$1.CONTAINER_MOUSE_DOWN);
     }
   }, {
     key: "enterPiP",
@@ -5226,12 +5226,12 @@ var Container = /*#__PURE__*/function (_UIObject) {
     key: "settingsUpdate",
     value: function settingsUpdate() {
       this.settings = this.playback.settings;
-      this.trigger(Events$2.CONTAINER_SETTINGSUPDATE);
+      this.trigger(Events$1.CONTAINER_SETTINGSUPDATE);
     }
   }, {
     key: "highDefinitionUpdate",
     value: function highDefinitionUpdate(isHD) {
-      this.trigger(Events$2.CONTAINER_HIGHDEFINITIONUPDATE, isHD);
+      this.trigger(Events$1.CONTAINER_HIGHDEFINITIONUPDATE, isHD);
     }
   }, {
     key: "isHighDefinitionInUse",
@@ -5243,7 +5243,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
     value: function disableMediaControl() {
       if (!this.mediaControlDisabled) {
         this.mediaControlDisabled = true;
-        this.trigger(Events$2.CONTAINER_MEDIACONTROL_DISABLE);
+        this.trigger(Events$1.CONTAINER_MEDIACONTROL_DISABLE);
       }
     }
   }, {
@@ -5251,7 +5251,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
     value: function enableMediaControl() {
       if (this.mediaControlDisabled) {
         this.mediaControlDisabled = false;
-        this.trigger(Events$2.CONTAINER_MEDIACONTROL_ENABLE);
+        this.trigger(Events$1.CONTAINER_MEDIACONTROL_ENABLE);
       }
     }
   }, {
@@ -5286,7 +5286,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
       var isResize = height !== newSize.height || width !== newSize.width;
       if (!isResize) return;
       this.currentSize = newSize;
-      this.trigger(Events$2.CONTAINER_RESIZE, newSize);
+      this.trigger(Events$1.CONTAINER_RESIZE, newSize);
     }
 
     /**
@@ -5313,7 +5313,7 @@ var Container = /*#__PURE__*/function (_UIObject) {
       this._options = $.extend(true, this._options, options);
       this.updateStyle();
       this.playback.configure(this.options);
-      this.trigger(Events$2.CONTAINER_OPTIONS_CHANGE);
+      this.trigger(Events$1.CONTAINER_OPTIONS_CHANGE);
     }
   }, {
     key: "render",
@@ -5735,7 +5735,7 @@ var Playback = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "onResize",
     value: function onResize(options) {
-      this.trigger(Events$2.PLAYBACK_RESIZE, options);
+      this.trigger(Events$1.PLAYBACK_RESIZE, options);
       return this;
     }
   }]);
@@ -5864,7 +5864,7 @@ var ContainerFactory = /*#__PURE__*/function (_BaseObject) {
       var defer = $.Deferred();
       defer.promise(container);
       this.addContainerPlugins(container);
-      this.listenToOnce(container, Events$2.CONTAINER_READY, function () {
+      this.listenToOnce(container, Events$1.CONTAINER_READY, function () {
         return defer.resolve(container);
       });
       return container;
@@ -5996,7 +5996,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
      */,
     set: function set(container) {
       this._activeContainer = container;
-      this.trigger(Events$2.CORE_ACTIVE_CONTAINER_CHANGED, this._activeContainer);
+      this.trigger(Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this._activeContainer);
     }
 
     /**
@@ -6121,7 +6121,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
       this.oldWidth = newSize.width;
       this.computedSize = newSize;
       this.firstResize = false;
-      this.trigger(Events$2.CORE_RESIZE, newSize);
+      this.trigger(Events$1.CORE_RESIZE, newSize);
     }
   }, {
     key: "disableResizeObserver",
@@ -6136,7 +6136,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
       $.when.apply($, containers).done(function () {
         _this4.defer.resolve(_this4);
         _this4.ready = true;
-        _this4.trigger(Events$2.CORE_READY);
+        _this4.trigger(Events$1.CORE_READY);
       });
     }
   }, {
@@ -6191,7 +6191,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "handleFullscreenChange",
     value: function handleFullscreenChange() {
-      this.trigger(Events$2.CORE_FULLSCREEN, this.isFullscreen());
+      this.trigger(Events$1.CORE_FULLSCREEN, this.isFullscreen());
       this.updateSize();
     }
   }, {
@@ -6204,7 +6204,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
         width: this.el.clientWidth,
         height: this.el.clientHeight
       });
-      this.trigger(Events$2.CORE_SCREEN_ORIENTATION_CHANGED, {
+      this.trigger(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, {
         event: event,
         orientation: this._screenOrientation
       });
@@ -6221,14 +6221,14 @@ var Core = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "setupContainer",
     value: function setupContainer(container) {
-      this.listenTo(container, Events$2.CONTAINER_DESTROYED, this.removeContainer);
+      this.listenTo(container, Events$1.CONTAINER_DESTROYED, this.removeContainer);
       this.containers.push(container);
     }
   }, {
     key: "setupContainers",
     value: function setupContainers(containers) {
       containers.forEach(this.setupContainer.bind(this));
-      this.trigger(Events$2.CORE_CONTAINERS_CREATED);
+      this.trigger(Events$1.CORE_CONTAINERS_CREATED);
       this.renderContainers();
       this.activeContainer = containers[0];
       this.render();
@@ -6310,12 +6310,12 @@ var Core = /*#__PURE__*/function (_UIObject) {
   }, {
     key: "onMouseMove",
     value: function onMouseMove(event) {
-      this.trigger(Events$2.CORE_MOUSE_MOVE, event);
+      this.trigger(Events$1.CORE_MOUSE_MOVE, event);
     }
   }, {
     key: "onMouseLeave",
     value: function onMouseLeave(event) {
-      this.trigger(Events$2.CORE_MOUSE_LEAVE, event);
+      this.trigger(Events$1.CORE_MOUSE_LEAVE, event);
     }
 
     /**
@@ -6331,7 +6331,7 @@ var Core = /*#__PURE__*/function (_UIObject) {
       this.configureDomRecycler();
       var sources = options.source || options.sources;
       sources && this.load(sources, options.mimeType || this.options.mimeType);
-      this.trigger(Events$2.CORE_OPTIONS_CHANGE, options); // Trigger with newly provided options
+      this.trigger(Events$1.CORE_OPTIONS_CHANGE, options); // Trigger with newly provided options
       this.containers.forEach(function (container) {
         return container.configure(_this7.options);
       });
@@ -6978,17 +6978,17 @@ var Player = /*#__PURE__*/function (_BaseObject) {
     key: "eventsMapping",
     get: function get() {
       return {
-        onReady: Events$2.PLAYER_READY,
-        onResize: Events$2.PLAYER_RESIZE,
-        onPlay: Events$2.PLAYER_PLAY,
-        onPause: Events$2.PLAYER_PAUSE,
-        onStop: Events$2.PLAYER_STOP,
-        onEnded: Events$2.PLAYER_ENDED,
-        onSeek: Events$2.PLAYER_SEEK,
-        onError: Events$2.PLAYER_ERROR,
-        onTimeUpdate: Events$2.PLAYER_TIMEUPDATE,
-        onVolumeUpdate: Events$2.PLAYER_VOLUMEUPDATE,
-        onSubtitleAvailable: Events$2.PLAYER_SUBTITLE_AVAILABLE
+        onReady: Events$1.PLAYER_READY,
+        onResize: Events$1.PLAYER_RESIZE,
+        onPlay: Events$1.PLAYER_PLAY,
+        onPause: Events$1.PLAYER_PAUSE,
+        onStop: Events$1.PLAYER_STOP,
+        onEnded: Events$1.PLAYER_ENDED,
+        onSeek: Events$1.PLAYER_SEEK,
+        onError: Events$1.PLAYER_ERROR,
+        onTimeUpdate: Events$1.PLAYER_TIMEUPDATE,
+        onVolumeUpdate: Events$1.PLAYER_VOLUMEUPDATE,
+        onSubtitleAvailable: Events$1.PLAYER_SUBTITLE_AVAILABLE
       };
     }
   }, {
@@ -7017,10 +7017,10 @@ var Player = /*#__PURE__*/function (_BaseObject) {
   }, {
     key: "_addEventListeners",
     value: function _addEventListeners() {
-      if (!this.core.isReady) this.listenToOnce(this.core, Events$2.CORE_READY, this._onReady);else this._onReady();
-      this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, this._containerChanged);
-      this.listenTo(this.core, Events$2.CORE_FULLSCREEN, this._onFullscreenChange);
-      this.listenTo(this.core, Events$2.CORE_RESIZE, this._onResize);
+      if (!this.core.isReady) this.listenToOnce(this.core, Events$1.CORE_READY, this._onReady);else this._onReady();
+      this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this._containerChanged);
+      this.listenTo(this.core, Events$1.CORE_FULLSCREEN, this._onFullscreenChange);
+      this.listenTo(this.core, Events$1.CORE_RESIZE, this._onResize);
       return this;
     }
   }, {
@@ -7028,15 +7028,15 @@ var Player = /*#__PURE__*/function (_BaseObject) {
     value: function _addContainerEventListeners() {
       var container = this.core.activeContainer;
       if (container) {
-        this.listenTo(container, Events$2.CONTAINER_PLAY, this._onPlay);
-        this.listenTo(container, Events$2.CONTAINER_PAUSE, this._onPause);
-        this.listenTo(container, Events$2.CONTAINER_STOP, this._onStop);
-        this.listenTo(container, Events$2.CONTAINER_ENDED, this._onEnded);
-        this.listenTo(container, Events$2.CONTAINER_SEEK, this._onSeek);
-        this.listenTo(container, Events$2.CONTAINER_ERROR, this._onError);
-        this.listenTo(container, Events$2.CONTAINER_TIMEUPDATE, this._onTimeUpdate);
-        this.listenTo(container, Events$2.CONTAINER_VOLUME, this._onVolumeUpdate);
-        this.listenTo(container, Events$2.CONTAINER_SUBTITLE_AVAILABLE, this._onSubtitleAvailable);
+        this.listenTo(container, Events$1.CONTAINER_PLAY, this._onPlay);
+        this.listenTo(container, Events$1.CONTAINER_PAUSE, this._onPause);
+        this.listenTo(container, Events$1.CONTAINER_STOP, this._onStop);
+        this.listenTo(container, Events$1.CONTAINER_ENDED, this._onEnded);
+        this.listenTo(container, Events$1.CONTAINER_SEEK, this._onSeek);
+        this.listenTo(container, Events$1.CONTAINER_ERROR, this._onError);
+        this.listenTo(container, Events$1.CONTAINER_TIMEUPDATE, this._onTimeUpdate);
+        this.listenTo(container, Events$1.CONTAINER_VOLUME, this._onVolumeUpdate);
+        this.listenTo(container, Events$1.CONTAINER_SUBTITLE_AVAILABLE, this._onSubtitleAvailable);
       }
       return this;
     }
@@ -7072,65 +7072,65 @@ var Player = /*#__PURE__*/function (_BaseObject) {
     value: function _onReady() {
       this._ready = true;
       this._addContainerEventListeners();
-      this.trigger(Events$2.PLAYER_READY);
+      this.trigger(Events$1.PLAYER_READY);
     }
   }, {
     key: "_onFullscreenChange",
     value: function _onFullscreenChange(fullscreen) {
-      this.trigger(Events$2.PLAYER_FULLSCREEN, fullscreen);
+      this.trigger(Events$1.PLAYER_FULLSCREEN, fullscreen);
     }
   }, {
     key: "_onVolumeUpdate",
     value: function _onVolumeUpdate(volume) {
-      this.trigger(Events$2.PLAYER_VOLUMEUPDATE, volume);
+      this.trigger(Events$1.PLAYER_VOLUMEUPDATE, volume);
     }
   }, {
     key: "_onSubtitleAvailable",
     value: function _onSubtitleAvailable() {
-      this.trigger(Events$2.PLAYER_SUBTITLE_AVAILABLE);
+      this.trigger(Events$1.PLAYER_SUBTITLE_AVAILABLE);
     }
   }, {
     key: "_onResize",
     value: function _onResize(size) {
-      this.trigger(Events$2.PLAYER_RESIZE, size);
+      this.trigger(Events$1.PLAYER_RESIZE, size);
     }
   }, {
     key: "_onPlay",
     value: function _onPlay(_) {
       var eventMetadata = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      this.trigger(Events$2.PLAYER_PLAY, eventMetadata);
+      this.trigger(Events$1.PLAYER_PLAY, eventMetadata);
     }
   }, {
     key: "_onPause",
     value: function _onPause(_) {
       var eventMetadata = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      this.trigger(Events$2.PLAYER_PAUSE, eventMetadata);
+      this.trigger(Events$1.PLAYER_PAUSE, eventMetadata);
     }
   }, {
     key: "_onStop",
     value: function _onStop() {
       var eventMetadata = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-      this.trigger(Events$2.PLAYER_STOP, this.getCurrentTime(), eventMetadata);
+      this.trigger(Events$1.PLAYER_STOP, this.getCurrentTime(), eventMetadata);
     }
   }, {
     key: "_onEnded",
     value: function _onEnded() {
-      this.trigger(Events$2.PLAYER_ENDED);
+      this.trigger(Events$1.PLAYER_ENDED);
     }
   }, {
     key: "_onSeek",
     value: function _onSeek(time) {
-      this.trigger(Events$2.PLAYER_SEEK, time);
+      this.trigger(Events$1.PLAYER_SEEK, time);
     }
   }, {
     key: "_onTimeUpdate",
     value: function _onTimeUpdate(timeProgress) {
-      this.trigger(Events$2.PLAYER_TIMEUPDATE, timeProgress);
+      this.trigger(Events$1.PLAYER_TIMEUPDATE, timeProgress);
     }
   }, {
     key: "_onError",
     value: function _onError(error) {
-      this.trigger(Events$2.PLAYER_ERROR, error);
+      this.trigger(Events$1.PLAYER_ERROR, error);
     }
   }, {
     key: "_normalizeSources",
@@ -7848,7 +7848,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
     key: "_onLoadedMetadata",
     value: function _onLoadedMetadata(e) {
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_LOADEDMETADATA, {
+      this.trigger(Events$1.PLAYBACK_LOADEDMETADATA, {
         duration: e.target.duration,
         data: e
       });
@@ -7871,7 +7871,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       // that's why we check it again and update media control accordingly.
       if (this.getPlaybackType() === Playback.VOD || this.getPlaybackType() === Playback.AOD) this.settings.left = ['playpause', 'position', 'duration'];else this.settings.left = ['playstop'];
       this.settings.seekEnabled = this.isSeekEnabled();
-      this.trigger(Events$2.PLAYBACK_SETTINGSUPDATE);
+      this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
   }, {
     key: "isSeekEnabled",
@@ -7914,7 +7914,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
     key: "play",
     value: function play() {
       var _this4 = this;
-      this.trigger(Events$2.PLAYBACK_PLAY_INTENT);
+      this.trigger(Events$1.PLAYBACK_PLAY_INTENT);
       this._stopped = false;
       this._setupSrc(this._src);
       this._handleBufferingEvents();
@@ -7940,7 +7940,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       this.el.load(); // load with no src to stop loading of the previous source and avoid leaks
       this._stopPlayheadMovingChecks();
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_STOP);
+      this.trigger(Events$1.PLAYBACK_STOP);
     }
   }, {
     key: "volume",
@@ -8060,7 +8060,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       this._checkForClosedCaptions();
       this._startPlayheadMovingChecks();
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_PLAY);
+      this.trigger(Events$1.PLAYBACK_PLAY);
     }
   }, {
     key: "_onPause",
@@ -8068,7 +8068,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       this.dvrEnabled && this._updateDvr(true);
       this._stopPlayheadMovingChecks();
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_PAUSE);
+      this.trigger(Events$1.PLAYBACK_PAUSE);
     }
   }, {
     key: "_onSeeking",
@@ -8076,30 +8076,30 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       var currentTime = this.getCurrentTime();
       // assume live if time within 3 seconds of end of stream
       this.dvrEnabled && this._updateDvr(currentTime < this.getDuration() - 3);
-      this.trigger(Events$2.PLAYBACK_SEEK, currentTime);
+      this.trigger(Events$1.PLAYBACK_SEEK, currentTime);
       this._handleBufferingEvents();
     }
   }, {
     key: "_onSeeked",
     value: function _onSeeked() {
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_SEEKED);
+      this.trigger(Events$1.PLAYBACK_SEEKED);
     }
   }, {
     key: "_onEnded",
     value: function _onEnded() {
       this._handleBufferingEvents();
-      this.trigger(Events$2.PLAYBACK_ENDED, this.name);
+      this.trigger(Events$1.PLAYBACK_ENDED, this.name);
     }
   }, {
     key: "_onEnterPiP",
     value: function _onEnterPiP() {
-      this.trigger(Events$2.PLAYBACK_PIP_ENTER, this.name);
+      this.trigger(Events$1.PLAYBACK_PIP_ENTER, this.name);
     }
   }, {
     key: "_onExitPiP",
     value: function _onExitPiP() {
-      this.trigger(Events$2.PLAYBACK_PIP_EXIT, this.name);
+      this.trigger(Events$1.PLAYBACK_PIP_EXIT, this.name);
     }
   }, {
     key: "enterPiP",
@@ -8137,7 +8137,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       if (this._playheadMovingCheckEnabled) buffering = buffering || isLoading && playheadShouldBeMoving;
       if (this._isBuffering !== buffering) {
         this._isBuffering = buffering;
-        if (buffering) this.trigger(Events$2.PLAYBACK_BUFFERING, this.name);else this.trigger(Events$2.PLAYBACK_BUFFERFULL, this.name);
+        if (buffering) this.trigger(Events$1.PLAYBACK_BUFFERING, this.name);else this.trigger(Events$1.PLAYBACK_BUFFERFULL, this.name);
       }
     }
   }, {
@@ -8153,7 +8153,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
         raw: this.el.error,
         level: isUnknownError ? PlayerError.Levels.WARN : PlayerError.Levels.FATAL
       });
-      if (isUnknownError) Log.warn(this.name, 'HTML5 unknown error: ', formattedError);else this.trigger(Events$2.PLAYBACK_ERROR, formattedError);
+      if (isUnknownError) Log.warn(this.name, 'HTML5 unknown error: ', formattedError);else this.trigger(Events$1.PLAYBACK_ERROR, formattedError);
     }
   }, {
     key: "destroy",
@@ -8171,8 +8171,8 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
   }, {
     key: "_updateDvr",
     value: function _updateDvr(status) {
-      this.trigger(Events$2.PLAYBACK_DVR, status);
-      this.trigger(Events$2.PLAYBACK_STATS_ADD, {
+      this.trigger(Events$1.PLAYBACK_DVR, status);
+      this.trigger(Events$1.PLAYBACK_STATS_ADD, {
         'dvr': status
       });
     }
@@ -8231,7 +8231,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
     key: "_onTimeUpdate",
     value: function _onTimeUpdate() {
       var duration = this.isLive ? this.getDuration() : this.el.duration;
-      this.trigger(Events$2.PLAYBACK_TIMEUPDATE, {
+      this.trigger(Events$1.PLAYBACK_TIMEUPDATE, {
         current: this.el.currentTime,
         total: duration
       }, this.name);
@@ -8254,7 +8254,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
         current: buffered[bufferedPos].end,
         total: this.el.duration
       };
-      this.trigger(Events$2.PLAYBACK_PROGRESS, progress, buffered);
+      this.trigger(Events$1.PLAYBACK_PROGRESS, progress, buffered);
     }
   }, {
     key: "_typeFor",
@@ -8269,7 +8269,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
     value: function _ready() {
       if (this._isReadyState) return;
       this._isReadyState = true;
-      this.trigger(Events$2.PLAYBACK_READY, this.name);
+      this.trigger(Events$1.PLAYBACK_READY, this.name);
     }
   }, {
     key: "_checkForClosedCaptions",
@@ -8277,7 +8277,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       // Check if CC available only if current playback is HTML5Video
       if (this.isHTML5Video && !this._ccIsSetup) {
         if (this.hasClosedCaptionsTracks) {
-          this.trigger(Events$2.PLAYBACK_SUBTITLE_AVAILABLE);
+          this.trigger(Events$1.PLAYBACK_SUBTITLE_AVAILABLE);
           var trackId = this.closedCaptionsTrackId;
           this.closedCaptionsTrackId = trackId;
           this.handleTextTrackChange = this._handleTextTrackChange.bind(this);
@@ -8297,7 +8297,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       };
       if (this._ccTrackId !== track.id) {
         this._ccTrackId = track.id;
-        this.trigger(Events$2.PLAYBACK_SUBTITLE_CHANGED, {
+        this.trigger(Events$1.PLAYBACK_SUBTITLE_CHANGED, {
           id: track.id
         });
       }
@@ -8354,7 +8354,7 @@ var HTML5Video = /*#__PURE__*/function (_Playback) {
       });
       showingTrack && (showingTrack.track.mode = 'showing');
       this._ccTrackId = trackId;
-      this.trigger(Events$2.PLAYBACK_SUBTITLE_CHANGED, {
+      this.trigger(Events$1.PLAYBACK_SUBTITLE_CHANGED, {
         id: trackId
       });
     }
@@ -8438,7 +8438,7 @@ var HTML5Audio = /*#__PURE__*/function (_HTML5Video) {
     value: function updateSettings() {
       this.settings.left = ['playpause', 'position', 'duration'];
       this.settings.seekEnabled = this.isSeekEnabled();
-      this.trigger(Events$2.PLAYBACK_SETTINGSUPDATE);
+      this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
   }, {
     key: "getPlaybackType",
@@ -8513,19 +8513,19 @@ var HTMLImg = /*#__PURE__*/function (_Playback) {
         baseUrl: this.options.baseUrl
       });
       this.$el.append(style[0]);
-      this.trigger(Events$2.PLAYBACK_READY, this.name);
+      this.trigger(Events$1.PLAYBACK_READY, this.name);
       return this;
     }
   }, {
     key: "_onLoad",
     value: function _onLoad() {
-      this.trigger(Events$2.PLAYBACK_ENDED, this.name);
+      this.trigger(Events$1.PLAYBACK_ENDED, this.name);
     }
   }, {
     key: "_onError",
     value: function _onError(evt) {
       var m = evt.type === 'error' ? 'load error' : 'loading aborted';
-      this.trigger(Events$2.PLAYBACK_ERROR, {
+      this.trigger(Events$1.PLAYBACK_ERROR, {
         message: m
       }, this.name);
     }
@@ -8586,7 +8586,7 @@ var NoOp = /*#__PURE__*/function (_Playback) {
       this.$el.html(this.template({
         message: playbackNotSupported
       }));
-      this.trigger(Events$2.PLAYBACK_READY, this.name);
+      this.trigger(Events$1.PLAYBACK_READY, this.name);
       var showForNoOp = !!(this.options.poster && this.options.poster.showForNoOp);
       if (this.options.autoPlay || !showForNoOp) this._animate();
       return this;
@@ -8834,7 +8834,7 @@ var SourcesPlugin = /*#__PURE__*/function (_CorePlugin) {
   }, {
     key: "bindEvents",
     value: function bindEvents() {
-      this.listenTo(this.core, Events$2.CORE_CONTAINERS_CREATED, this.onContainersCreated);
+      this.listenTo(this.core, Events$1.CORE_CONTAINERS_CREATED, this.onContainersCreated);
     }
   }, {
     key: "onContainersCreated",
@@ -9109,7 +9109,7 @@ const isSafeInteger = Number.isSafeInteger || function (value) {
 };
 const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER || 9007199254740991;
 
-let Events$1 = /*#__PURE__*/function (Events) {
+let Events = /*#__PURE__*/function (Events) {
   Events["MEDIA_ATTACHING"] = "hlsMediaAttaching";
   Events["MEDIA_ATTACHED"] = "hlsMediaAttached";
   Events["MEDIA_DETACHING"] = "hlsMediaDetaching";
@@ -12337,19 +12337,19 @@ class ErrorController {
   }
   registerListeners() {
     const hls = this.hls;
-    hls.on(Events$1.ERROR, this.onError, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.LEVEL_UPDATED, this.onLevelUpdated, this);
+    hls.on(Events.ERROR, this.onError, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.LEVEL_UPDATED, this.onLevelUpdated, this);
   }
   unregisterListeners() {
     const hls = this.hls;
     if (!hls) {
       return;
     }
-    hls.off(Events$1.ERROR, this.onError, this);
-    hls.off(Events$1.ERROR, this.onErrorOut, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.LEVEL_UPDATED, this.onLevelUpdated, this);
+    hls.off(Events.ERROR, this.onError, this);
+    hls.off(Events.ERROR, this.onErrorOut, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.LEVEL_UPDATED, this.onLevelUpdated, this);
   }
   destroy() {
     this.unregisterListeners();
@@ -13608,7 +13608,7 @@ class AbrController {
       Current BW estimate: ${isFiniteNumber(bwEstimate) ? bwEstimate | 0 : 'Unknown'} bps
       New BW estimate: ${this.getBwEstimate() | 0} bps
       Switching to level ${nextLoadLevel} @ ${nextLoadLevelBitrate | 0} bps`);
-      hls.trigger(Events$1.FRAG_LOAD_EMERGENCY_ABORTED, {
+      hls.trigger(Events.FRAG_LOAD_EMERGENCY_ABORTED, {
         frag,
         part,
         stats
@@ -13634,15 +13634,15 @@ class AbrController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.FRAG_LOADING, this.onFragLoading, this);
-    hls.on(Events$1.FRAG_LOADED, this.onFragLoaded, this);
-    hls.on(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
-    hls.on(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.on(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.on(Events$1.LEVELS_UPDATED, this.onLevelsUpdated, this);
-    hls.on(Events$1.MAX_AUTO_LEVEL_UPDATED, this.onMaxAutoLevelUpdated, this);
-    hls.on(Events$1.ERROR, this.onError, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.FRAG_LOADING, this.onFragLoading, this);
+    hls.on(Events.FRAG_LOADED, this.onFragLoaded, this);
+    hls.on(Events.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.on(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.on(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.on(Events.LEVELS_UPDATED, this.onLevelsUpdated, this);
+    hls.on(Events.MAX_AUTO_LEVEL_UPDATED, this.onMaxAutoLevelUpdated, this);
+    hls.on(Events.ERROR, this.onError, this);
   }
   unregisterListeners() {
     const {
@@ -13651,15 +13651,15 @@ class AbrController {
     if (!hls) {
       return;
     }
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.FRAG_LOADING, this.onFragLoading, this);
-    hls.off(Events$1.FRAG_LOADED, this.onFragLoaded, this);
-    hls.off(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
-    hls.off(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.off(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.off(Events$1.LEVELS_UPDATED, this.onLevelsUpdated, this);
-    hls.off(Events$1.MAX_AUTO_LEVEL_UPDATED, this.onMaxAutoLevelUpdated, this);
-    hls.off(Events$1.ERROR, this.onError, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.FRAG_LOADING, this.onFragLoading, this);
+    hls.off(Events.FRAG_LOADED, this.onFragLoaded, this);
+    hls.off(Events.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.off(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.off(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.off(Events.LEVELS_UPDATED, this.onLevelsUpdated, this);
+    hls.off(Events.MAX_AUTO_LEVEL_UPDATED, this.onMaxAutoLevelUpdated, this);
+    hls.off(Events.ERROR, this.onError, this);
   }
   destroy() {
     this.unregisterListeners();
@@ -13798,7 +13798,7 @@ class AbrController {
         part,
         id: frag.type
       };
-      this.onFragBuffered(Events$1.FRAG_BUFFERED, fragBufferedData);
+      this.onFragBuffered(Events.FRAG_BUFFERED, fragBufferedData);
       frag.bitrateTest = false;
     } else {
       // store level id after successful fragment load for playback
@@ -15379,7 +15379,7 @@ class BaseStreamController extends TaskLoop {
     this.fragmentTracker = fragmentTracker;
     this.config = hls.config;
     this.decrypter = new Decrypter(hls.config);
-    hls.on(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
+    hls.on(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
   }
   doTick() {
     this.onTickEnd();
@@ -15524,7 +15524,7 @@ class BaseStreamController extends TaskLoop {
     this.initPTS = [];
   }
   onHandlerDestroying() {
-    this.hls.off(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
+    this.hls.off(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
     this.stopLoad();
     super.onHandlerDestroying();
     // @ts-ignore
@@ -15572,7 +15572,7 @@ class BaseStreamController extends TaskLoop {
       }
       if ('payload' in data) {
         this.log(`Loaded fragment ${frag.sn} of level ${frag.level}`);
-        this.hls.trigger(Events$1.FRAG_LOADED, data);
+        this.hls.trigger(Events.FRAG_LOADED, data);
       }
 
       // Pass through the whole payload; controllers not implementing progressive loading receive data from this callback
@@ -15644,7 +15644,7 @@ class BaseStreamController extends TaskLoop {
       endOffset,
       type
     };
-    this.hls.trigger(Events$1.BUFFER_FLUSHING, flushScope);
+    this.hls.trigger(Events.BUFFER_FLUSHING, flushScope);
   }
   _loadInitSegment(frag, level) {
     this._doFragLoad(frag, level).then(data => {
@@ -15666,7 +15666,7 @@ class BaseStreamController extends TaskLoop {
         const startTime = self.performance.now();
         // decrypt init segment data
         return this.decrypter.decrypt(new Uint8Array(payload), decryptData.key.buffer, decryptData.iv.buffer).catch(err => {
-          hls.trigger(Events$1.ERROR, {
+          hls.trigger(Events.ERROR, {
             type: ErrorTypes.MEDIA_ERROR,
             details: ErrorDetails.FRAG_DECRYPT_ERROR,
             fatal: false,
@@ -15677,7 +15677,7 @@ class BaseStreamController extends TaskLoop {
           throw err;
         }).then(decryptedData => {
           const endTime = self.performance.now();
-          hls.trigger(Events$1.FRAG_DECRYPTED, {
+          hls.trigger(Events.FRAG_DECRYPTED, {
             frag,
             payload: decryptedData,
             stats: {
@@ -15782,14 +15782,14 @@ class BaseStreamController extends TaskLoop {
       this.fragCurrent = frag;
       keyLoadingPromise = this.keyLoader.load(frag).then(keyLoadedData => {
         if (!this.fragContextChanged(keyLoadedData.frag)) {
-          this.hls.trigger(Events$1.KEY_LOADED, keyLoadedData);
+          this.hls.trigger(Events.KEY_LOADED, keyLoadedData);
           if (this.state === State.KEY_LOADING) {
             this.state = State.IDLE;
           }
           return keyLoadedData;
         }
       });
-      this.hls.trigger(Events$1.KEY_LOADING, {
+      this.hls.trigger(Events.KEY_LOADING, {
         frag
       });
       if (this.fragCurrent === null) {
@@ -15822,7 +15822,7 @@ class BaseStreamController extends TaskLoop {
           } else {
             _result = this.doFragPartsLoad(frag, part, level, progressCallback).catch(error => this.handleFragLoadError(error));
           }
-          this.hls.trigger(Events$1.FRAG_LOADING, {
+          this.hls.trigger(Events.FRAG_LOADING, {
             frag,
             part,
             targetBufferTime
@@ -15864,7 +15864,7 @@ class BaseStreamController extends TaskLoop {
         return fragLoadedData;
       }).catch(error => this.handleFragLoadError(error));
     }
-    this.hls.trigger(Events$1.FRAG_LOADING, {
+    this.hls.trigger(Events.FRAG_LOADING, {
       frag,
       targetBufferTime
     });
@@ -15882,7 +15882,7 @@ class BaseStreamController extends TaskLoop {
         this.fragmentLoader.loadPart(frag, part, progressCallback).then(partLoadedData => {
           partsLoaded[part.index] = partLoadedData;
           const loadedPart = partLoadedData.part;
-          this.hls.trigger(Events$1.FRAG_LOADED, partLoadedData);
+          this.hls.trigger(Events.FRAG_LOADED, partLoadedData);
           const nextPart = getPartWith(level, frag.sn, part.index + 1) || findPart(initialPartList, frag.sn, part.index + 1);
           if (nextPart) {
             loadPart(nextPart);
@@ -15904,10 +15904,10 @@ class BaseStreamController extends TaskLoop {
       if (error.data && data.details === ErrorDetails.INTERNAL_ABORTED) {
         this.handleFragLoadAborted(data.frag, data.part);
       } else {
-        this.hls.trigger(Events$1.ERROR, data);
+        this.hls.trigger(Events.ERROR, data);
       }
     } else {
-      this.hls.trigger(Events$1.ERROR, {
+      this.hls.trigger(Events.ERROR, {
         type: ErrorTypes.OTHER_ERROR,
         details: ErrorDetails.INTERNAL_EXCEPTION,
         err: error,
@@ -15991,7 +15991,7 @@ class BaseStreamController extends TaskLoop {
       parent: frag.type,
       data: buffer
     };
-    this.hls.trigger(Events$1.BUFFER_APPENDING, segment);
+    this.hls.trigger(Events.BUFFER_APPENDING, segment);
     if (data.dropped && data.independent && !part) {
       if (noBacktracking) {
         return;
@@ -16540,7 +16540,7 @@ class BaseStreamController extends TaskLoop {
           return result || false;
         }
         const drift = partial ? 0 : updateFragPTSDTS(details, frag, info.startPTS, info.endPTS, info.startDTS, info.endDTS);
-        this.hls.trigger(Events$1.LEVEL_PTS_UPDATED, {
+        this.hls.trigger(Events.LEVEL_PTS_UPDATED, {
           details,
           level,
           drift,
@@ -16563,7 +16563,7 @@ class BaseStreamController extends TaskLoop {
         this.fragmentTracker.fragBuffered(frag, true);
       }
       this.warn(error.message);
-      this.hls.trigger(Events$1.ERROR, {
+      this.hls.trigger(Events.ERROR, {
         type: ErrorTypes.MEDIA_ERROR,
         details: ErrorDetails.FRAG_PARSING_ERROR,
         fatal: false,
@@ -16578,7 +16578,7 @@ class BaseStreamController extends TaskLoop {
       // For this error fallthrough. Marking parsed will allow advancing to next fragment.
     }
     this.state = State.PARSED;
-    this.hls.trigger(Events$1.FRAG_PARSED, {
+    this.hls.trigger(Events.FRAG_PARSED, {
       frag,
       part
     });
@@ -16846,7 +16846,7 @@ function getAudioConfig(observer, data, offset, audioCodec) {
   const adtsSamplingIndex = (data[offset + 2] & 0x3c) >>> 2;
   if (adtsSamplingIndex > adtsSamplingRates.length - 1) {
     const error = new Error(`invalid ADTS sampling index:${adtsSamplingIndex}`);
-    observer.emit(Events$1.ERROR, Events$1.ERROR, {
+    observer.emit(Events.ERROR, Events.ERROR, {
       type: ErrorTypes.MEDIA_ERROR,
       details: ErrorDetails.FRAG_PARSING_ERROR,
       fatal: true,
@@ -18959,7 +18959,7 @@ function parsePMT(data, offset, typeSupported, isSampleAes, observer) {
 }
 function emitParsingError(observer, error, levelRetry) {
   logger.warn(`parsing error: ${error.message}`);
-  observer.emit(Events$1.ERROR, Events$1.ERROR, {
+  observer.emit(Events.ERROR, Events.ERROR, {
     type: ErrorTypes.MEDIA_ERROR,
     details: ErrorDetails.FRAG_PARSING_ERROR,
     fatal: false,
@@ -20189,7 +20189,7 @@ class MP4Remuxer {
     try {
       mdat = new Uint8Array(mdatSize);
     } catch (err) {
-      this.observer.emit(Events$1.ERROR, Events$1.ERROR, {
+      this.observer.emit(Events.ERROR, Events.ERROR, {
         type: ErrorTypes.MUX_ERROR,
         details: ErrorDetails.REMUX_ALLOC_ERROR,
         fatal: false,
@@ -20475,7 +20475,7 @@ class MP4Remuxer {
           try {
             mdat = new Uint8Array(mdatSize);
           } catch (err) {
-            this.observer.emit(Events$1.ERROR, Events$1.ERROR, {
+            this.observer.emit(Events.ERROR, Events.ERROR, {
               type: ErrorTypes.MUX_ERROR,
               details: ErrorDetails.REMUX_ALLOC_ERROR,
               fatal: false,
@@ -20982,7 +20982,7 @@ class Transmuxer {
       const error = this.configureTransmuxer(uintData);
       if (error) {
         logger.warn(`[transmuxer] ${error.message}`);
-        this.observer.emit(Events$1.ERROR, Events$1.ERROR, {
+        this.observer.emit(Events.ERROR, Events.ERROR, {
           type: ErrorTypes.MEDIA_ERROR,
           details: ErrorDetails.FRAG_PARSING_ERROR,
           fatal: false,
@@ -21611,7 +21611,7 @@ class TransmuxerInterface {
       data = data || {};
       data.frag = this.frag;
       data.id = this.id;
-      if (ev === Events$1.ERROR) {
+      if (ev === Events.ERROR) {
         this.error = data.error;
       }
       this.hls.trigger(ev, data);
@@ -21619,8 +21619,8 @@ class TransmuxerInterface {
 
     // forward events to main thread
     this.observer = new EventEmitter();
-    this.observer.on(Events$1.FRAG_DECRYPTED, forwardMessage);
-    this.observer.on(Events$1.ERROR, forwardMessage);
+    this.observer.on(Events.FRAG_DECRYPTED, forwardMessage);
+    this.observer.on(Events.ERROR, forwardMessage);
     const MediaSource = getMediaSource(config.preferManagedMediaSource) || {
       isTypeSupported: () => false
     };
@@ -21649,7 +21649,7 @@ class TransmuxerInterface {
             const error = new Error(`${event.message}  (${event.filename}:${event.lineno})`);
             config.enableWorker = false;
             logger.warn(`Error in "${id}" Web Worker, fallback to inline`);
-            this.hls.trigger(Events$1.ERROR, {
+            this.hls.trigger(Events.ERROR, {
               type: ErrorTypes.OTHER_ERROR,
               details: ErrorDetails.INTERNAL_EXCEPTION,
               fatal: false,
@@ -21808,7 +21808,7 @@ class TransmuxerInterface {
       return;
     }
     this.error = error;
-    this.hls.trigger(Events$1.ERROR, {
+    this.hls.trigger(Events.ERROR, {
       type: ErrorTypes.MEDIA_ERROR,
       details: ErrorDetails.FRAG_PARSING_ERROR,
       chunkMeta,
@@ -21921,39 +21921,39 @@ class AudioStreamController extends BaseStreamController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.on(Events$1.AUDIO_TRACKS_UPDATED, this.onAudioTracksUpdated, this);
-    hls.on(Events$1.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
-    hls.on(Events$1.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
-    hls.on(Events$1.ERROR, this.onError, this);
-    hls.on(Events$1.BUFFER_RESET, this.onBufferReset, this);
-    hls.on(Events$1.BUFFER_CREATED, this.onBufferCreated, this);
-    hls.on(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.on(Events$1.BUFFER_FLUSHED, this.onBufferFlushed, this);
-    hls.on(Events$1.INIT_PTS_FOUND, this.onInitPtsFound, this);
-    hls.on(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.on(Events.AUDIO_TRACKS_UPDATED, this.onAudioTracksUpdated, this);
+    hls.on(Events.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
+    hls.on(Events.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
+    hls.on(Events.ERROR, this.onError, this);
+    hls.on(Events.BUFFER_RESET, this.onBufferReset, this);
+    hls.on(Events.BUFFER_CREATED, this.onBufferCreated, this);
+    hls.on(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.on(Events.BUFFER_FLUSHED, this.onBufferFlushed, this);
+    hls.on(Events.INIT_PTS_FOUND, this.onInitPtsFound, this);
+    hls.on(Events.FRAG_BUFFERED, this.onFragBuffered, this);
   }
   _unregisterListeners() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.off(Events$1.AUDIO_TRACKS_UPDATED, this.onAudioTracksUpdated, this);
-    hls.off(Events$1.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
-    hls.off(Events$1.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
-    hls.off(Events$1.ERROR, this.onError, this);
-    hls.off(Events$1.BUFFER_RESET, this.onBufferReset, this);
-    hls.off(Events$1.BUFFER_CREATED, this.onBufferCreated, this);
-    hls.off(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.off(Events$1.BUFFER_FLUSHED, this.onBufferFlushed, this);
-    hls.off(Events$1.INIT_PTS_FOUND, this.onInitPtsFound, this);
-    hls.off(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.off(Events.AUDIO_TRACKS_UPDATED, this.onAudioTracksUpdated, this);
+    hls.off(Events.AUDIO_TRACK_SWITCHING, this.onAudioTrackSwitching, this);
+    hls.off(Events.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
+    hls.off(Events.ERROR, this.onError, this);
+    hls.off(Events.BUFFER_RESET, this.onBufferReset, this);
+    hls.off(Events.BUFFER_CREATED, this.onBufferCreated, this);
+    hls.off(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.off(Events.BUFFER_FLUSHED, this.onBufferFlushed, this);
+    hls.off(Events.INIT_PTS_FOUND, this.onInitPtsFound, this);
+    hls.off(Events.FRAG_BUFFERED, this.onFragBuffered, this);
   }
 
   // INIT_PTS_FOUND is triggered when the video track parsed in the stream-controller has a new PTS value
@@ -22141,7 +22141,7 @@ class AudioStreamController extends BaseStreamController {
       return;
     }
     if (!this.switchingTrack && this._streamEnded(bufferInfo, trackDetails)) {
-      hls.trigger(Events$1.BUFFER_EOS, {
+      hls.trigger(Events.BUFFER_EOS, {
         type: 'audio'
       });
       this.state = State.ENDED;
@@ -22263,7 +22263,7 @@ class AudioStreamController extends BaseStreamController {
   onLevelLoaded(event, data) {
     this.mainDetails = data.details;
     if (this.cachedTrackLoadedData !== null) {
-      this.hls.trigger(Events$1.AUDIO_TRACK_LOADED, this.cachedTrackLoadedData);
+      this.hls.trigger(Events.AUDIO_TRACK_LOADED, this.cachedTrackLoadedData);
       this.cachedTrackLoadedData = null;
     }
   }
@@ -22429,7 +22429,7 @@ class AudioStreamController extends BaseStreamController {
       if (track) {
         this.bufferedTrack = track;
         this.switchingTrack = null;
-        this.hls.trigger(Events$1.AUDIO_TRACK_SWITCHED, _objectSpread2({}, track));
+        this.hls.trigger(Events.AUDIO_TRACK_SWITCHED, _objectSpread2({}, track));
       }
     }
     this.fragBufferedComplete(frag, part);
@@ -22543,7 +22543,7 @@ class AudioStreamController extends BaseStreamController {
     if (initSegment != null && initSegment.tracks) {
       const mapFragment = frag.initSegment || frag;
       this._bufferInitSegment(level, initSegment.tracks, mapFragment, chunkMeta);
-      hls.trigger(Events$1.FRAG_PARSING_INIT_SEGMENT, {
+      hls.trigger(Events.FRAG_PARSING_INIT_SEGMENT, {
         frag: mapFragment,
         id,
         tracks: initSegment.tracks
@@ -22574,7 +22574,7 @@ class AudioStreamController extends BaseStreamController {
         frag,
         details
       }, id3);
-      hls.trigger(Events$1.FRAG_PARSING_METADATA, emittedID3);
+      hls.trigger(Events.FRAG_PARSING_METADATA, emittedID3);
     }
     if (text) {
       const emittedText = _extends({
@@ -22582,7 +22582,7 @@ class AudioStreamController extends BaseStreamController {
         frag,
         details
       }, text);
-      hls.trigger(Events$1.FRAG_PARSING_USERDATA, emittedText);
+      hls.trigger(Events.FRAG_PARSING_USERDATA, emittedText);
     }
   }
   _bufferInitSegment(currentLevel, tracks, frag, chunkMeta) {
@@ -22606,7 +22606,7 @@ class AudioStreamController extends BaseStreamController {
     if (variantAudioCodecs && variantAudioCodecs.split(',').length === 1) {
       track.levelCodec = variantAudioCodecs;
     }
-    this.hls.trigger(Events$1.BUFFER_CODECS, tracks);
+    this.hls.trigger(Events.BUFFER_CODECS, tracks);
     const initSegment = track.initSegment;
     if (initSegment != null && initSegment.byteLength) {
       const segment = {
@@ -22617,7 +22617,7 @@ class AudioStreamController extends BaseStreamController {
         parent: frag.type,
         data: initSegment
       };
-      this.hls.trigger(Events$1.BUFFER_APPENDING, segment);
+      this.hls.trigger(Events.BUFFER_APPENDING, segment);
     }
     // trigger handler right now
     this.tickImmediate();
@@ -22678,7 +22678,7 @@ class AudioStreamController extends BaseStreamController {
     this.flushAudioIfNeeded(switchingTrack);
     this.bufferedTrack = switchingTrack;
     this.switchingTrack = null;
-    hls.trigger(Events$1.AUDIO_TRACK_SWITCHED, _objectSpread2({}, switchingTrack));
+    hls.trigger(Events.AUDIO_TRACK_SWITCHED, _objectSpread2({}, switchingTrack));
   }
 }
 
@@ -22721,23 +22721,23 @@ class AudioTrackController extends BasePlaylistController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.on(Events$1.LEVEL_LOADING, this.onLevelLoading, this);
-    hls.on(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.on(Events$1.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
-    hls.on(Events$1.ERROR, this.onError, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.on(Events.LEVEL_LOADING, this.onLevelLoading, this);
+    hls.on(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.on(Events.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
+    hls.on(Events.ERROR, this.onError, this);
   }
   unregisterListeners() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.off(Events$1.LEVEL_LOADING, this.onLevelLoading, this);
-    hls.off(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.off(Events$1.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
-    hls.off(Events$1.ERROR, this.onError, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.off(Events.LEVEL_LOADING, this.onLevelLoading, this);
+    hls.off(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.off(Events.AUDIO_TRACK_LOADED, this.onAudioTrackLoaded, this);
+    hls.off(Events.ERROR, this.onError, this);
   }
   destroy() {
     this.unregisterListeners();
@@ -22832,7 +22832,7 @@ class AudioTrackController extends BasePlaylistController {
         audioTracks
       };
       this.log(`Updating audio tracks, ${audioTracks.length} track(s) found in group(s): ${audioGroups == null ? undefined : audioGroups.join(',')}`);
-      this.hls.trigger(Events$1.AUDIO_TRACKS_UPDATED, audioTracksUpdated);
+      this.hls.trigger(Events.AUDIO_TRACKS_UPDATED, audioTracksUpdated);
       const selectedTrackId = this.trackId;
       if (trackId !== -1 && selectedTrackId === -1) {
         this.setAudioTrack(trackId);
@@ -22840,7 +22840,7 @@ class AudioTrackController extends BasePlaylistController {
         var _this$groupIds;
         const error = new Error(`No audio track selected for current audio group-ID(s): ${(_this$groupIds = this.groupIds) == null ? undefined : _this$groupIds.join(',')} track count: ${audioTracks.length}`);
         this.warn(error.message);
-        this.hls.trigger(Events$1.ERROR, {
+        this.hls.trigger(Events.ERROR, {
           type: ErrorTypes.MEDIA_ERROR,
           details: ErrorDetails.AUDIO_TRACK_LOAD_ERROR,
           fatal: true,
@@ -22940,7 +22940,7 @@ class AudioTrackController extends BasePlaylistController {
     this.log(`Switching to audio-track ${newId} "${track.name}" lang:${track.lang} group:${track.groupId} channels:${track.channels}`);
     this.trackId = newId;
     this.currentTrack = track;
-    this.hls.trigger(Events$1.AUDIO_TRACK_SWITCHING, _objectSpread2({}, track));
+    this.hls.trigger(Events.AUDIO_TRACK_SWITCHING, _objectSpread2({}, track));
     // Do not reload track unless live
     if (trackLoaded) {
       return;
@@ -23013,7 +23013,7 @@ class AudioTrackController extends BasePlaylistController {
       // track not retrieved yet, or live playlist we need to (re)load it
       this.log(`loading audio-track playlist ${id} "${audioTrack.name}" lang:${audioTrack.lang} group:${groupId}`);
       this.clearTimer();
-      this.hls.trigger(Events$1.AUDIO_TRACK_LOADING, {
+      this.hls.trigger(Events.AUDIO_TRACK_LOADING, {
         url,
         id,
         groupId,
@@ -23042,33 +23042,33 @@ class SubtitleStreamController extends BaseStreamController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.on(Events$1.ERROR, this.onError, this);
-    hls.on(Events$1.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
-    hls.on(Events$1.SUBTITLE_TRACK_SWITCH, this.onSubtitleTrackSwitch, this);
-    hls.on(Events$1.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
-    hls.on(Events$1.SUBTITLE_FRAG_PROCESSED, this.onSubtitleFragProcessed, this);
-    hls.on(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.on(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.on(Events.ERROR, this.onError, this);
+    hls.on(Events.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
+    hls.on(Events.SUBTITLE_TRACK_SWITCH, this.onSubtitleTrackSwitch, this);
+    hls.on(Events.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
+    hls.on(Events.SUBTITLE_FRAG_PROCESSED, this.onSubtitleFragProcessed, this);
+    hls.on(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.on(Events.FRAG_BUFFERED, this.onFragBuffered, this);
   }
   _unregisterListeners() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.LEVEL_LOADED, this.onLevelLoaded, this);
-    hls.off(Events$1.ERROR, this.onError, this);
-    hls.off(Events$1.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
-    hls.off(Events$1.SUBTITLE_TRACK_SWITCH, this.onSubtitleTrackSwitch, this);
-    hls.off(Events$1.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
-    hls.off(Events$1.SUBTITLE_FRAG_PROCESSED, this.onSubtitleFragProcessed, this);
-    hls.off(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.off(Events$1.FRAG_BUFFERED, this.onFragBuffered, this);
+    hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.LEVEL_LOADED, this.onLevelLoaded, this);
+    hls.off(Events.ERROR, this.onError, this);
+    hls.off(Events.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
+    hls.off(Events.SUBTITLE_TRACK_SWITCH, this.onSubtitleTrackSwitch, this);
+    hls.off(Events.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
+    hls.off(Events.SUBTITLE_FRAG_PROCESSED, this.onSubtitleFragProcessed, this);
+    hls.off(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.off(Events.FRAG_BUFFERED, this.onFragBuffered, this);
   }
   startLoad(startPosition) {
     this.stopLoad();
@@ -23299,7 +23299,7 @@ class SubtitleStreamController extends BaseStreamController {
       const startTime = performance.now();
       // decrypt the subtitles
       this.decrypter.decrypt(new Uint8Array(payload), decryptData.key.buffer, decryptData.iv.buffer).catch(err => {
-        hls.trigger(Events$1.ERROR, {
+        hls.trigger(Events.ERROR, {
           type: ErrorTypes.MEDIA_ERROR,
           details: ErrorDetails.FRAG_DECRYPT_ERROR,
           fatal: false,
@@ -23310,7 +23310,7 @@ class SubtitleStreamController extends BaseStreamController {
         throw err;
       }).then(decryptedData => {
         const endTime = performance.now();
-        hls.trigger(Events$1.FRAG_DECRYPTED, {
+        hls.trigger(Events.FRAG_DECRYPTED, {
           frag,
           payload: decryptedData,
           stats: {
@@ -23494,27 +23494,27 @@ class SubtitleTrackController extends BasePlaylistController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.on(Events$1.LEVEL_LOADING, this.onLevelLoading, this);
-    hls.on(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.on(Events$1.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
-    hls.on(Events$1.ERROR, this.onError, this);
+    hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.on(Events.LEVEL_LOADING, this.onLevelLoading, this);
+    hls.on(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.on(Events.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
+    hls.on(Events.ERROR, this.onError, this);
   }
   unregisterListeners() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.off(Events$1.LEVEL_LOADING, this.onLevelLoading, this);
-    hls.off(Events$1.LEVEL_SWITCHING, this.onLevelSwitching, this);
-    hls.off(Events$1.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
-    hls.off(Events$1.ERROR, this.onError, this);
+    hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.off(Events.LEVEL_LOADING, this.onLevelLoading, this);
+    hls.off(Events.LEVEL_SWITCHING, this.onLevelSwitching, this);
+    hls.off(Events.SUBTITLE_TRACK_LOADED, this.onSubtitleTrackLoaded, this);
+    hls.off(Events.ERROR, this.onError, this);
   }
 
   // Listen for subtitle track change, then extract the current track ID.
@@ -23647,7 +23647,7 @@ class SubtitleTrackController extends BasePlaylistController {
         subtitleTracks
       };
       this.log(`Updating subtitle tracks, ${subtitleTracks.length} track(s) found in "${subtitleGroups == null ? undefined : subtitleGroups.join(',')}" group-id`);
-      this.hls.trigger(Events$1.SUBTITLE_TRACKS_UPDATED, subtitleTracksUpdated);
+      this.hls.trigger(Events.SUBTITLE_TRACKS_UPDATED, subtitleTracksUpdated);
       if (trackId !== -1 && this.trackId === -1) {
         this.setSubtitleTrack(trackId);
       }
@@ -23768,7 +23768,7 @@ class SubtitleTrackController extends BasePlaylistController {
         }
       }
       this.log(`Loading subtitle playlist for id ${id}`);
-      this.hls.trigger(Events$1.SUBTITLE_TRACK_LOADING, {
+      this.hls.trigger(Events.SUBTITLE_TRACK_LOADING, {
         url,
         id,
         groupId,
@@ -23843,7 +23843,7 @@ class SubtitleTrackController extends BasePlaylistController {
     this.toggleTrackModes();
     if (!track) {
       // switch to -1
-      this.hls.trigger(Events$1.SUBTITLE_TRACK_SWITCH, {
+      this.hls.trigger(Events.SUBTITLE_TRACK_SWITCH, {
         id: newId
       });
       return;
@@ -23860,7 +23860,7 @@ class SubtitleTrackController extends BasePlaylistController {
       type,
       url
     } = track;
-    this.hls.trigger(Events$1.SUBTITLE_TRACK_SWITCH, {
+    this.hls.trigger(Events.SUBTITLE_TRACK_SWITCH, {
       id,
       groupId,
       name,
@@ -23994,7 +23994,7 @@ class BufferController {
       if (media) {
         media.removeEventListener('emptied', this._onMediaEmptied);
         this.updateMediaElementDuration();
-        this.hls.trigger(Events$1.MEDIA_ATTACHED, {
+        this.hls.trigger(Events.MEDIA_ATTACHED, {
           media,
           mediaSource: mediaSource
         });
@@ -24043,35 +24043,35 @@ class BufferController {
     const {
       hls
     } = this;
-    hls.on(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.on(Events$1.BUFFER_RESET, this.onBufferReset, this);
-    hls.on(Events$1.BUFFER_APPENDING, this.onBufferAppending, this);
-    hls.on(Events$1.BUFFER_CODECS, this.onBufferCodecs, this);
-    hls.on(Events$1.BUFFER_EOS, this.onBufferEos, this);
-    hls.on(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.on(Events$1.LEVEL_UPDATED, this.onLevelUpdated, this);
-    hls.on(Events$1.FRAG_PARSED, this.onFragParsed, this);
-    hls.on(Events$1.FRAG_CHANGED, this.onFragChanged, this);
+    hls.on(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.on(Events.BUFFER_RESET, this.onBufferReset, this);
+    hls.on(Events.BUFFER_APPENDING, this.onBufferAppending, this);
+    hls.on(Events.BUFFER_CODECS, this.onBufferCodecs, this);
+    hls.on(Events.BUFFER_EOS, this.onBufferEos, this);
+    hls.on(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.on(Events.LEVEL_UPDATED, this.onLevelUpdated, this);
+    hls.on(Events.FRAG_PARSED, this.onFragParsed, this);
+    hls.on(Events.FRAG_CHANGED, this.onFragChanged, this);
   }
   unregisterListeners() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.off(Events$1.BUFFER_RESET, this.onBufferReset, this);
-    hls.off(Events$1.BUFFER_APPENDING, this.onBufferAppending, this);
-    hls.off(Events$1.BUFFER_CODECS, this.onBufferCodecs, this);
-    hls.off(Events$1.BUFFER_EOS, this.onBufferEos, this);
-    hls.off(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
-    hls.off(Events$1.LEVEL_UPDATED, this.onLevelUpdated, this);
-    hls.off(Events$1.FRAG_PARSED, this.onFragParsed, this);
-    hls.off(Events$1.FRAG_CHANGED, this.onFragChanged, this);
+    hls.off(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.off(Events.BUFFER_RESET, this.onBufferReset, this);
+    hls.off(Events.BUFFER_APPENDING, this.onBufferAppending, this);
+    hls.off(Events.BUFFER_CODECS, this.onBufferCodecs, this);
+    hls.off(Events.BUFFER_EOS, this.onBufferEos, this);
+    hls.off(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.off(Events.LEVEL_UPDATED, this.onLevelUpdated, this);
+    hls.off(Events.FRAG_PARSED, this.onFragParsed, this);
+    hls.off(Events.FRAG_CHANGED, this.onFragChanged, this);
   }
   _initSourceBuffer() {
     this.sourceBuffer = {};
@@ -24197,7 +24197,7 @@ class BufferController {
       this.pendingTracks = {};
       this.tracks = {};
     }
-    this.hls.trigger(Events$1.MEDIA_DETACHED, undefined);
+    this.hls.trigger(Events.MEDIA_DETACHED, undefined);
   }
   onBufferReset() {
     this.getSourceBufferTypes().forEach(type => {
@@ -24379,7 +24379,7 @@ class BufferController {
           this.appendErrors.audio = 0;
           this.appendErrors.video = 0;
         }
-        this.hls.trigger(Events$1.BUFFER_APPENDED, {
+        this.hls.trigger(Events.BUFFER_APPENDED, {
           type,
           frag,
           part,
@@ -24417,7 +24417,7 @@ class BufferController {
             event.fatal = true;
           }
         }
-        hls.trigger(Events$1.ERROR, event);
+        hls.trigger(Events.ERROR, event);
       }
     };
     operationQueue.append(operation, type, !!this.pendingTracks[type]);
@@ -24433,7 +24433,7 @@ class BufferController {
       },
       onComplete: () => {
         // logger.debug(`[buffer-controller]: Finished flushing ${data.startOffset} -> ${data.endOffset} for ${type} Source Buffer`);
-        this.hls.trigger(Events$1.BUFFER_FLUSHED, {
+        this.hls.trigger(Events.BUFFER_FLUSHED, {
           type
         });
       },
@@ -24473,7 +24473,7 @@ class BufferController {
         part.stats.buffering.end = now;
       }
       const stats = part ? part.stats : frag.stats;
-      this.hls.trigger(Events$1.FRAG_BUFFERED, {
+      this.hls.trigger(Events.FRAG_BUFFERED, {
         frag,
         part,
         stats,
@@ -24583,20 +24583,20 @@ class BufferController {
         const buffered = BufferHelper.getBuffered(sb);
         // when target buffer start exceeds actual buffer start
         if (buffered.length > 0 && targetBackBufferPosition > buffered.start(0)) {
-          this.hls.trigger(Events$1.BACK_BUFFER_REACHED, {
+          this.hls.trigger(Events.BACK_BUFFER_REACHED, {
             bufferEnd: targetBackBufferPosition
           });
 
           // Support for deprecated event:
           if (details != null && details.live) {
-            this.hls.trigger(Events$1.LIVE_BACK_BUFFER_REACHED, {
+            this.hls.trigger(Events.LIVE_BACK_BUFFER_REACHED, {
               bufferEnd: targetBackBufferPosition
             });
           } else if (sb.ended && buffered.end(buffered.length - 1) - currentTime < targetDuration * 2) {
             this.log(`Cannot flush ${type} back buffer while SourceBuffer is in ended state`);
             return;
           }
-          this.hls.trigger(Events$1.BUFFER_FLUSHING, {
+          this.hls.trigger(Events.BUFFER_FLUSHING, {
             startOffset: 0,
             endOffset: targetBackBufferPosition,
             type
@@ -24628,7 +24628,7 @@ class BufferController {
           this.log(`Cannot flush ${type} front buffer while SourceBuffer is in ended state`);
           return;
         }
-        this.hls.trigger(Events$1.BUFFER_FLUSHING, {
+        this.hls.trigger(Events.BUFFER_FLUSHING, {
           startOffset: bufferStart,
           endOffset: Infinity,
           type
@@ -24698,7 +24698,7 @@ class BufferController {
       // append any pending segments now !
       const buffers = this.getSourceBufferTypes();
       if (buffers.length) {
-        this.hls.trigger(Events$1.BUFFER_CREATED, {
+        this.hls.trigger(Events.BUFFER_CREATED, {
           tracks: this.tracks
         });
         buffers.forEach(type => {
@@ -24706,7 +24706,7 @@ class BufferController {
         });
       } else {
         const error = new Error('could not create source buffer for media codec(s)');
-        this.hls.trigger(Events$1.ERROR, {
+        this.hls.trigger(Events.ERROR, {
           type: ErrorTypes.MEDIA_ERROR,
           details: ErrorDetails.BUFFER_INCOMPATIBLE_CODECS_ERROR,
           fatal: true,
@@ -24752,7 +24752,7 @@ class BufferController {
               // If media was ejected check for a change. Added ranges are redundant with changes on 'updateend' event.
               const removedRanges = event.removedRanges;
               if (removedRanges != null && removedRanges.length) {
-                this.hls.trigger(Events$1.BUFFER_FLUSHED, {
+                this.hls.trigger(Events.BUFFER_FLUSHED, {
                   type: trackName
                 });
               }
@@ -24768,7 +24768,7 @@ class BufferController {
           };
         } catch (err) {
           this.error(`error while trying to add sourceBuffer: ${err.message}`);
-          this.hls.trigger(Events$1.ERROR, {
+          this.hls.trigger(Events.ERROR, {
             type: ErrorTypes.MEDIA_ERROR,
             details: ErrorDetails.BUFFER_ADD_CODEC_ERROR,
             fatal: false,
@@ -24811,7 +24811,7 @@ class BufferController {
     this.error(`${error}`, event);
     // according to http://www.w3.org/TR/media-source/#sourcebuffer-append-error
     // SourceBuffer errors are not necessarily fatal; if so, the HTMLMediaElement will fire an error event
-    this.hls.trigger(Events$1.ERROR, {
+    this.hls.trigger(Events.ERROR, {
       type: ErrorTypes.MEDIA_ERROR,
       details: ErrorDetails.BUFFER_APPENDING_ERROR,
       sourceBufferName: type,
@@ -27263,35 +27263,35 @@ class TimelineController {
         languageCode: this.config.captionsTextTrack4LanguageCode
       }
     };
-    hls.on(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
-    hls.on(Events$1.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
-    hls.on(Events$1.FRAG_LOADING, this.onFragLoading, this);
-    hls.on(Events$1.FRAG_LOADED, this.onFragLoaded, this);
-    hls.on(Events$1.FRAG_PARSING_USERDATA, this.onFragParsingUserdata, this);
-    hls.on(Events$1.FRAG_DECRYPTED, this.onFragDecrypted, this);
-    hls.on(Events$1.INIT_PTS_FOUND, this.onInitPtsFound, this);
-    hls.on(Events$1.SUBTITLE_TRACKS_CLEARED, this.onSubtitleTracksCleared, this);
-    hls.on(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.on(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
+    hls.on(Events.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
+    hls.on(Events.FRAG_LOADING, this.onFragLoading, this);
+    hls.on(Events.FRAG_LOADED, this.onFragLoaded, this);
+    hls.on(Events.FRAG_PARSING_USERDATA, this.onFragParsingUserdata, this);
+    hls.on(Events.FRAG_DECRYPTED, this.onFragDecrypted, this);
+    hls.on(Events.INIT_PTS_FOUND, this.onInitPtsFound, this);
+    hls.on(Events.SUBTITLE_TRACKS_CLEARED, this.onSubtitleTracksCleared, this);
+    hls.on(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
   }
   destroy() {
     const {
       hls
     } = this;
-    hls.off(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
-    hls.off(Events$1.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
-    hls.off(Events$1.FRAG_LOADING, this.onFragLoading, this);
-    hls.off(Events$1.FRAG_LOADED, this.onFragLoaded, this);
-    hls.off(Events$1.FRAG_PARSING_USERDATA, this.onFragParsingUserdata, this);
-    hls.off(Events$1.FRAG_DECRYPTED, this.onFragDecrypted, this);
-    hls.off(Events$1.INIT_PTS_FOUND, this.onInitPtsFound, this);
-    hls.off(Events$1.SUBTITLE_TRACKS_CLEARED, this.onSubtitleTracksCleared, this);
-    hls.off(Events$1.BUFFER_FLUSHING, this.onBufferFlushing, this);
+    hls.off(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
+    hls.off(Events.SUBTITLE_TRACKS_UPDATED, this.onSubtitleTracksUpdated, this);
+    hls.off(Events.FRAG_LOADING, this.onFragLoading, this);
+    hls.off(Events.FRAG_LOADED, this.onFragLoaded, this);
+    hls.off(Events.FRAG_PARSING_USERDATA, this.onFragParsingUserdata, this);
+    hls.off(Events.FRAG_DECRYPTED, this.onFragDecrypted, this);
+    hls.off(Events.INIT_PTS_FOUND, this.onInitPtsFound, this);
+    hls.off(Events.SUBTITLE_TRACKS_CLEARED, this.onSubtitleTracksCleared, this);
+    hls.off(Events.BUFFER_FLUSHING, this.onBufferFlushing, this);
     // @ts-ignore
     this.hls = this.config = null;
     this.cea608Parser1 = this.cea608Parser2 = undefined;
@@ -27329,7 +27329,7 @@ class TimelineController {
       this.Cues.newCue(track, startTime, endTime, screen);
     } else {
       const cues = this.Cues.newCue(null, startTime, endTime, screen);
-      this.hls.trigger(Events$1.CUES_PARSED, {
+      this.hls.trigger(Events.CUES_PARSED, {
         type: 'captions',
         cues,
         track: trackName
@@ -27359,7 +27359,7 @@ class TimelineController {
     if (unparsedVttFrags.length) {
       this.unparsedVttFrags = [];
       unparsedVttFrags.forEach(frag => {
-        this.onFragLoaded(Events$1.FRAG_LOADED, frag);
+        this.onFragLoaded(Events.FRAG_LOADED, frag);
       });
     }
   }
@@ -27432,7 +27432,7 @@ class TimelineController {
       closedCaptions: trackProperties.media
     };
     this.nonNativeCaptionsTracks[trackName] = track;
-    this.hls.trigger(Events$1.NON_NATIVE_TEXT_TRACKS_FOUND, {
+    this.hls.trigger(Events.NON_NATIVE_TEXT_TRACKS_FOUND, {
       tracks: [track]
     });
   }
@@ -27553,7 +27553,7 @@ class TimelineController {
             subtitleTrack: track
           };
         });
-        this.hls.trigger(Events$1.NON_NATIVE_TEXT_TRACKS_FOUND, {
+        this.hls.trigger(Events.NON_NATIVE_TEXT_TRACKS_FOUND, {
           tracks: tracksList
         });
       }
@@ -27640,7 +27640,7 @@ class TimelineController {
         }
       } else {
         // In case there is no payload, finish unsuccessfully.
-        this.hls.trigger(Events$1.SUBTITLE_FRAG_PROCESSED, {
+        this.hls.trigger(Events.SUBTITLE_FRAG_PROCESSED, {
           success: false,
           frag,
           error: new Error('Empty subtitle payload')
@@ -27652,13 +27652,13 @@ class TimelineController {
     const hls = this.hls;
     parseIMSC1(payload, this.initPTS[frag.cc], cues => {
       this._appendCues(cues, frag.level);
-      hls.trigger(Events$1.SUBTITLE_FRAG_PROCESSED, {
+      hls.trigger(Events.SUBTITLE_FRAG_PROCESSED, {
         success: true,
         frag: frag
       });
     }, error => {
       logger.log(`Failed to parse IMSC1: ${error}`);
-      hls.trigger(Events$1.SUBTITLE_FRAG_PROCESSED, {
+      hls.trigger(Events.SUBTITLE_FRAG_PROCESSED, {
         success: false,
         frag: frag,
         error
@@ -27686,7 +27686,7 @@ class TimelineController {
     const payloadWebVTT = (_frag$initSegment = frag.initSegment) != null && _frag$initSegment.data ? appendUint8Array(frag.initSegment.data, new Uint8Array(payload)) : payload;
     parseWebVTT(payloadWebVTT, this.initPTS[frag.cc], this.vttCCs, frag.cc, frag.start, cues => {
       this._appendCues(cues, frag.level);
-      hls.trigger(Events$1.SUBTITLE_FRAG_PROCESSED, {
+      hls.trigger(Events.SUBTITLE_FRAG_PROCESSED, {
         success: true,
         frag: frag
       });
@@ -27702,7 +27702,7 @@ class TimelineController {
       if (missingInitPTS && maxAvCC > frag.cc) {
         return;
       }
-      hls.trigger(Events$1.SUBTITLE_FRAG_PROCESSED, {
+      hls.trigger(Events.SUBTITLE_FRAG_PROCESSED, {
         success: false,
         frag: frag,
         error
@@ -27739,7 +27739,7 @@ class TimelineController {
         return;
       }
       const track = currentTrack.default ? 'default' : 'subtitles' + fragLevel;
-      hls.trigger(Events$1.CUES_PARSED, {
+      hls.trigger(Events.CUES_PARSED, {
         type: 'subtitles',
         cues,
         track
@@ -27751,7 +27751,7 @@ class TimelineController {
       frag
     } = data;
     if (frag.type === PlaylistLevelType.SUBTITLE) {
-      this.onFragLoaded(Events$1.FRAG_LOADED, data);
+      this.onFragLoaded(Events.FRAG_LOADED, data);
     }
   }
   onSubtitleTracksCleared() {
@@ -27903,23 +27903,23 @@ class CapLevelController {
     const {
       hls
     } = this;
-    hls.on(Events$1.FPS_DROP_LEVEL_CAPPING, this.onFpsDropLevelCapping, this);
-    hls.on(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.on(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.on(Events$1.LEVELS_UPDATED, this.onLevelsUpdated, this);
-    hls.on(Events$1.BUFFER_CODECS, this.onBufferCodecs, this);
-    hls.on(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.on(Events.FPS_DROP_LEVEL_CAPPING, this.onFpsDropLevelCapping, this);
+    hls.on(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.on(Events.LEVELS_UPDATED, this.onLevelsUpdated, this);
+    hls.on(Events.BUFFER_CODECS, this.onBufferCodecs, this);
+    hls.on(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
   }
   unregisterListener() {
     const {
       hls
     } = this;
-    hls.off(Events$1.FPS_DROP_LEVEL_CAPPING, this.onFpsDropLevelCapping, this);
-    hls.off(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
-    hls.off(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.off(Events$1.LEVELS_UPDATED, this.onLevelsUpdated, this);
-    hls.off(Events$1.BUFFER_CODECS, this.onBufferCodecs, this);
-    hls.off(Events$1.MEDIA_DETACHING, this.onMediaDetaching, this);
+    hls.off(Events.FPS_DROP_LEVEL_CAPPING, this.onFpsDropLevelCapping, this);
+    hls.off(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.off(Events.LEVELS_UPDATED, this.onLevelsUpdated, this);
+    hls.off(Events.BUFFER_CODECS, this.onBufferCodecs, this);
+    hls.off(Events.MEDIA_DETACHING, this.onMediaDetaching, this);
   }
   onFpsDropLevelCapping(event, data) {
     // Don't add a restricted level more than once
@@ -28115,10 +28115,10 @@ class FPSController {
     this.streamController = streamController;
   }
   registerListeners() {
-    this.hls.on(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    this.hls.on(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
   }
   unregisterListeners() {
-    this.hls.off(Events$1.MEDIA_ATTACHING, this.onMediaAttaching, this);
+    this.hls.off(Events.MEDIA_ATTACHING, this.onMediaAttaching, this);
   }
   destroy() {
     if (this.timer) {
@@ -28149,7 +28149,7 @@ class FPSController {
         const currentDecoded = decodedFrames - this.lastDecodedFrames;
         const droppedFPS = 1000 * currentDropped / currentPeriod;
         const hls = this.hls;
-        hls.trigger(Events$1.FPS_DROP, {
+        hls.trigger(Events.FPS_DROP, {
           currentDropped: currentDropped,
           currentDecoded: currentDecoded,
           totalDroppedFrames: droppedFrames
@@ -28161,7 +28161,7 @@ class FPSController {
             logger.warn('drop FPS ratio greater than max allowed value for currentLevel: ' + currentLevel);
             if (currentLevel > 0 && (hls.autoLevelCapping === -1 || hls.autoLevelCapping >= currentLevel)) {
               currentLevel = currentLevel - 1;
-              hls.trigger(Events$1.FPS_DROP_LEVEL_CAPPING, {
+              hls.trigger(Events.FPS_DROP_LEVEL_CAPPING, {
                 level: currentLevel,
                 droppedLevel: hls.currentLevel
               });
@@ -28369,16 +28369,16 @@ class EMEController {
     this.onMediaEncrypted = this.onWaitingForKey = null;
   }
   registerListeners() {
-    this.hls.on(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    this.hls.on(Events$1.MEDIA_DETACHED, this.onMediaDetached, this);
-    this.hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    this.hls.on(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
+    this.hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    this.hls.on(Events.MEDIA_DETACHED, this.onMediaDetached, this);
+    this.hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    this.hls.on(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
   }
   unregisterListeners() {
-    this.hls.off(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    this.hls.off(Events$1.MEDIA_DETACHED, this.onMediaDetached, this);
-    this.hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    this.hls.off(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
+    this.hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    this.hls.off(Events.MEDIA_DETACHED, this.onMediaDetached, this);
+    this.hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    this.hls.off(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
   }
   getLicenseServerUrl(keySystem) {
     const {
@@ -28601,9 +28601,9 @@ class EMEController {
     }
     this.error(error.message);
     if (error instanceof EMEKeyError) {
-      this.hls.trigger(Events$1.ERROR, error.data);
+      this.hls.trigger(Events.ERROR, error.data);
     } else {
-      this.hls.trigger(Events$1.ERROR, {
+      this.hls.trigger(Events.ERROR, {
         type: ErrorTypes.KEY_SYSTEM_ERROR,
         details: ErrorDetails.KEY_SYSTEM_NO_KEYS,
         error,
@@ -30152,15 +30152,15 @@ class CMCDController {
   }
   registerListeners() {
     const hls = this.hls;
-    hls.on(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.on(Events$1.MEDIA_DETACHED, this.onMediaDetached, this);
-    hls.on(Events$1.BUFFER_CREATED, this.onBufferCreated, this);
+    hls.on(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.on(Events.MEDIA_DETACHED, this.onMediaDetached, this);
+    hls.on(Events.BUFFER_CREATED, this.onBufferCreated, this);
   }
   unregisterListeners() {
     const hls = this.hls;
-    hls.off(Events$1.MEDIA_ATTACHED, this.onMediaAttached, this);
-    hls.off(Events$1.MEDIA_DETACHED, this.onMediaDetached, this);
-    hls.off(Events$1.BUFFER_CREATED, this.onBufferCreated, this);
+    hls.off(Events.MEDIA_ATTACHED, this.onMediaAttached, this);
+    hls.off(Events.MEDIA_DETACHED, this.onMediaDetached, this);
+    hls.off(Events.BUFFER_CREATED, this.onBufferCreated, this);
   }
   destroy() {
     this.unregisterListeners();
@@ -30393,20 +30393,20 @@ class ContentSteeringController {
   }
   registerListeners() {
     const hls = this.hls;
-    hls.on(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.on(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
-    hls.on(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.on(Events$1.ERROR, this.onError, this);
+    hls.on(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.on(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
+    hls.on(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.on(Events.ERROR, this.onError, this);
   }
   unregisterListeners() {
     const hls = this.hls;
     if (!hls) {
       return;
     }
-    hls.off(Events$1.MANIFEST_LOADING, this.onManifestLoading, this);
-    hls.off(Events$1.MANIFEST_LOADED, this.onManifestLoaded, this);
-    hls.off(Events$1.MANIFEST_PARSED, this.onManifestParsed, this);
-    hls.off(Events$1.ERROR, this.onError, this);
+    hls.off(Events.MANIFEST_LOADING, this.onManifestLoading, this);
+    hls.off(Events.MANIFEST_LOADED, this.onManifestLoaded, this);
+    hls.off(Events.MANIFEST_PARSED, this.onManifestParsed, this);
+    hls.off(Events.ERROR, this.onError, this);
   }
   startLoad() {
     this.started = true;
@@ -30564,7 +30564,7 @@ class ContentSteeringController {
         this.log(`Setting Pathway to "${pathwayId}"`);
         this.pathwayId = pathwayId;
         reassignFragmentLevelIndexes(levels);
-        this.hls.trigger(Events$1.LEVELS_UPDATED, {
+        this.hls.trigger(Events.LEVELS_UPDATED, {
           levels
         });
         // Set LevelController's level to trigger LEVEL_SWITCHING which loads playlist if needed
@@ -30710,7 +30710,7 @@ class ContentSteeringController {
           steeringManifest: steeringData,
           url: url.toString()
         };
-        this.hls.trigger(Events$1.STEERING_MANIFEST_LOADED, loadedSteeringData);
+        this.hls.trigger(Events.STEERING_MANIFEST_LOADED, loadedSteeringData);
         if (pathwayPriority) {
           this.updatePathwayPriority(pathwayPriority);
         }
@@ -31466,27 +31466,27 @@ class AudioSelector extends UICorePlugin {
         };
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_READY, this.bindPlaybackEvents);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.reload);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE, this.hideSelectTrackMenu);
+        this.listenTo(this.core, Events$1.CORE_READY, this.bindPlaybackEvents);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectTrackMenu);
     }
     unBindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE);
     }
     bindPlaybackEvents() {
         // this.currentTrack = {};
         // this.removeAuto = false;
         this.selectedTrackId = undefined;
         const currentPlayback = this.core.activePlayback;
-        this.listenTo(currentPlayback, Events$2.PLAYBACK_STOP, this.onStop);
+        this.listenTo(currentPlayback, Events$1.PLAYBACK_STOP, this.onStop);
         this.setupAudioTrackListeners();
     }
     setupAudioTrackListeners() {
@@ -31495,7 +31495,7 @@ class AudioSelector extends UICorePlugin {
         if (currentPlayback._hls) {
             // TODO AUDIO_TRACKS_UPDATED
             // currentPlayback._hls.on('hlsAudioTracksUpdated', (e, data) => {
-            currentPlayback._hls.on(Events$1.AUDIO_TRACKS_UPDATED, (e, data) => {
+            currentPlayback._hls.on(Events.AUDIO_TRACKS_UPDATED, (e, data) => {
                 // let id = -1;
                 // for (const audioTrack of data.audioTracks) {
                 //   if (audioTrack.default) {
@@ -31515,12 +31515,12 @@ class AudioSelector extends UICorePlugin {
                     label: p.name
                 })), defaultTrack?.id);
             });
-            currentPlayback._hls.on(Events$1.AUDIO_TRACK_SWITCHING, this.startTrackSwitch.bind(this));
-            currentPlayback._hls.on(Events$1.AUDIO_TRACK_SWITCHED, this.updateCurrentTrack.bind(this));
-            currentPlayback._hls.on(Events$1.AUDIO_TRACK_LOADED, this.updateCurrentTrack.bind(this));
+            currentPlayback._hls.on(Events.AUDIO_TRACK_SWITCHING, this.startTrackSwitch.bind(this));
+            currentPlayback._hls.on(Events.AUDIO_TRACK_SWITCHED, this.updateCurrentTrack.bind(this));
+            currentPlayback._hls.on(Events.AUDIO_TRACK_LOADED, this.updateCurrentTrack.bind(this));
         }
         else {
-            this.listenToOnce(currentPlayback, Events$2.PLAYBACK_PLAY, () => {
+            this.listenToOnce(currentPlayback, Events$1.PLAYBACK_PLAY, () => {
                 const mediaElement = currentPlayback.$el.get(0);
                 // const { audioTracks } = currentPlayback.$el.get(0);
                 const audioTracks = mediaElement.audioTracks;
@@ -31717,7 +31717,7 @@ const volumeOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fil
 
 const pluginHtml$7 = "<div class=\"big-mute-icon-wrapper\" data-big-mute>\n    <div class=\"big-mute-icon gcore-skin-border-color\" data-big-mute-icon></div>\n</div>\n";
 
-const T$7 = "plugins.big_mute_button";
+const T$8 = "plugins.big_mute_button";
 /**
  * @beta
  */
@@ -31743,29 +31743,29 @@ class BigMuteButton extends UICorePlugin {
     }
     bindEvents() {
         super.bindEvents();
-        this.listenTo(this.core, Events$2.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
         this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
-        trace(`${T$7} bindEvents`, {
+        trace(`${T$8} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.mediaControlRendered);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
     unBindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         this.stopListening(this.core, 'core:advertisement:start', this.onStartAd);
         this.stopListening(this.core, 'core:advertisement:finish', this.onFinishAd);
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.mediaControlRendered);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
         const container = this.core.activeContainer;
         if (container) {
-            this.stopListening(container.playback, Events$2.PLAYBACK_PLAY, this.render);
+            this.stopListening(container.playback, Events$1.PLAYBACK_PLAY, this.render);
         }
     }
     onCoreReady() {
-        this.listenTo(this.core.activeContainer, Events$2.CONTAINER_VOLUME, this.onContainerVolume);
-        this.listenTo(this.core.activeContainer, Events$2.CONTAINER_READY, this.onContainerStart);
-        this.listenTo(this.core.activePlayback, Events$2.PLAYBACK_ENDED, this.onPlaybackEnded);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_VOLUME, this.onContainerVolume);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_READY, this.onContainerStart);
+        this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_ENDED, this.onPlaybackEnded);
     }
     onContainerVolume(value) {
         if (value !== 0) {
@@ -31783,7 +31783,7 @@ class BigMuteButton extends UICorePlugin {
     mediaControlRendered() {
         const container = this.core.activeContainer;
         if (container) {
-            this.listenTo(container.playback, Events$2.PLAYBACK_PLAY, () => {
+            this.listenTo(container.playback, Events$1.PLAYBACK_PLAY, () => {
                 this.render();
             });
         }
@@ -31811,7 +31811,7 @@ class BigMuteButton extends UICorePlugin {
     }
     render() {
         if (this.shouldRender()) {
-            trace(`${T$7} render`, {
+            trace(`${T$8} render`, {
                 el: !!this.$el,
             });
             this.$el.html(this.template());
@@ -32762,15 +32762,25 @@ const gearIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"n
 const gearHdIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g clip-path=\"url(#clip0_28_1567)\">\n    <path\n      d=\"M19.14 12.94C19.18 12.64 19.2 12.33 19.2 12C19.2 11.68 19.18 11.36 19.13 11.06L21.16 9.47999C21.34 9.33999 21.39 9.06999 21.28 8.86999L19.36 5.54999C19.24 5.32999 18.99 5.25999 18.77 5.32999L16.38 6.28999C15.88 5.90999 15.35 5.58999 14.76 5.34999L14.4 2.80999C14.36 2.56999 14.16 2.39999 13.92 2.39999H10.08C9.83999 2.39999 9.64999 2.56999 9.60999 2.80999L9.24999 5.34999C8.65999 5.58999 8.11999 5.91999 7.62999 6.28999L5.23999 5.32999C5.01999 5.24999 4.76999 5.32999 4.64999 5.54999L2.73999 8.86999C2.61999 9.07999 2.65999 9.33999 2.85999 9.47999L4.88999 11.06C4.83999 11.36 4.79999 11.69 4.79999 12C4.79999 12.31 4.81999 12.64 4.86999 12.94L2.83999 14.52C2.65999 14.66 2.60999 14.93 2.71999 15.13L4.63999 18.45C4.75999 18.67 5.00999 18.74 5.22999 18.67L7.61999 17.71C8.11999 18.09 8.64999 18.41 9.23999 18.65L9.59999 21.19C9.64999 21.43 9.83999 21.6 10.08 21.6H13.92C14.16 21.6 14.36 21.43 14.39 21.19L14.75 18.65C15.34 18.41 15.88 18.09 16.37 17.71L18.76 18.67C18.98 18.75 19.23 18.67 19.35 18.45L21.27 15.13C21.39 14.91 21.34 14.66 21.15 14.52L19.14 12.94ZM12 15.6C10.02 15.6 8.39999 13.98 8.39999 12C8.39999 10.02 10.02 8.39999 12 8.39999C13.98 8.39999 15.6 10.02 15.6 12C15.6 13.98 13.98 15.6 12 15.6Z\"\n      fill=\"#C9C9C9\"/>\n    <rect x=\"13\" width=\"11\" height=\"7\" rx=\"1\" fill=\"#F6413B\"/>\n    <path\n      d=\"M14.6962 6V1.63636H15.3546V3.53267H17.53V1.63636H18.1905V6H17.53V4.0973H15.3546V6H14.6962ZM20.562 6H19.1493V1.63636H20.6067C21.0343 1.63636 21.4015 1.72372 21.7083 1.89844C22.0151 2.07173 22.2502 2.32102 22.4135 2.64631C22.5783 2.97017 22.6607 3.35866 22.6607 3.81179C22.6607 4.26634 22.5776 4.65696 22.4114 4.98366C22.2466 5.31037 22.008 5.56179 21.6955 5.73793C21.383 5.91264 21.0051 6 20.562 6ZM19.8077 5.42472H20.5257C20.8581 5.42472 21.1344 5.36222 21.3546 5.23722C21.5748 5.1108 21.7395 4.92827 21.8489 4.68963C21.9583 4.44957 22.013 4.15696 22.013 3.81179C22.013 3.46946 21.9583 3.17898 21.8489 2.94034C21.7409 2.7017 21.5797 2.5206 21.3652 2.39702C21.1507 2.27344 20.8844 2.21165 20.5662 2.21165H19.8077V5.42472Z\"\n      fill=\"#C9C9C9\"/>\n  </g>\n  <defs>\n    <clipPath id=\"clip0_28_1567\">\n      <rect width=\"24\" height=\"24\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>\n";
 
 const VERSION$5 = '2.19.12';
-var Events;
-(function (Events) {
-    Events["MEDIACONTROL_GEAR_RENDERED"] = "mediacontrol:gear:rendered";
-})(Events || (Events = {}));
+/**
+ * Custom events emitted by the plugin
+ */
+var GearEvents;
+(function (GearEvents) {
+    /**
+     * Emitted when the gear menu is rendered
+     */
+    GearEvents["MEDIACONTROL_GEAR_RENDERED"] = "mediacontrol:gear:rendered";
+})(GearEvents || (GearEvents = {}));
 /**
  * Adds the gear button that triggers extra options menu on the right side of the {@link MediaControl | media control} UI
  * @beta
  * @remarks
  * The plugins provides a base for attaching custom settings UI in the gear menu
+ *
+ * Depends on:
+ *
+ * - {@link MediaControl | media_control}
  */
 class BottomGear extends UICorePlugin {
     isHd = false;
@@ -32778,7 +32788,7 @@ class BottomGear extends UICorePlugin {
      * @internal
      */
     get name() {
-        return 'media_control_gear';
+        return 'bottom_gear';
     }
     /**
      * @internal
@@ -32816,19 +32826,30 @@ class BottomGear extends UICorePlugin {
     bindEvents() {
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
-        this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
         this.listenTo(this.core, 'gear:refresh', this.refresh); // TODO use direct plugin method call
-        this.listenTo(mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(mediaControl, Events$2.MEDIACONTROL_HIDE, this.hide); // TODO mediacontrol show as well
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.hide); // TODO mediacontrol show as well
     }
+    /**
+     * @param name - Name of a gear menu placeholder item to attach custom UI
+     * @returns Zepto result of the element
+     */
     getElement(name) {
         return this.core.getPlugin('media_control')?.getElement('gear')?.find(`.gear-options-list [data-${name}]`);
     }
+    /**
+     * Replaces the content of the gear menu
+     * @param content - Zepto result of the element
+     */
+    setContent(content) {
+        this.$el.find('.gear-wrapper').html(content);
+    }
     onActiveContainerChanged() {
         this.bindContainerEvents();
     }
     bindContainerEvents() {
-        this.listenTo(this.core.activeContainer, Events$2.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
     }
     highDefinitionUpdate(isHd) {
         trace(`${this.name} highDefinitionUpdate`, { });
@@ -32856,7 +32877,7 @@ class BottomGear extends UICorePlugin {
         this.$el.html(BottomGear.template({ icon, items }));
         mediaControl.getElement('gear')?.html(this.el);
         this.core.trigger('gear:rendered'); // @deprecated
-        mediaControl.trigger(Events.MEDIACONTROL_GEAR_RENDERED);
+        mediaControl.trigger(GearEvents.MEDIACONTROL_GEAR_RENDERED);
         return this;
     }
     refresh() {
@@ -35019,7 +35040,7 @@ class ClapprNerdStats extends UICorePlugin {
     shortcut;
     iconPosition;
     get name() {
-        return 'media_control_nerd_stats';
+        return 'nerd_stats';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -35066,8 +35087,8 @@ class ClapprNerdStats extends UICorePlugin {
     bindEvents() {
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
-        this.listenToOnce(this.core, Events$2.CORE_READY, this.init);
-        this.listenTo(mediaControl, Events.MEDIACONTROL_GEAR_RENDERED, this.addToBottomGear);
+        this.listenToOnce(this.core, Events$1.CORE_READY, this.init);
+        this.listenTo(mediaControl, GearEvents.MEDIACONTROL_GEAR_RENDERED, this.addToBottomGear);
     }
     init() {
         this.container = this.core.activeContainer;
@@ -35079,7 +35100,7 @@ class ClapprNerdStats extends UICorePlugin {
         }
         else {
             Mousetrap.bind(this.shortcut, () => this.toggle());
-            this.listenTo(this.core, Events$2.CORE_RESIZE, this.onPlayerResize);
+            this.listenTo(this.core, Events$1.CORE_RESIZE, this.onPlayerResize);
             // TODO: fix
             this.listenTo(clapprStats, ClapprStatsEvents.REPORT_EVENT, this.updateMetrics);
             clapprStats.setUpdateMetrics(this.updateMetrics.bind(this));
@@ -35169,7 +35190,7 @@ class ClapprNerdStats extends UICorePlugin {
         return this;
     }
     addToBottomGear() {
-        const gear = this.core.getPlugin('media_control_gear');
+        const gear = this.core.getPlugin('bottom_gear');
         const $el = gear.getElement('nerd');
         $el.html(buttonHtml$3);
         const $button = $el.find('.nerd-button');
@@ -35286,22 +35307,22 @@ class ClapprStats extends ContainerPlugin {
         };
     }
     bindEvents() {
-        this.listenTo(this.container, Events$2.CONTAINER_BITRATE, this.onBitrate);
-        this.listenTo(this.container, Events$2.CONTAINER_STOP, this.stopReporting);
-        this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.stopReporting);
-        this.listenToOnce(this.container.playback, Events$2.PLAYBACK_PLAY_INTENT, this.startTimers);
-        this.listenToOnce(this.container, Events$2.CONTAINER_PLAY, this.onFirstPlaying);
-        this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.onPlay);
-        this.listenTo(this.container, Events$2.CONTAINER_PAUSE, this.onPause);
-        this.listenToOnce(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.onBuffering);
-        this.listenTo(this.container, Events$2.CONTAINER_SEEK, this.onSeek);
-        this.listenTo(this.container, Events$2.CONTAINER_ERROR, () => this._inc('error'));
-        this.listenTo(this.container, Events$2.CONTAINER_FULLSCREEN, () => this._inc('fullscreen'));
-        this.listenTo(this.container, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, (dvrInUse) => {
+        this.listenTo(this.container, Events$1.CONTAINER_BITRATE, this.onBitrate);
+        this.listenTo(this.container, Events$1.CONTAINER_STOP, this.stopReporting);
+        this.listenTo(this.container, Events$1.CONTAINER_ENDED, this.stopReporting);
+        this.listenToOnce(this.container.playback, Events$1.PLAYBACK_PLAY_INTENT, this.startTimers);
+        this.listenToOnce(this.container, Events$1.CONTAINER_PLAY, this.onFirstPlaying);
+        this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.onPlay);
+        this.listenTo(this.container, Events$1.CONTAINER_PAUSE, this.onPause);
+        this.listenToOnce(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.onBuffering);
+        this.listenTo(this.container, Events$1.CONTAINER_SEEK, this.onSeek);
+        this.listenTo(this.container, Events$1.CONTAINER_ERROR, () => this._inc('error'));
+        this.listenTo(this.container, Events$1.CONTAINER_FULLSCREEN, () => this._inc('fullscreen'));
+        this.listenTo(this.container, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, (dvrInUse) => {
             dvrInUse && this._inc('dvrUsage');
         });
-        this.listenTo(this.container.playback, Events$2.PLAYBACK_PROGRESS, this.onProgress);
-        this.listenTo(this.container.playback, Events$2.PLAYBACK_TIMEUPDATE, this.onTimeUpdate);
+        this.listenTo(this.container.playback, Events$1.PLAYBACK_PROGRESS, this.onProgress);
+        this.listenTo(this.container.playback, Events$1.PLAYBACK_TIMEUPDATE, this.onTimeUpdate);
     }
     destroy() {
         this.stopReporting();
@@ -35338,12 +35359,12 @@ class ClapprStats extends ContainerPlugin {
         this.start('startup');
     }
     onFirstPlaying() {
-        this.listenTo(this.container, Events$2.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
+        this.listenTo(this.container, Events$1.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
         this.start('watch');
         this._stop('startup');
     }
     playAfterPause() {
-        this.listenTo(this.container, Events$2.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
+        this.listenTo(this.container, Events$1.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
         this._stop('pause');
         this.start('watch');
     }
@@ -35354,8 +35375,8 @@ class ClapprStats extends ContainerPlugin {
         this._stop('watch');
         this.start('pause');
         this._inc('pause');
-        this.listenToOnce(this.container, Events$2.CONTAINER_PLAY, this.playAfterPause);
-        this.stopListening(this.container, Events$2.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
+        this.listenToOnce(this.container, Events$1.CONTAINER_PLAY, this.playAfterPause);
+        this.stopListening(this.container, Events$1.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
     }
     onSeek(e) {
         this._inc('seek');
@@ -35389,11 +35410,11 @@ class ClapprStats extends ContainerPlugin {
     onBuffering() {
         this._inc('buffering');
         this.start('buffering');
-        this.listenToOnce(this.container, Events$2.CONTAINER_STATE_BUFFERFULL, this.onBufferfull);
+        this.listenToOnce(this.container, Events$1.CONTAINER_STATE_BUFFERFULL, this.onBufferfull);
     }
     onBufferfull() {
         this._stop('buffering');
-        this.listenToOnce(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.onBuffering);
+        this.listenToOnce(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.onBuffering);
     }
     onProgress(progress) {
         this.metrics.extra.buffersize = progress.current * 1000;
@@ -35559,8 +35580,8 @@ class ClickToPause extends ContainerPlugin {
         return this.container.options.clickToPauseConfig || {};
     }
     bindEvents() {
-        this.listenTo(this.container, Events$2.CONTAINER_CLICK, this.click);
-        this.listenTo(this.container, Events$2.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);
+        this.listenTo(this.container, Events$1.CONTAINER_CLICK, this.click);
+        this.listenTo(this.container, Events$1.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);
     }
     click() {
         const isLivePlayback = this.container.getPlaybackType() === Playback.LIVE;
@@ -35679,9 +35700,9 @@ class ClipsPlugin extends UICorePlugin {
         };
     }
     bindEvents() {
-        this.listenToOnce(this.core, Events$2.CORE_READY, this._onCoreReady);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
-        this.listenTo(this.core, Events$2.CORE_RESIZE, this.playerResize);
+        this.listenToOnce(this.core, Events$1.CORE_READY, this._onCoreReady);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
+        this.listenTo(this.core, Events$1.CORE_RESIZE, this.playerResize);
     }
     _onCoreReady() {
         if (!this.options.clips) {
@@ -35692,9 +35713,9 @@ class ClipsPlugin extends UICorePlugin {
     }
     unbindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED);
     }
     _onMediaControlContainerChanged() {
         this._bindContainerEvents();
@@ -35707,11 +35728,11 @@ class ClipsPlugin extends UICorePlugin {
     }
     _bindContainerEvents() {
         if (this._oldContainer) {
-            this.stopListening(this._oldContainer, Events$2.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
+            this.stopListening(this._oldContainer, Events$1.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
         }
         this._oldContainer = this.core.mediaControl.container;
         this.durationGetting = false;
-        this.listenTo(this.core.mediaControl.container, Events$2.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
+        this.listenTo(this.core.mediaControl.container, Events$1.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
     }
     onTimeUpdate(event) {
         if (!this.durationGetting) {
@@ -35843,10 +35864,10 @@ class ContextMenu extends UICorePlugin {
     }
     bindEvents() {
         if (this.mediaControl) {
-            this.listenTo(this.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
+            this.listenTo(this.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
             if (this.container) {
-                this.listenTo(this.container, Events$2.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
-                this.listenTo(this.container, Events$2.CONTAINER_CLICK, this.hide);
+                this.listenTo(this.container, Events$1.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
+                this.listenTo(this.container, Events$1.CONTAINER_CLICK, this.hide);
             }
         }
         $('body').on('click', this.hide.bind(this));
@@ -35904,34 +35925,34 @@ class DisableControls extends UICorePlugin {
     }
     bindEvents() {
         if (this.container) {
-            this.listenTo(this.container, Events$2.CONTAINER_MEDIACONTROL_ENABLE, this.enableControls);
-            this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.enableControls);
-            this.listenTo(this.container, Events$2.CONTAINER_PAUSE, this.enableControls);
-            this.listenTo(this.container, Events$2.CONTAINER_STOP, this.enableControls);
-            this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.enableControls);
+            this.listenTo(this.container, Events$1.CONTAINER_MEDIACONTROL_ENABLE, this.enableControls);
+            this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.enableControls);
+            this.listenTo(this.container, Events$1.CONTAINER_PAUSE, this.enableControls);
+            this.listenTo(this.container, Events$1.CONTAINER_STOP, this.enableControls);
+            this.listenTo(this.container, Events$1.CONTAINER_ENDED, this.enableControls);
             this.listenTo(this.container, 'container:advertisement:start', this.enableControls);
         }
-        this.listenTo(this.core, Events$2.CORE_READY, this.onCoreReady);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_SHOW, this.enableControls);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.enableControls);
+        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_SHOW, this.enableControls);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.enableControls);
     }
     unbindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_SHOW);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_SHOW);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED);
         // @ts-ignore
-        this.stopListening(this.container, Events$2.CONTAINER_MEDIACONTROL_ENABLE);
+        this.stopListening(this.container, Events$1.CONTAINER_MEDIACONTROL_ENABLE);
         // @ts-ignore
-        this.stopListening(this.container, Events$2.CONTAINER_PLAY);
+        this.stopListening(this.container, Events$1.CONTAINER_PLAY);
         // @ts-ignore
-        this.stopListening(this.container, Events$2.CONTAINER_PAUSE);
+        this.stopListening(this.container, Events$1.CONTAINER_PAUSE);
         // @ts-ignore
-        this.stopListening(this.container, Events$2.CONTAINER_STOP);
+        this.stopListening(this.container, Events$1.CONTAINER_STOP);
         // @ts-ignore
-        this.stopListening(this.container, Events$2.CONTAINER_ENDED);
+        this.stopListening(this.container, Events$1.CONTAINER_ENDED);
         // @ts-ignore
         this.stopListening(this.container, 'container:advertisement:start');
     }
@@ -36010,14 +36031,14 @@ class DvrControls extends UICorePlugin {
         this.bindCoreEvents();
         this.bindContainerEvents();
         if (this.core.activeContainer) {
-            this.listenTo(this.core.activeContainer, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
+            this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
         }
     }
     bindCoreEvents() {
         if (this.core.mediaControl.settings) {
-            this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
-            this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.settingsUpdate);
-            this.listenTo(this.core, Events$2.CORE_OPTIONS_CHANGE, this.render);
+            this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
+            this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.settingsUpdate);
+            this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.render);
         }
         else {
             setTimeout(() => this.bindCoreEvents(), 100);
@@ -36025,8 +36046,8 @@ class DvrControls extends UICorePlugin {
     }
     bindContainerEvents() {
         if (this.core.activeContainer) {
-            this.listenToOnce(this.core.activeContainer, Events$2.CONTAINER_TIMEUPDATE, this.render);
-            this.listenTo(this.core.activeContainer, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
+            this.listenToOnce(this.core.activeContainer, Events$1.CONTAINER_TIMEUPDATE, this.render);
+            this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
         }
     }
     containerChanged() {
@@ -36126,15 +36147,15 @@ class ErrorScreen extends UICorePlugin {
         };
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.ERROR, this.onError);
-        this.listenTo(this.core, Events$2.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events$1.ERROR, this.onError);
+        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
         this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
     }
     onCoreReady() {
         if (this.core.activePlayback) {
-            this.listenTo(this.core.activePlayback, Events$2.PLAYBACK_PLAY, this.onPlay);
+            this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
         }
     }
     onPlay() {
@@ -36155,7 +36176,7 @@ class ErrorScreen extends UICorePlugin {
         // @ts-ignore
         this.stopListening(this.core, 'core:advertisement:finish');
         // @ts-ignore
-        this.stopListening(this.core, Events$2.ERROR);
+        this.stopListening(this.core, Events$1.ERROR);
     }
     bindReload() {
         this.reloadButton = this.$el.find('.player-error-screen__reload');
@@ -36306,29 +36327,29 @@ class Favicon extends CorePlugin {
         if (this.core.options.changeFavicon) {
             if (!this.enabled) {
                 // @ts-ignore
-                this.stopListening(this.core, Events$2.CORE_OPTIONS_CHANGE);
+                this.stopListening(this.core, Events$1.CORE_OPTIONS_CHANGE);
                 this.enable();
             }
         }
         else if (this.enabled) {
             this.disable();
-            this.listenTo(this.core, Events$2.CORE_OPTIONS_CHANGE, this.configure);
+            this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.configure);
         }
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_OPTIONS_CHANGE, this.configure);
-        this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, this.containerChanged);
+        this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.configure);
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.containerChanged);
         this.core.activeContainer && this.containerChanged();
     }
     containerChanged() {
         // @ts-ignore
         this._container && this.stopListening(this._container);
         this._container = this.core.activeContainer;
-        this.listenTo(this._container, Events$2.CONTAINER_PLAY, this.setPlayIcon);
-        this.listenTo(this._container, Events$2.CONTAINER_PAUSE, this.setPauseIcon);
-        this.listenTo(this._container, Events$2.CONTAINER_STOP, this.resetIcon);
-        this.listenTo(this._container, Events$2.CONTAINER_ENDED, this.resetIcon);
-        this.listenTo(this._container, Events$2.CONTAINER_ERROR, this.resetIcon);
+        this.listenTo(this._container, Events$1.CONTAINER_PLAY, this.setPlayIcon);
+        this.listenTo(this._container, Events$1.CONTAINER_PAUSE, this.setPauseIcon);
+        this.listenTo(this._container, Events$1.CONTAINER_STOP, this.resetIcon);
+        this.listenTo(this._container, Events$1.CONTAINER_ENDED, this.resetIcon);
+        this.listenTo(this._container, Events$1.CONTAINER_ERROR, this.resetIcon);
         this.resetIcon();
     }
     disable() {
@@ -36415,20 +36436,20 @@ class GoogleAnalytics extends ContainerPlugin {
     }
     addEventListeners() {
         if (this.container) {
-            this.listenTo(this.container, Events$2.CONTAINER_READY, this.onReady);
-            this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.onPlay);
-            this.listenTo(this.container, Events$2.CONTAINER_STOP, this.onStop);
-            this.listenTo(this.container, Events$2.CONTAINER_PAUSE, this.onPause);
-            this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.onEnded);
-            this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.onBuffering);
-            this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
-            this.listenTo(this.container, Events$2.CONTAINER_ERROR, this.onError);
-            this.listenTo(this.container, Events$2.CONTAINER_PLAYBACKSTATE, this.onPlaybackChanged);
-            this.listenTo(this.container, Events$2.CONTAINER_VOLUME, this.onVolumeChanged);
-            this.listenTo(this.container, Events$2.CONTAINER_SEEK, this.onSeek);
-            this.listenTo(this.container, Events$2.CONTAINER_FULLSCREEN, this.onFullscreen);
-            this.listenTo(this.container, Events$2.CONTAINER_HIGHDEFINITIONUPDATE, this.onHD);
-            this.listenTo(this.container, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.onDVR);
+            this.listenTo(this.container, Events$1.CONTAINER_READY, this.onReady);
+            this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.onPlay);
+            this.listenTo(this.container, Events$1.CONTAINER_STOP, this.onStop);
+            this.listenTo(this.container, Events$1.CONTAINER_PAUSE, this.onPause);
+            this.listenTo(this.container, Events$1.CONTAINER_ENDED, this.onEnded);
+            this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.onBuffering);
+            this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
+            this.listenTo(this.container, Events$1.CONTAINER_ERROR, this.onError);
+            this.listenTo(this.container, Events$1.CONTAINER_PLAYBACKSTATE, this.onPlaybackChanged);
+            this.listenTo(this.container, Events$1.CONTAINER_VOLUME, this.onVolumeChanged);
+            this.listenTo(this.container, Events$1.CONTAINER_SEEK, this.onSeek);
+            this.listenTo(this.container, Events$1.CONTAINER_FULLSCREEN, this.onFullscreen);
+            this.listenTo(this.container, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.onHD);
+            this.listenTo(this.container, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.onDVR);
         }
         _gaq.push([this.trackerName + '_setAccount', this.account]);
         if (this.domainName) {
@@ -36690,7 +36711,7 @@ function keyName(keyCode) {
 
 const buttonHtml$2 = "<button class='gplayer-lite-btn gcore-skin-text-color gear-option'>\n    <% if (isHd) { %>\n        <span class=\"gear-option_hd-icon\"><%= hdIcon %></span>\n    <% } %>\n    <span>Quality</span>\n    <span class=\"gear-option_arrow-right-icon\"><%= arrowRightIcon %></span>\n    <span class='gear-option_value'><%= currentText %></span>\n</button>\n";
 
-const listHtml$1 = "<button class=\"gplayer-lite-btn go-back gcore-skin-text-color\">\n    <span class=\"arrow-left-icon\"><%= arrowLeftIcon %></span>\n    Quality\n</button>\n<ul class=\"gear-sub-menu\">\n    <% if (!removeAuto) { %>\n        <li>\n            <a href=\"#\" class='gear-sub-menu_btn gcore-skin-text-color' data-id=\"-1\">\n                <span class=\"check-icon\"><%= checkIcon %></span>\n            Auto\n        </a>\n    </li>\n    <% } %>\n    <% for (const level of levels.slice().reverse()) { %>\n        <li <% if (maxLevel >= 0 && level.level > maxLevel) { %>class=\"level-disabled\"<% } %>>\n            <a href=\"#\" class='gear-sub-menu_btn gcore-skin-text-color' data-id=\"<%= level.level %>\">\n                <span class=\"check-icon\"><%= checkIcon %></span>\n                <%= labels[level.level] %>\n            </a>\n        </li>\n    <% } %>\n</ul>\n";
+const listHtml$1 = "<button class=\"gplayer-lite-btn go-back gcore-skin-text-color\">\n    <span class=\"arrow-left-icon\"><%= arrowLeftIcon %></span>\n    Quality\n</button>\n<ul class=\"gear-sub-menu\">\n    <% if (!removeAuto) { %>\n        <li>\n            <a href=\"#\" class='gear-sub-menu_btn gcore-skin-text-color' data-id=\"-1\" id=\"level_selector_auto\">\n                <span class=\"check-icon\"><%= checkIcon %></span>\n            Auto\n        </a>\n    </li>\n    <% } %>\n    <% for (const level of levels.slice().reverse()) { %>\n        <li <% if (maxLevel >= 0 && level.level > maxLevel) { %>class=\"level-disabled\"<% } %>>\n            <a href=\"#\" class='gear-sub-menu_btn gcore-skin-text-color' data-id=\"<%= level.level %>\" id=\"level_selector_<%= level.level %>\">\n                <span class=\"check-icon\"><%= checkIcon %></span>\n                <%= labels[level.level] %>\n            </a>\n        </li>\n    <% } %>\n</ul>\n";
 
 const hdIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    d=\"M14.9562 8.22232H13.9961V15.1873H14.9562C15.8914 15.1873 16.766 14.8253 17.4195 14.1676C18.0786 13.5037 18.4415 12.6281 18.4415 11.7026C18.4415 9.7837 16.8781 8.22253 14.9561 8.22253L14.9562 8.22232Z\"\n    fill=\"#C9C9C9\"/>\n  <path\n    d=\"M22.0801 4H1.91994C0.859222 4 0 4.86406 0 5.91994V17.4878C0 18.5437 0.859222 19.4078 1.91994 19.4078H22.0801C23.1408 19.4078 24 18.5437 24 17.4878V5.91994C24 4.86406 23.1408 4 22.0801 4ZM10.3975 15.3473C10.3975 15.6124 10.1827 15.8272 9.91754 15.8272C9.65216 15.8272 9.43761 15.6122 9.43761 15.3473V12.0239H5.55956V15.3473C5.55956 15.6124 5.34481 15.8272 5.07963 15.8272C4.81425 15.8272 4.5997 15.6122 4.5997 15.3473L4.59949 7.74042C4.59949 7.47524 4.81425 7.26049 5.07943 7.26049C5.34481 7.26049 5.55936 7.47544 5.55936 7.74042V11.0636H9.43741V7.74042C9.43741 7.47524 9.65216 7.26049 9.91734 7.26049C10.1827 7.26049 10.3973 7.47544 10.3973 7.74042L10.3975 15.3473ZM18.1005 14.8438C17.2652 15.6844 16.1486 16.1472 14.9561 16.1472H13.5161C13.2507 16.1472 13.0361 15.9323 13.0361 15.6673V7.74263C13.0361 7.47745 13.2509 7.26269 13.5161 7.26269H14.9561C17.4072 7.26269 19.4013 9.25438 19.4013 11.7027C19.4013 12.8835 18.9392 13.9991 18.1005 14.844V14.8438Z\"\n    fill=\"#C9C9C9\"/>\n</svg>\n";
 
@@ -36700,14 +36721,21 @@ const arrowLeftIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fil
 
 const checkIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n        d=\"M20.5793 4.19296C20.1216 3.86696 19.4777 3.96396 19.1424 4.40896L9.37295 17.3809L4.81634 12.107C4.45222 11.683 3.80218 11.6289 3.36709 11.9839C2.932 12.3389 2.87543 12.97 3.2416 13.393L8.64165 19.643C8.83708 19.869 9.12506 20 9.42849 20C9.4398 20 9.45114 20 9.46246 19.999C9.77926 19.989 10.0724 19.838 10.2586 19.59L20.8015 5.58996C21.1368 5.14496 21.0371 4.51896 20.5793 4.19296Z\"\n        fill=\"#C9C9C9\"/>\n</svg>\n";
 
-const T$6 = 'plugins.media_control_level_selector';
+const T$7 = 'plugins.level_selector';
 const VERSION$4 = '2.19.4';
 /**
  * A {@link MediaControl | media control} plugin that provides a UI to control the quality level of the playback.
  * @beta
  *
  * @remarks
- * The plugin is rendered as a button in the {@link BottomGear | gear menu}.
+ * Depends on:
+ *
+ * - {@link MediaControl}
+ *
+ * - {@link BottomGear}
+ *
+ * The plugin is rendered as an item in the gear menu.
+ *
  * When clicked, it shows a list of quality levels to choose from.
  *
  * Configuration options:
@@ -36732,13 +36760,13 @@ class LevelSelector extends UICorePlugin {
     removeAuto = false;
     isHd = false;
     isOpen = false;
-    buttonTemplate = null;
-    listTemplate = null;
+    static buttonTemplate = tmpl(buttonHtml$2);
+    static listTemplate = tmpl(listHtml$1);
     /**
      * @internal
      */
     get name() {
-        return 'media_control_level_selector';
+        return 'level_selector';
     }
     /**
      * @internal
@@ -36774,19 +36802,19 @@ class LevelSelector extends UICorePlugin {
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindPlaybackEvents());
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindPlaybackEvents());
         this.listenTo(this.core, 'gear:rendered', this.render);
     }
     bindPlaybackEvents() {
         this.removeAuto = false;
         this.isHd = false;
         const activePlayback = this.core.activePlayback;
-        this.listenTo(activePlayback, Events$2.PLAYBACK_LEVELS_AVAILABLE, (levels) => this.fillLevels(levels));
-        this.listenTo(activePlayback, Events$2.PLAYBACK_LEVEL_SWITCH_START, this.onLevelSwitchStart);
-        this.listenTo(activePlayback, Events$2.PLAYBACK_LEVEL_SWITCH_END, this.onLevelSwitchEnd);
-        this.listenTo(activePlayback, Events$2.PLAYBACK_BITRATE, this.updateCurrentLevel);
-        this.listenTo(activePlayback, Events$2.PLAYBACK_STOP, this.onStop);
-        this.listenTo(activePlayback, Events$2.PLAYBACK_HIGHDEFINITIONUPDATE, (isHd) => {
+        this.listenTo(activePlayback, Events$1.PLAYBACK_LEVELS_AVAILABLE, (levels) => this.fillLevels(levels));
+        this.listenTo(activePlayback, Events$1.PLAYBACK_LEVEL_SWITCH_START, this.onLevelSwitchStart);
+        this.listenTo(activePlayback, Events$1.PLAYBACK_LEVEL_SWITCH_END, this.onLevelSwitchEnd);
+        this.listenTo(activePlayback, Events$1.PLAYBACK_BITRATE, this.updateCurrentLevel);
+        this.listenTo(activePlayback, Events$1.PLAYBACK_STOP, this.onStop);
+        this.listenTo(activePlayback, Events$1.PLAYBACK_HIGHDEFINITIONUPDATE, (isHd) => {
             this.isHd = isHd;
             this.deferRender();
         });
@@ -36796,8 +36824,8 @@ class LevelSelector extends UICorePlugin {
     }
     onStop() {
         const currentPlayback = this.core.activePlayback;
-        this.listenToOnce(currentPlayback, Events$2.PLAYBACK_PLAY, () => {
-            trace(`${T$6} on PLAYBACK_PLAY after stop`, { selectedLevelId: this.selectedLevelId });
+        this.listenToOnce(currentPlayback, Events$1.PLAYBACK_PLAY, () => {
+            trace(`${T$7} on PLAYBACK_PLAY after stop`, { selectedLevelId: this.selectedLevelId });
             if (currentPlayback.getPlaybackType() === 'live') {
                 if (this.selectedLevelId !== -1) {
                     currentPlayback.currentLevel = this.selectedLevelId;
@@ -36824,6 +36852,7 @@ class LevelSelector extends UICorePlugin {
      * @internal
      */
     render() {
+        assert(this.core.getPlugin('bottom_gear'), 'bottom_gear plugin is required');
         if (!this.shouldRender()) {
             return this;
         }
@@ -36831,28 +36860,20 @@ class LevelSelector extends UICorePlugin {
         return this;
     }
     renderButton() {
-        if (!this.buttonTemplate) {
-            this.buttonTemplate = tmpl(buttonHtml$2);
-        }
         if (!this.isOpen) {
-            const html = this.buttonTemplate?.({
+            const html = LevelSelector.buttonTemplate({
                 arrowRightIcon,
                 currentText: this.currentText,
                 isHd: this.isHd,
                 hdIcon,
             });
             this.$el.html(html);
-            const mediaControl = this.core.getPlugin('media_control');
-            mediaControl.getElement('bottomGear')
-                ?.find('.gear-options-list [data-quality]')
-                ?.html(this.el);
+            const gear = this.core.getPlugin('bottom_gear');
+            gear.getElement('quality')?.html(this.el);
         }
     }
     renderDropdown() {
-        if (!this.listTemplate) {
-            this.listTemplate = tmpl(listHtml$1);
-        }
-        const html = this.listTemplate({
+        const html = LevelSelector.listTemplate({
             arrowLeftIcon,
             checkIcon,
             labels: this.levelLabels,
@@ -36861,8 +36882,8 @@ class LevelSelector extends UICorePlugin {
             removeAuto: this.removeAuto,
         });
         this.$el.html(html);
-        const mediaControl = this.core.getPlugin('media_control');
-        mediaControl.getElement('bottomGear')?.find('.gear-wrapper').html(this.el);
+        const gear = this.core.getPlugin('bottom_gear');
+        gear?.setContent(this.el);
     }
     get maxLevel() {
         const maxRes = this.core.options.levelSelector?.restrictResolution;
@@ -36959,7 +36980,7 @@ class LevelSelector extends UICorePlugin {
         this.highlightCurrentLevel();
     }
     highlightCurrentLevel() {
-        trace(`${T$6} highlightCurrentLevel`, {
+        trace(`${T$7} highlightCurrentLevel`, {
             selectedLevelId: this.selectedLevelId,
         });
         this.allLevelElements().removeClass('current');
@@ -37046,10 +37067,10 @@ class Logo extends UIContainerPlugin {
     }
     bindEvents() {
         window.addEventListener('resize', this.setPosition);
-        this.listenTo(this.container, Events$2.CONTAINER_RESIZE, this.setPosition);
-        this.listenTo(this.container, Events$2.CONTAINER_STOP, this.onStop);
-        this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.onPlay);
-        this.listenTo(this.container, Events$2.CONTAINER_LOADEDMETADATA, this.setPosition);
+        this.listenTo(this.container, Events$1.CONTAINER_RESIZE, this.setPosition);
+        this.listenTo(this.container, Events$1.CONTAINER_STOP, this.onStop);
+        this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.onPlay);
+        this.listenTo(this.container, Events$1.CONTAINER_LOADEDMETADATA, this.setPosition);
     }
     stopListening() {
         window.removeEventListener('resize', this.setPosition);
@@ -37308,14 +37329,14 @@ class MediaControl extends UICorePlugin {
      * @deprecated
      */
     get container() {
-        return this.core && this.core.activeContainer;
+        return this.core.activeContainer;
     }
     /**
      * @internal
      * @deprecated
      */
     get playback() {
-        return this.core && this.core.activePlayback;
+        return this.core.activePlayback;
     }
     /**
      * @internal
@@ -37402,13 +37423,12 @@ class MediaControl extends UICorePlugin {
     bindEvents() {
         // @ts-ignore
         this.stopListening();
-        this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
-        this.listenTo(this.core, Events$2.CORE_MOUSE_MOVE, this.show);
-        this.listenTo(this.core, Events$2.CORE_MOUSE_LEAVE, () => this.hide(this.options.hideMediaControlDelay));
-        this.listenTo(this.core, Events$2.CORE_FULLSCREEN, this.show);
-        this.listenTo(this.core, Events$2.CORE_OPTIONS_CHANGE, this.configure);
-        this.listenTo(this.core, Events$2.CORE_RESIZE, this.playerResize);
-        this.bindContainerEvents();
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
+        this.listenTo(this.core, Events$1.CORE_MOUSE_MOVE, this.show);
+        this.listenTo(this.core, Events$1.CORE_MOUSE_LEAVE, () => this.hide(this.options.hideMediaControlDelay));
+        this.listenTo(this.core, Events$1.CORE_FULLSCREEN, this.show);
+        this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.configure);
+        this.listenTo(this.core, Events$1.CORE_RESIZE, this.playerResize);
         this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
         this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
         // const has360 = this.core?.getPlugin('video_360');
@@ -37432,26 +37452,23 @@ class MediaControl extends UICorePlugin {
         // }
     }
     bindContainerEvents() {
-        if (!this.container) {
-            return;
-        }
-        this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.changeTogglePlay);
-        this.listenTo(this.container, Events$2.CONTAINER_PAUSE, this.changeTogglePlay);
-        this.listenTo(this.container, Events$2.CONTAINER_STOP, this.changeTogglePlay);
-        this.listenTo(this.container, Events$2.CONTAINER_DBLCLICK, this.toggleFullscreen);
-        this.listenTo(this.container, Events$2.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
-        this.listenTo(this.container, Events$2.CONTAINER_PROGRESS, this.updateProgressBar);
-        this.listenTo(this.container, Events$2.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);
-        this.listenTo(this.container, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.settingsUpdate);
-        this.listenTo(this.container, Events$2.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
-        this.listenTo(this.container, Events$2.CONTAINER_MEDIACONTROL_DISABLE, this.disable);
-        this.listenTo(this.container, Events$2.CONTAINER_MEDIACONTROL_ENABLE, this.enable);
-        this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.ended);
-        this.listenTo(this.container, Events$2.CONTAINER_VOLUME, this.onVolumeChanged);
-        this.listenTo(this.container, Events$2.CONTAINER_OPTIONS_CHANGE, this.setInitialVolume);
-        if (this.container.playback.el.nodeName.toLowerCase() === 'video') {
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAY, this.changeTogglePlay);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PAUSE, this.changeTogglePlay);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_STOP, this.changeTogglePlay);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_DBLCLICK, this.toggleFullscreen);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PROGRESS, this.updateProgressBar);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.settingsUpdate);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_MEDIACONTROL_DISABLE, this.disable);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_MEDIACONTROL_ENABLE, this.enable);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_ENDED, this.ended);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_VOLUME, this.onVolumeChanged);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_OPTIONS_CHANGE, this.setInitialVolume);
+        if (this.core.activePlayback.el.nodeName.toLowerCase() === 'video') {
             // wait until the metadata has loaded and then check if fullscreen on video tag is supported
-            this.listenToOnce(this.container, Events$2.CONTAINER_LOADEDMETADATA, this.onLoadedMetadataOnVideoTag);
+            this.listenToOnce(this.core.activeContainer, Events$1.CONTAINER_LOADEDMETADATA, this.onLoadedMetadataOnVideoTag);
         }
     }
     /**
@@ -37486,7 +37503,7 @@ class MediaControl extends UICorePlugin {
         this.updateVolumeUI();
     }
     onLoadedMetadataOnVideoTag(event) {
-        const video = this.playback && this.playback.el;
+        const video = this.core.activePlayback?.el;
         // video.webkitSupportsFullscreen is deprecated but iOS appears to only use this
         // see https://github.com/clappr/clappr/issues/1127
         if (!Fullscreen.fullscreenEnabled() && video.webkitSupportsFullscreen) {
@@ -37550,12 +37567,12 @@ class MediaControl extends UICorePlugin {
         if (this.container && this.container.isPlaying()) {
             this.$playPauseToggle?.append(pauseIcon);
             this.$playStopToggle?.append(pauseIcon);
-            this.trigger(Events$2.MEDIACONTROL_PLAYING);
+            this.trigger(Events$1.MEDIACONTROL_PLAYING);
         }
         else {
             this.$playPauseToggle?.append(playIcon);
             this.$playStopToggle?.append(playIcon);
-            this.trigger(Events$2.MEDIACONTROL_NOTPLAYING);
+            this.trigger(Events$1.MEDIACONTROL_NOTPLAYING);
             if (Browser.isMobile) {
                 this.show();
             }
@@ -37573,10 +37590,10 @@ class MediaControl extends UICorePlugin {
                 this.$seekBarHover.css({ left: offsetX });
             }
         }
-        this.trigger(Events$2.MEDIACONTROL_MOUSEMOVE_SEEKBAR, event);
+        this.trigger(Events$1.MEDIACONTROL_MOUSEMOVE_SEEKBAR, event);
     }
     mouseleaveOnSeekBar(event) {
-        this.trigger(Events$2.MEDIACONTROL_MOUSELEAVE_SEEKBAR, event);
+        this.trigger(Events$1.MEDIACONTROL_MOUSELEAVE_SEEKBAR, event);
     }
     onVolumeClick(event) {
         this.setVolume(this.getVolumeFromUIEvent(event));
@@ -37694,13 +37711,13 @@ class MediaControl extends UICorePlugin {
                 this.container.setVolume(value);
             }
             else {
-                this.listenToOnce(this.container, Events$2.CONTAINER_READY, () => {
+                this.listenToOnce(this.container, Events$1.CONTAINER_READY, () => {
                     this.container.setVolume(value);
                 });
             }
         };
         if (!this.container) {
-            this.listenToOnce(this, Events$2.MEDIACONTROL_CONTAINERCHANGED, () => setWhenContainerReady());
+            this.listenToOnce(this, Events$1.MEDIACONTROL_CONTAINERCHANGED, () => setWhenContainerReady());
         }
         else {
             setWhenContainerReady();
@@ -37708,7 +37725,7 @@ class MediaControl extends UICorePlugin {
     }
     toggleFullscreen() {
         if (!Browser.isMobile) {
-            this.trigger(Events$2.MEDIACONTROL_FULLSCREEN, this.name);
+            this.trigger(Events$1.MEDIACONTROL_FULLSCREEN, this.name);
             this.container.fullscreen();
             this.core.toggleFullscreen();
             this.resetUserKeepVisible();
@@ -37716,24 +37733,25 @@ class MediaControl extends UICorePlugin {
     }
     onActiveContainerChanged() {
         this.fullScreenOnVideoTagSupported = null;
-        this.bindEvents();
         // set the new container to match the volume of the last one
         this.setInitialVolume();
         this.changeTogglePlay();
         this.bindContainerEvents();
         this.settingsUpdate();
-        this.container &&
-            this.container.trigger(Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.container.isDvrInUse());
-        this.container && this.container.mediaControlDisabled && this.disable();
-        this.trigger(Events$2.MEDIACONTROL_CONTAINERCHANGED);
-        if (this.container.$el) {
-            this.container.$el.addClass('container-skin-1');
+        this.core.activeContainer &&
+            this.core.activeContainer.trigger(Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.core.activeContainer.isDvrInUse());
+        this.core.activeContainer && this.core.activeContainer.mediaControlDisabled && this.disable();
+        this.trigger(Events$1.MEDIACONTROL_CONTAINERCHANGED);
+        if (this.core.activeContainer.$el) {
+            this.core.activeContainer.$el.addClass('container-skin-1');
         }
         if (this.options.cropVideo) {
-            this.container.$el.addClass('crop-video');
+            this.core.activeContainer.$el.addClass('crop-video');
         }
-        const spinnerPlugin = this.container.getPlugin('spinner');
+        // TODO handle by the spinner itself
+        const spinnerPlugin = this.core.activeContainer.getPlugin('spinner');
         spinnerPlugin?.$el.find('div').addClass('gcore-skin-main-color');
+        // TODO handle by the seek_time itself
         const seekTimePlugin = this.container.getPlugin('seek_time');
         seekTimePlugin?.$el.addClass('gcore-skin-bg-color');
         seekTimePlugin?.$el.find('span').addClass('gcore-skin-text-color');
@@ -37847,9 +37865,9 @@ class MediaControl extends UICorePlugin {
                 this.hideId = null;
             }
             this.$el.show();
-            this.trigger(Events$2.MEDIACONTROL_SHOW, this.name);
+            this.trigger(Events$1.MEDIACONTROL_SHOW, this.name);
             this.container &&
-                this.container.trigger(Events$2.CONTAINER_MEDIACONTROL_SHOW, this.name);
+                this.container.trigger(Events$1.CONTAINER_MEDIACONTROL_SHOW, this.name);
             this.$el.removeClass('media-control-hide');
             this.hideId = setTimeout(() => this.hide(), timeout);
             if (event) {
@@ -37879,7 +37897,7 @@ class MediaControl extends UICorePlugin {
         }
         else {
             if (!this.options.controlsDontHide || isFullscreen(this.container.el)) {
-                this.trigger(Events$2.MEDIACONTROL_HIDE, this.name);
+                this.trigger(Events$1.MEDIACONTROL_HIDE, this.name);
                 this.$el.addClass('media-control-hide');
                 this.hideVolumeBar(0);
                 const showing = false;
@@ -37896,12 +37914,11 @@ class MediaControl extends UICorePlugin {
         }
     }
     settingsUpdate() {
-        const newSettings = this.getSettings();
-        $.extend(true, newSettings, {
+        const newSettings = $.extend(true, {
             left: [],
             default: [],
             right: [],
-        });
+        }, this.core.activeContainer?.settings);
         newSettings.left = orderByOrderPattern([...newSettings.left, 'clipsText', 'volume'], LEFT_ORDER);
         newSettings.right = [
             'fullscreen',
@@ -37932,10 +37949,6 @@ class MediaControl extends UICorePlugin {
             this.render();
         }
     }
-    getSettings() {
-        // TODO show live and remove duration/position if live
-        return $.extend(true, {}, this.container && this.container.settings);
-    }
     highDefinitionUpdate(isHD) {
         this.isHD = isHD;
     }
@@ -37999,8 +38012,17 @@ class MediaControl extends UICorePlugin {
                 return this.$playbackRate;
             case 'seekBarContainer':
                 return this.$seekBarContainer;
+            case 'subtitlesSelector':
+                return this.$subtitlesSelector;
         }
     }
+    /**
+     * Get the right panel area to append custom elements to
+     * @returns  ZeptoSelector of the right panel element
+     */
+    getRightPanel() {
+        return this.$el.find('.media-control-right-panel');
+    }
     resetIndicators() {
         assert.ok(this.$duration && this.$position, 'duration and position elements must be present');
         this.displayedPosition = this.$position.text();
@@ -38143,7 +38165,7 @@ class MediaControl extends UICorePlugin {
     }
     configure() {
         this.advertisementPlaying ? this.disable() : this.enable();
-        this.trigger(Events$2.MEDIACONTROL_OPTIONS_CHANGE);
+        this.trigger(Events$1.MEDIACONTROL_OPTIONS_CHANGE);
     }
     /**
      * @internal
@@ -38159,7 +38181,7 @@ class MediaControl extends UICorePlugin {
         this.$playPauseToggle?.addClass('paused');
         this.$playStopToggle?.addClass('stopped');
         this.changeTogglePlay();
-        if (this.container) {
+        if (this.core.activeContainer) {
             this.hideId = setTimeout(() => this.hide(), timeout);
             this.disabled && this.hide();
         }
@@ -38198,11 +38220,11 @@ class MediaControl extends UICorePlugin {
         this.core.$el.append(this.el);
         this.rendered = true;
         this.updateVolumeUI();
-        this.trigger(Events$2.MEDIACONTROL_RENDERED);
+        this.trigger(Events$1.MEDIACONTROL_RENDERED);
         return this;
     }
     handleFullScreenOnBtn() {
-        this.trigger(Events$2.MEDIACONTROL_FULLSCREEN, this.name);
+        this.trigger(Events$1.MEDIACONTROL_FULLSCREEN, this.name);
         this.container.fullscreen();
         // TODO: fix after it full screen will be fixed on iOS
         if (Browser.isiOS) {
@@ -38283,7 +38305,7 @@ const streamsMomentoIcon = "<svg id=\"Слой_1\" data-name=\"Слой 1\" xmln
 const streamsWhiteNightsIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"50\" height=\"50\" viewBox=\"0 0 50 50\">\n  <defs>\n    <clipPath id=\"clip-Icon\">\n      <rect width=\"50\" height=\"50\"/>\n    </clipPath>\n  </defs>\n  <g id=\"Icon\" clip-path=\"url(#clip-Icon)\">\n    <g id=\"icon2\" transform=\"translate(-0.041 0)\">\n      <path id=\"Контур_77\" data-name=\"Контур 77\" d=\"M6.493,13v8.266h6.275V19.74H8.31V17.714h4.006V16.3H8.31V14.53h4.365V13Zm7.5,0v8.266h1.7V15.732h.023l3.438,5.534h1.818V13h-1.7v5.545h-.023L15.8,13Z\" fill=\"#fff\"/>\n      <path id=\"Контур_76\" data-name=\"Контур 76\" d=\"M29.949,29.1V26.774H31.94a1.4,1.4,0,0,1,.938.272,1.1,1.1,0,0,1,.313.874,1.155,1.155,0,0,1-.313.9,1.375,1.375,0,0,1-.938.278ZM28.132,25.36v8.266h1.817V30.4h1.818a1.353,1.353,0,0,1,.984.3,1.637,1.637,0,0,1,.394.949c.046.333.079.681.1,1.042a3.2,3.2,0,0,0,.185.938h1.819a1.218,1.218,0,0,1-.191-.423,3.611,3.611,0,0,1-.093-.527c-.019-.185-.033-.367-.041-.544s-.016-.332-.023-.463a5.052,5.052,0,0,0-.087-.625,2.109,2.109,0,0,0-.2-.573,1.586,1.586,0,0,0-.359-.451,1.414,1.414,0,0,0-.556-.284v-.023a1.926,1.926,0,0,0,1-.81,2.494,2.494,0,0,0,.307-1.262,2.308,2.308,0,0,0-.165-.88,2.128,2.128,0,0,0-.486-.724,2.3,2.3,0,0,0-.764-.492,2.67,2.67,0,0,0-1-.179ZM43.506,30.5V25.36H41.689V30.5a2.065,2.065,0,0,1-.37,1.36,1.7,1.7,0,0,1-1.343.434,2.086,2.086,0,0,1-.886-.156,1.283,1.283,0,0,1-.758-.978,3.748,3.748,0,0,1-.058-.66V25.36H36.456V30.5a3.16,3.16,0,0,0,.92,2.5,3.807,3.807,0,0,0,2.6.81,3.82,3.82,0,0,0,2.593-.816,3.132,3.132,0,0,0,.937-2.492Z\" fill=\"#fff\"/>\n      <path id=\"Контур_80\" data-name=\"Контур 80\" d=\"M22.646,31.2H4.689a4.505,4.505,0,0,1-4.5-4.5V8.5A4.505,4.505,0,0,1,4.689,4h18.2a4.505,4.505,0,0,1,4.5,4.5v8.445l-.893.1a3.184,3.184,0,0,0-2.846,3.177V30.5l-.465.7ZM4.689,6a2.5,2.5,0,0,0-2.5,2.5V26.7a2.5,2.5,0,0,0,2.5,2.5H21.65V20.22a5.18,5.18,0,0,1,3.739-4.992V8.5a2.5,2.5,0,0,0-2.5-2.5Z\" fill=\"#fff\"/>\n      <path id=\"Контур_81\" data-name=\"Контур 81\" d=\"M30.127,47.884a1,1,0,0,1-1-1V43.267H26.846a5.206,5.206,0,0,1-5.2-5.2V20.222a5.206,5.206,0,0,1,5.2-5.2H44.692a5.206,5.206,0,0,1,5.2,5.2V38.068a5.206,5.206,0,0,1-5.2,5.2H35.058l-4.216,4.316A1,1,0,0,1,30.127,47.884ZM26.846,17.022a3.2,3.2,0,0,0-3.2,3.2V38.067a3.2,3.2,0,0,0,3.2,3.2h3.281a1,1,0,0,1,1,1v2.162l2.8-2.86a1,1,0,0,1,.715-.3H44.692a3.2,3.2,0,0,0,3.2-3.2V20.222a3.2,3.2,0,0,0-3.2-3.2Z\" fill=\"#fff\"/>\n    </g>\n  </g>\n</svg>\n";
 
 const VERSION$3 = '0.0.1';
-const T$5 = 'plugins.media_control_multicamera';
+const T$6 = 'plugins.media_control_multicamera';
 class MultiCamera extends UICorePlugin {
     currentCamera = null;
     currentTime = 0;
@@ -38326,29 +38348,29 @@ class MultiCamera extends UICorePlugin {
         this.noActiveStreams = this.multicamera.every((item) => !item.live);
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_READY, this.bindPlaybackEvents);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.reload);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
+        this.listenTo(this.core, Events$1.CORE_READY, this.bindPlaybackEvents);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
     }
     unBindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE);
         // @ts-ignore
-        this.stopListening(this.core.activePlayback, Events$2.PLAYBACK_PLAY, this.onPlay);
+        this.stopListening(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
     }
     onPlay() {
         this.playing = true;
     }
     bindPlaybackEvents() {
         const currentPlayback = this.core.activePlayback;
-        this.listenToOnce(currentPlayback, Events$2.PLAYBACK_PLAY, this.onPlay);
+        this.listenToOnce(currentPlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
     }
     reload() {
         this.unBindEvents();
@@ -38552,7 +38574,7 @@ class MultiCamera extends UICorePlugin {
             // TODO figure out what this does
             playbackOptions.recycleVideo = Browser.isMobile;
             this.currentCamera = this.findElementById(id) ?? null;
-            trace(`${T$5} changeById`, { currentCamera: this.currentCamera, multicamera: this.multicamera });
+            trace(`${T$6} changeById`, { currentCamera: this.currentCamera, multicamera: this.multicamera });
             if (!this.currentCamera) {
                 return;
             }
@@ -38568,7 +38590,7 @@ class MultiCamera extends UICorePlugin {
             // TODO remove?
             // for html5 playback:
             this.options.dvrEnabled = this.currentCamera.dvr;
-            trace(`${T$5} changeById`, { currentCamera: this.currentCamera });
+            trace(`${T$6} changeById`, { currentCamera: this.currentCamera });
             // TODO
             this.core.configure({
                 playback: playbackOptions,
@@ -38626,7 +38648,7 @@ const pipIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"no
 const buttonHtml$1 = "<button class=\"gplayer-lite-btn gcore-skin-button-color\">\n    <span><%= pipIcon %></span>\n</button>\n";
 
 const VERSION$2 = '0.0.1';
-const T$4 = `plugins.media_control_pip`;
+const T$5 = `plugins.media_control_pip`;
 class PictureInPicture extends UICorePlugin {
     get name() {
         return 'media_control_pip';
@@ -38646,7 +38668,7 @@ class PictureInPicture extends UICorePlugin {
         return this.core.activePlayback.el;
     }
     bindEvents() {
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
     }
     isPiPSupported() {
         return document.pictureInPictureEnabled && !!HTMLVideoElement.prototype.requestPictureInPicture;
@@ -38672,7 +38694,7 @@ class PictureInPicture extends UICorePlugin {
         }
     }
     requestPictureInPicture() {
-        trace(`${T$4} requestPictureInPicture`, {
+        trace(`${T$5} requestPictureInPicture`, {
             videoElement: !!this.videoElement,
         });
         this.videoElement.requestPictureInPicture();
@@ -38731,23 +38753,23 @@ class PlaybackRate extends UICorePlugin {
     }
     bindEvents() {
         this.listenTo(this.core, 'gear:rendered', this.render);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.reload);
         this.listenTo(this.core.mediaControl, MEDIACONTROL_PLAYBACKRATE, this.updatePlaybackRate);
         this.listenTo(this.core, 'core:advertisement:start', this.onStartAd);
         this.listenTo(this.core, 'core:advertisement:finish', this.onFinishAd);
         if (this.core.activeContainer) {
-            this.listenTo(this.core.activePlayback, Events$2.PLAYBACK_BUFFERFULL, this.updateLiveStatus);
+            this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_BUFFERFULL, this.updateLiveStatus);
         }
         if (this.currentPlayback) {
-            this.listenTo(this.currentPlayback, Events$2.PLAYBACK_STOP, this.onStop);
-            this.listenTo(this.currentPlayback, Events$2.PLAYBACK_PLAY, this.onPlay);
+            this.listenTo(this.currentPlayback, Events$1.PLAYBACK_STOP, this.onStop);
+            this.listenTo(this.currentPlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
             // TODO import dash playback events
             this.listenTo(this.currentPlayback, 'dash:playback-rate-changed', this.onDashRateChange);
         }
     }
     unBindEvents() {
         this.stopListening(this.core, 'gear:rendered', this.render);
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.reload);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.reload);
         this.stopListening(this.core, 'core:advertisement:start', this.onStartAd);
         this.stopListening(this.core, 'core:advertisement:finish', this.onFinishAd);
     }
@@ -38817,7 +38839,7 @@ class PlaybackRate extends UICorePlugin {
     onStartAd() {
         this.prevSelectedRate = this.selectedRate;
         this.setSelectedRate('1.0');
-        this.listenToOnce(this.currentPlayback, Events$2.PLAYBACK_PLAY, this.onFinishAd);
+        this.listenToOnce(this.currentPlayback, Events$1.PLAYBACK_PLAY, this.onFinishAd);
     }
     onFinishAd() {
         if (this.prevSelectedRate) {
@@ -38892,7 +38914,7 @@ const posterHTML = "<div class=\"play-wrapper\" data-poster></div>\n";
 //Copyright 2014 Globo.com Player authors. All rights reserved.
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
-const T$3 = 'plugins.poster_custom';
+const T$4 = 'plugins.poster_custom';
 /**
  * Displays a poster image in the background and a big play button on top when playback is stopped
  * @beta
@@ -38972,16 +38994,16 @@ class Poster extends UIContainerPlugin {
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.container, Events$2.CONTAINER_STOP, this.onStop);
-        this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.onPlay);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.update);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERFULL, this.update);
-        this.listenTo(this.container, Events$2.CONTAINER_OPTIONS_CHANGE, this.render);
-        this.listenTo(this.container, Events$2.CONTAINER_ERROR, this.onError);
+        this.listenTo(this.container, Events$1.CONTAINER_STOP, this.onStop);
+        this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.onPlay);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.update);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERFULL, this.update);
+        this.listenTo(this.container, Events$1.CONTAINER_OPTIONS_CHANGE, this.render);
+        this.listenTo(this.container, Events$1.CONTAINER_ERROR, this.onError);
         this.showOnVideoEnd &&
-            this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.onStop);
-        this.listenTo(this.container, Events$2.CONTAINER_READY, this.render);
-        this.listenTo(this.container, Events$2.PLAYBACK_PLAY_INTENT, this.onPlayIntent);
+            this.listenTo(this.container, Events$1.CONTAINER_ENDED, this.onStop);
+        this.listenTo(this.container, Events$1.CONTAINER_READY, this.render);
+        this.listenTo(this.container, Events$1.PLAYBACK_PLAY_INTENT, this.onPlayIntent);
     }
     /**
      * Reenables earlier disabled plugin
@@ -39000,7 +39022,7 @@ class Poster extends UIContainerPlugin {
         super.disable();
     }
     onError(error) {
-        trace(`${T$3} onError`, {
+        trace(`${T$4} onError`, {
             enabled: this.enabled,
         });
         this.hasFatalError = error.level === PlayerError.Levels.FATAL;
@@ -39021,7 +39043,7 @@ class Poster extends UIContainerPlugin {
         this.update();
     }
     onStop() {
-        trace(`${T$3} onStop`, {
+        trace(`${T$4} onStop`, {
             enabled: this.enabled,
         });
         this.hasStartedPlaying = false;
@@ -39029,7 +39051,7 @@ class Poster extends UIContainerPlugin {
         this.update();
     }
     updatePlayButton(show) {
-        trace(`${T$3} updatePlayButton`, {
+        trace(`${T$4} updatePlayButton`, {
             chromeless: this.options.chromeless,
             allowUserInteraction: this.options.allowUserInteraction,
         });
@@ -39057,7 +39079,7 @@ class Poster extends UIContainerPlugin {
         this.$el.removeClass('clickable');
     }
     clicked() {
-        trace(`${T$3} clicked`, {
+        trace(`${T$4} clicked`, {
             hasStartedPlaying: this.hasStartedPlaying,
             chromeless: this.options.chromeless,
             allowUserInteraction: this.options.allowUserInteraction,
@@ -39081,7 +39103,7 @@ class Poster extends UIContainerPlugin {
         return !this.container.playback.isAudioOnly;
     }
     update() {
-        trace(`${T$3} update`, {
+        trace(`${T$4} update`, {
             shouldRender: this.shouldRender,
         });
         if (!this.shouldRender) {
@@ -39094,7 +39116,7 @@ class Poster extends UIContainerPlugin {
         this.updatePoster();
     }
     updatePoster() {
-        trace(`${T$3} updatePoster`, {
+        trace(`${T$4} updatePoster`, {
             hasStartedPlaying: this.hasStartedPlaying,
         });
         if (!this.hasStartedPlaying) {
@@ -39109,7 +39131,7 @@ class Poster extends UIContainerPlugin {
         this.$el.show();
     }
     hidePoster() {
-        trace(`${T$3} hidePoster`, {
+        trace(`${T$4} hidePoster`, {
             shouldHideOnPlay: this.shouldHideOnPlay(),
         });
         if (!this.options.disableMediaControl) {
@@ -39205,13 +39227,13 @@ class SeekTime extends UICorePlugin {
     $durationEl = null;
     $seekTimeEl = null;
     bindEvents() {
-        this.listenTo(this.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.mediaControl, Events$2.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime);
-        this.listenTo(this.mediaControl, Events$2.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime);
-        this.listenTo(this.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
+        this.listenTo(this.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(this.mediaControl, Events$1.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime);
+        this.listenTo(this.mediaControl, Events$1.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime);
+        this.listenTo(this.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
         if (this.mediaControlContainer) {
-            this.listenTo(this.mediaControlContainer, Events$2.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
-            this.listenTo(this.mediaControlContainer, Events$2.CONTAINER_TIMEUPDATE, this.updateDuration);
+            this.listenTo(this.mediaControlContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
+            this.listenTo(this.mediaControlContainer, Events$1.CONTAINER_TIMEUPDATE, this.updateDuration);
         }
     }
     onContainerChanged() {
@@ -39350,23 +39372,23 @@ class Share extends UICorePlugin {
         };
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_READY, this.onReady);
+        this.listenTo(this.core, Events$1.CORE_READY, this.onReady);
         // this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.reload);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE, this.hideShare);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_SHOW, this.showShare);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideShare);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_SHOW, this.showShare);
     }
     unBindEvents() {
         // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
+        this.stopListening(this.core, Events$1.CORE_READY);
         // @ts-ignore
         // this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_HIDE);
         // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_SHOW);
+        this.stopListening(this.core.mediaControl, Events$1.MEDIACONTROL_SHOW);
     }
     canShowShare() {
         this.hide = false;
@@ -39466,11 +39488,11 @@ class SkipTime extends UICorePlugin {
         };
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_READY, this.render);
+        this.listenTo(this.core, Events$1.CORE_READY, this.render);
         if (!this.container) {
             return;
         }
-        this.listenTo(this.container, Events$2.CONTAINER_DBLCLICK, this.handleRewindClicks);
+        this.listenTo(this.container, Events$1.CONTAINER_DBLCLICK, this.handleRewindClicks);
     }
     setBack() {
         this.position = 'left';
@@ -39507,7 +39529,7 @@ class SkipTime extends UICorePlugin {
         this.position = 'right';
     }
     toggleFullscreen() {
-        this.trigger(Events$2.MEDIACONTROL_FULLSCREEN, this.name);
+        this.trigger(Events$1.MEDIACONTROL_FULLSCREEN, this.name);
         this.container.fullscreen();
         this.core.toggleFullscreen();
     }
@@ -39546,14 +39568,40 @@ const spinnerHTML = "<div data-bounce1></div>\n<div data-bounce2></div>\n<div da
 // Copyright 2014 Globo.com Player authors. All rights reserved.
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
-const T$2 = 'plugins.spinner';
+const T$3 = 'plugins.spinner';
+/**
+ * Custom events emitted by the plugin
+ */
+var SpinnerEvents;
+(function (SpinnerEvents) {
+    /**
+     * Emitted at the end of the spinner animation cycle to facilitate smooth UI updates,
+     * e.g. {@link SourceController} listens to this event to reload the source when the spinner is hidden
+     */
+    SpinnerEvents["SYNC"] = "plugins:spinner:sync";
+})(SpinnerEvents || (SpinnerEvents = {}));
+/**
+ * Shows a pending operation indicator when playback is buffering or in other appropriate cases
+ * @beta
+ * @remarks
+ * The plugin emits
+ */
 class SpinnerThreeBounce extends UIContainerPlugin {
+    /**
+     * @internal
+     */
     get name() {
         return 'spinner';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             'data-spinner': '',
@@ -39566,13 +39614,13 @@ class SpinnerThreeBounce extends UIContainerPlugin {
     hasBuffering = false;
     constructor(container) {
         super(container);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.onBuffering);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
-        this.listenTo(this.container, Events$2.CONTAINER_PLAY, this.onPlay);
-        this.listenTo(this.container, Events$2.CONTAINER_STOP, this.onStop);
-        this.listenTo(this.container, Events$2.CONTAINER_ENDED, this.onStop);
-        this.listenTo(this.container, Events$2.CONTAINER_ERROR, this.onError);
-        this.listenTo(this.container, Events$2.CONTAINER_READY, this.render);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.onBuffering);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
+        this.listenTo(this.container, Events$1.CONTAINER_PLAY, this.onPlay);
+        this.listenTo(this.container, Events$1.CONTAINER_STOP, this.onStop);
+        this.listenTo(this.container, Events$1.CONTAINER_ENDED, this.onStop);
+        this.listenTo(this.container, Events$1.CONTAINER_ERROR, this.onError);
+        this.listenTo(this.container, Events$1.CONTAINER_READY, this.render);
     }
     onBuffering() {
         this.hasBuffering = true;
@@ -39588,7 +39636,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         this.hide();
     }
     onStop() {
-        trace(`${T$2} onStop`, {
+        trace(`${T$3} onStop`, {
             showOnError: this.options.spinner?.showOnError,
             hasFatalError: this.hasFatalError,
         });
@@ -39598,7 +39646,7 @@ class SpinnerThreeBounce extends UIContainerPlugin {
     }
     onError(e) {
         this.hasFatalError = e.code === PlaybackErrorCode.MediaSourceUnavailable;
-        trace(`${T$2} onError`, {
+        trace(`${T$3} onError`, {
             showOnError: this.options.spinner?.showOnError,
             hasFatalError: this.hasFatalError,
             error: e.code,
@@ -39610,18 +39658,15 @@ class SpinnerThreeBounce extends UIContainerPlugin {
             this.hide();
         }
     }
-    show(immediate = false) {
-        if (immediate) {
-            if (this.showTimeout !== null) {
-                clearTimeout(this.showTimeout);
-                this.showTimeout = null;
-            }
-            this.$el.show();
-        }
-        else if (this.showTimeout === null) {
-            this.showTimeout = setTimeout(() => this.$el.show(), 300);
-        }
+    /**
+     * Shows the spinner
+     */
+    show() {
+        this.showTimeout = setTimeout(() => this.$el.show(), 300);
     }
+    /**
+     * Hides the spinner
+     */
     hide() {
         if (this.showTimeout !== null) {
             clearTimeout(this.showTimeout);
@@ -39629,13 +39674,16 @@ class SpinnerThreeBounce extends UIContainerPlugin {
         }
         this.$el.hide();
     }
+    /**
+     * @internal
+     */
     render() {
         const showOnStart = this.options.spinner?.showOnStart;
-        trace(`${T$2} render`, {
+        trace(`${T$3} render`, {
             buffering: this.container.buffering});
         this.$el.html(this.template());
         this.el.firstElementChild?.addEventListener('animationiteration', () => {
-            this.trigger('spinner:sync');
+            this.trigger(SpinnerEvents.SYNC);
         });
         this.container.$el.append(this.$el[0]);
         if (showOnStart || this.container.buffering) {
@@ -39683,12 +39731,12 @@ class Statistics extends ContainerPlugin {
     bindEvents() {
         // TODO remove this
         this.listenToOnce(this.container, CUSTOM_EVENTS_CONTAINER_START, this.onStart);
-        this.listenToOnce(this.container, Events$2.CONTAINER_READY, this.onReady);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERING, this.onBuffering);
-        this.listenTo(this.container, Events$2.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
-        this.listenTo(this.container.playback, Events$2.PLAYBACK_TIMEUPDATE, this.onTimeUpdateLive);
-        this.listenTo(this.container.playback, Events$2.PLAYBACK_LEVEL_SWITCH_START, this.startLevelSwitch);
-        this.listenTo(this.container.playback, Events$2.PLAYBACK_LEVEL_SWITCH_END, this.stopLevelSwitch);
+        this.listenToOnce(this.container, Events$1.CONTAINER_READY, this.onReady);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERING, this.onBuffering);
+        this.listenTo(this.container, Events$1.CONTAINER_STATE_BUFFERFULL, this.onBufferFull);
+        this.listenTo(this.container.playback, Events$1.PLAYBACK_TIMEUPDATE, this.onTimeUpdateLive);
+        this.listenTo(this.container.playback, Events$1.PLAYBACK_LEVEL_SWITCH_START, this.startLevelSwitch);
+        this.listenTo(this.container.playback, Events$1.PLAYBACK_LEVEL_SWITCH_END, this.stopLevelSwitch);
     }
     startLevelSwitch() {
         this.bufTracking = false;
@@ -39781,87 +39829,102 @@ const comboboxHTML = "<button data-subtitles-button class='media-control-button
 
 const stringHTML = "<div class=\"subtitle-string\">\n  <p></p>\n</div>\n";
 
-const VERSION$1 = '0.0.1';
-const LOCAL_STORAGE_SUBTITLES_ID = 'subtitles_select';
+const VERSION$1 = '2.19.14';
+const LOCAL_STORAGE_SUBTITLES_ID = 'gplayer.plugins.subtitles.selected';
+const T$2 = 'plugins.subtitles';
 const NO_TRACK = { language: 'off' };
+/**
+ * A {@link MediaControl | media control} plugin that provides a UI to select the subtitles when available.
+ * @beta
+ *
+ * @remarks
+ * Depends on:
+ *
+ * - {@link MediaControl}
+ *
+ * Configuration options:
+ *
+ * - subtitles.language - The language of the subtitles to select by default.
+ *
+ * @example
+ * ```ts
+ * import { Subtitles } from '@gcorevideo/player'
+ *
+ * Player.registerPlugin(Subtitles)
+ *
+ * new Player({
+ *   ...
+ *   subtitles: {
+ *     language: 'en',
+ *   },
+ * })
+ * ```
+ */
 class Subtitles extends UICorePlugin {
-    currentContainer;
-    currentLevel;
-    currentPlayback;
+    currentLevel = null;
+    isPreselectedApplied = false;
     isShowing = false;
-    tracks;
-    $string;
+    track = { ...NO_TRACK };
+    tracks = null;
+    $string = null;
+    /**
+     * @internal
+     */
     get name() {
-        return 'media_control_subtitles';
+        return 'subtitles';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     static get version() {
         return VERSION$1;
     }
-    get template() {
-        return tmpl(comboboxHTML);
-    }
-    get templateString() {
-        return tmpl(stringHTML);
-    }
+    static template = tmpl(comboboxHTML);
+    static templateString = tmpl(stringHTML);
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             class: this.name,
             'data-subtitles': '',
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click [data-subtitles-select]': 'onLevelSelect',
             'click [data-subtitles-button]': 'onShowLevelSelectMenu',
         };
     }
-    isPreselectedApplied = false;
-    track = { ...NO_TRACK };
     get preselectedLanguage() {
         return this.core.options.subtitles?.language ?? 'off';
     }
+    /**
+     * @internal
+     */
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_RESIZE, this.playerResize);
-        this.listenToOnce(this.core, Events$2.CORE_READY, this.bindPlaybackEvents);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this.reload);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
-    }
-    unBindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, Events$2.CORE_READY);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_HIDE);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events$2.MEDIACONTROL_SHOW);
-        if (this.currentContainer) {
-            // @ts-ignore
-            this.stopListening(this.currentContainer, Events$2.CONTAINER_FULLSCREEN);
-            // @ts-ignore
-            this.stopListening(this.currentContainer, 'container:advertisement:start', this.onStartAd);
-            // @ts-ignore
-            this.stopListening(this.currentContainer, 'container:advertisement:finish', this.onFinishAd);
-        }
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        this.listenTo(this.core, Events$1.CORE_RESIZE, this.playerResize);
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.bindPlaybackEvents);
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectLevelMenu);
     }
     bindPlaybackEvents() {
-        if (this.currentPlayback &&
-            this.currentPlayback === this.core.activePlayback) {
-            return;
-        }
-        this.currentPlayback = this.core.activePlayback;
-        this.currentContainer = this.core.activeContainer;
-        this.listenTo(this.currentContainer, Events$2.CONTAINER_FULLSCREEN, this.playerResize);
-        this.listenToOnce(this.currentPlayback, Events$2.PLAYBACK_PLAY, this.getTracks);
-        this.listenTo(this.currentContainer, 'container:advertisement:start', this.onStartAd);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_FULLSCREEN, this.playerResize);
+        this.listenToOnce(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.getTracks);
+        this.listenTo(this.core.activeContainer, 'container:advertisement:start', this.onStartAd);
         // fix for iOS
-        const video = this.currentPlayback?.el;
+        const video = this.core.activePlayback.el;
         assert(video, 'video element is required');
         video.addEventListener('webkitbeginfullscreen', () => {
             if (Browser.isiOS) {
@@ -39875,33 +39938,31 @@ class Subtitles extends UICorePlugin {
         });
     }
     getTracks() {
-        if (this.currentPlayback) {
+        if (this.core.activePlayback) {
             try {
-                const tracks = this.currentPlayback.el.textTracks;
-                tracks.length > 0 && this.fillLevels(tracks);
+                const tracks = this.core.activePlayback.el
+                    .textTracks;
+                if (tracks.length > 0) {
+                    this.setTracks(tracks);
+                }
             }
             catch (error) {
             }
         }
     }
     onStartAd() {
-        if (this.isShowing && this.currentContainer) {
+        if (this.isShowing && this.core.activeContainer) {
             this.hide();
-            this.listenTo(this.currentContainer, 'container:advertisement:finish', this.onFinishAd);
+            this.listenTo(this.core.activeContainer, 'container:advertisement:finish', this.onFinishAd);
         }
     }
     onFinishAd() {
         this.show();
-        this.stopListening(this.currentContainer, 'container:advertisement:finish', this.onFinishAd);
-    }
-    reload() {
-        this.unBindEvents();
-        this.bindEvents();
-        this.bindPlaybackEvents();
+        this.stopListening(this.core.activeContainer, 'container:advertisement:finish', this.onFinishAd);
     }
     playerResize() {
-        const shouldShow = this.currentContainer &&
-            isFullscreen(this.currentContainer.el) &&
+        const shouldShow = this.core.activeContainer &&
+            isFullscreen(this.core.activeContainer.el) &&
             this.currentLevel &&
             this.currentLevel.mode &&
             Browser.isiOS &&
@@ -39915,6 +39976,9 @@ class Subtitles extends UICorePlugin {
         catch (error) {
         }
     }
+    /**
+     * Hides the subtitles menu and the subtitles.
+     */
     hide() {
         this.isShowing = false;
         this.renderIcon();
@@ -39925,11 +39989,14 @@ class Subtitles extends UICorePlugin {
             }
         }
     }
+    /**
+     * Shows the subtitles menu and the subtitles.
+     */
     show() {
         this.isShowing = true;
         this.renderIcon();
-        if (this.currentContainer &&
-            isFullscreen(this.currentContainer.el) &&
+        if (this.core.activeContainer &&
+            isFullscreen(this.core.activeContainer.el) &&
             this.currentLevel &&
             this.currentLevel.mode &&
             Browser.isiOS) {
@@ -39941,59 +40008,61 @@ class Subtitles extends UICorePlugin {
         }
     }
     shouldRender() {
-        if (!this.currentContainer) {
-            return false;
-        }
-        if (!this.currentPlayback) {
-            return false;
-        }
-        // Only care if we have at least 2 to choose from
-        const hasLevels = !!(this.tracks && this.tracks.length > 0);
-        return hasLevels;
+        return !!(this.tracks && this.tracks.length > 0);
     }
     resizeFont() {
-        if (!this.currentContainer) {
+        if (!this.core.activeContainer) {
             return;
         }
         if (!this.$string) {
             return;
         }
-        const skinWidth = this.currentContainer.$el.width();
+        const skinWidth = this.core.activeContainer.$el.width();
         this.$string.find('p').css('font-size', skinWidth * 0.03);
     }
+    /**
+     * @internal
+     */
     render() {
-        if (this.shouldRender()) {
-            this.$el.html(this.template({ tracks: this.tracks }));
-            this.currentContainer?.$el.find('.subtitle-string').remove();
-            this.$string = $(this.templateString());
-            this.resizeFont();
-            this.currentContainer?.$el.append(this.$string[0]);
-            if (this.core.mediaControl.$subtitlesSelector &&
-                this.core.mediaControl.$subtitlesSelector.length > 0) {
-                this.core.mediaControl.$subtitlesSelector.append(this.el);
-            }
-            else {
-                this.core.mediaControl.$('.media-control-right-panel').append(this.el);
-            }
-            this.updateCurrentLevel(this.track);
-            this.highlightCurrentSubtitles();
-            this.applyPreselectedSubtitles();
+        if (!this.core.activeContainer) {
+            return this;
         }
-        if (this.core.mediaControl.$subtitlesSelector?.find('span.subtitle-text')
-            .length > 0) {
-            this.renderIcon();
+        if (!this.shouldRender()) {
+            return this;
         }
+        trace(`${T$2} render`, {
+            tracks: this.tracks?.length,
+            track: this.track?.language,
+        });
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        this.$el.html(Subtitles.template({ tracks: this.tracks }));
+        this.core.activeContainer.$el.find('.subtitle-string').remove();
+        this.$string = $(Subtitles.templateString());
+        this.resizeFont();
+        this.core.activeContainer.$el.append(this.$string[0]);
+        const ss = mediaControl.getElement('subtitlesSelector');
+        if (ss && ss.length > 0) {
+            ss.append(this.el);
+        }
+        else {
+            mediaControl.getRightPanel().append(this.el);
+        }
+        this.updateCurrentLevel(this.track);
+        this.highlightCurrentSubtitles();
+        this.applyPreselectedSubtitles();
+        this.renderIcon();
         return this;
     }
-    fillLevels(tracks) {
+    setTracks(tracks) {
         this.tracks = tracks;
         this.render();
     }
     findLevelBy(id) {
         if (this.tracks) {
-            for (let i = 0; i < this.tracks.length; i++) {
-                if (this.tracks[i].language === id) {
-                    return this.tracks[i]; // TODO TrackInfo?
+            for (const track of this.tracks) {
+                if (track.language === id) {
+                    return track; // TODO TrackInfo?
                 }
             }
         }
@@ -40027,16 +40096,16 @@ class Subtitles extends UICorePlugin {
         this.toggleContextMenu();
     }
     hideSelectLevelMenu() {
-        this.$('.subtitles ul').hide();
+        this.$('[data-subtitles] ul').hide();
     }
     toggleContextMenu() {
-        this.$('.subtitles ul').toggle();
+        this.$('[data-subtitles] ul').toggle();
     }
     buttonElement() {
-        return this.$('.subtitles button');
+        return this.$('[data-subtitles] button');
     }
     levelElement(id) {
-        return this.$('.subtitles ul a' + (id ? '[data-subtitles-select="' + id + '"]' : '')).parent();
+        return this.$('[data-subtitles] ul a' + (id ? '[data-subtitles-select="' + id + '"]' : '')).parent();
     }
     startLevelSwitch() {
         this.buttonElement().addClass('changing');
@@ -40053,7 +40122,7 @@ class Subtitles extends UICorePlugin {
                 const track = this.tracks[i];
                 if (track.language === this.currentLevel.language) {
                     track.mode = 'showing';
-                    const currentTime = this.currentPlayback?.getCurrentTime() ?? 0;
+                    const currentTime = this.core.activePlayback?.getCurrentTime() ?? 0;
                     const cues = track.cues;
                     let subtitleText = '';
                     if (cues && cues.length) {
@@ -40113,8 +40182,10 @@ class Subtitles extends UICorePlugin {
     }
     renderIcon() {
         const icon = this.isShowing ? subtitlesOnIcon : subtitlesOffIcon;
-        this.core.mediaControl.$subtitlesSelector
-            .find('span.subtitle-text')
+        this.core
+            .getPlugin('media_control')
+            .getElement('subtitlesSelector')
+            ?.find('span.subtitle-text')
             .html(icon);
     }
 }
@@ -40308,18 +40379,18 @@ class Thumbnails extends UICorePlugin {
     }
     // TODO check if seek enabled
     bindEvents() {
-        this.listenToOnce(this.core, Events$2.CORE_READY, this._onCoreReady);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this._onMouseMove);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this._onMouseLeave);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_RENDERED, this._init);
-        this.listenTo(this.core.mediaControl, Events$2.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
+        this.listenToOnce(this.core, Events$1.CORE_READY, this._onCoreReady);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this._onMouseMove);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this._onMouseLeave);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this._init);
+        this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
     }
     _bindContainerEvents() {
         if (this._oldContainer) {
-            this.stopListening(this._oldContainer, Events$2.CONTAINER_TIMEUPDATE, this._renderPlugin);
+            this.stopListening(this._oldContainer, Events$1.CONTAINER_TIMEUPDATE, this._renderPlugin);
         }
         this._oldContainer = this.core.mediaControl.container;
-        this.listenTo(this.core.mediaControl.container, Events$2.CONTAINER_TIMEUPDATE, this._renderPlugin);
+        this.listenTo(this.core.mediaControl.container, Events$1.CONTAINER_TIMEUPDATE, this._renderPlugin);
     }
     _onCoreReady() {
         try {
@@ -40710,9 +40781,15 @@ class SourceController extends CorePlugin {
     sourcesDelay = {};
     active = false;
     sync = noSync;
+    /**
+     * @internal
+     */
     get name() {
         return 'source_controller';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
@@ -40732,7 +40809,7 @@ class SourceController extends CorePlugin {
      */
     bindEvents() {
         super.bindEvents();
-        this.listenTo(this.core, Events$2.CORE_ACTIVE_CONTAINER_CHANGED, () => this.onReady());
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, () => this.onReady());
     }
     onReady() {
         trace(`${T} onReady`, {
@@ -40742,7 +40819,7 @@ class SourceController extends CorePlugin {
         const spinner = this.core.activeContainer?.getPlugin('spinner');
         if (spinner) {
             this.sync = (cb) => {
-                spinner.once('spinner:sync', cb);
+                spinner.once(SpinnerEvents.SYNC, cb);
             };
         }
         else {
@@ -40755,7 +40832,7 @@ class SourceController extends CorePlugin {
         }
     }
     bindContainerEventListeners() {
-        this.core.activePlayback.on(Events$2.PLAYBACK_ERROR, (error) => {
+        this.core.activePlayback.on(Events$1.PLAYBACK_ERROR, (error) => {
             trace(`${T} on PLAYBACK_ERROR`, {
                 error: {
                     code: error?.code,
@@ -40772,7 +40849,7 @@ class SourceController extends CorePlugin {
                     break;
             }
         });
-        this.core.activePlayback.on(Events$2.PLAYBACK_PLAY, () => {
+        this.core.activePlayback.on(Events$1.PLAYBACK_PLAY, () => {
             trace(`${T} on PLAYBACK_PLAY`, {
                 currentSource: this.sourcesList[this.currentSourceIndex],
                 retrying: this.active,
@@ -40816,6 +40893,9 @@ class SourceController extends CorePlugin {
             setTimeout(() => resolve(s), delay);
         });
     }
+    /**
+     * @internal
+     */
     static get version() {
         return VERSION;
     }
@@ -40837,7 +40917,7 @@ class VolumeFade extends UICorePlugin {
         return 'volume_fade';
     }
     bindEvents() {
-        this.listenTo(this.core, Events$2.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
         if (this.core.mediaControl) {
             this.listenTo(this.core.mediaControl, 'mediacontrol:volume:user', this._onUserChangeVolume);
         }
@@ -40911,4 +40991,4 @@ class VolumeFade extends UICorePlugin {
     }
 }
 
-export { AudioSelector, BigMuteButton, BottomGear, ClapprNerdStats, ClapprStats, ClickToPause, ClipsPlugin, ContextMenu, DisableControls, DvrControls, ErrorScreen, Events, Favicon, GoogleAnalytics, Kibo, LevelSelector, Logo, MediaControl, MultiCamera, PictureInPicture, PlaybackRate, Poster, SeekTime, Share, SkipTime, SourceController, SpinnerThreeBounce, Statistics, Subtitles, Thumbnails, VolumeFade, VolumeFadeEvents };
+export { AudioSelector, BigMuteButton, BottomGear, ClapprNerdStats, ClapprStats, ClickToPause, ClipsPlugin, ContextMenu, DisableControls, DvrControls, ErrorScreen, Favicon, GearEvents, GoogleAnalytics, Kibo, LevelSelector, Logo, MediaControl, MultiCamera, PictureInPicture, PlaybackRate, Poster, SeekTime, Share, SkipTime, SourceController, SpinnerEvents, SpinnerThreeBounce, Statistics, Subtitles, Thumbnails, VolumeFade, VolumeFadeEvents };