@gcorevideo/player 2.20.1 → 2.20.4

package/lib/plugins/clips/Clips.js

@@ -1,23 +1,46 @@
 import { Events, UICorePlugin, $ } from '@clappr/core';
 import { strtimeToMiliseconds } from '../utils.js';
 import '../../../assets/clips/clips.scss';
+import assert from 'assert';
+/**
+ * Adds a behavior of showing a text over the seekbar to indicate the current clip.
+ * @beta
+ * @remarks
+ * Depends on:
+ *
+ * - {@link MediaControl}
+ *
+ * Configuration options - {@link ClipsPluginSettings}
+ */
 export class ClipsPlugin extends UICorePlugin {
     clips = new Map();
     duration = 0;
     durationGetting = false;
     _oldContainer;
     svgMask = null;
+    /**
+     * @internal
+     */
     get name() {
-        return 'media_control_clips';
+        return 'clips';
     }
+    /**
+     * @internal
+     */
     get attributes() {
         return {
-            'class': this.name
+            class: this.name,
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
         this.listenToOnce(this.core, Events.CORE_READY, this._onCoreReady);
-        this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
+        // TODO listen to CORE_ACTIVE_CONTAINER_CHANGED
+        this.listenTo(mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this._onMediaControlContainerChanged);
         this.listenTo(this.core, Events.CORE_RESIZE, this.playerResize);
     }
     _onCoreReady() {
@@ -27,12 +50,6 @@ export class ClipsPlugin extends UICorePlugin {
         }
         this.parseClips();
     }
-    unbindEvents() {
-        // @ts-ignore
-        this.stopListening(this.core, Events.CORE_READY);
-        // @ts-ignore
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED);
-    }
     _onMediaControlContainerChanged() {
         this._bindContainerEvents();
     }
@@ -46,9 +63,10 @@ export class ClipsPlugin extends UICorePlugin {
         if (this._oldContainer) {
             this.stopListening(this._oldContainer, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
         }
-        this._oldContainer = this.core.mediaControl.container;
+        const mediaControl = this.core.getPlugin('media_control');
+        this._oldContainer = mediaControl.container;
         this.durationGetting = false;
-        this.listenTo(this.core.mediaControl.container, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
+        this.listenTo(mediaControl.container, Events.CONTAINER_TIMEUPDATE, this.onTimeUpdate);
     }
     onTimeUpdate(event) {
         if (!this.durationGetting) {
@@ -65,13 +83,17 @@ export class ClipsPlugin extends UICorePlugin {
     }
     parseClips() {
         const textArr = this.options.clips.text.split('\n');
-        const clipsArr = textArr.map((val) => {
+        const clipsArr = textArr
+            .map((val) => {
             const matchRes = val.match(/(\d+:\d+|:\d+) (.+)/i);
-            return matchRes ? {
-                start: strtimeToMiliseconds(matchRes[1]),
-                text: matchRes[2],
-            } : null;
-        }).filter((clip) => clip !== null);
+            return matchRes
+                ? {
+                    start: strtimeToMiliseconds(matchRes[1]),
+                    text: matchRes[2],
+                }
+                : null;
+        })
+            .filter((clip) => clip !== null);
         clipsArr.sort((a, b) => a.start - b.start);
         clipsArr.forEach((clip, index) => {
             this.clips.set(clip.start, {
@@ -82,6 +104,11 @@ export class ClipsPlugin extends UICorePlugin {
             });
         });
     }
+    /**
+     * Returns the text of the current clip.
+     * @param time - The current time of the player.
+     * @returns The text of the current clip.
+     */
     getText(time) {
         for (const [key, value] of this.clips.entries()) {
             if (time >= value.start && time < value.end) {
@@ -92,14 +119,14 @@ export class ClipsPlugin extends UICorePlugin {
     }
     makeSvg(duration) {
         let svg = '<svg width="0" height="0">\n' + '<defs>\n' + '<clipPath id="myClip">\n';
-        const widthOfSeek = this.core.mediaControl.container.$el.width();
+        const widthOfSeek = this.core.activeContainer.$el.width();
         let finishValue = 0;
-        this.clips.forEach(val => {
+        this.clips.forEach((val) => {
             let end = val.end;
             if (!end) {
                 end = val.end = duration;
             }
-            const widthChunk = (end - val.start) * widthOfSeek / duration;
+            const widthChunk = ((end - val.start) * widthOfSeek) / duration;
             svg += `<rect x="${finishValue}" y="0" width="${widthChunk - 2}" height="30"/>\n`;
             finishValue += widthChunk;
         });
@@ -112,7 +139,8 @@ export class ClipsPlugin extends UICorePlugin {
         if (this.svgMask) {
             this.svgMask.remove();
         }
-        const $seekBarContainer = this.core.mediaControl.getElement('seekBarContainer');
+        const mediaControl = this.core.getPlugin('media_control');
+        const $seekBarContainer = mediaControl.getElement('seekBarContainer');
         if ($seekBarContainer?.get(0)) {
             $seekBarContainer.addClass('clips');
         }
@@ -120,7 +148,8 @@ export class ClipsPlugin extends UICorePlugin {
         $seekBarContainer?.append(this.svgMask);
     }
     setClipText(text) {
-        const $clipText = this.core.mediaControl.getElement('clipText');
+        const mediaControl = this.core.getPlugin('media_control');
+        const $clipText = mediaControl.getElement('clipText');
         if ($clipText && text) {
             $clipText.show();
             $clipText.text(`${text}`);

package/lib/plugins/context-menu/ContextMenu.d.ts

@@ -1,36 +1,67 @@
-import { UICorePlugin, Core } from '@clappr/core';
+import { Container, UIContainerPlugin } from '@clappr/core';
 import '../../../assets/context-menu/context_menu.scss';
-export declare class ContextMenu extends UICorePlugin {
+/**
+ * The plugin adds a context menu to the player.
+ * @beta
+ */
+export interface ContextMenuPluginSettings {
+    label?: string;
+    url?: string;
+    preventShowContextMenu?: boolean;
+}
+/**
+ * Displays a small context menu when clicked on the player container.
+ * @beta
+ * @remarks
+ * Configuration options - {@link ContextMenuPluginSettings}
+ */
+export declare class ContextMenu extends UIContainerPlugin {
     private _label;
     private _url;
-    private container;
     private menuOptions;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
+    /**
+     * @internal
+     */
     get attributes(): {
         class: string;
     };
-    get mediaControl(): any;
-    get template(): any;
-    get label(): string;
-    get url(): string;
-    get exposeVersion(): {
-        label: string;
-        name: string;
-    };
+    private static readonly template;
+    private get label();
+    private get url();
+    private get exposeVersion();
+    /**
+     * @internal
+     */
     get events(): {
         'click [data-version]': string;
     };
-    constructor(core: Core);
+    constructor(container: Container);
+    /**
+     * @internal
+     */
     bindEvents(): void;
+    /**
+     * @internal
+     */
     destroy(): import("@clappr/core").UIObject;
-    private containerChanged;
     private toggleContextMenu;
     private show;
     private hide;
     private onOpenMainPage;
+    /**
+     * @internal
+     */
     render(): this;
+    private hideOnBodyClick;
 }
 //# sourceMappingURL=ContextMenu.d.ts.map

package/lib/plugins/context-menu/ContextMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/plugins/context-menu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,IAAI,EAAa,MAAM,cAAc,CAAC;AAIlF,OAAO,gDAAgD,CAAC;AAQxD,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAc;IAE5B,OAAO,CAAC,IAAI,CAAc;IAE1B,OAAO,CAAC,SAAS,CAA0B;IAE3C,OAAO,CAAC,WAAW,CAAoB;IAEvC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAa,UAAU;;MAEtB;IAED,IAAI,YAAY,QAEf;IAED,IAAI,QAAQ,QAEX;IAED,IAAI,KAAK,WAER;IAED,IAAI,GAAG,WAEN;IAED,IAAI,aAAa;;;MAKhB;IAED,IAAa,MAAM;;MAIlB;gBAEW,IAAI,EAAE,IAAI;IAYb,UAAU;IAYV,OAAO;IAOhB,OAAO,CAAC,gBAAgB;IAOxB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,IAAI;IASZ,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,cAAc;IAIb,MAAM;CAShB"}
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/plugins/context-menu/ContextMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,SAAS,EACT,iBAAiB,EAClB,MAAM,cAAc,CAAA;AAIrB,OAAO,gDAAgD,CAAA;AASvD;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC;AAED;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,iBAAiB;IAChD,OAAO,CAAC,MAAM,CAAa;IAE3B,OAAO,CAAC,IAAI,CAAa;IAEzB,OAAO,CAAC,WAAW,CAAmB;IAEtC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,UAAU;;MAEtB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAyB;IAEzD,OAAO,KAAK,KAAK,GAEhB;IAED,OAAO,KAAK,GAAG,GAEd;IAED,OAAO,KAAK,aAAa,GAKxB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;gBAEW,SAAS,EAAE,SAAS;IAYhC;;OAEG;IACM,UAAU;IAUnB;;OAEG;IACM,OAAO;IAKhB,OAAO,CAAC,iBAAiB;IAOzB,OAAO,CAAC,IAAI;IAYZ,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,cAAc;IAItB;;OAEG;IACM,MAAM;IASf,OAAO,CAAC,eAAe,CAEtB;CACF"}

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

@@ -1,29 +1,39 @@
-import { UICorePlugin, Events, template, $ } from '@clappr/core';
+import { Events, template, $, UIContainerPlugin, } from '@clappr/core';
 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 {
+import { version } from '../../version.js';
+/**
+ * Displays a small context menu when clicked on the player container.
+ * @beta
+ * @remarks
+ * Configuration options - {@link ContextMenuPluginSettings}
+ */
+export class ContextMenu extends UIContainerPlugin {
     _label = '';
     _url = '';
-    container = null;
     menuOptions = [];
+    /**
+     * @internal
+     */
     get name() {
         return 'context_menu';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
+    /**
+     * @internal
+     */
     get attributes() {
-        return { 'class': 'context-menu' };
-    }
-    get mediaControl() {
-        return this.core.mediaControl;
-    }
-    get template() {
-        return template(templateHtml);
+        return { class: 'context-menu' };
     }
+    static template = template(templateHtml);
     get label() {
-        return this._label || 'Gcore player ver. ' + process.env.VERSION;
+        return this._label || 'Gcore player ver. ' + version().gplayer;
     }
     get url() {
         return this._url || 'https://gcore.com/';
@@ -31,16 +41,19 @@ export class ContextMenu extends UICorePlugin {
     get exposeVersion() {
         return {
             label: this.label,
-            name: 'version'
+            name: 'version',
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
-            'click [data-version]': 'onOpenMainPage'
+            'click [data-version]': 'onOpenMainPage',
         };
     }
-    constructor(core) {
-        super(core);
+    constructor(container) {
+        super(container);
         if (this.options.contextMenu && this.options.contextMenu.label) {
             this._label = this.options.contextMenu.label;
         }
@@ -50,28 +63,21 @@ export class ContextMenu extends UICorePlugin {
         this.render();
         this.bindEvents();
     }
+    /**
+     * @internal
+     */
     bindEvents() {
-        if (this.mediaControl) {
-            this.listenTo(this.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
-            if (this.container) {
-                this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
-                this.listenTo(this.container, Events.CONTAINER_CLICK, this.hide);
-            }
-        }
-        $('body').on('click', this.hide.bind(this));
+        this.listenTo(this.container, Events.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
+        this.listenTo(this.container, Events.CONTAINER_CLICK, this.hide);
+        $('body').on('click', this.hideOnBodyClick);
     }
+    /**
+     * @internal
+     */
     destroy() {
-        $('body').off('click', this.hide.bind(this));
-        // @ts-ignore
-        this.stopListening();
+        $('body').off('click', this.hideOnBodyClick);
         return super.destroy();
     }
-    containerChanged() {
-        this.container = this.core.activeContainer;
-        // @ts-ignore
-        this.stopListening();
-        this.bindEvents();
-    }
     toggleContextMenu(event) {
         event.preventDefault();
         const offset = this.container?.$el.offset();
@@ -79,7 +85,8 @@ export class ContextMenu extends UICorePlugin {
     }
     show(top, left) {
         this.hide();
-        if (this.options.contextMenu && this.options.contextMenu.preventShowContextMenu) {
+        if (this.options.contextMenu &&
+            this.options.contextMenu.preventShowContextMenu) {
             return;
         }
         this.$el.css({ top, left });
@@ -91,12 +98,17 @@ export class ContextMenu extends UICorePlugin {
     onOpenMainPage() {
         window.open(this.url, '_blank');
     }
+    /**
+     * @internal
+     */
     render() {
         this.menuOptions = [this.exposeVersion];
-        this.$el.html(this.template({ options: this.menuOptions }));
-        this.core.$el.append(this.$el);
+        this.$el.html(ContextMenu.template({ options: this.menuOptions }));
+        this.container.$el.append(this.$el); // TODO append to the container, turn into a container plugin
         this.hide();
-        this.disable();
         return this;
     }
+    hideOnBodyClick = () => {
+        this.hide();
+    };
 }

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

@@ -7,7 +7,7 @@ import '../../../assets/dvr-controls/dvr_controls.scss';
  * @remarks
  * Depends on:
  *
- * - {@link MediaControl | media_control}
+ * - {@link MediaControl}
  *
  * The plugin renders the live stream indicator and the DVR seek bar, if DVR is enabled, in the media control UI.
  */
@@ -41,9 +41,7 @@ export declare class DvrControls extends UICorePlugin {
      * @internal
      */
     bindEvents(): void;
-    private bindCoreEvents;
     private bindContainerEvents;
-    private containerChanged;
     private dvrChanged;
     private click;
     private settingsUpdate;

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;AAM9E,OAAO,gDAAgD,CAAC;AAExD;;;;;;;;;;GAUG;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"}
+{"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;;;;;;;;;;GAUG;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;IAQnB,OAAO,CAAC,mBAAmB;IAK3B,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

@@ -10,7 +10,7 @@ import '../../../assets/dvr-controls/dvr_controls.scss';
  * @remarks
  * Depends on:
  *
- * - {@link MediaControl | media_control}
+ * - {@link MediaControl}
  *
  * The plugin renders the live stream indicator and the DVR seek bar, if DVR is enabled, in the media control UI.
  */
@@ -20,7 +20,7 @@ export class DvrControls extends UICorePlugin {
      * @internal
      */
     get name() {
-        return 'media_control_dvr';
+        return 'dvr_controls';
     }
     /**
      * @internal
@@ -53,32 +53,15 @@ export class DvrControls extends UICorePlugin {
      * @internal
      */
     bindEvents() {
-        this.bindCoreEvents();
-        this.bindContainerEvents();
-        if (this.core.activeContainer) {
-            this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
-        }
-    }
-    bindCoreEvents() {
-        if (this.core.mediaControl.settings) {
-            this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.containerChanged);
-            this.listenTo(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.settingsUpdate);
-            this.listenTo(this.core, Events.CORE_OPTIONS_CHANGE, this.render);
-        }
-        else {
-            setTimeout(() => this.bindCoreEvents(), 100);
-        }
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        this.listenTo(mediaControl, Events.MEDIACONTROL_RENDERED, this.settingsUpdate);
+        this.listenTo(this.core, Events.CORE_OPTIONS_CHANGE, this.render);
+        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.bindContainerEvents);
     }
     bindContainerEvents() {
-        if (this.core.activeContainer) {
-            this.listenToOnce(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.render);
-            this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
-        }
-    }
-    containerChanged() {
-        // @ts-ignore
-        this.stopListening();
-        this.bindEvents();
+        this.listenToOnce(this.core.activeContainer, Events.CONTAINER_TIMEUPDATE, this.render);
+        this.listenTo(this.core.activeContainer, Events.CONTAINER_PLAYBACKDVRSTATECHANGED, this.dvrChanged);
     }
     dvrChanged(dvrEnabled) {
         if (this.core.getPlaybackType() !== Playback.LIVE) {
@@ -111,7 +94,7 @@ export class DvrControls extends UICorePlugin {
     settingsUpdate() {
         // @ts-ignore
         this.stopListening(); // TODO sort out
-        this.core.mediaControl.$el.removeClass('live');
+        this.core.getPlugin('media_control').$el.removeClass('live'); // TODO don't access directly
         if (this.shouldRender()) {
             this.render();
             this.$el.click(() => this.click());
@@ -131,7 +114,7 @@ export class DvrControls extends UICorePlugin {
             backToLive: this.core.i18n.t('back_to_live')
         }));
         if (this.shouldRender()) {
-            const mediaControl = this.core.mediaControl;
+            const mediaControl = this.core.getPlugin('media_control');
             assert(mediaControl, 'media_control plugin is required');
             // TODO don't tap into the $el directly
             mediaControl.$el.addClass('live');

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

@@ -10,7 +10,6 @@ type PresentationalError = {
 /**
  * Displays a descriptive error in the overlay on top of the player.
  * @beta
- * TODO
  */
 export declare class ErrorScreen extends UICorePlugin {
     private _retry;

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;;;;GAIG;AACH,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"}
+{"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;;;GAGG;AACH,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

@@ -10,7 +10,6 @@ const T = 'plugins.error_screen';
 /**
  * Displays a descriptive error in the overlay on top of the player.
  * @beta
- * TODO
  */
 export class ErrorScreen extends UICorePlugin {
     _retry = 0;

package/lib/plugins/favicon/Favicon.d.ts

@@ -1,4 +1,8 @@
 import { CorePlugin, Core } from '@clappr/core';
+/**
+ * The plugin adds custom favicon to the player's tab.
+ * @beta
+ */
 export declare class Favicon extends CorePlugin {
     private _container;
     private oldIcon;

package/lib/plugins/favicon/Favicon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Favicon.d.ts","sourceRoot":"","sources":["../../../src/plugins/favicon/Favicon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,IAAI,EAAa,MAAM,cAAc,CAAC;AActE,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,OAAO,CAAc;IAE7B,OAAO,CAAC,QAAQ,CAA4B;IAE5C,OAAO,CAAC,SAAS,CAA4B;IAE7C,OAAO,CAAC,QAAQ,CAA4B;IAE5C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;gBAMW,IAAI,EAAE,IAAI;IAUtB,SAAS;IAaA,UAAU;IAMnB,OAAO,CAAC,gBAAgB;IAYf,OAAO;IAKP,OAAO;IAKhB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;CAMnB"}
+{"version":3,"file":"Favicon.d.ts","sourceRoot":"","sources":["../../../src/plugins/favicon/Favicon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,IAAI,EAAa,MAAM,cAAc,CAAC;AActE;;;GAGG;AACH,qBAAa,OAAQ,SAAQ,UAAU;IACrC,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,OAAO,CAAc;IAE7B,OAAO,CAAC,QAAQ,CAA4B;IAE5C,OAAO,CAAC,SAAS,CAA4B;IAE7C,OAAO,CAAC,QAAQ,CAA4B;IAE5C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;gBAMW,IAAI,EAAE,IAAI;IAUtB,SAAS;IAaA,UAAU;IAMnB,OAAO,CAAC,gBAAgB;IAYf,OAAO;IAKP,OAAO;IAKhB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,WAAW;IAQnB,OAAO,CAAC,YAAY;IAQpB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,UAAU;CAMnB"}

package/lib/plugins/favicon/Favicon.js

@@ -6,6 +6,10 @@ import stopIcon from '../../../assets/icons/new/stop.svg';
 const FAVICON_COLOR = '#567';
 const FAVICON_SELECTOR = 'link[rel="shortcut icon"]';
 // const oldIcon = $(FAVICON_SELECTOR);
+/**
+ * The plugin adds custom favicon to the player's tab.
+ * @beta
+ */
 export class Favicon extends CorePlugin {
     _container = null;
     oldIcon;

package/lib/plugins/google-analytics/GoogleAnalytics.d.ts

@@ -1,4 +1,8 @@
 import { Container, ContainerPlugin } from '@clappr/core';
+/**
+ * An example Google Analytics integration plugin
+ * @beta
+ */
 export declare class GoogleAnalytics extends ContainerPlugin {
     private account;
     private trackerName;

package/lib/plugins/google-analytics/GoogleAnalytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoogleAnalytics.d.ts","sourceRoot":"","sources":["../../../src/plugins/google-analytics/GoogleAnalytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAU,MAAM,cAAc,CAAC;AAQlE,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,OAAO,CAAc;IAE7B,OAAO,CAAC,WAAW,CAAc;IAEjC,OAAO,CAAC,UAAU,CAAc;IAEhC,OAAO,CAAC,cAAc,CAAoB;IAE1C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;gBAEW,SAAS,EAAE,SAAS;IAUhC,WAAW;IAcX,iBAAiB;IAuBjB,OAAO;IAIP,MAAM;IAIN,MAAM;IAIN,OAAO;IAIP,WAAW;IAIX,YAAY;IAIZ,OAAO;IAIP,IAAI,CAAC,IAAI,EAAE,OAAO;IASlB,OAAO,CAAC,iBAAiB;IAMzB,KAAK,CAAC,QAAQ,EAAE,OAAO;IAMvB,OAAO;IAIP,MAAM;IAIN,eAAe;IAIf,YAAY;IAIZ,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;CAKrB"}
+{"version":3,"file":"GoogleAnalytics.d.ts","sourceRoot":"","sources":["../../../src/plugins/google-analytics/GoogleAnalytics.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAU,MAAM,cAAc,CAAC;AAQlE;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,eAAe;IAClD,OAAO,CAAC,OAAO,CAAc;IAE7B,OAAO,CAAC,WAAW,CAAc;IAEjC,OAAO,CAAC,UAAU,CAAc;IAEhC,OAAO,CAAC,cAAc,CAAoB;IAE1C,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;gBAEW,SAAS,EAAE,SAAS;IAUhC,WAAW;IAcX,iBAAiB;IAuBjB,OAAO;IAIP,MAAM;IAIN,MAAM;IAIN,OAAO;IAIP,WAAW;IAIX,YAAY;IAIZ,OAAO;IAIP,IAAI,CAAC,IAAI,EAAE,OAAO;IASlB,OAAO,CAAC,iBAAiB;IAMzB,KAAK,CAAC,QAAQ,EAAE,OAAO;IAMvB,OAAO;IAIP,MAAM;IAIN,eAAe;IAIf,YAAY;IAIZ,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;CAKrB"}

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

@@ -1,8 +1,12 @@
 // Copyright 2014 Globo.com Player authors. All rights reserved.
 // Use of this source code is governed by a BSD-style
-// license that can be found in the LICENSE file.
+// license that can be found at https://github.com/clappr/clappr-plugins/blob/master/LICENSE
 import { ContainerPlugin, Events } from '@clappr/core';
 import { CLAPPR_VERSION } from '../../build.js';
+/**
+ * An example Google Analytics integration plugin
+ * @beta
+ */
 export class GoogleAnalytics extends ContainerPlugin {
     account = '';
     trackerName = '';

package/lib/plugins/index.d.ts

@@ -12,7 +12,6 @@ export * from "./clappr-stats/ClapprStats.js";
 export * from "./click-to-pause/ClickToPause.js";
 export * from "./clips/Clips.js";
 export * from "./context-menu/ContextMenu.js";
-export * from "./disable-controls/DisableControls.js";
 export * from "./dvr-controls/DvrControls.js";
 export * from "./error-screen/ErrorScreen.js";
 export * from "./favicon/Favicon.js";

package/lib/plugins/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uCAAuC,CAAC;AACtD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/plugins/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,2BAA2B,CAAC;AAEnC,cAAc,mCAAmC,CAAC;AAClD,cAAc,oCAAoC,CAAC;AACnD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,kBAAkB,CAAC;AACjC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC;AAErC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iBAAiB,CAAC;AAChC,cAAc,mCAAmC,CAAC;AAClD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,0CAA0C,CAAC;AACzD,cAAc,iCAAiC,CAAC;AAChD,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yCAAyC,CAAC;AACxD,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAG3C,cAAc,6BAA6B,CAAC"}

package/lib/plugins/index.js

@@ -12,7 +12,6 @@ export * from "./clappr-stats/ClapprStats.js";
 export * from "./click-to-pause/ClickToPause.js";
 export * from "./clips/Clips.js";
 export * from "./context-menu/ContextMenu.js";
-export * from "./disable-controls/DisableControls.js";
 export * from "./dvr-controls/DvrControls.js";
 export * from "./error-screen/ErrorScreen.js";
 export * from "./favicon/Favicon.js";

package/lib/plugins/logo/Logo.d.ts

@@ -1,5 +1,9 @@
 import { UIContainerPlugin, Container } from '@clappr/core';
 import '../../../assets/logo/styles/logo.scss';
+/**
+ * The plugin adds custom logo to the player.
+ * @beta
+ */
 export declare class Logo extends UIContainerPlugin {
     private hasStartedPlaying;
     private $logoContainer;

package/lib/plugins/logo/Logo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/plugins/logo/Logo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAOnF,OAAO,uCAAuC,CAAC;AAe/C,qBAAa,IAAK,SAAQ,iBAAiB;IACzC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,cAAc,CAA4B;IAElD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,OAAO,KAAK,YAAY,GAEvB;IAEQ,UAAU;IAQV,aAAa;IAMtB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,MAAM;gBAYF,SAAS,EAAE,SAAS;IAYvB,MAAM;IAaf,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IA6DpB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;CAKjB"}
+{"version":3,"file":"Logo.d.ts","sourceRoot":"","sources":["../../../src/plugins/logo/Logo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAOnF,OAAO,uCAAuC,CAAC;AAe/C;;;GAGG;AACH,qBAAa,IAAK,SAAQ,iBAAiB;IACzC,OAAO,CAAC,iBAAiB,CAAS;IAElC,OAAO,CAAC,cAAc,CAA4B;IAElD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,OAAO,KAAK,YAAY,GAEvB;IAEQ,UAAU;IAQV,aAAa;IAMtB,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,MAAM;gBAYF,SAAS,EAAE,SAAS;IAYvB,MAAM;IAaf,OAAO,CAAC,eAAe;IAYvB,OAAO,CAAC,YAAY;IA6DpB,OAAO,CAAC,WAAW;IAuCnB,OAAO,CAAC,SAAS;IAIjB,OAAO,CAAC,QAAQ;CAKjB"}

package/lib/plugins/logo/Logo.js

@@ -3,6 +3,10 @@ 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';
+/**
+ * The plugin adds custom logo to the player.
+ * @beta
+ */
 export class Logo extends UIContainerPlugin {
     hasStartedPlaying = false;
     $logoContainer = null;

package/lib/plugins/media-control/MediaControl.d.ts

@@ -6,7 +6,7 @@ import '../../../assets/media-control/plugins.scss';
  * Media control elements, mount points for additional plugins
  * @beta
  */
-export type MediaControlElement = 'bottomGear' | 'clipText' | 'gear' | 'pip' | 'playbackRate' | 'seekBarContainer' | 'subtitlesSelector';
+export type MediaControlElement = 'audioTracksSelector' | 'bottomGear' | 'clipText' | 'gear' | 'pip' | 'playbackRate' | 'seekBarContainer' | 'subtitlesSelector';
 /**
  * The MediaControl provides a foundation for developing custom media controls UI.
  * @beta