@gcorevideo/player 2.25.5 → 2.25.7

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$p = 'playback.dash';
+const T$o = 'playback.dash';
 class DashPlayback extends BasePlayback {
     _levels = null;
     _currentLevel = null;
@@ -12954,10 +12954,10 @@ class DashPlayback extends BasePlayback {
     }
     _onPlaybackError = (event) => {
         // TODO
-        trace(`${T$p} _onPlaybackError`, { event });
+        trace(`${T$o} _onPlaybackError`, { event });
     };
     _onDASHJSSError = (event) => {
-        trace(`${T$p} _onDASHJSSError`, { event });
+        trace(`${T$o} _onDASHJSSError`, { event });
         this._stopTimeUpdateTimer();
         // Note that the other error types are deprecated
         const e = event.error;
@@ -12992,7 +12992,7 @@ class DashPlayback extends BasePlayback {
         }
     };
     triggerError(error) {
-        trace(`${T$p} triggerError`, { error });
+        trace(`${T$o} triggerError`, { error });
         // this triggers Events.ERROR to be handled by the UI
         this.trigger(Events$1.PLAYBACK_ERROR, this.createError(error, {
             useCodePrefix: false,
@@ -13031,10 +13031,10 @@ class DashPlayback extends BasePlayback {
     }
     get dvrEnabled() {
         if (!this._dash) {
-            trace(`${T$p} dvrEnable no dash player instance`);
+            trace(`${T$o} dvrEnable no dash player instance`);
             return false;
         }
-        trace(`${T$p} get.dvrEnabled`, {
+        trace(`${T$o} get.dvrEnabled`, {
             dvrWindowSize: this._dash?.getDVRWindowSize(),
             minDvrSize: this._minDvrSize,
             playbackType: this.getPlaybackType(),
@@ -13056,7 +13056,7 @@ class DashPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_PROGRESS, progress, {});
     }
     play() {
-        trace(`${T$p} play`, { dash: !!this._dash });
+        trace(`${T$o} play`, { dash: !!this._dash });
         !this._dash && this._setup();
         super.play();
         this._startTimeUpdateTimer();
@@ -13142,7 +13142,7 @@ class DashPlayback extends BasePlayback {
     }
     // @ts-expect-error
     get currentAudioTrack() {
-        trace(`${T$p} get currentAudioTrack`);
+        trace(`${T$o} get currentAudioTrack`);
         assert.ok(this._dash, 'DASH.js MediaPlayer is not initialized');
         const t = this._dash.getCurrentTrackFor('audio');
         if (!t) {
@@ -41850,7 +41850,7 @@ const AUTO = -1;
 const DEFAULT_RECOVER_ATTEMPTS = 16;
 Events$1.register('PLAYBACK_FRAGMENT_CHANGED');
 Events$1.register('PLAYBACK_FRAGMENT_PARSING_METADATA');
-const T$o = 'playback.hls';
+const T$n = 'playback.hls';
 class HlsPlayback extends BasePlayback {
     _ccIsSetup = false;
     _ccTracksUpdated = false;
@@ -42082,7 +42082,7 @@ class HlsPlayback extends BasePlayback {
             maxMaxBufferLength: 4,
             autoStartLoad: false,
         }, this.options.playback.hlsjsConfig);
-        trace(`${T$o} _createHLSInstance`, { config });
+        trace(`${T$n} _createHLSInstance`, { config });
         this._hls = new Hls(config);
     }
     _attachHLSMedia() {
@@ -42175,7 +42175,7 @@ class HlsPlayback extends BasePlayback {
         }
         else {
             Log.error('hlsjs: failed to recover', { evt, data });
-            trace(`${T$o} _recover failed to recover`, {
+            trace(`${T$n} _recover failed to recover`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42261,7 +42261,7 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_SETTINGSUPDATE);
     }
     _onHLSJSError(evt, data) {
-        trace(`${T$o} _onHLSJSError`, {
+        trace(`${T$n} _onHLSJSError`, {
             fatal: data.fatal,
             type: data.type,
             details: data.details,
@@ -42309,7 +42309,7 @@ class HlsPlayback extends BasePlayback {
                                     evt,
                                     data,
                                 });
-                                trace(`${T$o} _onHLSJSError trying to recover from network error`, {
+                                trace(`${T$n} _onHLSJSError trying to recover from network error`, {
                                     details: data.details,
                                 });
                                 error.level = PlayerError.Levels.WARN;
@@ -42322,7 +42322,7 @@ class HlsPlayback extends BasePlayback {
                             evt,
                             data,
                         });
-                        trace(`${T$o} _onHLSJSError trying to recover from media error`, {
+                        trace(`${T$n} _onHLSJSError trying to recover from media error`, {
                             details: data.details,
                         });
                         error.level = PlayerError.Levels.WARN;
@@ -42352,7 +42352,7 @@ class HlsPlayback extends BasePlayback {
                 return;
             }
             Log.warn('hlsjs: non-fatal error occurred', { evt, data });
-            trace(`${T$o} _onHLSJSError non-fatal error occurred`, {
+            trace(`${T$n} _onHLSJSError non-fatal error occurred`, {
                 type: data.type,
                 details: data.details,
             });
@@ -42686,11 +42686,11 @@ class HlsPlayback extends BasePlayback {
         this._hls.audioTrack = Number(id); // TODO or find index by .id == id?
     }
     _onAudioTracksUpdated(_, data) {
-        trace(`${T$o} onAudioTracksUpdated`);
+        trace(`${T$n} onAudioTracksUpdated`);
         this.trigger(Events$1.PLAYBACK_AUDIO_AVAILABLE, data.audioTracks.map(toClapprTrack));
     }
     _onAudioTrackSwitched(_, data) {
-        trace(`${T$o} onAudioTrackSwitched`);
+        trace(`${T$n} onAudioTrackSwitched`);
         // @ts-ignore
         const track = this._hls.audioTracks[data.id];
         this.trigger(Events$1.PLAYBACK_AUDIO_CHANGED, toClapprTrack(track));
@@ -42711,7 +42711,7 @@ function toClapprTrack(t) {
     };
 }
 
-const T$n = 'playback.html5_video';
+const T$m = 'playback.html5_video';
 const STALL_TIMEOUT = 15000;
 class HTML5Video extends BasePlayback {
     stallTimerId = null;
@@ -42719,7 +42719,7 @@ class HTML5Video extends BasePlayback {
      * @internal
      */
     createError(errorData, options) {
-        trace(`${T$n} createError`, {
+        trace(`${T$m} createError`, {
             errorData: { ...errorData },
         });
         const i18n = this.i18n ||
@@ -42735,11 +42735,11 @@ class HTML5Video extends BasePlayback {
         return super.createError(errorData, { ...options, useCodePrefix: false });
     }
     _onWaiting() {
-        trace(`${T$n} _onWaiting`);
+        trace(`${T$m} _onWaiting`);
         super._onWaiting();
     }
     _onEnded() {
-        trace(`${T$n} _onEnded`);
+        trace(`${T$m} _onEnded`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42747,12 +42747,12 @@ class HTML5Video extends BasePlayback {
         super._onEnded();
     }
     _handleBufferingEvents() {
-        trace(`${T$n} _handleBufferingEvents`, {
+        trace(`${T$m} _handleBufferingEvents`, {
             networkState: this.el.networkState,
         });
         if (!this.stallTimerId) {
             this.stallTimerId = setTimeout(() => {
-                trace(`${T$n} _handleBufferingEvents stall timeout`, {
+                trace(`${T$m} _handleBufferingEvents stall timeout`, {
                     buffering: this.buffering,
                     ended: this.ended,
                 });
@@ -42770,7 +42770,7 @@ class HTML5Video extends BasePlayback {
         super._handleBufferingEvents();
     }
     _onPlaying() {
-        trace(`${T$n} _onPlaying`);
+        trace(`${T$m} _onPlaying`);
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
             this.stallTimerId = null;
@@ -42778,7 +42778,7 @@ class HTML5Video extends BasePlayback {
         super._onPlaying();
     }
     _onPause() {
-        trace(`${T$n} _onPause`);
+        trace(`${T$m} _onPause`);
         super._onPause();
         if (this.stallTimerId) {
             clearTimeout(this.stallTimerId);
@@ -42788,7 +42788,7 @@ class HTML5Video extends BasePlayback {
     get audioTracks() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$n} get audioTracks`, { supported });
+        trace(`${T$m} get audioTracks`, { supported });
         const retval = [];
         if (supported) {
             for (let i = 0; i < tracks.length; i++) {
@@ -42807,7 +42807,7 @@ class HTML5Video extends BasePlayback {
     get currentAudioTrack() {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$n} get currentAudioTrack`, {
+        trace(`${T$m} get currentAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42828,7 +42828,7 @@ class HTML5Video extends BasePlayback {
     switchAudioTrack(id) {
         const tracks = this.el.audioTracks;
         const supported = !!tracks;
-        trace(`${T$n} switchAudioTrack`, {
+        trace(`${T$m} switchAudioTrack`, {
             supported,
         });
         if (supported) {
@@ -42847,7 +42847,7 @@ function registerPlaybacks() {
     Loader.registerPlayback(DashPlayback);
 }
 
-const T$m = 'gplayer';
+const T$l = 'gplayer';
 const DEFAULT_OPTIONS = {
     autoPlay: false,
     debug: 'none',
@@ -42935,7 +42935,7 @@ class Player {
      * ```
      */
     attachTo(playerElement) {
-        trace(`${T$m} attachTo`, {
+        trace(`${T$l} attachTo`, {
             player: !!this.player,
         });
         assert.ok(!this.player, 'Player already initialized');
@@ -42945,7 +42945,7 @@ class Player {
         }
         const coreOpts = this.buildCoreOptions(playerElement);
         const { core, container } = Player.getRegisteredPlugins();
-        trace(`${T$m} init`, {
+        trace(`${T$l} init`, {
             registeredPlaybacks: Loader.registeredPlaybacks.map((p) => p.prototype.name),
         });
         coreOpts.plugins = {
@@ -42959,7 +42959,7 @@ class Player {
      * Destroys the player, releasing all resources and unmounting its UI from the DOM.
      */
     destroy() {
-        trace(`${T$m} destroy`, {
+        trace(`${T$l} destroy`, {
             player: !!this.player,
         });
         if (this.player) {
@@ -43146,7 +43146,7 @@ class Player {
         this.config = $.extend(true, this.config, config);
     }
     initPlayer(coreOptions) {
-        trace(`${T$m} initPlayer`, {
+        trace(`${T$l} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
             player: !!this.player,
@@ -43171,7 +43171,7 @@ class Player {
         }
     }
     triggerAutoPlay() {
-        trace(`${T$m} triggerAutoPlay`);
+        trace(`${T$l} triggerAutoPlay`);
         setTimeout(() => {
             this.player?.play({
                 autoPlay: true,
@@ -43189,7 +43189,7 @@ class Player {
     // TODO test
     events = {
         onReady: () => {
-            trace(`${T$m} onReady`, {
+            trace(`${T$l} onReady`, {
                 ready: this.ready,
             });
             if (this.ready) {
@@ -43223,7 +43223,7 @@ class Player {
     buildCoreOptions(rootNode) {
         const sources = this.buildMediaSourcesList();
         const source = sources[0];
-        trace(`${T$m} buildCoreOptions`, {
+        trace(`${T$l} buildCoreOptions`, {
             source,
             sources,
         });
@@ -43284,7 +43284,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$m} on CORE_SCREEN_ORIENTATION_CHANGED`, {
+            trace(`${T$l} on CORE_SCREEN_ORIENTATION_CHANGED`, {
                 orientation,
                 rootNode: {
                     width: this.rootNode?.clientWidth,
@@ -43299,14 +43299,14 @@ class Player {
             }
         }, null);
         core.on(Events$1.CORE_RESIZE, ({ width, height }) => {
-            trace(`${T$m} on CORE_RESIZE`, {
+            trace(`${T$l} on CORE_RESIZE`, {
                 width,
                 height,
             });
             this.safeTriggerEvent(PlayerEvent.Resize, { width, height });
         }, null);
         core.on(Events$1.CORE_FULLSCREEN, (isFullscreen) => {
-            trace(`${T$m} CORE_FULLSCREEN`, {
+            trace(`${T$l} CORE_FULLSCREEN`, {
                 isFullscreen,
             });
             this.safeTriggerEvent(PlayerEvent.Fullscreen, isFullscreen);
@@ -43314,7 +43314,7 @@ class Player {
     }
 }
 
-var version$1 = "2.25.5";
+var version$1 = "2.25.7";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -43338,7 +43338,7 @@ function version() {
     };
 }
 
-const pluginHtml$6 = "<button data-audiotracks-button class='gcore-skin-button-color' id=\"audiotracks-button\" aria-haspopup=\"menu\" aria-expanded=\"false\">\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\" role=\"menu\">\n    <% for (const track of tracks) { %>\n        <li>\n            <a href=\"#\" class='gcore-skin-text-color' data-audiotracks-select=\"<%= track.id %>\" role=\"menuitemradio\" aria-checked=\"<%= track.id === current %>\">\n                <%= track.label %>\n            </a>\n        </li>\n    <% }; %>\n</ul>\n";
+const pluginHtml$6 = "<button class='gcore-skin-button-color media-control-dd' id=\"gplayer-audiotracks-button\" aria-haspopup=\"menu\" aria-expanded=\"false\">\n    <span class=\"media-control-dd__text\" id=\"gplayer-audiotracks-button-text\"><%= title %></span>\n    <span class=\"media-control-dd__arrow\"><%= icon %></span>\n</button>\n<ul class=\"gcore-skin-bg-color menu media-control-dd__popup\" id=\"gplayer-audiotracks-menu\" role=\"menu\">\n    <% for (const track of tracks) { %>\n        <li>\n            <a href=\"#\" class=\"gcore-skin-text-color\" data-item=\"<%= track.id %>\" role=\"menuitemradio\" aria-checked=\"<%= track.id === current %>\">\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";
 
@@ -43649,7 +43649,7 @@ const INITIAL_SETTINGS = {
     default: [],
     seekEnabled: false,
 };
-const T$l = 'plugins.media_control';
+const T$k = 'plugins.media_control';
 /**
  * Extended events for the {@link MediaControl} plugin
  * @beta
@@ -43931,7 +43931,7 @@ class MediaControl extends UICorePlugin {
      * Hides the media control UI
      */
     disable() {
-        trace(`${T$l} disable`);
+        trace(`${T$k} disable`);
         this.userDisabled = true; // TODO distinguish between user and system (e.g., unplayable) disabled?
         this.hide();
         this.unbindKeyEvents();
@@ -43941,7 +43941,7 @@ class MediaControl extends UICorePlugin {
      * Reenables the plugin disabled earlier with the {@link MediaControl.disable} method
      */
     enable() {
-        trace(`${T$l} enable`);
+        trace(`${T$k} enable`);
         if (this.options.chromeless) {
             return;
         }
@@ -44490,7 +44490,7 @@ class MediaControl extends UICorePlugin {
         const panel = this.getElementLocation(name);
         if (panel) {
             element.attr(`data-${name}`, '');
-            element.addClass('gplayer-mc-panel-item');
+            element.addClass('media-control-item');
             mountTo(panel, element);
         }
     }
@@ -44871,7 +44871,7 @@ function mergeElements(a, b) {
 }
 
 const VERSION$7 = '2.22.4';
-const T$k = 'plugins.audiotracks';
+// const T = 'plugins.audiotracks'
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
  * @beta
@@ -44884,6 +44884,7 @@ const T$k = 'plugins.audiotracks';
  */
 class AudioTracks extends UICorePlugin {
     currentTrack = null;
+    open = false;
     tracks = [];
     /**
      * @internal
@@ -44909,7 +44910,7 @@ class AudioTracks extends UICorePlugin {
      */
     get attributes() {
         return {
-            class: 'media-control-audiotracks',
+            class: 'media-control-audiotracks media-control-dd__wrap',
         };
     }
     /**
@@ -44917,8 +44918,8 @@ class AudioTracks extends UICorePlugin {
      */
     get events() {
         return {
-            'click [data-audiotracks-select]': 'onTrackSelect',
-            'click #audiotracks-button': 'toggleMenu',
+            'click #gplayer-audiotracks-menu [data-item]': 'onTrackSelect',
+            'click #gplayer-audiotracks-button': 'toggleMenu',
         };
     }
     /**
@@ -44932,8 +44933,9 @@ class AudioTracks extends UICorePlugin {
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_RENDERED, () => {
-            mediaControl.slot('audiotracks', this.$el);
+            this.mount();
         });
+        // TODO when tracks change, re-render and re-attach
         this.listenTo(mediaControl, Events$1.MEDIACONTROL_HIDE, this.hideMenu);
         this.listenTo(mediaControl, ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, (from) => {
             if (from !== this.name) {
@@ -44948,6 +44950,7 @@ class AudioTracks extends UICorePlugin {
                 tracks.find((track) => track.kind === 'main') ?? null; // TODO test
             this.tracks = tracks;
             this.render();
+            this.mount();
         });
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_AUDIO_CHANGED, (track) => {
             this.currentTrack = track;
@@ -44955,6 +44958,10 @@ class AudioTracks extends UICorePlugin {
             this.buttonElement().removeClass('changing');
             this.updateText();
         });
+        // TODO test
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_CLICK, () => {
+            this.hideMenu();
+        });
     }
     shouldRender() {
         // Render is called from the parent class constructor so tracks aren't available
@@ -44965,21 +44972,19 @@ class AudioTracks extends UICorePlugin {
      * @internal
      */
     render() {
-        if (!this.shouldRender()) {
-            return this;
-        }
         this.$el.html(AudioTracks.template({
-            tracks: this.tracks,
+            tracks: this.tracks ?? [],
             title: this.getTitle(),
             icon: audioArrow,
             current: this.currentTrack?.id,
         }));
+        this.$el.find('#gplayer-audiotracks-menu').hide();
         this.updateText();
         this.highlightCurrentTrack();
         return this;
     }
     onTrackSelect(event) {
-        const id = event.currentTarget?.dataset?.audiotracksSelect;
+        const id = event.currentTarget?.dataset?.item;
         if (id) {
             this.selectAudioTrack(id);
         }
@@ -44993,25 +44998,34 @@ class AudioTracks extends UICorePlugin {
         this.updateText();
     }
     hideMenu() {
-        trace(`${T$k} hideMenu`);
-        this.$el.find('#audiotracks-select').addClass('hidden');
-        this.$el.find('#audiotracks-button').attr('aria-expanded', 'false');
+        this.open = false;
+        this.$el.find('#gplayer-audiotracks-menu').hide();
+        this.$el.find('#gplayer-audiotracks-button').attr('aria-expanded', 'false');
     }
     toggleMenu() {
-        this.core.getPlugin('media_control').trigger(ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, this.name);
-        this.$el.find('#audiotracks-select').toggleClass('hidden'); // TODO use plain CSS display: none
-        const open = !this.$el.find('#audiotracks-select').hasClass('hidden'); // TODO hold state
-        this.$el.find('#audiotracks-button').attr('aria-expanded', open);
+        this.open = !this.open;
+        this.core
+            .getPlugin('media_control')
+            .trigger(ExtendedEvents.MEDIACONTROL_MENU_COLLAPSE, this.name);
+        if (this.open) {
+            this.$el.find('#gplayer-audiotracks-menu').show();
+        }
+        else {
+            this.$el.find('#gplayer-audiotracks-menu').hide();
+        }
+        this.$el
+            .find('#gplayer-audiotracks-button')
+            .attr('aria-expanded', this.open);
     }
     buttonElement() {
-        return this.$('button');
+        return this.$('#gplayer-audiotracks-button');
     }
     buttonElementText() {
-        return this.$('button .audio-text');
+        return this.$el.find('#gplayer-audiotracks-button-text');
     }
     trackElement(id) {
-        return this.$('#audiotracks-select a' +
-            (id !== undefined ? `[data-audiotracks-select="${id}"]` : '')).parent();
+        return this.$('#gplayer-audiotracks-menu a' +
+            (id !== undefined ? `[data-item="${id}"]` : '')).parent();
     }
     getTitle() {
         if (!this.currentTrack) {
@@ -45042,6 +45056,11 @@ class AudioTracks extends UICorePlugin {
                 .attr('aria-checked', 'true');
         }
     }
+    mount() {
+        if (this.shouldRender()) {
+            this.core.getPlugin('media_control')?.slot('audiotracks', this.$el);
+        }
+    }
 }
 
 const templateHtml$2 = "<div class=\"big-mute-icon-wrapper\" data-big-mute id=\"gplayer-big-mute-button\">\n    <div class=\"big-mute-icon gcore-skin-border-color\" data-big-mute-icon id=\"gplayer-big-mute-icon\"></div>\n</div>\n";

package/lib/plugins/audio-selector/AudioTracks.d.ts

@@ -1,5 +1,4 @@
 import { UICorePlugin } from '@clappr/core';
-import '../../../assets/audio-tracks/style.scss';
 /**
  * `PLUGIN` that makes possible to switch audio tracks via the media control UI.
  * @beta
@@ -12,6 +11,7 @@ import '../../../assets/audio-tracks/style.scss';
  */
 export declare class AudioTracks extends UICorePlugin {
     private currentTrack;
+    private open;
     private tracks;
     /**
      * @internal
@@ -38,8 +38,8 @@ export declare class AudioTracks extends UICorePlugin {
      * @internal
      */
     get events(): {
-        'click [data-audiotracks-select]': string;
-        'click #audiotracks-button': string;
+        'click #gplayer-audiotracks-menu [data-item]': string;
+        'click #gplayer-audiotracks-button': string;
     };
     /**
      * @internal
@@ -63,5 +63,6 @@ export declare class AudioTracks extends UICorePlugin {
     private startTrackSwitching;
     private updateText;
     private highlightCurrentTrack;
+    private mount;
 }
 //# sourceMappingURL=AudioTracks.d.ts.map

package/lib/plugins/audio-selector/AudioTracks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AudioTracks.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioTracks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAA;AAO7D,OAAO,yCAAyC,CAAA;AAUhD;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,MAAM,CAAmB;IAEjC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;CAe9B"}
+{"version":3,"file":"AudioTracks.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioTracks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAA;AAgB7D;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,MAAM,CAAmB;IAEjC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAoBnB,OAAO,CAAC,wBAAwB;IA6BhC,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;IAgBf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,UAAU;IAgBlB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,KAAK;CAKd"}