@gcorevideo/player 2.19.15 → 2.20.3

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

@@ -2,41 +2,63 @@ import { UICorePlugin } from '@clappr/core';
 import { AudioTrackLoadedData, AudioTrackSwitchedData, Events as HlsEvents } from 'hls.js';
 import '../../../assets/audio-selector/style.scss';
 /**
+ * Adds an audio track selector to the media control UI.
  * @beta
  */
 export declare class AudioSelector extends UICorePlugin {
     private selectedTrackId;
     private currentTrack;
     private tracks;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
+    /**
+     * @internal
+     */
     static get version(): string;
-    get template(): any;
+    private static readonly template;
+    /**
+     * @internal
+     */
     get attributes(): {
         class: string;
         'data-track-selector': string;
     };
+    /**
+     * @internal
+     */
     get events(): {
         'click [data-track-selector-select]': string;
         'click [data-track-selector-button]': string;
     };
+    /**
+     * @internal
+     */
     bindEvents(): void;
-    unBindEvents(): void;
+    private unBindEvents;
     private bindPlaybackEvents;
     private setupAudioTrackListeners;
     private onStop;
-    reload(): void;
+    private reload;
     private shouldRender;
+    /**
+     * @internal
+     */
     render(): this;
     private fillTracks;
     private findTrackBy;
     private onTrackSelect;
     private setIndexTrack;
-    onShowLevelSelectMenu(): void;
-    hideSelectTrackMenu(): void;
-    toggleContextMenu(): void;
+    private onShowLevelSelectMenu;
+    private hideSelectTrackMenu;
+    private toggleContextMenu;
     private buttonElement;
     private buttonElementText;
     private trackElement;

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

@@ -1 +1 @@
-{"version":3,"file":"AudioSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EAEtB,MAAM,IAAI,SAAS,EACpB,MAAM,QAAQ,CAAC;AAKhB,OAAO,2CAA2C,CAAC;AA6BnD;;GAEG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,eAAe,CAAqB;IAE5C,OAAO,CAAC,YAAY,CAA+B;IAEnD,OAAO,CAAC,MAAM,CAAwB;IAEtC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;;MAKlB;IAEQ,UAAU;IAOnB,YAAY;IAWZ,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,wBAAwB;IA2DhC,OAAO,CAAC,MAAM;IAEd,MAAM;IAMN,OAAO,CAAC,YAAY;IAmBX,MAAM;IAwBf,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,aAAa;IAiBrB,qBAAqB;IAIrB,mBAAmB;IAInB,iBAAiB;IAIjB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,QAAQ;IAYhB,gBAAgB;IAIhB,OAAO,CAAC,UAAU;IAYlB,kBAAkB,CAAC,CAAC,EAAE,SAAS,CAAC,oBAAoB,EAAE,IAAI,EAAE,sBAAsB,GAAG,oBAAoB;IAuBzG,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,eAAe;IASvB,qBAAqB;CAatB"}
+{"version":3,"file":"AudioSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAA;AAC7D,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EAEtB,MAAM,IAAI,SAAS,EACpB,MAAM,QAAQ,CAAA;AAKf,OAAO,2CAA2C,CAAA;AAiClD;;;GAGG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAG7C,OAAO,CAAC,eAAe,CAAoB;IAE3C,OAAO,CAAC,YAAY,CAA8B;IAElD,OAAO,CAAC,MAAM,CAAuB;IAErC;;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;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAoBnB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,wBAAwB;IA4EhC,OAAO,CAAC,MAAM;IAEd,OAAO,CAAC,MAAM;IAMd,OAAO,CAAC,YAAY;IAoBpB;;OAEG;IACM,MAAM;IA2Bf,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAWrB,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,qBAAqB;IAI7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAYhB,gBAAgB;IAIhB,OAAO,CAAC,UAAU;IAYlB,kBAAkB,CAChB,CAAC,EAAE,SAAS,CAAC,oBAAoB,EACjC,IAAI,EAAE,sBAAsB,GAAG,oBAAoB;IAwBrD,OAAO,CAAC,qBAAqB;IAQ7B,OAAO,CAAC,eAAe;IASvB,qBAAqB;CAatB"}

package/lib/plugins/audio-selector/AudioSelector.js

@@ -4,42 +4,62 @@ import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/audio-selector/track-selector.ejs';
 import '../../../assets/audio-selector/style.scss';
 import audioArrow from '../../../assets/icons/old/quality-arrow.svg';
+import assert from 'assert';
 const VERSION = '0.0.1';
 // const T = 'plugins.audio_selector';
 const AUTO = 0;
 /**
+ * Adds an audio track selector to the media control UI.
  * @beta
  */
 export class AudioSelector extends UICorePlugin {
+    // TODO
     selectedTrackId;
     currentTrack = null;
     tracks = [];
+    /**
+     * @internal
+     */
     get name() {
-        return 'media_control_audio_selector';
+        return 'audio_selector';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     static get version() {
         return VERSION;
     }
-    get template() {
-        return template(pluginHtml);
-    }
+    static template = template(pluginHtml);
+    /**
+     * @internal
+     */
     get attributes() {
         return {
-            'class': this.name,
-            'data-track-selector': ''
+            class: this.name,
+            'data-track-selector': '',
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click [data-track-selector-select]': 'onTrackSelect',
-            'click [data-track-selector-button]': 'onShowLevelSelectMenu'
+            'click [data-track-selector-button]': 'onShowLevelSelectMenu',
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.core, Events.CORE_READY, this.bindPlaybackEvents);
+        // TODO CORE_ACTIVE_CONTAINER_CHANGED
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.reload);
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.render);
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_HIDE, this.hideSelectTrackMenu);
@@ -80,12 +100,12 @@ export class AudioSelector extends UICorePlugin {
                 if (defaultTrack) {
                     this.currentTrack = {
                         id: defaultTrack.id,
-                        label: defaultTrack.name
+                        label: defaultTrack.name,
                     };
                 }
-                this.fillTracks(data.audioTracks.map(p => ({
+                this.fillTracks(data.audioTracks.map((p) => ({
                     id: p.id,
-                    label: p.name
+                    label: p.name,
                 })), defaultTrack?.id);
             });
             currentPlayback._hls.on(HlsEvents.AUDIO_TRACK_SWITCHING, this.startTrackSwitch.bind(this));
@@ -131,23 +151,30 @@ export class AudioSelector extends UICorePlugin {
         if (!currentPlayback) {
             return false;
         }
-        const { audioTracks } = (currentPlayback.activePlayback._hls || currentPlayback.$el.get(0));
+        const { audioTracks } = currentPlayback.activePlayback._hls || currentPlayback.$el.get(0);
         this.tracks = audioTracks;
         // Only care if we have at least 2 to choose from
         return this.tracks && this.tracks.length > 1;
     }
+    /**
+     * @internal
+     */
     render() {
-        if (this.shouldRender()) {
-            this.$el.html(this.template({ 'tracks': this.tracks, 'title': this.getTitle() }));
-            if (Object.prototype.hasOwnProperty.call(this.core.mediaControl, '$audioTracksSelector') &&
-                this.core.mediaControl.$audioTracksSelector.length > 0) {
-                this.core.mediaControl.$audioTracksSelector.append(this.el);
-            }
-            this.highlightCurrentTrack();
+        if (!this.shouldRender()) {
+            return this;
         }
-        if (Object.prototype.hasOwnProperty.call(this.core.mediaControl, '$audioTracksSelector') &&
-            this.core.mediaControl.$audioTracksSelector.find('span.audio-arrow').length > 0) {
-            this.core.mediaControl.$audioTracksSelector.find('span.audio-arrow').append(audioArrow);
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        this.$el.html(AudioSelector.template({ tracks: this.tracks, title: this.getTitle() }));
+        const ats = mediaControl.getElement('audioTracksSelector');
+        if (!(ats && ats.length > 0)) {
+            return this;
+        }
+        ats.append(this.el);
+        this.highlightCurrentTrack();
+        const aa = ats.find('audioArrow');
+        if (aa.length > 0) {
+            aa.append(audioArrow);
         }
         return this;
     }
@@ -199,9 +226,11 @@ export class AudioSelector extends UICorePlugin {
         this.toggleContextMenu();
     }
     hideSelectTrackMenu() {
+        ;
         this.$('.audio_selector ul').hide();
     }
     toggleContextMenu() {
+        ;
         this.$('.audio_selector ul').toggle();
     }
     buttonElement() {
@@ -211,7 +240,8 @@ export class AudioSelector extends UICorePlugin {
         return this.$('.audio_selector button .audio-text');
     }
     trackElement(id) {
-        return this.$('.audio_selector ul a' + (id !== undefined ? '[data-track-selector-select="' + id + '"]' : '')).parent();
+        return this.$('.audio_selector ul a' +
+            (id !== undefined ? '[data-track-selector-select="' + id + '"]' : '')).parent();
     }
     getTitle() {
         if (!this.tracks) {

package/lib/plugins/big-mute-button/BigMuteButton.d.ts

@@ -1,6 +1,8 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/big-mute-button/big-mute-button.scss';
 /**
+ * Displays a big mute button over the video when it's muted.
+ * Once pressed, it unmutes the video.
  * @beta
  */
 export declare class BigMuteButton extends UICorePlugin {
@@ -8,17 +10,28 @@ export declare class BigMuteButton extends UICorePlugin {
     private _adIsPlaying;
     private $bigMuteBtnContainer;
     private $bigMuteButton;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
-    get template(): any;
+    private static readonly template;
+    /**
+     * @internal
+     */
     get events(): {
         'click .big-mute-icon': string;
         'click .big-mute-icon-wrapper': string;
     };
+    /**
+     * @internal
+     */
     bindEvents(): void;
-    private unBindEvents;
     private onCoreReady;
     private onContainerVolume;
     private onContainerStart;
@@ -27,6 +40,9 @@ export declare class BigMuteButton extends UICorePlugin {
     private onStartAd;
     private onFinishAd;
     private shouldRender;
+    /**
+     * @internal
+     */
     render(): this;
     private hideBigMuteBtn;
     private showBigMuteBtn;

package/lib/plugins/big-mute-button/BigMuteButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAC;AAQrE,OAAO,sDAAsD,CAAC;AAI9D;;GAEG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,CAAC,YAAY,CAAS;IAE7B,OAAO,CAAC,oBAAoB,CAA4B;IAExD,OAAO,CAAC,cAAc,CAA4B;IAElD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,MAAM;;;MAKlB;IAEQ,UAAU;IAWnB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBX,MAAM;IAqBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB;CAS9B"}
+{"version":3,"file":"BigMuteButton.d.ts","sourceRoot":"","sources":["../../../src/plugins/big-mute-button/BigMuteButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAS,MAAM,cAAc,CAAA;AAQpE,OAAO,sDAAsD,CAAA;AAM7D;;;;GAIG;AACH,qBAAa,aAAc,SAAQ,YAAY;IAC7C,OAAO,CAAC,qBAAqB,CAAQ;IAErC,OAAO,CAAC,YAAY,CAAQ;IAE5B,OAAO,CAAC,oBAAoB,CAA2B;IAEvD,OAAO,CAAC,cAAc,CAA2B;IAEjD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IAenB,OAAO,CAAC,WAAW;IAkBnB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,eAAe;IAIvB,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,YAAY;IAmBpB;;OAEG;IACM,MAAM;IAuBf,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB;CAS9B"}

package/lib/plugins/big-mute-button/BigMuteButton.js

@@ -4,8 +4,11 @@ import { CLAPPR_VERSION } from '../../build.js';
 import volumeMuteIcon from '../../../assets/icons/new/volume-off.svg';
 import pluginHtml from '../../../assets/big-mute-button/big-mute-button.ejs';
 import '../../../assets/big-mute-button/big-mute-button.scss';
-const T = "plugins.big_mute_button";
+const T = 'plugins.big_mute_button';
+// TODO rewrite as a container plugin
 /**
+ * Displays a big mute button over the video when it's muted.
+ * Once pressed, it unmutes the video.
  * @beta
  */
 export class BigMuteButton extends UICorePlugin {
@@ -13,21 +16,31 @@ export class BigMuteButton extends UICorePlugin {
     _adIsPlaying = false;
     $bigMuteBtnContainer = null;
     $bigMuteButton = null;
+    /**
+     * @internal
+     */
     get name() {
         return 'big_mute_button';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get template() {
-        return template(pluginHtml);
-    }
+    static template = template(pluginHtml);
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click .big-mute-icon': 'handleBigMuteBtnClick',
             'click .big-mute-icon-wrapper': 'destroyBigMuteBtn',
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         super.bindEvents();
         this.listenTo(this.core, Events.CORE_READY, this.onCoreReady);
@@ -38,17 +51,6 @@ export class BigMuteButton extends UICorePlugin {
         });
         this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.mediaControlRendered);
     }
-    unBindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, Events.CORE_READY);
-        this.stopListening(this.core, 'core:advertisement:start', this.onStartAd);
-        this.stopListening(this.core, 'core:advertisement:finish', this.onFinishAd);
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.mediaControlRendered);
-        const container = this.core.activeContainer;
-        if (container) {
-            this.stopListening(container.playback, Events.PLAYBACK_PLAY, this.render);
-        }
-    }
     onCoreReady() {
         this.listenTo(this.core.activeContainer, Events.CONTAINER_VOLUME, this.onContainerVolume);
         this.listenTo(this.core.activeContainer, Events.CONTAINER_READY, this.onContainerStart);
@@ -105,12 +107,15 @@ export class BigMuteButton extends UICorePlugin {
         });
         return autoPlay && !wasMuted && volume === 0;
     }
+    /**
+     * @internal
+     */
     render() {
         if (this.shouldRender()) {
             trace(`${T} render`, {
                 el: !!this.$el,
             });
-            this.$el.html(this.template());
+            this.$el.html(BigMuteButton.template());
             this.$bigMuteBtnContainer = this.$el.find('.big-mute-icon-wrapper[data-big-mute]');
             this._adIsPlaying && this.$bigMuteBtnContainer.addClass('hide');
             this.$bigMuteButton = this.$bigMuteBtnContainer.find('.big-mute-icon');

package/lib/plugins/bottom-gear/BottomGear.d.ts

@@ -4,6 +4,7 @@ import '../../../assets/bottom-gear/gear-sub-menu.scss';
 import { ZeptoResult } from '../../utils/types.js';
 /**
  * Custom events emitted by the plugin
+ * @beta
  */
 export declare enum GearEvents {
     /**

package/lib/plugins/bottom-gear/BottomGear.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomGear.d.ts","sourceRoot":"","sources":["../../../src/plugins/bottom-gear/BottomGear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoC,MAAM,cAAc,CAAC;AAO9E,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD;;GAEG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,0BAA0B,+BAA+B;CAC1D;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,IAAI,CAAS;IAErB;;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;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACM,UAAU;IAUnB;;;OAGG;IACH,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAG,IAAI;IAIrD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,WAAW;IAI/B,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,IAAI;CAGb"}
+{"version":3,"file":"BottomGear.d.ts","sourceRoot":"","sources":["../../../src/plugins/bottom-gear/BottomGear.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoC,MAAM,cAAc,CAAC;AAO9E,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAMnD;;;GAGG;AACH,oBAAY,UAAU;IACpB;;OAEG;IACH,0BAA0B,+BAA+B;CAC1D;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;;;;;GASG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,IAAI,CAAS;IAErB;;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;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACM,UAAU;IAUnB;;;OAGG;IACH,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAG,IAAI;IAIrD;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,WAAW;IAI/B,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,oBAAoB;IAU5B;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,IAAI;CAGb"}

package/lib/plugins/bottom-gear/BottomGear.js

@@ -11,6 +11,7 @@ const VERSION = '2.19.12';
 const T = 'plugins.bottom_gear';
 /**
  * Custom events emitted by the plugin
+ * @beta
  */
 export var GearEvents;
 (function (GearEvents) {

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts

@@ -1,7 +1,22 @@
 import { UICorePlugin, Core } from '@clappr/core';
 import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
 /**
+ * Displays useful network-related statistics.
  * @beta
+ *
+ * @remarks
+ * Depends on:
+ *
+ * - {@link MediaControl}
+ *
+ * - {@link BottomGear}
+ *
+ * - {@link ClapprStats}
+ *
+ * The plugin is rendered as an item in the gear menu.
+ *
+ * When clicked, it shows an overlay window with the information about the network speed, latency, etc,
+ * and recommended quality level.
  */
 export declare class ClapprNerdStats extends UICorePlugin {
     private container;
@@ -10,25 +25,40 @@ export declare class ClapprNerdStats extends UICorePlugin {
     private showing;
     private shortcut;
     private iconPosition;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
-    get template(): any;
+    private static readonly template;
+    /**
+     * @internal
+     */
     get attributes(): {
         'data-clappr-nerd-stats': string;
         class: string;
     };
+    /**
+     * @internal
+     */
     get events(): {
         'click [data-show-stats-button]': string;
         'click [data-close-button]': string;
         'click [data-refresh-button]': string;
     };
-    get statsBoxElem(): string;
-    get statsBoxWidthThreshold(): number;
-    get playerWidth(): any;
-    get playerHeight(): any;
+    private get statsBoxElem();
+    private get statsBoxWidthThreshold();
+    private get playerWidth();
+    private get playerHeight();
     constructor(core: Core);
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private init;
     private toggle;
@@ -39,6 +69,9 @@ export declare class ClapprNerdStats extends UICorePlugin {
     private addCustomMetrics;
     private updateMetrics;
     private setStatsBoxSize;
+    /**
+     * @internal
+     */
     render(): this;
     private addToBottomGear;
     private clearCustomMetrics;

package/lib/plugins/clappr-nerd-stats/ClapprNerdStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClapprNerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/ClapprNerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,CAAC;AAmB/E,OAAO,0DAA0D,CAAC;AA0FlE;;GAEG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAC/C,OAAO,CAAC,SAAS,CAA0B;IAE3C,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,OAAO,CAAyB;IAExC,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,QAAQ,CAAW;IAE3B,OAAO,CAAC,YAAY,CAAe;IAEnC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;;;MAMlB;IAED,IAAI,YAAY,WAEf;IAED,IAAI,sBAAsB,WAEzB;IAED,IAAI,WAAW,QAEd;IAED,IAAI,YAAY,QAEf;gBAEW,IAAI,EAAE,IAAI;IAYb,UAAU;IAOnB,OAAO,CAAC,IAAI;IAsBZ,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,IAAI;IAaZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IAuBxB,OAAO,CAAC,aAAa;IA0BrB,OAAO,CAAC,eAAe;IAUd,MAAM;IAOf,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAWzB"}
+{"version":3,"file":"ClapprNerdStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-nerd-stats/ClapprNerdStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAoB,IAAI,EAAa,MAAM,cAAc,CAAA;AAsB9E,OAAO,0DAA0D,CAAA;AAgGjE;;;;;;;;;;;;;;;;;GAiBG;AACH,qBAAa,eAAgB,SAAQ,YAAY;IAC/C,OAAO,CAAC,SAAS,CAAyB;IAE1C,OAAO,CAAC,aAAa,CAIpB;IAED,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,OAAO,CAAQ;IAEvB,OAAO,CAAC,QAAQ,CAAU;IAE1B,OAAO,CAAC,YAAY,CAAc;IAElC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;;MAKtB;IAED;;OAEG;IACH,IAAa,MAAM;;;;MAMlB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,sBAAsB,GAEjC;IAED,OAAO,KAAK,WAAW,GAEtB;IAED,OAAO,KAAK,YAAY,GAEvB;gBAEW,IAAI,EAAE,IAAI;IAgBtB;;OAEG;IACM,UAAU;IAWnB,OAAO,CAAC,IAAI;IA4BZ,OAAO,CAAC,MAAM;IAQd,OAAO,CAAC,IAAI;IAeZ,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,gBAAgB;IA+BxB,OAAO,CAAC,aAAa;IA4BrB,OAAO,CAAC,eAAe;IAUvB;;OAEG;IACM,MAAM;IAQf,OAAO,CAAC,eAAe;IAcvB,OAAO,CAAC,kBAAkB;IAY1B,OAAO,CAAC,gBAAgB;CAWzB"}

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

@@ -2,7 +2,7 @@ import { UICorePlugin, Events, template } from '@clappr/core';
 import { reportError } from '@gcorevideo/utils';
 import Mousetrap from 'mousetrap';
 import { CLAPPR_VERSION } from '../../build.js';
-import { ClapprStatsEvents } from '../clappr-stats/types.js';
+import { ClapprStatsEvents, } from '../clappr-stats/types.js';
 import { newMetrics as newBaseMetrics } from '../clappr-stats/utils.js';
 import Formatter from './formatter.js';
 import { clearSpeedTestResults, configureSpeedTest, drawSpeedTestResults, initSpeedTest, startSpeedtest, stopSpeedtest, } from './speedtest/index.js';
@@ -17,7 +17,7 @@ const qualityClasses = [
     'speedtest-quality-value-2',
     'speedtest-quality-value-3',
     'speedtest-quality-value-4',
-    'speedtest-quality-value-5'
+    'speedtest-quality-value-5',
 ];
 const getDownloadQuality = (speedValue) => {
     if (speedValue < 3) {
@@ -81,7 +81,22 @@ const drawSummary = (customMetrics, vodContainer, liveContainer) => {
 };
 // const T = 'plugins.clappr_nerd_stats';
 /**
+ * Displays useful network-related statistics.
  * @beta
+ *
+ * @remarks
+ * Depends on:
+ *
+ * - {@link MediaControl}
+ *
+ * - {@link BottomGear}
+ *
+ * - {@link ClapprStats}
+ *
+ * The plugin is rendered as an item in the gear menu.
+ *
+ * When clicked, it shows an overlay window with the information about the network speed, latency, etc,
+ * and recommended quality level.
  */
 export class ClapprNerdStats extends UICorePlugin {
     container = null;
@@ -94,21 +109,31 @@ export class ClapprNerdStats extends UICorePlugin {
     showing = false;
     shortcut;
     iconPosition;
+    /**
+     * @internal
+     */
     get name() {
         return 'nerd_stats';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get template() {
-        return template(pluginHtml);
-    }
+    static template = template(pluginHtml);
+    /**
+     * @internal
+     */
     get attributes() {
         return {
             'data-clappr-nerd-stats': '',
-            'class': 'clappr-nerd-stats'
+            class: 'clappr-nerd-stats',
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click [data-show-stats-button]': 'showOrHide',
@@ -130,8 +155,12 @@ export class ClapprNerdStats extends UICorePlugin {
     }
     constructor(core) {
         super(core);
-        this.shortcut = core.options.clapprNerdStats?.shortcut ?? ['command+shift+s', 'ctrl+shift+s'];
-        this.iconPosition = core.options.clapprNerdStats?.iconPosition ?? 'bottom-right';
+        this.shortcut = core.options.clapprNerdStats?.shortcut ?? [
+            'command+shift+s',
+            'ctrl+shift+s',
+        ];
+        this.iconPosition =
+            core.options.clapprNerdStats?.iconPosition ?? 'bottom-right';
         this.customMetrics = {
             connectionSpeed: 0,
             ping: 0,
@@ -139,6 +168,9 @@ export class ClapprNerdStats extends UICorePlugin {
         };
         configureSpeedTest(core.options.clapprNerdStats?.speedTestServers ?? []);
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
@@ -178,9 +210,11 @@ export class ClapprNerdStats extends UICorePlugin {
         this.core.$el.find(this.statsBoxElem).show();
         this.showing = true;
         this.refreshSpeedTest();
-        initSpeedTest(this.customMetrics).then(() => {
+        initSpeedTest(this.customMetrics)
+            .then(() => {
             startSpeedtest();
-        }).catch(e => {
+        })
+            .catch((e) => {
             reportError(e);
             this.disable();
         });
@@ -195,13 +229,19 @@ export class ClapprNerdStats extends UICorePlugin {
     }
     addGeneralMetrics() {
         this.metrics.general = {
-            displayResolution: (this.playerWidth + 'x' + this.playerHeight),
-            volume: this.container?.volume
+            displayResolution: this.playerWidth + 'x' + this.playerHeight,
+            volume: this.container?.volume,
         };
     }
     addCustomMetrics() {
         this.metrics.custom = this.customMetrics;
-        const videoQualityNames = ['SD (480p)', 'HD (720p)', 'Full HD (1080p)', '2K (1440p)', '4K (2160p)'];
+        const videoQualityNames = [
+            'SD (480p)',
+            'HD (720p)',
+            'Full HD (1080p)',
+            '2K (1440p)',
+            '4K (2160p)',
+        ];
         const { connectionSpeed, ping } = this.customMetrics;
         if (!connectionSpeed || !ping) {
             const calculatingText = 'Calculating... Please wait.';
@@ -213,17 +253,19 @@ export class ClapprNerdStats extends UICorePlugin {
         const pingQuality = getPingQuality(ping);
         const liveQuality = Math.min(downloadQuality, pingQuality);
         const prefix = 'Optimal for ';
-        this.metrics.custom.vodQuality = prefix + videoQualityNames[downloadQuality - 1];
-        this.metrics.custom.liveQuality = prefix + videoQualityNames[liveQuality - 1];
+        this.metrics.custom.vodQuality =
+            prefix + videoQualityNames[downloadQuality - 1];
+        this.metrics.custom.liveQuality =
+            prefix + videoQualityNames[liveQuality - 1];
     }
     updateMetrics(metrics) {
         Object.assign(this.metrics, metrics);
         this.addGeneralMetrics();
         this.addCustomMetrics();
         const scrollTop = this.core.$el.find(this.statsBoxElem).scrollTop();
-        this.$el.html(this.template({
+        this.$el.html(ClapprNerdStats.template({
             metrics: Formatter.format(this.metrics),
-            iconPosition: this.iconPosition
+            iconPosition: this.iconPosition,
         }));
         this.setStatsBoxSize();
         drawSpeedTestResults();
@@ -243,7 +285,11 @@ export class ClapprNerdStats extends UICorePlugin {
             this.$el.find(this.statsBoxElem).addClass('narrow');
         }
     }
+    /**
+     * @internal
+     */
     render() {
+        // TODO append to the container
         this.core.$el.append(this.$el[0]);
         this.hide();
         return this;