@gcorevideo/player 2.22.27 → 2.22.29

package/dist/index.js

@@ -12680,7 +12680,7 @@ var PlaybackEvents;
 // https://github.com/clappr/clappr/blob/8752995ea439321ac7ca3cd35e8c64de7a3c3d17/LICENSE
 const AUTO$1 = -1;
 const { now: now$2 } = Utils;
-const T$o = 'playback.dash';
+const T$m = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12955,10 +12955,10 @@ class DashPlayback extends BasePlayback {
     }
     _onPlaybackError = (event) => {
         // TODO
-        trace(`${T$o} _onPlaybackError`, { event });
+        trace(`${T$m} _onPlaybackError`, { event });
     };
     _onDASHJSSError = (event) => {
-        trace(`${T$o} _onDASHJSSError`, { event });
+        trace(`${T$m} _onDASHJSSError`, { event });
         this._stopTimeUpdateTimer();
         // Note that the other error types are deprecated
         const e = event.error;
@@ -12993,7 +12993,7 @@ class DashPlayback extends BasePlayback {
         }
     };
     triggerError(error) {
-        trace(`${T$o} triggerError`, { error });
+        trace(`${T$m} triggerError`, { error });
         // this triggers Events.ERROR to be handled by the UI
         this.trigger(Events$1.PLAYBACK_ERROR, this.createError(error, {
             useCodePrefix: false,
@@ -13032,10 +13032,10 @@ class DashPlayback extends BasePlayback {
     }
     get dvrEnabled() {
         if (!this._dash) {
-            trace(`${T$o} dvrEnable no dash player instance`);
+            trace(`${T$m} dvrEnable no dash player instance`);
             return false;
         }
-        trace(`${T$o} get.dvrEnabled`, {
+        trace(`${T$m} get.dvrEnabled`, {
             dvrWindowSize: this._dash?.getDVRWindowSize(),
             minDvrSize: this._minDvrSize,
             playbackType: this.getPlaybackType(),
@@ -13057,7 +13057,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, {});
     }
     play() {
-        trace(`${T$o} play`, { dash: !!this._dash });
+        trace(`${T$m} play`, { dash: !!this._dash });
         if (!this._dash) {
             this._setup();
         }
@@ -13143,7 +13143,7 @@ class DashPlayback extends BasePlayback {
     }
     // @ts-expect-error
     get currentAudioTrack() {
-        trace(`${T$o} get currentAudioTrack`);
+        trace(`${T$m} get currentAudioTrack`);
         assert.ok(this._dash, 'DASH.js MediaPlayer is not initialized');
         const t = this._dash.getCurrentTrackFor('audio');
         if (!t) {
@@ -41844,7 +41844,7 @@ const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$n = 'playback.hls';
+const T$l = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -42073,7 +42073,7 @@ class HlsPlayback extends BasePlayback {
             maxBufferLength: 2,
             maxMaxBufferLength: 4,
         }, this.options.playback.hlsjsConfig);
-        trace(`${T$n} _createHLSInstance`, { config });
+        trace(`${T$l} _createHLSInstance`, { config });
         this._hls = new Hls(config);
     }
     _attachHLSMedia() {
@@ -42164,7 +42164,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$n} _recover failed to recover`, {
+            trace(`${T$l} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42250,7 +42250,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$n} _onHLSJSError`, {
+        trace(`${T$l} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42298,7 +42298,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$n} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$l} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42311,7 +42311,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$n} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$l} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42341,7 +42341,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$n} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$l} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42675,11 +42675,11 @@ class HlsPlayback extends BasePlayback {
         this._hls.audioTrack = Number(id); // TODO or find index by .id == id?
     }
     _onAudioTracksUpdated(_, data) {
-        trace(`${T$n} onAudioTracksUpdated`);
+        trace(`${T$l} onAudioTracksUpdated`);
         this.trigger(Events$1.PLAYBACK_AUDIO_AVAILABLE, data.audioTracks.map(toClapprTrack));
     }
     _onAudioTrackSwitched(_, data) {
-        trace(`${T$n} onAudioTrackSwitched`);
+        trace(`${T$l} onAudioTrackSwitched`);
         // @ts-ignore
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
@@ -42700,7 +42700,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$m = 'playback.html5_video';
+const T$k = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42708,7 +42708,7 @@ class HTML5Video extends BasePlayback {
      * @internal
      */
     createError(errorData, options) {
-        trace(`${T$m} createError`, {
+        trace(`${T$k} createError`, {
             errorData: { ...errorData },
         });
         const i18n = this.i18n ||
@@ -42724,11 +42724,11 @@ class HTML5Video extends BasePlayback {
         return super.createError(errorData, { ...options, useCodePrefix: false });
     }
     _onWaiting() {
-        trace(`${T$m} _onWaiting`);
+        trace(`${T$k} _onWaiting`);
         super._onWaiting();
     }
     _onEnded() {
-        trace(`${T$m} _onEnded`);
+        trace(`${T$k} _onEnded`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42736,12 +42736,12 @@ class HTML5Video extends BasePlayback {
         super._onEnded();
     }
     _handleBufferingEvents() {
-        trace(`${T$m} _handleBufferingEvents`, {
+        trace(`${T$k} _handleBufferingEvents`, {
             networkState: this.el.networkState,
         });
         if (!this.stallTimerId) {
             this.stallTimerId = setTimeout(() => {
-                trace(`${T$m} _handleBufferingEvents stall timeout`, {
+                trace(`${T$k} _handleBufferingEvents stall timeout`, {
                     buffering: this.buffering,
                     ended: this.ended,
                 });
@@ -42759,7 +42759,7 @@ class HTML5Video extends BasePlayback {
         super._handleBufferingEvents();
     }
     _onPlaying() {
-        trace(`${T$m} _onPlaying`);
+        trace(`${T$k} _onPlaying`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42767,7 +42767,7 @@ class HTML5Video extends BasePlayback {
         super._onPlaying();
     }
     _onPause() {
-        trace(`${T$m} _onPause`);
+        trace(`${T$k} _onPause`);
         super._onPause();
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
@@ -42777,7 +42777,7 @@ class HTML5Video extends BasePlayback {
     get audioTracks() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$m} get audioTracks`, { supported });
+        trace(`${T$k} get audioTracks`, { supported });
         const retval = [];
         if (supported) {
             for (let i = 0; i < tracks.length; i++) {
@@ -42796,7 +42796,7 @@ class HTML5Video extends BasePlayback {
     get currentAudioTrack() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$m} get currentAudioTrack`, {
+        trace(`${T$k} get currentAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42817,7 +42817,7 @@ class HTML5Video extends BasePlayback {
     switchAudioTrack(id) {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$m} switchAudioTrack`, {
+        trace(`${T$k} switchAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42836,7 +42836,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$l = 'GPlayer';
+const T$j = 'GPlayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42924,7 +42924,7 @@ class Player {
      * ```
      */
     attachTo(playerElement) {
-        trace(`${T$l} attachTo`, {
+        trace(`${T$j} attachTo`, {
             player: !!this.player,
         });
         assert.ok(!this.player, 'Player already initialized');
@@ -42934,7 +42934,7 @@ class Player {
         }
         const coreOpts = this.buildCoreOptions(playerElement);
         const { core, container } = Player.getRegisteredPlugins();
-        trace(`${T$l} init`, {
+        trace(`${T$j} init`, {
             registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.prototype.name),
         });
         coreOpts.plugins = {
@@ -42948,7 +42948,7 @@ class Player {
      * Destroys the player, releasing all resources and unmounting its UI from the DOM.
      */
     destroy() {
-        trace(`${T$l} destroy`, {
+        trace(`${T$j} destroy`, {
             player: !!this.player,
         });
         if (this.player) {
@@ -43135,7 +43135,7 @@ class Player {
         this.config = $.extend(true, this.config, config);
     }
     initPlayer(coreOptions) {
-        trace(`${T$l} initPlayer`, {
+        trace(`${T$j} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
             player: !!this.player,
@@ -43160,7 +43160,7 @@ class Player {
         }
     }
     triggerAutoPlay() {
-        trace(`${T$l} triggerAutoPlay`);
+        trace(`${T$j} triggerAutoPlay`);
         setTimeout(() => {
             this.player?.play({
                 autoPlay: true,
@@ -43178,7 +43178,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$l} onReady`, {
+            trace(`${T$j} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43212,7 +43212,7 @@ class Player {
     buildCoreOptions(rootNode) {
         const sources = this.buildMediaSourcesList();
         const source = sources[0];
-        trace(`${T$l} buildCoreOptions`, {
+        trace(`${T$j} buildCoreOptions`, {
             source,
             sources,
         });
@@ -43273,7 +43273,7 @@ class Player {
         assert.ok(this.player, 'Player is not initialized');
         const core = this.player.core;
         core.on(Events$1.CORE_SCREEN_ORIENTATION_CHANGED, ({ orientation }) => {
-            trace(`${T$l} on CORE_SCREEN_ORIENTATION_CHANGED`, {
+            trace(`${T$j} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 orientation,
                 rootNode: {
                     width: this.rootNode?.clientWidth,
@@ -43288,14 +43288,14 @@ class Player {
             }
         }, null);
         core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
-            trace(`${T$l} on CORE_RESIZE`, {
+            trace(`${T$j} on CORE_RESIZE`, {
                 width,
                 height,
             });
             this.safeTriggerEvent(PlayerEvent.Resize, { width, height });
         }, null);
         core.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
-            trace(`${T$l} CORE_FULLSCREEN`, {
+            trace(`${T$j} CORE_FULLSCREEN`, {
                 isFullscreen,
             });
             this.safeTriggerEvent(PlayerEvent.Fullscreen, isFullscreen);
@@ -43303,7 +43303,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.27";
+var version$1 = "2.22.29";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -43627,7 +43627,7 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
-const T$k = 'plugins.media_control';
+const T$i = 'plugins.media_control';
 const LEFT_ORDER = [
     'playpause',
     'playstop',
@@ -43760,7 +43760,7 @@ class MediaControl extends UICorePlugin {
             'click [data-stop]': 'stop',
             'click [data-playstop]': 'togglePlayStop',
             'click [data-fullscreen]': 'handleFullScreenOnBtn',
-            'click .bar-container[data-seekbar]': 'seek',
+            // 'click .bar-container[data-seekbar]': 'seek', // This together with global window.bind causes duplicate seeks events
             'click .bar-container[data-volume]': 'onVolumeClick',
             'click .drawer-icon[data-volume]': 'toggleMute',
             'mouseenter .drawer-container[data-volume]': 'showVolumeBar',
@@ -43878,7 +43878,7 @@ class MediaControl extends UICorePlugin {
      * Hides the media control UI
      */
     disable() {
-        trace(`${T$k} disable`);
+        trace(`${T$i} disable`);
         this.userDisabled = true; // TODO distinguish between user and system (e.g., unplayable) disabled?
         this.hide();
         this.unbindKeyEvents();
@@ -43888,7 +43888,7 @@ class MediaControl extends UICorePlugin {
      * Reenables the plugin disabled earlier with the {@link MediaControl.disable} method
      */
     enable() {
-        trace(`${T$k} enable`);
+        trace(`${T$i} enable`);
         if (this.options.chromeless) {
             return;
         }
@@ -44067,12 +44067,14 @@ class MediaControl extends UICorePlugin {
         event && event.preventDefault();
     }
     stopDrag = (event) => {
-        this.draggingSeekBar && this.seek(event);
+        if (this.draggingSeekBar) {
+            this.draggingSeekBar = false;
+            this.seek(event);
+        }
         this.$el.removeClass('dragging');
         this.$seekBarLoaded?.removeClass('media-control-notransition');
         this.$seekBarPosition?.removeClass('media-control-notransition');
         this.$seekBarScrubber?.removeClass('media-control-notransition dragging');
-        this.draggingSeekBar = false;
         this.draggingVolumeBar = false;
     };
     updateDrag = (event) => {
@@ -44084,8 +44086,9 @@ class MediaControl extends UICorePlugin {
             let pos = (offsetX / this.$seekBarContainer.width()) * 100;
             pos = Math.min(100, Math.max(pos, 0));
             this.setSeekPercentage(pos);
+            return;
         }
-        else if (this.draggingVolumeBar) {
+        if (this.draggingVolumeBar) {
             event.preventDefault();
             this.setVolume(this.getVolumeFromUIEvent(event));
         }
@@ -44255,13 +44258,13 @@ class MediaControl extends UICorePlugin {
         if (!this.settings.seekEnabled) {
             return;
         }
+        // TODO prevent double seek
         assert.ok(this.$seekBarContainer, 'seek bar container must be present');
         const offsetX = MediaControl.getPageX(event) - this.$seekBarContainer.offset().left;
         let pos = (offsetX / this.$seekBarContainer.width()) * 100;
         pos = Math.min(100, Math.max(pos, 0));
         this.core.activeContainer && this.core.activeContainer.seekPercentage(pos);
         this.setSeekPercentage(pos);
-        return false;
     }
     setUserKeepVisible() {
         this.userKeepVisible = true;
@@ -44334,13 +44337,11 @@ class MediaControl extends UICorePlugin {
         }
     }
     updateSettings() {
-        trace(`${T$k} updateSettings`, { settings: this.settings });
         const newSettings = $.extend(true, {
             left: [],
             default: [],
             right: [],
         }, this.core.activeContainer.settings);
-        trace(`${T$k} updateSettings`, { newSettings });
         newSettings.left.push('clips'); // TODO settings
         // TODO make order controlled via CSS
         newSettings.left = orderByOrderPattern([...newSettings.left, 'volume', 'clips'], LEFT_ORDER);
@@ -44352,11 +44353,6 @@ class MediaControl extends UICorePlugin {
         newSettings.right = DEFAULT_SETTINGS.right; // TODO get from the options
         if ((!this.fullScreenOnVideoTagSupported && !fullscreenEnabled()) ||
             this.options.fullscreenDisable) {
-            trace(`${T$k} updateSettings removing fullscreen`, {
-                supported: this.fullScreenOnVideoTagSupported,
-                enabled: Fullscreen.fullscreenEnabled(),
-                optionsDisable: this.options.fullscreenDisable,
-            });
             // remove fullscreen from settings if it is not available
             removeArrayItem(newSettings.default, 'fullscreen');
             removeArrayItem(newSettings.left, 'fullscreen');
@@ -44419,7 +44415,6 @@ class MediaControl extends UICorePlugin {
      */
     mount(name, element) {
         const panel = this.getElementLocation(name);
-        trace(`${T$k} mount`, { name, panel: !!panel });
         if (panel) {
             const current = panel.find(`[data-${name}]`);
             element.attr(`data-${name}`, '');
@@ -44615,14 +44610,11 @@ class MediaControl extends UICorePlugin {
      * @internal
      */
     render() {
-        trace(`${T$k} render`, {
-            needsUpdate: this.hasUpdate,
-            metadataLoaded: this.metadataLoaded,
-        });
         if (!this.hasUpdate || !this.metadataLoaded) {
             return this;
         }
         const timeout = this.options.hideMediaControlDelay || 2000;
+        trace(`${T$i} render`, { settings: this.settings });
         this.$el.html(MediaControl.template({ settings: this.settings }));
         // const style = Styler.getStyleFor(mediaControlStyle, { baseUrl: this.options.baseUrl });
         // this.$el.append(style[0]);
@@ -44745,12 +44737,6 @@ class MediaControl extends UICorePlugin {
         return isFinite(this.core.activePlayback.getDuration());
     }
     getElementLocation(name) {
-        trace(`${T$k} getElementLocation`, {
-            name,
-            right: this.settings.right,
-            left: this.settings.left,
-            default: this.settings.default,
-        });
         if (this.settings.right?.includes(name)) {
             return this.getRightPanel();
         }
@@ -44784,7 +44770,7 @@ function serializeSettings(s) {
 }
 
 const VERSION$7 = '2.22.4';
-const T$j = 'plugins.audiotracks';
+const T$h = 'plugins.audiotracks';
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
  * @beta
@@ -44906,7 +44892,7 @@ class AudioTracks extends UICorePlugin {
         this.updateText();
     }
     hideMenu() {
-        trace(`${T$j} hideMenu`);
+        trace(`${T$h} hideMenu`);
         this.$el.find('#audiotracks-select').addClass('hidden');
         this.$el.find('#audiotracks-button').attr('aria-expanded', 'false');
     }
@@ -44959,7 +44945,7 @@ class AudioTracks extends UICorePlugin {
 
 const pluginHtml$6 = "<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$i = 'plugins.big_mute_button';
+const T$g = 'plugins.big_mute_button';
 // TODO rewrite as a container plugin
 /**
  * `PLUGIN` that displays a big mute button over the video when it's muted.
@@ -45000,7 +44986,7 @@ class BigMuteButton extends UICorePlugin {
         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$i} bindEvents`, {
+        trace(`${T$g} bindEvents`, {
             mediacontrol: !!this.core.mediaControl,
         });
         this.listenTo(this.core.mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mediaControlRendered);
@@ -45025,12 +45011,12 @@ class BigMuteButton extends UICorePlugin {
     }
     mediaControlRendered() {
         const container = this.core.activeContainer;
-        trace(`${T$i} mediaControlRendered`, {
+        trace(`${T$g} mediaControlRendered`, {
             container: !!container,
         });
         if (container) {
             this.listenTo(container.playback, Events$1.PLAYBACK_PLAY, () => {
-                trace(`${T$i} PLAYBACK_PLAY`);
+                trace(`${T$g} PLAYBACK_PLAY`);
                 this.render();
             });
         }
@@ -45054,7 +45040,7 @@ class BigMuteButton extends UICorePlugin {
         }
         const { autoPlay, wasMuted } = this.options;
         const volume = container.volume;
-        trace(`${T$i} shouldRender`, {
+        trace(`${T$g} shouldRender`, {
             autoPlay,
             wasMuted,
             volume,
@@ -45066,7 +45052,7 @@ class BigMuteButton extends UICorePlugin {
      */
     render() {
         if (this.shouldRender()) {
-            trace(`${T$i} render`, {
+            trace(`${T$g} render`, {
                 el: !!this.$el,
             });
             this.$el.html(BigMuteButton.template());
@@ -45112,7 +45098,7 @@ 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$6 = '2.19.12';
-const T$h = 'plugins.bottom_gear';
+const T$f = 'plugins.bottom_gear';
 /**
  * Events triggered by the plugin
  * @beta
@@ -45262,20 +45248,20 @@ class BottomGear extends UICorePlugin {
     addItem(name, $subMenu) {
         const $existingItem = this.$el.find(`#gear-options li[data-${name}`);
         if ($existingItem.length) {
-            trace(`${T$h} addItem already exists`, { name });
+            trace(`${T$f} addItem already exists`, { name });
             return $existingItem;
         }
         const $item = $('<li></li>')
             .attr(`data-${name}`, '')
             .appendTo(this.$el.find('#gear-options'));
         if ($subMenu) {
-            trace(`${T$h} addItem adding submenu`, { name });
+            trace(`${T$f} addItem adding submenu`, { name });
             $subMenu
                 .addClass('gear-sub-menu-wrapper')
                 .hide()
                 .appendTo(this.$el.find('#gear-options-wrapper'));
             $item.on('click', (e) => {
-                trace(`${T$h} addItem submenu clicked`, { name });
+                trace(`${T$f} addItem submenu clicked`, { name });
                 e.stopPropagation();
                 $subMenu.show();
                 this.$el.find('#gear-options').hide();
@@ -45284,15 +45270,15 @@ class BottomGear extends UICorePlugin {
         return $item;
     }
     onActiveContainerChanged() {
-        trace(`${T$h} onActiveContainerChanged`);
+        trace(`${T$f} onActiveContainerChanged`);
         this.bindContainerEvents();
     }
     bindContainerEvents() {
-        trace(`${T$h} bindContainerEvents`);
+        trace(`${T$f} bindContainerEvents`);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
     }
     highDefinitionUpdate(isHd) {
-        trace(`${T$h} highDefinitionUpdate`, { isHd });
+        trace(`${T$f} highDefinitionUpdate`, { isHd });
         this.hd = isHd;
         this.$el.find('.gear-icon').html(isHd ? gearHdIcon : gearIcon);
     }
@@ -45300,7 +45286,7 @@ class BottomGear extends UICorePlugin {
      * @internal
      */
     render() {
-        trace(`${T$h} render`);
+        trace(`${T$f} render`);
         const mediaControl = this.core.getPlugin('media_control');
         if (!mediaControl) {
             return this; // TODO test
@@ -45332,11 +45318,11 @@ class BottomGear extends UICorePlugin {
         this.$el.find('#gear-options-wrapper').toggle();
     }
     hide() {
-        trace(`${T$h} hide`);
+        trace(`${T$f} hide`);
         this.$el.find('#gear-options-wrapper').hide();
     }
     onCoreReady() {
-        trace(`${T$h} onCoreReady`);
+        trace(`${T$f} onCoreReady`);
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.onMediaControlRendered);
@@ -45348,7 +45334,7 @@ class BottomGear extends UICorePlugin {
         });
     }
     onMediaControlRendered() {
-        trace(`${T$h} onMediaControlRendered`);
+        trace(`${T$f} onMediaControlRendered`);
         const mediaControl = this.core.getPlugin('media_control');
         mediaControl.mount('gear', this.$el);
     }
@@ -45512,7 +45498,11 @@ class ClapprStats extends ContainerPlugin {
         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(ClapprStatsCounter.Error));
-        this.listenTo(this.container, Events$1.CONTAINER_FULLSCREEN, () => this.inc(ClapprStatsCounter.Fullscreen));
+        this.listenTo(this.container, Events$1.CONTAINER_FULLSCREEN, () => {
+            if (isFullscreen(this.container.el)) {
+                this.inc(ClapprStatsCounter.Fullscreen);
+            }
+        });
         this.listenTo(this.container, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, (dvrInUse) => {
             dvrInUse && this.inc(ClapprStatsCounter.DvrUsage);
         });
@@ -45580,8 +45570,9 @@ class ClapprStats extends ContainerPlugin {
         this.stopListening(this.container, Events$1.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
     }
     onSeek(e) {
+        const ms = e * 1000;
         this.inc(ClapprStatsCounter.Seek);
-        this.metrics.extra.watchHistory.push([e * 1000, e * 1000]);
+        this.metrics.extra.watchHistory.push([ms, ms]);
     }
     onTimeUpdate(e) {
         const current = e.current * 1000, total = e.total * 1000, l = this.metrics.extra.watchHistory.length;
@@ -47248,7 +47239,7 @@ class Formatter {
 
 const SpeedtestWorkerModule = "// data reported to main thread\n\n// -1=not started, 0=starting, 1=download test, 2=ping+jitter test, 3=upload test, 4=finished, 5=abort\nlet testState = -1;\n// download speed in megabit/s with 2 decimal digits\nlet dlStatus = 0;\n// upload speed in megabit/s with 2 decimal digits\nlet ulStatus = '';\n// ping in milliseconds with 2 decimal digits\nlet pingStatus = '';\n// jitter in milliseconds with 2 decimal digits\nlet jitterStatus = '';\n// client's IP address as reported by getIP.php\nlet clientIp = '';\nlet serverHostName = '';\n//progress of download test 0-1\nlet dlProgress = 0;\n//progress of upload test 0-1\nlet ulProgress = 0;\n//progress of ping+jitter test 0-1\nlet pingProgress = 0;\n//test ID (sent back by telemetry if used, null otherwise)\nlet testId = null;\n\nlet log = ''; //telemetry log\n\nfunction tlog(s) {\n  if (settings.telemetry_level >= 2) {\n    log += Date.now() + ': ' + s + '\\n';\n  }\n}\n\nfunction tverb(s) {\n  if (settings.telemetry_level >= 3) {\n    log += Date.now() + ': ' + s + '\\n';\n  }\n}\n\nfunction twarn(s) {\n  if (settings.telemetry_level >= 2) {\n    log += Date.now() + ' WARN: ' + s + '\\n';\n  }\n\n  console.warn(s);\n}\n\n// test settings. can be overridden by sending specific values with the start command\nconst settings = {\n  //set to true when in MPOT mode\n  mpot: false,\n  //order in which tests will be performed as a string. D=Download, U=Upload, P=Ping+Jitter, I=IP, _=1 second delay\n  test_order: 'P_D',\n  // max duration of upload test in seconds\n  time_ul_max: 0,\n  // max duration of download test in seconds\n  time_dl_max: 15,\n  // if set to true, tests will take less time on faster connections\n  time_auto: true,\n  //time to wait in seconds before actually measuring ul speed (wait for buffers to fill)\n  time_ulGraceTime: 3,\n  //time to wait in seconds before actually measuring dl speed (wait for TCP window to increase)\n  time_dlGraceTime: 1.5,\n  // number of pings to perform in ping test\n  count_ping: 10,\n  // path to a large file or garbage.php, used for download test. must be relative to this js file\n  url_dl: 'backend/garbage.php',\n  // path to an empty file, used for upload test. must be relative to this js file\n  url_ul: 'backend/empty.php',\n  // path to an empty file, used for ping test. must be relative to this js file\n  url_ping: 'backend/empty.php',\n  // path to getIP.php relative to this js file, or a similar thing that outputs the client's ip\n  url_getIp: 'backend/getIP.php',\n  // if set to true, the server will include ISP info with the IP address\n  getIp_ispInfo: true,\n  // km or mi=estimate distance from server in km/mi; set to false to disable distance estimation.\n  // getIp_ispInfo must be enabled in order for this to work\n  getIp_ispInfo_distance: false,\n  // number of download streams to use (can be different if enable_quirks is active)\n  xhr_dlMultistream: 6,\n  // number of upload streams to use (can be different if enable_quirks is active)\n  xhr_ulMultistream: 3,\n  // how much concurrent requests should be delayed\n  xhr_multistreamDelay: 300,\n  // 0=fail on errors, 1=attempt to restart a stream if it fails, 2=ignore all errors\n  xhr_ignoreErrors: 1,\n  // if set to true, it reduces ram usage but uses the hard drive (useful with large garbagePhp_chunkSize\n  // and/or high xhr_dlMultistream)\n  xhr_dlUseBlob: false,\n  // size in megabytes of the upload blobs sent in the upload test (forced to 4 on chrome mobile)\n  xhr_ul_blob_megabytes: 20,\n  // size of chunks sent by garbage.php (can be different if enable_quirks is active)\n  garbagePhp_chunkSize: 100,\n  // enable quirks for specific browsers. currently it overrides settings to optimize for specific browsers,\n  // unless they are already being overridden with the start command\n  enable_quirks: true,\n  // if enabled, the ping test will attempt to calculate the ping more precisely using the Performance API.\n  // Currently works perfectly in Chrome, badly in Edge, and not at all in Firefox.\n  // If Performance API is not supported or the result is obviously wrong, a fallback is provided.\n  ping_allowPerformanceApi: true,\n  // can be changed to compensatie for transport overhead. (see doc.md for some other values)\n  overheadCompensationFactor: 1.06,\n  //if set to true, speed will be reported in mebibits/s instead of megabits/s\n  useMebibits: false,\n  // 0=disabled, 1=basic (results only), 2=full (results and timing) 3=debug (results+log)\n  telemetry_level: 0,\n  // path to the script that adds telemetry data to the database\n  url_telemetry: 'results/telemetry.php',\n  //extra data that can be passed to the telemetry through the settings\n  telemetry_extra: ''\n};\n\nlet xhr = null; // array of currently active xhr requests\nlet interval = null; // timer used in tests\nlet test_pointer = 0; //pointer to the next test to run inside settings.test_order\n\n/*\n  this function is used on URLs passed in the settings to determine whether we need a ? or an & as a separator\n*/\nfunction url_sep(url) {\n  return url.match(/\\?/) ? '&' : '?';\n}\n\n/*\n    listener for commands from main thread to this worker.\n    commands:\n    -status: returns the current status as a JSON string containing testState,\n      dlStatus, ulStatus, pingStatus, clientIp, jitterStatus, dlProgress, ulProgress, pingProgress\n    -abort: aborts the current test\n    -start: starts the test. optionally, settings can be passed as JSON.\n        example: start {\"time_ul_max\":\"10\", \"time_dl_max\":\"10\", \"count_ping\":\"50\"}\n*/\nself.addEventListener('message', function (e) {\n  const params = e.data.split(' ');\n\n  if (params[0] === 'status') {\n    // return status\n    postMessage(\n      {\n        testState: testState,\n        dlStatus: dlStatus,\n        ulStatus: ulStatus,\n        pingStatus: pingStatus,\n        clientIp: clientIp,\n        serverHostName: serverHostName,\n        jitterStatus: jitterStatus,\n        dlProgress: dlProgress,\n        ulProgress: ulProgress,\n        pingProgress: pingProgress,\n        testId: testId\n      }\n    );\n  }\n  if (params[0] === 'start' && testState === -1) {\n    const ua = navigator.userAgent;\n\n    // start new test\n    testState = 0;\n    try {\n      // parse settings, if present\n      let s = {};\n\n      try {\n        const ss = e.data.substring(5);\n\n        if (ss) {\n          s = JSON.parse(ss);\n        }\n      } catch (e) {\n        twarn('Error parsing custom settings JSON. Please check your syntax');\n      }\n      //copy custom settings\n      for (const key in s) {\n        if (typeof settings[key] !== 'undefined') {\n          settings[key] = s[key];\n        } else {\n          twarn('Unknown setting ignored: ' + key);\n        }\n      }\n      // quirks for specific browsers. apply only if not overridden. more may be added in future releases\n      if (settings.enable_quirks || (typeof s.enable_quirks !== 'undefined' && s.enable_quirks)) {\n        if (/Firefox.(\\d+\\.\\d+)/i.test(ua)) {\n          if (typeof s.ping_allowPerformanceApi === 'undefined') {\n            // ff performance API sucks\n            settings.ping_allowPerformanceApi = false;\n          }\n        }\n        if (/Edge.(\\d+\\.\\d+)/i.test(ua)) {\n          if (typeof s.xhr_dlMultistream === 'undefined') {\n            // edge more precise with 3 download streams\n            settings.xhr_dlMultistream = 3;\n          }\n        }\n        if (/Chrome.(\\d+)/i.test(ua) && !!self.fetch) {\n          if (typeof s.xhr_dlMultistream === 'undefined') {\n            // chrome more precise with 5 streams\n            settings.xhr_dlMultistream = 5;\n          }\n        }\n      }\n      if (/Edge.(\\d+\\.\\d+)/i.test(ua)) {\n        //Edge 15 introduced a bug that causes onprogress events to not get fired,\n        // we have to use the \"small chunks\" workaround that reduces accuracy\n        settings.forceIE11Workaround = true;\n      }\n      if (/PlayStation 4.(\\d+\\.\\d+)/i.test(ua)) {\n        //PS4 browser has the same bug as IE11/Edge\n        settings.forceIE11Workaround = true;\n      }\n      if (/Chrome.(\\d+)/i.test(ua) && /Android|iPhone|iPad|iPod|Windows Phone/i.test(ua)) {\n        // cheap af\n        // Chrome mobile introduced a limitation somewhere around version 65,\n        // we have to limit XHR upload size to 4 megabytes\n        settings.xhr_ul_blob_megabytes = 4;\n      }\n      if (/^((?!chrome|android|crios|fxios).)*safari/i.test(ua)) {\n        //Safari also needs the IE11 workaround but only for the MPOT version\n        settings.forceIE11Workaround = true;\n      }\n      // telemetry_level has to be parsed and not just copied\n      if (typeof s.telemetry_level !== 'undefined') {\n        const telemetryLevels = {\n          'basic': 1,\n          'full': 2,\n          'debug': 3\n        };\n\n        settings.telemetry_level = telemetryLevels[s.telemetry_level] || 0;\n      } // telemetry level\n      // transform test_order to uppercase, just in case\n      settings.test_order = settings.test_order.toUpperCase();\n    } catch (e) {\n      twarn('Possible error in custom test settings. Some settings might not have been applied. Exception: ' + e);\n    }\n    // run the tests\n    tverb(JSON.stringify(settings));\n    test_pointer = 0;\n    let iRun = false,\n      dRun = false,\n      // uRun = false,\n      pRun = false;\n    // eslint-disable-next-line no-var\n    var runNextTest = function () {\n      if (testState === 5) {\n        return;\n      }\n      if (test_pointer >= settings.test_order.length) {\n        //test is finished\n        if (settings.telemetry_level > 0) {\n          sendTelemetry(function (id) {\n            testState = 4;\n            if (id !== null || id !== undefined) {\n              testId = id;\n            }\n          });\n        } else {\n          testState = 4;\n        }\n\n        return;\n      }\n      switch (settings.test_order.charAt(test_pointer)) {\n        case 'I': {\n          test_pointer++;\n          if (iRun) {\n            runNextTest();\n\n            return;\n          } else {\n            iRun = true;\n          }\n          getIp(runNextTest);\n        }\n          break;\n        case 'D': {\n          test_pointer++;\n          if (dRun) {\n            runNextTest();\n\n            return;\n          } else {\n            dRun = true;\n          }\n          testState = 1;\n          dlTest(runNextTest);\n        }\n          break;\n        case 'U': {\n        // test_pointer++;\n        // if (uRun) {\n        //     runNextTest();\n        //     return;\n        // } else uRun = true;\n        // testState = 3;\n        // ulTest(runNextTest);\n        }\n          break;\n        case 'P': {\n          test_pointer++;\n          if (pRun) {\n            runNextTest();\n\n            return;\n          } else {\n            pRun = true;\n          }\n          testState = 2;\n          pingTest(runNextTest);\n        }\n          break;\n        case '_': {\n          test_pointer++;\n          setTimeout(runNextTest, 1000);\n        }\n          break;\n        default:\n          test_pointer++;\n      }\n    };\n\n    runNextTest();\n  }\n  if (params[0] === 'abort') {\n    // abort command\n    if (testState >= 4) {\n      return;\n    }\n    tlog('manually aborted');\n    clearRequests(); // stop all xhr activity\n    runNextTest = null;\n    if (interval) {\n      clearInterval(interval);\n    } // clear timer if present\n    if (settings.telemetry_level > 1) {\n      sendTelemetry(function () {\n      });\n    }\n    testState = 5; //set test as aborted\n    dlStatus = 0;\n    ulStatus = '';\n    pingStatus = '';\n    jitterStatus = '';\n    clientIp = '';\n    serverHostName = '';\n    dlProgress = 0;\n    ulProgress = 0;\n    pingProgress = 0;\n  }\n});\n\n// stops all XHR activity, aggressively\nfunction clearRequests() {\n  tverb('stopping pending XHRs');\n  if (xhr) {\n    for (let i = 0; i < xhr.length; i++) {\n      try {\n        xhr[i].onprogress = null;\n        xhr[i].onload = null;\n        xhr[i].onerror = null;\n      } catch (e) {\n        console.warn(e);\n      }\n      try {\n        xhr[i].upload.onprogress = null;\n        xhr[i].upload.onload = null;\n        xhr[i].upload.onerror = null;\n      } catch (e) {\n        console.warn(e);\n      }\n      try {\n        xhr[i].abort();\n      } catch (e) {\n        console.warn(e);\n      }\n      try {\n        delete xhr[i];\n      } catch (e) {\n        console.warn(e);\n      }\n    }\n    xhr = null;\n  }\n}\n\n// gets client's IP using url_getIp, then calls the done function\nlet ipCalled = false; // used to prevent multiple accidental calls to getIp\nlet ispInfo = ''; //used for telemetry\n\nfunction getIp(done) {\n  tverb('getIp');\n  if (ipCalled) {\n    return;\n  } else {\n    ipCalled = true;\n  } // getIp already called?\n  const startT = new Date().getTime();\n\n  xhr = new XMLHttpRequest();\n  xhr.onload = function () {\n    tlog('IP: ' + xhr.responseText + ', took ' + (new Date().getTime() - startT) + 'ms');\n    try {\n      const data = JSON.parse(xhr.responseText);\n\n      clientIp = data.processedString;\n      serverHostName = data.serverHostName;\n      ispInfo = data.rawIspInfo;\n    } catch (e) {\n      clientIp = xhr.responseText;\n      ispInfo = '';\n    }\n    done();\n  };\n  xhr.onerror = function () {\n    tlog('getIp failed, took ' + (new Date().getTime() - startT) + 'ms');\n    done();\n  };\n  const queryParams = [\n    settings.mpot ? 'cors=true' : '',\n    settings.getIp_ispInfo ?\n      `isp=true${settings.getIp_ispInfo_distance ? '&distance=' + settings.getIp_ispInfo_distance : ''}` :\n      '',\n    'r=' + Math.random()\n  ].filter(Boolean).join('&');\n\n  const url = `${settings.url_getIp}${url_sep(settings.url_getIp)}${queryParams}`;\n\n  xhr.open(\n    'GET',\n    url,\n    true\n  );\n  xhr.send();\n}\n\n// download test, calls done function when it's over\nlet dlCalled = false; // used to prevent multiple accidental calls to dlTest\n\nfunction dlTest(done) {\n  tverb('dlTest');\n  if (dlCalled) {\n    return;\n  } else {\n    dlCalled = true;\n  } // dlTest already called?\n  let totLoaded = 0.0, // total number of loaded bytes\n    startT = new Date().getTime(), // timestamp when test was started\n    bonusT = 0, //how many milliseconds the test has been shortened by (higher on faster connections)\n    graceTimeDone = false, //set to true after the grace time is past\n    failed = false; // set to true if a stream fails\n\n  xhr = [];\n  // function to create a download stream. streams are slightly delayed so that they will not end at the same time\n  const testStream = function (i, delay) {\n    setTimeout(\n      function () {\n        if (testState !== 1) {\n          return;\n        } // delayed stream ended up starting after the end of the download test\n        tverb('dl test stream started ' + i + ' ' + delay);\n        let prevLoaded = 0; // number of bytes loaded last time onprogress was called\n        const x = new XMLHttpRequest();\n\n        xhr[i] = x;\n        xhr[i].onprogress = function (event) {\n          tverb('dl stream progress event ' + i + ' ' + event.loaded);\n          if (testState !== 1) {\n            try {\n              x.abort();\n            } catch (e) {\n              console.warn(e);\n            }\n          } // just in case this XHR is still running after the download test\n          // progress event, add number of new loaded bytes to totLoaded\n          const loadDiff = event.loaded <= 0 ? 0 : event.loaded - prevLoaded;\n\n          if (isNaN(loadDiff) || !isFinite(loadDiff) || loadDiff < 0) {\n            return;\n          } // just in case\n          totLoaded += loadDiff;\n          prevLoaded = event.loaded;\n        }.bind(this);\n        xhr[i].onload = function () {\n          // the large file has been loaded entirely, start again\n          tverb('dl stream finished ' + i);\n          try {\n            xhr[i].abort();\n          } catch (e) {\n            console.warn(e);\n          } // reset the stream data to empty ram\n          testStream(i, 0);\n        }.bind(this);\n        xhr[i].onerror = function () {\n          // error\n          tverb('dl stream failed ' + i);\n          if (settings.xhr_ignoreErrors === 0) {\n            failed = true;\n          } //abort\n          try {\n            xhr[i].abort();\n          } catch (e) {\n            console.warn(e);\n          }\n          delete xhr[i];\n          if (settings.xhr_ignoreErrors === 1) {\n            testStream(i, 0);\n          } //restart stream\n        }.bind(this);\n        // send xhr\n        try {\n          if (settings.xhr_dlUseBlob) {\n            xhr[i].responseType = 'blob';\n          } else {\n            xhr[i].responseType = 'arraybuffer';\n          }\n        } catch (e) {\n          console.warn(e);\n        }\n\n        const queryParams = [\n          settings.mpot ? 'cors=true' : '',\n          'r=' + Math.random(),\n          'ckSize=' + settings.garbagePhp_chunkSize\n        ].join('&');\n\n        const url = `${settings.url_dl}${url_sep(settings.url_dl)}${queryParams}`;\n\n        // random string to prevent caching\n        xhr[i].open('GET', url, true);\n        xhr[i].send();\n      }.bind(this),\n      1 + delay\n    );\n  }.bind(this);\n\n  // open streams\n  for (let i = 0; i < settings.xhr_dlMultistream; i++) {\n    testStream(i, settings.xhr_multistreamDelay * i);\n  }\n  // every 200ms, update dlStatus\n  interval = setInterval(\n    function () {\n      tverb('DL: ' + dlStatus + (graceTimeDone ? '' : ' (in grace time)'));\n      const t = new Date().getTime() - startT;\n\n      if (graceTimeDone) {\n        dlProgress = (t + bonusT) / (settings.time_dl_max * 1000);\n      }\n      if (t < 200) {\n        return;\n      }\n      if (!graceTimeDone) {\n        if (t > 1000 * settings.time_dlGraceTime) {\n          if (totLoaded > 0) {\n            // if the connection is so slow that we didn't get a single chunk yet, do not reset\n            startT = new Date().getTime();\n            bonusT = 0;\n            totLoaded = 0.0;\n          }\n          graceTimeDone = true;\n        }\n      } else {\n        const speed = totLoaded / (t / 1000.0);\n\n        if (settings.time_auto) {\n          //decide how much to shorten the test. Every 200ms, the test is shortened by the bonusT calculated here\n          const bonus = (6.4 * speed) / 100000;\n\n          bonusT += bonus > 800 ? 800 : bonus;\n        }\n        // update status\n        // speed is multiplied by 8 to go from bytes to bits, overhead compensation is applied,\n        // then everything is divided by 1048576 or 1000000 to go to megabits/mebibits\n        dlStatus = ((speed * 8 * settings.overheadCompensationFactor) / (settings.useMebibits ? 1048576 : 1000000));\n        if ((t + bonusT) / 1000.0 > settings.time_dl_max || failed) {\n          // test is over, stop streams and timer\n          if (failed || isNaN(dlStatus)) {\n            dlStatus = 'Fail';\n          }\n          clearRequests();\n          clearInterval(interval);\n          dlProgress = 1;\n          tlog('dlTest: ' + dlStatus + ', took ' + (new Date().getTime() - startT) + 'ms');\n          done();\n        }\n      }\n    }.bind(this),\n    200\n  );\n}\n\n// ping+jitter test, function done is called when it's over\nlet ptCalled = false; // used to prevent multiple accidental calls to pingTest\n\nfunction pingTest(done) {\n  tverb('pingTest');\n  if (ptCalled) {\n    return;\n  } else {\n    ptCalled = true;\n  } // pingTest already called?\n  const startT = new Date().getTime(); //when the test was started\n  let prevT = null; // last time a pong was received\n  let ping = 0.0; // current ping value\n  let jitter = 0.0; // current jitter value\n  let i = 0; // counter of pongs received\n  let prevInstspd = 0; // last ping time, used for jitter calculation\n\n  xhr = [];\n  // ping function\n  const doPing = function () {\n    tverb('ping');\n    pingProgress = i / settings.count_ping;\n    prevT = new Date().getTime();\n    xhr[0] = new XMLHttpRequest();\n    xhr[0].onload = function () {\n      // pong\n      tverb('pong');\n      if (i === 0) {\n        prevT = new Date().getTime(); // first pong\n      } else {\n        let instspd = new Date().getTime() - prevT;\n\n        if (settings.ping_allowPerformanceApi) {\n          try {\n            //try to get accurate performance timing using performance api\n            let p = performance.getEntries();\n\n            p = p[p.length - 1];\n            let d = p.responseStart - p.requestStart;\n\n            if (d <= 0) {\n              d = p.duration;\n            }\n            if (d > 0 && d < instspd) {\n              instspd = d;\n            }\n          } catch (e) {\n            //if not possible, keep the estimate\n            tverb('Performance API not supported, using estimate');\n          }\n        }\n        //noticed that some browsers randomly have 0ms ping\n        if (instspd < 1) {\n          instspd = prevInstspd;\n        }\n        if (instspd < 1) {\n          instspd = 1;\n        }\n        const instjitter = Math.abs(instspd - prevInstspd);\n\n        if (i === 1) {\n          ping = instspd;\n        }/* first ping, can't tell jitter yet*/ else {\n          if (instspd < ping) {\n            ping = instspd;\n          } // update ping, if the instant ping is lower\n          if (i === 2) {\n            jitter = instjitter;\n          } else {\n            //discard the first jitter measurement because it might be much higher than it should be\n            jitter = instjitter > jitter ? jitter * 0.3 + instjitter * 0.7 : jitter * 0.8 + instjitter * 0.2;\n          } // update jitter, weighted average. spikes in ping values are given more weight.\n        }\n        prevInstspd = instspd;\n      }\n      pingStatus = ping.toFixed(2);\n      jitterStatus = jitter.toFixed(2);\n      i++;\n      tverb('ping: ' + pingStatus + ' jitter: ' + jitterStatus);\n      if (i < settings.count_ping) {\n        doPing();\n      } else {\n        // more pings to do?\n        pingProgress = 1;\n        tlog('ping: ' + pingStatus + ' jitter: ' + jitterStatus + ', took ' + (new Date().getTime() - startT) + 'ms');\n        done();\n      }\n    }.bind(this);\n    xhr[0].onerror = function () {\n      // a ping failed, cancel test\n      tverb('ping failed');\n      if (settings.xhr_ignoreErrors === 0) {\n        //abort\n        pingStatus = 'Fail';\n        jitterStatus = 'Fail';\n        clearRequests();\n        tlog('ping test failed, took ' + (new Date().getTime() - startT) + 'ms');\n        pingProgress = 1;\n        done();\n      }\n      if (settings.xhr_ignoreErrors === 1) {\n        doPing();\n      } //retry ping\n      if (settings.xhr_ignoreErrors === 2) {\n        //ignore failed ping\n        i++;\n        if (i < settings.count_ping) {\n          doPing();\n        } else {\n          // more pings to do?\n          pingProgress = 1;\n          tlog('ping: ' + pingStatus + ' jitter: ' + jitterStatus + ', took ' + (new Date().getTime() - startT) + 'ms');\n          done();\n        }\n      }\n    }.bind(this);\n    // send xhr\n    const queryString = [\n      settings.mpot ? 'cors=true' : '',\n      `r=${Math.random()}`\n    ].filter(part => part !== '').join('&');\n\n    const url = `${settings.url_ping}${url_sep(settings.url_ping)}${queryString}`;\n\n    // random string to prevent caching\n    xhr[0].open('GET', url, true);\n    xhr[0].send();\n  }.bind(this);\n\n  doPing(); // start first ping\n}\n\n// telemetry\nfunction sendTelemetry(done) {\n  if (settings.telemetry_level < 1) {\n    return;\n  }\n  xhr = new XMLHttpRequest();\n  xhr.onload = function () {\n    try {\n      const parts = xhr.responseText.split(' ');\n\n      if (parts[0] === 'id') {\n        try {\n          const id = parts[1];\n\n          done(id);\n        } catch (e) {\n          done(null);\n        }\n      } else {\n        done(null);\n      }\n    } catch (e) {\n      done(null);\n    }\n  };\n  xhr.onerror = function () {\n    console.warn('TELEMETRY ERROR ' + xhr.status);\n    done(null);\n  };\n  xhr.open('POST', settings.url_telemetry + url_sep(settings.url_telemetry) + (settings.mpot ? 'cors=true&' : '') + 'r=' + Math.random(), true);\n  const telemetryIspInfo = {\n    processedString: clientIp,\n    serverHostName: serverHostName,\n    rawIspInfo: typeof ispInfo === 'object' ? ispInfo : ''\n  };\n\n  try {\n    const fd = new FormData();\n\n    fd.append('ispinfo', JSON.stringify(telemetryIspInfo));\n    fd.append('dl', dlStatus);\n    fd.append('ul', ulStatus);\n    fd.append('ping', pingStatus);\n    fd.append('jitter', jitterStatus);\n    fd.append('log', settings.telemetry_level > 1 ? log : '');\n    fd.append('extra', settings.telemetry_extra);\n    xhr.send(fd);\n  } catch (ex) {\n    const postData = 'extra=' + encodeURIComponent(settings.telemetry_extra) + '&ispinfo=' + encodeURIComponent(JSON.stringify(telemetryIspInfo)) + '&dl=' + encodeURIComponent(dlStatus) + '&ul=' + encodeURIComponent(ulStatus) + '&ping=' + encodeURIComponent(pingStatus) + '&jitter=' + encodeURIComponent(jitterStatus) + '&log=' + encodeURIComponent(settings.telemetry_level > 1 ? log : '');\n\n    xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');\n    xhr.send(postData);\n  }\n}\n";
 
-const T$g = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
+// const T = 'plugins.clappr_nerd_stats.speedtest.Speedtest';
 class Speedtest {
     worker = null;
     workerUrl = null;
@@ -47559,7 +47550,6 @@ class Speedtest {
             }
         }
         this._state = 3;
-        trace(`${T$g} start`, { state: this._state, server: this._selectedServer, settings: this._settings });
         // TODO don't run until properly initialized (url_ping, etc)
         this.worker.postMessage('start ' + JSON.stringify(this._settings));
         // ... [rest of the logic remains unchanged] ...
@@ -47585,7 +47575,7 @@ class Speedtest {
 const DIGITS_THRESHOLD = 99999;
 const DEFAULT_DOWNLOAD_SPEED = '0.00';
 const DRAW_SIZE = 5;
-const T$f = 'plugins.clappr_nerd_stats.speedtest';
+// const T = 'plugins.clappr_nerd_stats.speedtest';
 function limitDigits(value) {
     return value > DIGITS_THRESHOLD ? '> ' + DIGITS_THRESHOLD : value.toFixed(2);
 }
@@ -47613,7 +47603,6 @@ const getColor = (speedValue) => {
     }
 };
 function drawSpeedTestResults() {
-    trace(`${T$f} drawSpeedTestResults`);
     const canvas = document.getElementById('nerd-stats-speed-test-canvas');
     if (!canvas) {
         return;
@@ -47636,7 +47625,6 @@ const initSpeedTest = (customMetrics) => {
         return inited;
     }
     inited = (async () => {
-        trace(`${T$f} initSpeedTest run`);
         // TODO: fix server selection
         // const response = await fetch('https://iam.gcdn.co/info/json');
         // const data = await response.json();
@@ -47691,7 +47679,6 @@ const initSpeedTest = (customMetrics) => {
         await fetch('https://iam.gcdn.co/info/json')
             .then(r => r.json())
             .then(data => {
-            trace(`${T$f} initSpeedTest fetched`);
             const country = data['Server Country code'].toLowerCase();
             const server = serversList.find(s => s.country === country) || serversList[0];
             if (!server) {
@@ -47699,7 +47686,6 @@ const initSpeedTest = (customMetrics) => {
             }
             speedTest.addTestPoint(server);
             speedTest.setSelectedServer(server);
-            trace(`${T$f} initSpeedTest done`);
         });
     })();
     return inited;
@@ -47710,13 +47696,11 @@ const stopSpeedtest = () => {
     }
 };
 const startSpeedtest = () => {
-    trace(`${T$f} startSpeedtest`);
     if (speedTest.getState() !== 3) {
         speedTest.start();
     }
 };
 const clearSpeedTestResults = () => {
-    trace(`${T$f} clearSpeedTestResults`);
     speedtestResults.splice(0, speedtestResults.length);
 };
 function configureSpeedTest(servers) {
@@ -47968,10 +47952,8 @@ class NerdStats extends UICorePlugin {
         this.$el.show();
         this.statsBoxElem.scrollTop(this.statsBoxElem.scrollTop());
         this.open = true;
-        this.refreshSpeedTest();
         initSpeedTest(this.speedtestMetrics)
             .then(() => {
-            trace(`${T$e} show initSpeedTest ready`);
             startSpeedtest();
         })
             .catch((e) => {
@@ -48001,7 +47983,6 @@ class NerdStats extends UICorePlugin {
             .text(this.metrics.general.resolution.height);
     }
     estimateQuality() {
-        trace(`${T$e} estimateQuality`);
         const videoQualityNames = [
             'SD (480p)',
             'HD (720p)',
@@ -48026,7 +48007,6 @@ class NerdStats extends UICorePlugin {
             prefix + videoQualityNames[liveQuality - 1];
     }
     updateMetrics(metrics) {
-        trace(`${T$e} updateMetrics`, { custom: this.speedtestMetrics });
         Object.assign(this.metrics, metrics);
         this.metrics.custom = {
             ...this.speedtestMetrics,
@@ -48174,9 +48154,9 @@ class NerdStats extends UICorePlugin {
             clearSpeedTestResults();
             drawSpeedTestResults();
         }, 200);
-        // setTimeout(() => {
-        //   startSpeedtest()
-        // }, 800)
+        setTimeout(() => {
+            startSpeedtest();
+        }, 800);
     }
     formatPlaybackName(playbackType) {
         switch (playbackType) {
@@ -50572,15 +50552,18 @@ function formatLevelLabel(level) {
     return `${h}p`;
 }
 
-const seekTimeHTML = "<span data-seek-time id=\"mc-seek-time\"></span>\n<span data-duration id=\"mc-duration\"></span>\n\n";
+const seekTimeHTML = "<span id=\"mc-seek-time\" class=\"seek-time__pos\"></span>\n<span id=\"mc-duration\" class=\"seek-time__duration\"></span>\n\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 at https://github.com/clappr/clappr-plugins/blob/master/LICENSE
 const { formatTime } = Utils;
+// const T = 'plugins.seek_time'
 /**
- * `PLUGIN` that adds a seek time indicator to the media control UI.
+ * `PLUGIN` that adds a seek time indicator when the mouse pointer is over the seek bar.
  * @beta
+ * @remarks
+ * Configuration options - {@link SeekTimeSettings}
  */
 class SeekTime extends UICorePlugin {
     get name() {
@@ -50593,7 +50576,6 @@ class SeekTime extends UICorePlugin {
     get attributes() {
         return {
             class: 'seek-time',
-            'data-seek-time': '',
         };
     }
     get isLiveStreamWithDvr() {
@@ -50601,23 +50583,21 @@ class SeekTime extends UICorePlugin {
             this.core.activeContainer.getPlaybackType() === Playback.LIVE &&
             this.core.activeContainer.isDvrEnabled());
     }
-    get durationShown() {
-        return !this.isLiveStreamWithDvr;
+    get showDuration() {
+        return (this.core.options.seekTime?.duration === true &&
+            this.core.activeContainer?.getPlaybackType() !== Playback.LIVE);
     }
     hoveringOverSeekBar = false;
     hoverPosition = 0;
     displayedDuration = null;
     displayedSeekTime = null;
     duration = 0;
-    // private firstFragDateTime = 0;
-    rendered = false;
-    $durationEl = null;
-    $seekTimeEl = null;
     /**
      * @internal
      */
     bindEvents() {
         this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
+        this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onContainerChanged);
     }
     onCoreReady() {
         const mediaControl = this.core.getPlugin('media_control');
@@ -50625,11 +50605,6 @@ class SeekTime extends UICorePlugin {
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.mount);
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_MOUSEMOVE_SEEKBAR, this.showTime);
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_MOUSELEAVE_SEEKBAR, this.hideTime);
-        this.listenTo(mediaControl, Events$1.MEDIACONTROL_CONTAINERCHANGED, this.onContainerChanged);
-        if (this.core.activeContainer) {
-            this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
-            this.listenTo(this.core.activeContainer, Events$1.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
-        }
     }
     onContainerChanged() {
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAYBACKDVRSTATECHANGED, this.update);
@@ -50655,41 +50630,37 @@ class SeekTime extends UICorePlugin {
         this.hoverPosition = Math.min(1, Math.max(offset / mediaControl.$seekBarContainer.width(), 0));
     }
     getSeekTime() {
-        const seekTime = this.isLiveStreamWithDvr
+        return this.isLiveStreamWithDvr
             ? this.duration - this.hoverPosition * this.duration
             : this.hoverPosition * this.duration;
-        return { seekTime };
     }
     update() {
-        if (!this.rendered) {
-            // update() is always called after a render
-            return;
-        }
         if (!this.shouldBeVisible()) {
             this.$el.hide();
             this.$el.css('left', '-100%');
             return;
         }
         const seekTime = this.getSeekTime();
-        let currentSeekTime = formatTime(seekTime.seekTime, false);
+        let currentSeekTime = formatTime(seekTime, false);
         if (this.isLiveStreamWithDvr) {
             currentSeekTime = `-${currentSeekTime}`;
         }
         // only update dom if necessary, ie time actually changed
         if (currentSeekTime !== this.displayedSeekTime) {
-            this.$seekTimeEl.text(currentSeekTime);
+            this.$el.find('#mc-seek-time').text(currentSeekTime);
             this.displayedSeekTime = currentSeekTime;
         }
-        if (this.durationShown) {
-            this.$durationEl.show();
+        const $durationEl = this.$el.find('#mc-duration');
+        if (this.showDuration) {
+            $durationEl.show();
             const currentDuration = formatTime(this.duration, false);
             if (currentDuration !== this.displayedDuration) {
-                this.$durationEl.text(currentDuration);
+                $durationEl.text(currentDuration);
                 this.displayedDuration = currentDuration;
             }
         }
         else {
-            this.$durationEl.hide();
+            $durationEl.hide();
         }
         // the element must be unhidden before its width is requested, otherwise it's width will be reported as 0
         this.$el.show();
@@ -50712,16 +50683,10 @@ class SeekTime extends UICorePlugin {
      * @internal
      */
     render() {
-        this.rendered = true;
         this.displayedDuration = null;
         this.displayedSeekTime = null;
         this.$el.html(SeekTime.template());
         this.$el.hide();
-        // this.mediaControl.$el.append(this.el);
-        this.$seekTimeEl = this.$el.find('#mc-seek-time');
-        this.$durationEl = this.$el.find('#mc-duration');
-        this.$durationEl.hide();
-        this.update();
         return this;
     }
     mount() {