@gcorevideo/player 2.19.12 → 2.19.14

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.js

@@ -1,7 +1,7 @@
 import { UICorePlugin, Events, template } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
 import Mousetrap from 'mousetrap';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import { ClapprStatsEvents } from '../clappr-stats/types.js';
 import { newMetrics as newBaseMetrics } from '../clappr-stats/utils.js';
 import Formatter from './formatter.js';
@@ -10,6 +10,8 @@ import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
 import pluginHtml from '../../../assets/clappr-nerd-stats/clappr-nerd-stats.ejs';
 import buttonHtml from '../../../assets/clappr-nerd-stats/button.ejs';
 import statsIcon from '../../../assets/icons/new/stats.svg';
+import { Events as BottomGearEvents } from '../bottom-gear/BottomGear.js';
+import assert from 'assert';
 const qualityClasses = [
     'speedtest-quality-value-1',
     'speedtest-quality-value-2',
@@ -93,7 +95,7 @@ export class ClapprNerdStats extends UICorePlugin {
     shortcut;
     iconPosition;
     get name() {
-        return 'clappr_nerd_stats';
+        return 'media_control_nerd_stats';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
@@ -138,8 +140,10 @@ export class ClapprNerdStats extends UICorePlugin {
         configureSpeedTest(core.options.clapprNerdStats?.speedTestServers ?? []);
     }
     bindEvents() {
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
         this.listenToOnce(this.core, Events.CORE_READY, this.init);
-        this.listenTo(this.core, 'gear:rendered', this.addToBottomGear);
+        this.listenTo(mediaControl, BottomGearEvents.MEDIACONTROL_GEAR_RENDERED, this.addToBottomGear);
     }
     init() {
         this.container = this.core.activeContainer;
@@ -153,32 +157,26 @@ export class ClapprNerdStats extends UICorePlugin {
             this.disable();
         }
         else {
-            Mousetrap.bind(this.shortcut, () => this.showOrHide());
+            Mousetrap.bind(this.shortcut, () => this.toggle());
             this.listenTo(this.core, Events.CORE_RESIZE, this.onPlayerResize);
             // TODO: fix
             this.listenTo(clapprStats, ClapprStatsEvents.REPORT_EVENT, this.updateMetrics);
             clapprStats.setUpdateMetrics(this.updateMetrics.bind(this));
             this.updateMetrics(clapprStats.exportMetrics());
             this.render();
-            // this.$el.find('.speed-test-button').on('click', this.onSpeedTestClick.bind(this));
-            // this.$el.find('.close-speed-test').on('click', this.closeSpeedTest.bind(this));
-            // this.$el.find('.speed-test').hide();
         }
     }
-    showOrHide(event) {
+    toggle() {
         if (this.showing) {
-            this.hide(event);
+            this.hide();
         }
         else {
-            this.show(event);
+            this.show();
         }
     }
-    show(event) {
+    show() {
         this.core.$el.find(this.statsBoxElem).show();
         this.showing = true;
-        if (event) {
-            event.stopPropagation();
-        }
         this.refreshSpeedTest();
         initSpeedTest(this.customMetrics).then(() => {
             startSpeedtest();
@@ -187,12 +185,9 @@ export class ClapprNerdStats extends UICorePlugin {
             this.disable();
         });
     }
-    hide(event) {
+    hide() {
         this.core.$el.find(this.statsBoxElem).hide();
         this.showing = false;
-        if (event) {
-            event.stopPropagation();
-        }
         stopSpeedtest();
     }
     onPlayerResize() {
@@ -254,13 +249,14 @@ export class ClapprNerdStats extends UICorePlugin {
         return this;
     }
     addToBottomGear() {
-        this.core.mediaControl.$el?.find('.gear-options-list [data-nerd]').html(buttonHtml);
-        // this.core.$el.append(optionsList);
-        const $button = this.core.$el.find('.nerd-button');
+        const gear = this.core.getPlugin('media_control_gear');
+        const $el = gear.getElement('nerd');
+        $el.html(buttonHtml);
+        const $button = $el.find('.nerd-button');
         $button.find('.stats-icon').html(statsIcon);
-        $button.on('click', () => {
-            // $optionsList.remove();
-            this.showOrHide();
+        $button.on('click', (e) => {
+            e.stopPropagation();
+            this.toggle();
         });
     }
     clearCustomMetrics() {

package/lib/plugins/clappr-stats/ClapprStats.js

@@ -1,6 +1,6 @@
 import { ContainerPlugin, Events as CoreEvents, Log } from '@clappr/core';
 import assert from 'assert';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import { ClapprStatsEvents } from './types.js';
 import { newMetrics } from './utils.js';
 // TODO: fix

package/lib/plugins/click-to-pause/ClickToPause.js

@@ -3,7 +3,7 @@
 // license that can be found in the LICENSE file.
 import { ContainerPlugin, Events, Playback } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 const T = 'plugins.click_to_pause_custom';
 export class ClickToPause extends ContainerPlugin {
     pointerEnabled = false;

package/lib/plugins/clips/Clips.js

@@ -8,7 +8,7 @@ export class ClipsPlugin extends UICorePlugin {
     _oldContainer;
     svgMask = null;
     get name() {
-        return 'clips';
+        return 'media_control_clips';
     }
     get attributes() {
         return {
@@ -108,7 +108,7 @@ export class ClipsPlugin extends UICorePlugin {
         this.setSVGMask(svg);
     }
     setSVGMask(svg) {
-        this.core.mediaControl.setSVGMask(svg);
+        // this.core.mediaControl.setSVGMask(svg);
         if (this.svgMask) {
             this.svgMask.remove();
         }

package/lib/plugins/context-menu/ContextMenu.js

@@ -1,5 +1,5 @@
 import { UICorePlugin, Events, template, $ } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import '../../../assets/context-menu/context_menu.scss';
 import templateHtml from '../../../assets/context-menu/context_menu.ejs';
 export class ContextMenu extends UICorePlugin {

package/lib/plugins/disable-controls/DisableControls.js

@@ -1,5 +1,5 @@
 import { UICorePlugin, Events } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 export class DisableControls extends UICorePlugin {
     get name() {
         return 'disable_controls';

package/lib/plugins/dvr-controls/DvrControls.d.ts

@@ -1,27 +1,53 @@
 import { Core, UICorePlugin } from '@clappr/core';
 import '../../../assets/dvr-controls/dvr_controls.scss';
+/**
+ * Adds the DVR controls to the media control UI
+ * @beta
+ *
+ * @remarks
+ * The plugin is rendered in the {@link MediaControl | media control} UI.
+ * It renders the live stream indicator and the DVR seek bar if DVR is enabled.
+ */
 export declare class DvrControls extends UICorePlugin {
-    get template(): any;
+    private static readonly template;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
+    /**
+     * @internal
+     */
     get events(): {
         'click .live-button': string;
     };
+    /**
+     * @internal
+     */
     get attributes(): {
         class: string;
         'data-dvr-controls': string;
     };
     constructor(core: Core);
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private bindCoreEvents;
     private bindContainerEvents;
     private containerChanged;
     private dvrChanged;
-    click(): void;
-    settingsUpdate(): void;
-    shouldRender(): boolean;
+    private click;
+    private settingsUpdate;
+    private shouldRender;
+    /**
+     * @internal
+     */
     render(): this;
 }
 //# sourceMappingURL=DvrControls.d.ts.map

package/lib/plugins/dvr-controls/DvrControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DvrControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DvrControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAC;AAK9E,OAAO,gDAAgD,CAAC;AAExD,qBAAa,WAAY,SAAQ,YAAY;IAC3C,IAAI,QAAQ,QAEX;IAED,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAa,MAAM;;MAIlB;IAED,IAAa,UAAU;;;MAKtB;gBAEW,IAAI,EAAE,IAAI;IAKb,UAAU;IASnB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;IAkBlB,KAAK;IAaL,cAAc;IAWd,YAAY;IAMH,MAAM;CAYhB"}
+{"version":3,"file":"DvrControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DvrControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAC;AAM9E,OAAO,gDAAgD,CAAC;AAExD;;;;;;;GAOG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAqB;IAErD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACH,IAAa,UAAU;;;MAKtB;gBAEW,IAAI,EAAE,IAAI;IAKtB;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB;IAO3B,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,UAAU;IAkBlB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;CAehB"}

package/lib/plugins/dvr-controls/DvrControls.js

@@ -1,22 +1,41 @@
 import { Events, Playback, UICorePlugin, template } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import assert from 'assert';
+import { CLAPPR_VERSION } from '../../build.js';
 import dvrHTML from '../../../assets/dvr-controls/index.ejs';
 import '../../../assets/dvr-controls/dvr_controls.scss';
+/**
+ * Adds the DVR controls to the media control UI
+ * @beta
+ *
+ * @remarks
+ * The plugin is rendered in the {@link MediaControl | media control} UI.
+ * It renders the live stream indicator and the DVR seek bar if DVR is enabled.
+ */
 export class DvrControls extends UICorePlugin {
-    get template() {
-        return template(dvrHTML);
-    }
+    static template = template(dvrHTML);
+    /**
+     * @internal
+     */
     get name() {
-        return 'dvr_controls';
+        return 'media_control_dvr';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click .live-button': 'click'
         };
     }
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             'class': 'dvr-controls',
@@ -27,6 +46,9 @@ export class DvrControls extends UICorePlugin {
         super(core);
         this.settingsUpdate();
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.bindCoreEvents();
         this.bindContainerEvents();
@@ -74,8 +96,8 @@ export class DvrControls extends UICorePlugin {
         }
     }
     click() {
-        const mediaControl = this.core.mediaControl;
-        const container = mediaControl.container;
+        const mediaControl = this.core.getPlugin('media_control');
+        const container = this.core.activeContainer;
         if (!container.isPlaying()) {
             container.play();
         }
@@ -85,7 +107,7 @@ export class DvrControls extends UICorePlugin {
     }
     settingsUpdate() {
         // @ts-ignore
-        this.stopListening();
+        this.stopListening(); // TODO sort out
         this.core.mediaControl.$el.removeClass('live');
         if (this.shouldRender()) {
             this.render();
@@ -97,14 +119,20 @@ export class DvrControls extends UICorePlugin {
         const useDvrControls = this.core.options.useDvrControls === undefined || !!this.core.options.useDvrControls;
         return useDvrControls && this.core.getPlaybackType() === Playback.LIVE;
     }
+    /**
+     * @internal
+     */
     render() {
-        this.$el.html(this.template({
+        this.$el.html(DvrControls.template({
             live: this.core.i18n.t('live'),
             backToLive: this.core.i18n.t('back_to_live')
         }));
         if (this.shouldRender()) {
-            this.core.mediaControl.$el.addClass('live');
-            this.core.mediaControl.$('.media-control-left-panel[data-media-control]').append(this.$el);
+            const mediaControl = this.core.mediaControl;
+            assert(mediaControl, 'media_control plugin is required');
+            // TODO don't tap into the $el directly
+            mediaControl.$el.addClass('live');
+            mediaControl.$('.media-control-left-panel[data-media-control]').append(this.$el);
         }
         return this;
     }

package/lib/plugins/error-screen/ErrorScreen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAQ3E,OAAO,gDAAgD,CAAC;AAaxD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAID,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,GAAG,CAAoC;IAE/C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,SAAS,QAEZ;IAED,IAAa,UAAU;;;MAKtB;IAEQ,UAAU;IAQnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IAWpB,YAAY;IASZ,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,OAAO;IAqDf,OAAO,CAAC,MAAM;IAad,IAAI,CAAC,GAAG,CAAC,EAAE,mBAAmB;IAS9B,IAAI;IAIK,MAAM;CAYhB"}
+{"version":3,"file":"ErrorScreen.d.ts","sourceRoot":"","sources":["../../../src/plugins/error-screen/ErrorScreen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAiC,MAAM,cAAc,CAAC;AAQ3E,OAAO,gDAAgD,CAAC;AAaxD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;CACpB,CAAA;AAID,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAK;IAEnB,OAAO,CAAC,GAAG,CAAoC;IAE/C,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,YAAY,CAA4B;IAEhD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,SAAS,QAEZ;IAED,IAAa,UAAU;;;MAKtB;IAEQ,UAAU;IAQnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IAWpB,YAAY;IASZ,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,OAAO;IAqDf,OAAO,CAAC,MAAM;IAad,IAAI,CAAC,GAAG,CAAC,EAAE,mBAAmB;IAU9B,IAAI;IAIK,MAAM;CAYhB"}

package/lib/plugins/error-screen/ErrorScreen.js

@@ -1,6 +1,6 @@
 import { UICorePlugin, Events, template, PlayerError } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import reloadIcon from '../../../assets/icons/old/reload.svg';
 import templateHtml from '../../../assets/error-screen/error_screen.ejs';
 import '../../../assets/error-screen/error_screen.scss';
@@ -160,6 +160,7 @@ export class ErrorScreen extends UICorePlugin {
         if (err) {
             this.err = err;
         }
+        // TODO use container.disableMediaControl() instead
         this.core.mediaControl.disable();
         this.render();
         this.$el.show();

package/lib/plugins/favicon/Favicon.js

@@ -1,5 +1,5 @@
 import { CorePlugin, Events, $ } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import playIcon from '../../../assets/icons/new/play.svg';
 import pauseIcon from '../../../assets/icons/new/pause.svg';
 import stopIcon from '../../../assets/icons/new/stop.svg';

package/lib/plugins/google-analytics/GoogleAnalytics.js

@@ -2,7 +2,7 @@
 // Use of this source code is governed by a BSD-style
 // license that can be found in the LICENSE file.
 import { ContainerPlugin, Events } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 export class GoogleAnalytics extends ContainerPlugin {
     account = '';
     trackerName = '';

package/lib/plugins/level-selector/LevelSelector.d.ts

@@ -1,26 +1,27 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/level-selector/style.scss';
 /**
- * Allows to control the quality level of the playback.
+ * A {@link MediaControl | media control} plugin that provides a UI to control the quality level of the playback.
  * @beta
  *
  * @remarks
- * The plugin is rendered as a button in the gear menu.
+ * The plugin is rendered as a button in the {@link BottomGear | gear menu}.
  * When clicked, it shows a list of quality levels to choose from.
  *
  * Configuration options:
  *
- * - `labels`: The labels to show in the level selector. [vertical resolution]: string
+ * - `labels`: The labels to show in the level selector. [video resolution]: string
+ *
  * - `restrictResolution`: The maximum resolution to allow in the level selector.
  *
  * @example
  * ```ts
- * {
+ * new Player({
  *   levelSelector: {
  *     restrictResolution: 360,
- *     labels: { 360: '360p', 720: '720p' },
+ *     labels: { 360: 'SD', 720: 'HD' },
  *   },
- * }
+ * })
  * ```
  */
 export declare class LevelSelector extends UICorePlugin {
@@ -31,11 +32,23 @@ export declare class LevelSelector extends UICorePlugin {
     private isOpen;
     private buttonTemplate;
     private listTemplate;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
+    /**
+     * @internal
+     */
     static get version(): string;
+    /**
+     * @internal
+     */
     get attributes(): {
         class: string;
         'data-level-selector': string;
@@ -47,10 +60,16 @@ export declare class LevelSelector extends UICorePlugin {
         'click .gear-option': string;
         'click .go-back': string;
     };
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private bindPlaybackEvents;
     private onStop;
     private shouldRender;
+    /**
+     * @internal
+     */
     render(): this;
     private renderButton;
     private renderDropdown;

package/lib/plugins/level-selector/LevelSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LevelSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/level-selector/LevelSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,cAAc,CAAA;AAa7D,OAAO,2CAA2C,CAAA;AAQlD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,cAAc,CAAgC;IAEtD,OAAO,CAAC,YAAY,CAAgC;IAEpD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAa,UAAU;;;MAKtB;IAED,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAK;IAE5B,IAAa,MAAM;;;;MAMlB;IAEQ,UAAU;IAKnB,OAAO,CAAC,kBAAkB;IAsC1B,OAAO,CAAC,MAAM;IAcd,OAAO,CAAC,YAAY;IAmBX,MAAM;IAUf,OAAO,CAAC,YAAY;IAkBpB,OAAO,CAAC,cAAc;IAgBtB,OAAO,KAAK,QAAQ,GAQnB;IAED,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,WAAW,CAAmC;CACvD"}
+{"version":3,"file":"LevelSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/level-selector/LevelSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAE,MAAM,cAAc,CAAA;AAc7D,OAAO,2CAA2C,CAAA;AAMlD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,MAAM,CAAqB;IAEnC,OAAO,CAAC,WAAW,CAAe;IAElC,OAAO,CAAC,UAAU,CAAQ;IAE1B,OAAO,CAAC,IAAI,CAAQ;IAEpB,OAAO,CAAC,MAAM,CAAQ;IAEtB,OAAO,CAAC,cAAc,CAAgC;IAEtD,OAAO,CAAC,YAAY,CAAgC;IAEpD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED,OAAO,CAAC,WAAW,CAAS;IAE5B,OAAO,CAAC,eAAe,CAAK;IAE5B,IAAa,MAAM;;;;MAMlB;IAED;;OAEG;IACM,UAAU;IAKnB,OAAO,CAAC,kBAAkB;IAsC1B,OAAO,CAAC,MAAM;IAcd,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAUf,OAAO,CAAC,YAAY;IAmBpB,OAAO,CAAC,cAAc;IAiBtB,OAAO,KAAK,QAAQ,GAQnB;IAED,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,gBAAgB;IAYxB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,MAAM;IAOd,OAAO,CAAC,QAAQ;IAmBhB,OAAO,CAAC,qBAAqB;IAO7B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,qBAAqB;IAe7B,OAAO,CAAC,WAAW,CAAmC;CACvD"}

package/lib/plugins/level-selector/LevelSelector.js

@@ -1,6 +1,6 @@
 import { Events, template, UICorePlugin } from '@clappr/core';
 import { reportError, trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import buttonHtml from '../../../assets/level-selector/button.ejs';
 import listHtml from '../../../assets/level-selector/list.ejs';
 import hdIcon from '../../../assets/icons/new/hd.svg';
@@ -8,29 +8,30 @@ import arrowRightIcon from '../../../assets/icons/new/arrow-right.svg';
 import arrowLeftIcon from '../../../assets/icons/new/arrow-left.svg';
 import checkIcon from '../../../assets/icons/new/check.svg';
 import '../../../assets/level-selector/style.scss';
-const T = 'plugins.level_selector';
+const T = 'plugins.media_control_level_selector';
 const VERSION = '2.19.4';
 /**
- * Allows to control the quality level of the playback.
+ * A {@link MediaControl | media control} plugin that provides a UI to control the quality level of the playback.
  * @beta
  *
  * @remarks
- * The plugin is rendered as a button in the gear menu.
+ * The plugin is rendered as a button in the {@link BottomGear | gear menu}.
  * When clicked, it shows a list of quality levels to choose from.
  *
  * Configuration options:
  *
- * - `labels`: The labels to show in the level selector. [vertical resolution]: string
+ * - `labels`: The labels to show in the level selector. [video resolution]: string
+ *
  * - `restrictResolution`: The maximum resolution to allow in the level selector.
  *
  * @example
  * ```ts
- * {
+ * new Player({
  *   levelSelector: {
  *     restrictResolution: 360,
- *     labels: { 360: '360p', 720: '720p' },
+ *     labels: { 360: 'SD', 720: 'HD' },
  *   },
- * }
+ * })
  * ```
  */
 export class LevelSelector extends UICorePlugin {
@@ -41,15 +42,27 @@ export class LevelSelector extends UICorePlugin {
     isOpen = false;
     buttonTemplate = null;
     listTemplate = null;
+    /**
+     * @internal
+     */
     get name() {
-        return 'level_selector';
+        return 'media_control_level_selector';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     static get version() {
         return VERSION;
     }
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             class: this.name,
@@ -65,6 +78,9 @@ export class LevelSelector extends UICorePlugin {
             'click .go-back': 'goBack',
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindPlaybackEvents());
         this.listenTo(this.core, 'gear:rendered', this.render);
@@ -113,6 +129,9 @@ export class LevelSelector extends UICorePlugin {
         // Only care if we have at least 2 to choose from
         return !!(this.levels && this.levels.length > 1);
     }
+    /**
+     * @internal
+     */
     render() {
         if (!this.shouldRender()) {
             return this;
@@ -132,9 +151,10 @@ export class LevelSelector extends UICorePlugin {
                 hdIcon,
             });
             this.$el.html(html);
-            this.core.mediaControl.$el
+            const mediaControl = this.core.getPlugin('media_control');
+            mediaControl.getElement('bottomGear')
                 ?.find('.gear-options-list [data-quality]')
-                .html(this.el);
+                ?.html(this.el);
         }
     }
     renderDropdown() {
@@ -150,7 +170,8 @@ export class LevelSelector extends UICorePlugin {
             removeAuto: this.removeAuto,
         });
         this.$el.html(html);
-        this.core.mediaControl.$el?.find('.gear-wrapper').html(this.el);
+        const mediaControl = this.core.getPlugin('media_control');
+        mediaControl.getElement('bottomGear')?.find('.gear-wrapper').html(this.el);
     }
     get maxLevel() {
         const maxRes = this.core.options.levelSelector?.restrictResolution;

package/lib/plugins/logo/Logo.js

@@ -1,5 +1,5 @@
 import { UIContainerPlugin, Events, template as t } from '@clappr/core';
-import { CLAPPR_VERSION } from '../build.js';
+import { CLAPPR_VERSION } from '../../build.js';
 import { calculateSize } from './utils/index.js';
 import logoHTML from '../../../assets/logo/templates/logo.ejs';
 import '../../../assets/logo/styles/logo.scss';