@gcorevideo/player 2.22.2 → 2.22.4

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$l = 'playback.dash';
+const T$k = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12956,10 +12956,10 @@ class DashPlayback extends BasePlayback {
     }
     _onPlaybackError = (event) => {
         // TODO
-        trace(`${T$l} _onPlaybackError`, { event });
+        trace(`${T$k} _onPlaybackError`, { event });
     };
     _onDASHJSSError = (event) => {
-        trace(`${T$l} _onDASHJSSError`, { event });
+        trace(`${T$k} _onDASHJSSError`, { event });
         this._stopTimeUpdateTimer();
         // Note that the other error types are deprecated
         const e = event.error;
@@ -12994,7 +12994,7 @@ class DashPlayback extends BasePlayback {
         }
     };
     triggerError(error) {
-        trace(`${T$l} triggerError`, { error });
+        trace(`${T$k} triggerError`, { error });
         // this triggers Events.ERROR to be handled by the UI
         this.trigger(Events$1.PLAYBACK_ERROR, this.createError(error, {
             useCodePrefix: false,
@@ -13033,7 +13033,7 @@ class DashPlayback extends BasePlayback {
     }
     get dvrEnabled() {
         if (!this._dash) {
-            trace(`${T$l} dvrEnable no dash player instance`);
+            trace(`${T$k} dvrEnable no dash player instance`);
             return false;
         }
         return (this._dash?.getDVRWindowSize() >= this._minDvrSize &&
@@ -13055,7 +13055,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, {});
     }
     play() {
-        trace(`${T$l} play`, { dash: !!this._dash });
+        trace(`${T$k} play`, { dash: !!this._dash });
         if (!this._dash) {
             this._setup();
         }
@@ -13141,7 +13141,7 @@ class DashPlayback extends BasePlayback {
     }
     // @ts-expect-error
     get currentAudioTrack() {
-        trace(`${T$l} get currentAudioTrack`);
+        trace(`${T$k} get currentAudioTrack`);
         assert.ok(this._dash, 'DASH.js MediaPlayer is not initialized');
         const t = this._dash.getCurrentTrackFor('audio');
         if (!t) {
@@ -41842,7 +41842,7 @@ const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$k = 'playback.hls';
+const T$j = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -42071,7 +42071,7 @@ class HlsPlayback extends BasePlayback {
             maxBufferLength: 2,
             maxMaxBufferLength: 4,
         }, this.options.playback.hlsjsConfig);
-        trace(`${T$k} _createHLSInstance`, { config });
+        trace(`${T$j} _createHLSInstance`, { config });
         this._hls = new Hls(config);
     }
     _attachHLSMedia() {
@@ -42162,7 +42162,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$k} _recover failed to recover`, {
+            trace(`${T$j} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42248,7 +42248,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$k} _onHLSJSError`, {
+        trace(`${T$j} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42296,7 +42296,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$k} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$j} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42309,7 +42309,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$k} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$j} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42339,7 +42339,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$k} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$j} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42674,11 +42674,11 @@ class HlsPlayback extends BasePlayback {
         this._hls.audioTrack = Number(id); // TODO or find index by .id == id?
     }
     _onAudioTracksUpdated(_, data) {
-        trace(`${T$k} onAudioTracksUpdated`);
+        trace(`${T$j} onAudioTracksUpdated`);
         this.trigger(Events$1.PLAYBACK_AUDIO_AVAILABLE, data.audioTracks.map(toClapprTrack));
     }
     _onAudioTrackSwitched(_, data) {
-        trace(`${T$k} onAudioTrackSwitched`);
+        trace(`${T$j} onAudioTrackSwitched`);
         // @ts-ignore
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
@@ -42699,7 +42699,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$j = 'playback.html5_video';
+const T$i = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42707,7 +42707,7 @@ class HTML5Video extends BasePlayback {
      * @internal
      */
     createError(errorData, options) {
-        trace(`${T$j} createError`, {
+        trace(`${T$i} createError`, {
             errorData: { ...errorData },
         });
         const i18n = this.i18n ||
@@ -42723,11 +42723,11 @@ class HTML5Video extends BasePlayback {
         return super.createError(errorData, { ...options, useCodePrefix: false });
     }
     _onWaiting() {
-        trace(`${T$j} _onWaiting`);
+        trace(`${T$i} _onWaiting`);
         super._onWaiting();
     }
     _onEnded() {
-        trace(`${T$j} _onEnded`);
+        trace(`${T$i} _onEnded`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42735,12 +42735,12 @@ class HTML5Video extends BasePlayback {
         super._onEnded();
     }
     _handleBufferingEvents() {
-        trace(`${T$j} _handleBufferingEvents`, {
+        trace(`${T$i} _handleBufferingEvents`, {
             networkState: this.el.networkState,
         });
         if (!this.stallTimerId) {
             this.stallTimerId = setTimeout(() => {
-                trace(`${T$j} _handleBufferingEvents stall timeout`, {
+                trace(`${T$i} _handleBufferingEvents stall timeout`, {
                     buffering: this.buffering,
                     ended: this.ended,
                 });
@@ -42758,7 +42758,7 @@ class HTML5Video extends BasePlayback {
         super._handleBufferingEvents();
     }
     _onPlaying() {
-        trace(`${T$j} _onPlaying`);
+        trace(`${T$i} _onPlaying`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42766,7 +42766,7 @@ class HTML5Video extends BasePlayback {
         super._onPlaying();
     }
     _onPause() {
-        trace(`${T$j} _onPause`);
+        trace(`${T$i} _onPause`);
         super._onPause();
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
@@ -42776,7 +42776,7 @@ class HTML5Video extends BasePlayback {
     get audioTracks() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$j} get audioTracks`, { supported });
+        trace(`${T$i} get audioTracks`, { supported });
         const retval = [];
         if (supported) {
             for (let i = 0; i < tracks.length; i++) {
@@ -42795,7 +42795,7 @@ class HTML5Video extends BasePlayback {
     get currentAudioTrack() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$j} get currentAudioTrack`, {
+        trace(`${T$i} get currentAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42816,7 +42816,7 @@ class HTML5Video extends BasePlayback {
     switchAudioTrack(id) {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$j} switchAudioTrack`, {
+        trace(`${T$i} switchAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42835,7 +42835,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$i = 'GPlayer';
+const T$h = 'GPlayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42930,7 +42930,7 @@ class Player {
         }
         const coreOpts = this.buildCoreOptions(playerElement);
         const { core, container } = Player.getRegisteredPlugins();
-        trace(`${T$i} init`, {
+        trace(`${T$h} init`, {
             registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.prototype.name),
         });
         coreOpts.plugins = {
@@ -42944,7 +42944,7 @@ class Player {
      * Destroys the player, releasing all resources and unmounting its UI from the DOM.
      */
     destroy() {
-        trace(`${T$i} destroy`, {
+        trace(`${T$h} destroy`, {
             player: !!this.player,
         });
         if (this.player) {
@@ -43131,7 +43131,7 @@ class Player {
         this.config = $.extend(true, this.config, config);
     }
     initPlayer(coreOptions) {
-        trace(`${T$i} initPlayer`, {
+        trace(`${T$h} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
             // TODO selected options
@@ -43156,7 +43156,7 @@ class Player {
         }
     }
     triggerAutoPlay() {
-        trace(`${T$i} triggerAutoPlay`);
+        trace(`${T$h} triggerAutoPlay`);
         setTimeout(() => {
             this.player?.play({
                 autoPlay: true,
@@ -43174,7 +43174,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$i} onReady`, {
+            trace(`${T$h} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43208,7 +43208,7 @@ class Player {
     buildCoreOptions(rootNode) {
         const sources = this.buildMediaSourcesList();
         const source = sources[0];
-        trace(`${T$i} buildCoreOptions`, {
+        trace(`${T$h} buildCoreOptions`, {
             source,
             sources,
         });
@@ -43269,7 +43269,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$i} on CORE_SCREEN_ORIENTATION_CHANGED`, {
+            trace(`${T$h} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 orientation,
                 rootNode: {
                     width: this.rootNode?.clientWidth,
@@ -43284,14 +43284,14 @@ class Player {
             }
         }, null);
         core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
-            trace(`${T$i} on CORE_RESIZE`, {
+            trace(`${T$h} on CORE_RESIZE`, {
                 width,
                 height,
             });
             this.safeTriggerEvent(PlayerEvent.Resize, { width, height });
         }, null);
         core.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
-            trace(`${T$i} CORE_FULLSCREEN`, {
+            trace(`${T$h} CORE_FULLSCREEN`, {
                 isFullscreen,
             });
             this.safeTriggerEvent(PlayerEvent.Fullscreen, isFullscreen);
@@ -43299,7 +43299,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.2";
+var version$1 = "2.22.4";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -43323,12 +43323,12 @@ function version() {
     };
 }
 
-const pluginHtml$7 = "<button data-audiotracks-button class='gcore-skin-button-color' id=\"audiotracks-button\">\n    <span class='audio-text'><%= title %></span> <span class=\"audio-arrow\"></span>\n</button>\n<ul class='gcore-skin-bg-color' id=\"audiotracks-select\">\n    <% for (const track of tracks) { %>\n        <li>\n            <a href=\"#\" class='gcore-skin-text-color' data-audiotracks-select=\"<%= track.id %>\">\n                <%= track.label %>\n            </a>\n        </li>\n    <% }; %>\n</ul>\n";
+const pluginHtml$7 = "<button data-audiotracks-button class='gcore-skin-button-color' id=\"audiotracks-button\">\n    <span class='audio-text'><%= title %></span> <span class=\"audio-arrow\"><%= icon %></span>\n</button>\n<ul class='gcore-skin-bg-color menu hidden' id=\"audiotracks-select\">\n    <% for (const track of tracks) { %>\n        <li>\n            <a href=\"#\" class='gcore-skin-text-color' data-audiotracks-select=\"<%= track.id %>\">\n                <%= track.label %>\n            </a>\n        </li>\n    <% }; %>\n</ul>\n";
 
 const audioArrow = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"9px\" height=\"6px\" viewBox=\"0 0 9 6\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\"\n     xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n  <!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->\n  <title>quality-arrow</title>\n  <desc>Created with Sketch.</desc>\n  <defs></defs>\n  <g id=\"quality-arrow\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n    <path\n      d=\"M5.07079194,5.78553848 C4.91457318,5.94277844 4.70551573,6.00941824 4.50028717,5.99893557 C4.2950586,6.00941824 4.08676693,5.94277844 3.92978239,5.78553848 L0.221118462,1.2997069 C-0.0737061539,1.00469478 -0.0737061539,0.526236029 0.221118462,0.231972666 C0.515177299,-0.0630394586 1.23500883,0.00734414472 1.64852907,0.00734414472 L7.77475484,0.00734414472 C8.21201421,0.00734414472 8.48539703,-0.0630394586 8.77945587,0.231972666 C9.07351471,0.526236029 9.07351471,1.00469478 8.77945587,1.2997069 L5.07079194,5.78553848 Z\"\n      fill=\"#FFFFFE\"></path>\n  </g>\n</svg>\n";
 
-const VERSION$6 = '0.0.1';
-const T$h = 'plugins.audio_selector';
+const VERSION$6 = '2.22.4';
+// const T = 'plugins.audiotracks'
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
  * @beta
@@ -43339,14 +43339,14 @@ const T$h = 'plugins.audio_selector';
  *
  * - {@link MediaControl}
  */
-class AudioSelector extends UICorePlugin {
+class AudioTracks extends UICorePlugin {
     currentTrack = null;
     tracks = [];
     /**
      * @internal
      */
     get name() {
-        return 'audio_selector';
+        return 'audio_selector'; // TODO rename to audiotracks
     }
     /**
      * @internal
@@ -43375,58 +43375,43 @@ class AudioSelector extends UICorePlugin {
     get events() {
         return {
             'click [data-audiotracks-select]': 'onTrackSelect',
-            'click [data-audiotracks-button]': 'onShowLevelSelectMenu',
+            'click #audiotracks-button': 'toggleContextMenu',
         };
     }
     /**
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.core, Events$1.CORE_READY, this.onCoreReady);
+        this.listenToOnce(this.core, Events$1.CORE_READY, this.onCoreReady);
         this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
     }
     onCoreReady() {
-        trace(`${T$h} onCoreReady`);
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
-        this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, this.render);
-        this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideSelectTrackMenu);
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, () => {
+            mediaControl.putElement('audiotracks', this.$el);
+        });
+        this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideMenu);
     }
-    bindPlaybackEvents() {
-        trace(`${T$h} bindPlaybackEvents`);
+    onActiveContainerChanged() {
         this.currentTrack = null;
-        this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_STOP, this.onStop);
-        this.setupAudioTrackListeners();
-    }
-    setupAudioTrackListeners() {
-        this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_AUDIO_AVAILABLE, (tracks) => {
-            trace(`${T$h} on PLAYBACK_AUDIO_AVAILABLE`, { audioTracks: tracks });
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_AUDIO_AVAILABLE, (tracks) => {
             this.currentTrack =
-                tracks.find((track) => track.kind === 'main') ?? null;
-            this.fillTracks(tracks);
+                tracks.find((track) => track.kind === 'main') ?? null; // TODO test
+            this.tracks = tracks;
+            this.render();
         });
-        this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_AUDIO_CHANGED, (track) => {
-            trace(`${T$h} PLAYBACK_AUDIO_CHANGED`, { audioTrack: track });
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_AUDIO_CHANGED, (track) => {
             this.currentTrack = track;
             this.highlightCurrentTrack();
             this.buttonElement().removeClass('changing');
             this.updateText();
         });
     }
-    onStop() {
-        trace(`${T$h} onStop`);
-    }
-    onActiveContainerChanged() {
-        trace(`${T$h} onActiveContainerChanged`);
-        this.bindPlaybackEvents();
-    }
     shouldRender() {
-        if (!this.core.activePlayback) {
-            return false;
-        }
-        this.tracks = this.core.activePlayback.audioTracks;
+        // Render is called from the parent class constructor so tracks aren't available
         // Only care if we have at least 2 to choose from
-        return this.tracks && this.tracks.length > 1;
+        return this.tracks?.length > 1;
     }
     /**
      * @internal
@@ -43435,43 +43420,35 @@ class AudioSelector extends UICorePlugin {
         if (!this.shouldRender()) {
             return this;
         }
-        const mediaControl = this.core.getPlugin('media_control');
-        this.$el.html(AudioSelector.template({ tracks: this.tracks, title: this.getTitle() }));
-        this.$('.audio-arrow').append(audioArrow);
-        mediaControl.putElement('audiotracks', this.el);
+        this.core.getPlugin('media_control');
+        this.$el.html(AudioTracks.template({
+            tracks: this.tracks,
+            title: this.getTitle(),
+            icon: audioArrow,
+        }));
         this.updateText();
         this.highlightCurrentTrack();
         return this;
     }
-    fillTracks(tracks) {
-        this.tracks = tracks;
-        this.render();
-    }
-    findTrackBy(id) {
-        return this.tracks.find((track) => track.id === id);
-    }
     onTrackSelect(event) {
         const id = event.target?.dataset?.audiotracksSelect;
         if (id) {
             this.selectAudioTrack(id);
         }
-        this.toggleContextMenu();
+        this.hideMenu();
         event.stopPropagation();
         return false;
     }
     selectAudioTrack(id) {
         this.startTrackSwitch();
-        this.core.activePlayback.switchAudioTrack(id);
+        this.core.activeContainer.switchAudioTrack(id);
         this.updateText();
     }
-    onShowLevelSelectMenu() {
-        this.toggleContextMenu();
-    }
-    hideSelectTrackMenu() {
-        this.$('ul').hide();
+    hideMenu() {
+        this.$el.find('#audiotracks-select').addClass('hidden');
     }
     toggleContextMenu() {
-        this.$('ul').toggle();
+        this.$el.find('#audiotracks-select').toggleClass('hidden');
     }
     buttonElement() {
         return this.$('button');
@@ -43480,11 +43457,14 @@ class AudioSelector extends UICorePlugin {
         return this.$('button .audio-text');
     }
     trackElement(id) {
-        return this.$('ul a' +
-            (id !== undefined ? '[data-audiotracks-select="' + id + '"]' : '')).parent();
+        return this.$('#audiotracks-select a' +
+            (id !== undefined ? `[data-audiotracks-select="${id}"]` : '')).parent();
     }
     getTitle() {
-        return this.currentTrack?.label || '';
+        if (!this.currentTrack) {
+            return '';
+        }
+        return this.currentTrack.label || this.currentTrack.language;
     }
     startTrackSwitch() {
         this.buttonElement().addClass('changing');
@@ -50744,6 +50724,7 @@ var SpinnerEvents;
  * `PLUGIN` that shows a pending operation indicator when playback is buffering or in a similar state.
  * @public
  * @remarks
+ * It is aliased as `Spinner` for convenience.
  * Events emitted - {@link SpinnerEvents}
  * Other plugins can use {@link SpinnerThreeBounce.show | show} and {@link SpinnerThreeBounce.hide | hide} methods to
  * implement custom pending/progress indication scenarios.
@@ -52311,4 +52292,4 @@ class VolumeFade extends UICorePlugin {
     }
 }
 
-export { AudioSelector, BigMuteButton, BottomGear, ClapprNerdStats, ClapprStats, ClickToPause, ClipsPlugin, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, Favicon, GearEvents, GoogleAnalytics, LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };
+export { AudioTracks as AudioSelector, AudioTracks, BigMuteButton, BottomGear, ClapprNerdStats, ClapprStats, ClickToPause, ClipsPlugin, ClosedCaptions, ContextMenu, DvrControls, ErrorScreen, Favicon, GearEvents, GoogleAnalytics, LevelSelector, LogTracer, Logger, Logo, MediaControl, MultiCamera, PictureInPicture, PlaybackErrorCode, PlaybackRate, Player, PlayerEvent, Poster, SeekTime, SentryTracer, Share, SkipTime, SourceController, SpinnerThreeBounce as Spinner, SpinnerEvents, SpinnerThreeBounce, ClosedCaptions as Subtitles, Telemetry, TelemetryEvent, Thumbnails, VolumeFade, VolumeFadeEvents, reportError, setTracer, trace, version };

package/dist/player.d.ts

@@ -2422,7 +2422,7 @@ export declare class SkipTime extends UICorePlugin {
 }
 
 /**
- * `PLUGIN` that is responsible for managing the automatic failover between media sources.
+ * `PLUGIN` that is managing the automatic failover between media sources.
  * @public
  * @remarks
  * Have a look at the {@link https://miro.com/app/board/uXjVLiN15tY=/?share_link_id=390327585787 | source failover diagram} for the details
@@ -2527,11 +2527,12 @@ export declare enum SpinnerEvents {
  * `PLUGIN` that shows a pending operation indicator when playback is buffering or in a similar state.
  * @public
  * @remarks
- * Events emitted- {@link SpinnerEvents}
+ * It is aliased as `Spinner` for convenience.
+ * Events emitted - {@link SpinnerEvents}
  * Other plugins can use {@link SpinnerThreeBounce.show | show} and {@link SpinnerThreeBounce.hide | hide} methods to
  * implement custom pending/progress indication scenarios.
  */
-export declare class SpinnerThreeBounce extends UIContainerPlugin {
+declare class SpinnerThreeBounce extends UIContainerPlugin {
     private userShown;
     /**
      * @internal
@@ -2579,6 +2580,8 @@ export declare class SpinnerThreeBounce extends UIContainerPlugin {
      */
     render(): this;
 }
+export { SpinnerThreeBounce as Spinner }
+export { SpinnerThreeBounce }
 
 /**
  * Playback stall event data