@gcorevideo/player 2.19.12 → 2.19.14

package/docs/api/player.poster.md

@@ -4,6 +4,11 @@
 
 ## Poster class
 
+> This API is provided as a beta preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
+> 
+
+Displays a poster image in the background and a big play button on top when playback is stopped
+
 **Signature:**
 
 ```typescript
@@ -11,163 +16,32 @@ export declare class Poster extends UIContainerPlugin
 ```
 **Extends:** UIContainerPlugin
 
-## Properties
-
-<table><thead><tr><th>
-
-Property
-
-
-</th><th>
-
-Modifiers
-
-
-</th><th>
-
-Type
-
-
-</th><th>
-
-Description
-
-
-</th></tr></thead>
-<tbody><tr><td>
-
-[attributes](./player.poster.attributes.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-{ class: string; 'data-poster': string; }
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[events](./player.poster.events.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-{ click: string; }
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[name](./player.poster.name.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-string
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[shouldRender](./player.poster.shouldrender.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-boolean
+## Remarks
 
+When the playback is stopped, media control UI is disabled.
 
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[showOnVideoEnd](./player.poster.showonvideoend.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-boolean
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[supportedVersion](./player.poster.supportedversion.md)
-
-
-</td><td>
-
-`readonly`
-
-
-</td><td>
-
-{ min: string; }
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[template](./player.poster.template.md)
-
-
-</td><td>
+Configuration options:
 
-`readonly`
+- `poster.custom` - custom CSS background
 
+- `poster.showForNoOp` - whether to show the poster when the playback is not started
 
-</td><td>
+- `poster.url` - the URL of the poster image
 
-any
+- `poster.showOnVideoEnd` - whether to show the poster when the playback is ended
 
+## Example
 
-</td><td>
 
-
-</td></tr>
-</tbody></table>
+```ts
+new Player({
+ ...
+ poster: {
+   showForNoOp: true,
+   url: 'https://via.placeholder.com/150.png',
+ }
+})
+```
 
 ## Methods
 
@@ -189,30 +63,6 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
-[bindEvents()](./player.poster.bindevents.md)
-
-
-</td><td>
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
-[destroy()](./player.poster.destroy.md)
-
-
-</td><td>
-
-
-</td><td>
-
-
-</td></tr>
-<tr><td>
-
 [disable()](./player.poster.disable.md)
 
 
@@ -221,6 +71,8 @@ Description
 
 </td><td>
 
+**_(BETA)_** Disables the plugin, unmounting it from the DOM
+
 
 </td></tr>
 <tr><td>
@@ -233,17 +85,7 @@ Description
 
 </td><td>
 
-
-</td></tr>
-<tr><td>
-
-[render()](./player.poster.render.md)
-
-
-</td><td>
-
-
-</td><td>
+**_(BETA)_** Reenables earlier disabled plugin
 
 
 </td></tr>

package/lib/Player.d.ts

@@ -195,6 +195,7 @@ export declare class Player {
     private setConfig;
     private initPlayer;
     private tuneIn;
+    private triggerAutoPlay;
     private safeTriggerEvent;
     private events;
     private buildCoreOptions;

package/lib/Player.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Player.d.ts","sourceRoot":"","sources":["../src/Player.ts"],"names":[],"mappings":"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"}

package/lib/Player.js

@@ -275,7 +275,9 @@ export class Player {
     }
     initPlayer(coreOptions) {
         trace(`${T} initPlayer`, {
-        // TODO selected options
+            autoPlay: coreOptions.autoPlay,
+            sources: coreOptions.sources,
+            // TODO selected options
         });
         assert.ok(!this.player, 'Player already initialized');
         const player = new PlayerClappr(coreOptions);
@@ -287,12 +289,7 @@ export class Player {
         this.bindContainerEventListeners();
         this.player.core.on(ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, () => this.bindContainerEventListeners(), null);
         if (this.config.autoPlay) {
-            trace(`${T} autoPlay`);
-            setTimeout(() => {
-                this.player?.play({
-                    autoPlay: true,
-                });
-            }, 0);
+            this.triggerAutoPlay();
         }
         try {
             this.emitter.emit(PlayerEvent.Ready);
@@ -301,6 +298,14 @@ export class Player {
             reportError(e);
         }
     }
+    triggerAutoPlay() {
+        trace(`${T} triggerAutoPlay`);
+        setTimeout(() => {
+            this.player?.play({
+                autoPlay: true,
+            });
+        }, 0);
+    }
     safeTriggerEvent(event, ...args) {
         try {
             this.emitter.emit(event, ...args);
@@ -368,10 +373,10 @@ export class Player {
             },
             parent: rootNode,
             width: rootNode.clientWidth,
-            source: source ? source.source : undefined,
-            mimeType: source ? source.mimeType : undefined,
         }, this.config, {
-            autoPlay: false, // TODO write a test to check it's reset to false
+            autoPlay: false,
+            mimeType: source ? source.mimeType : undefined,
+            source: source ? source.source : undefined,
             sources,
         });
         return coreOptions;

package/lib/index.d.ts

@@ -4,6 +4,7 @@
  * @remarks
  * This package provides a video player for the Gcore streaming platform.
  * It is built on top of the Clappr library and provides a framework for building custom integrations.
+ * Start with {@link Player} for more information.
  *
  * @packageDocumentation
  */

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AACH,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA"}

package/lib/index.js

@@ -4,6 +4,7 @@
  * @remarks
  * This package provides a video player for the Gcore streaming platform.
  * It is built on top of the Clappr library and provides a framework for building custom integrations.
+ * Start with {@link Player} for more information.
  *
  * @packageDocumentation
  */

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

@@ -1,6 +1,6 @@
 import { Events, UICorePlugin, template } from '@clappr/core';
 import { Events as HlsEvents, } from 'hls.js';
-import { CLAPPR_VERSION } from '../build.js';
+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';
@@ -15,7 +15,7 @@ export class AudioSelector extends UICorePlugin {
     currentTrack = null;
     tracks = [];
     get name() {
-        return 'audio_selector';
+        return 'media_control_audio_selector';
     }
     get supportedVersion() {
         return { min: CLAPPR_VERSION };

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;CAQ9B"}
+{"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"}

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

@@ -1,6 +1,6 @@
 import { Events, template, UICorePlugin, Utils } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+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';
@@ -140,6 +140,7 @@ export class BigMuteButton extends UICorePlugin {
     handleBigMuteBtnClick(e) {
         const localVolume = Utils.Config.restore('volume');
         const volume = !isNaN(localVolume) ? localVolume : 100;
+        // TODO use container.setVolume() instead
         this.core.mediaControl.setVolume(volume === 0 ? 100 : volume);
         this.destroyBigMuteBtn(e);
     }

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

@@ -1,34 +1,65 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/bottom-gear/gear.scss';
 import '../../../assets/bottom-gear/gear-sub-menu.scss';
+import { ZeptoResult } from '../../utils/types.js';
+export declare enum Events {
+    MEDIACONTROL_GEAR_RENDERED = "mediacontrol:gear:rendered"
+}
+/**
+ * An element inside the gear menu
+ * @beta
+ */
+export type GearItemElement = 'quality' | 'rate' | 'nerd';
 /**
+ * Adds the gear button that triggers extra options menu on the right side of the {@link MediaControl | media control} UI
  * @beta
+ * @remarks
+ * The plugins provides a base for attaching custom settings UI in the gear menu
  */
 export declare class BottomGear extends UICorePlugin {
     private isHd;
+    /**
+     * @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 .button-gear': string;
     };
-    get container(): any;
+    /**
+     * @internal
+     */
     bindEvents(): void;
-    unBindEvents(): void;
+    getElement(name: GearItemElement): ZeptoResult | null;
     private onActiveContainerChanged;
     private bindContainerEvents;
-    reload(): void;
     private highDefinitionUpdate;
+    /**
+     * @internal
+     */
     render(): this;
-    refresh(): void;
-    toggleGearMenu(): void;
-    hide(): void;
+    private refresh;
+    private toggleGearMenu;
+    private hide;
 }
 //# sourceMappingURL=BottomGear.d.ts.map

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,EAAoB,MAAM,cAAc,CAAC;AAM9D,OAAO,uCAAuC,CAAC;AAC/C,OAAO,gDAAgD,CAAC;AAMxD;;GAEG;AACH,qBAAa,UAAW,SAAQ,YAAY;IAC1C,OAAO,CAAC,IAAI,CAAS;IAErB,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,MAAM,KAAK,OAAO,WAEjB;IAED,IAAI,QAAQ,QAEX;IAED,IAAa,UAAU;;;MAKtB;IAED,IAAa,MAAM;;MAIlB;IAED,IAAI,SAAS,QAEZ;IAEQ,UAAU;IASnB,YAAY;IAOZ,OAAO,CAAC,wBAAwB;IAKhC,OAAO,CAAC,mBAAmB;IAO3B,MAAM;IAKN,OAAO,CAAC,oBAAoB;IAUnB,MAAM;IAiBf,OAAO;IAKP,cAAc;IAId,IAAI;CAGL"}
+{"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,oBAAY,MAAM;IAChB,0BAA0B,+BAA+B;CAC1D;AAED;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE1D;;;;;GAKG;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,UAAU,CAAC,IAAI,EAAE,eAAe,GAAG,WAAW,GAAG,IAAI;IAIrD,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

@@ -1,70 +1,83 @@
-import { UICorePlugin, template, Events } from '@clappr/core';
+import { UICorePlugin, template, Events as ClapprEvents } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
-import { CLAPPR_VERSION } from '../build.js';
+import assert from 'assert';
+import { CLAPPR_VERSION } from '../../build.js';
 import pluginHtml from '../../../assets/bottom-gear/bottomgear.ejs';
 import '../../../assets/bottom-gear/gear.scss';
 import '../../../assets/bottom-gear/gear-sub-menu.scss';
 import gearIcon from '../../../assets/icons/new/gear.svg';
 import gearHdIcon from '../../../assets/icons/new/gear-hd.svg';
-const VERSION = '0.0.1';
+const VERSION = '2.19.12';
+const T = 'plugins.media_control_gear';
+export var Events;
+(function (Events) {
+    Events["MEDIACONTROL_GEAR_RENDERED"] = "mediacontrol:gear:rendered";
+})(Events || (Events = {}));
 /**
+ * Adds the gear button that triggers extra options menu on the right side of the {@link MediaControl | media control} UI
  * @beta
+ * @remarks
+ * The plugins provides a base for attaching custom settings UI in the gear menu
  */
 export class BottomGear extends UICorePlugin {
     isHd = false;
+    /**
+     * @internal
+     */
     get name() {
-        return 'gear';
+        return 'media_control_gear';
     }
+    /**
+     * @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': ''
         };
     }
+    /**
+     * @internal
+     */
     get events() {
         return {
             'click .button-gear': 'toggleGearMenu',
         };
     }
-    get container() {
-        return this.core && this.core.activeContainer;
-    }
+    /**
+     * @internal
+     */
     bindEvents() {
-        this.listenTo(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
-        this.listenTo(this.core, 'gear:refresh', this.refresh);
-        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.hide);
-        this.bindContainerEvents();
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        this.listenTo(this.core, ClapprEvents.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
+        this.listenTo(this.core, 'gear:refresh', this.refresh); // TODO use direct plugin method call
+        this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_RENDERED, this.render);
+        this.listenTo(mediaControl, ClapprEvents.MEDIACONTROL_HIDE, this.hide); // TODO mediacontrol show as well
     }
-    unBindEvents() {
-        this.stopListening(this.core, Events.CORE_ACTIVE_CONTAINER_CHANGED, this.onActiveContainerChanged);
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_CONTAINERCHANGED, this.reload);
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_RENDERED, this.render);
-        this.stopListening(this.core.mediaControl, Events.MEDIACONTROL_HIDE, this.hide);
+    getElement(name) {
+        return this.core.getPlugin('media_control')?.getElement('gear')?.find(`.gear-options-list [data-${name}]`);
     }
     onActiveContainerChanged() {
-        this.bindEvents();
+        trace(`${T} onActiveContainerChanged`);
         this.bindContainerEvents();
     }
     bindContainerEvents() {
-        if (!this.container) {
-            return;
-        }
-        this.listenTo(this.container, Events.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
-    }
-    reload() {
-        this.unBindEvents();
-        this.bindEvents();
+        trace(`${T} bindContainerEvents`);
+        this.listenTo(this.core.activeContainer, ClapprEvents.CONTAINER_HIGHDEFINITIONUPDATE, this.highDefinitionUpdate);
     }
     highDefinitionUpdate(isHd) {
         trace(`${this.name} highDefinitionUpdate`, { isHd });
@@ -76,16 +89,23 @@ export class BottomGear extends UICorePlugin {
             this.$el.find('.gear-icon').html(gearIcon);
         }
     }
+    /**
+     * @internal
+     */
     render() {
+        const mediaControl = this.core.getPlugin('media_control');
+        assert(mediaControl, 'media_control plugin is required');
+        // TODO use options.mediaControl.gear.items
         const items = [
             'quality',
             'rate',
             'nerd',
         ];
         const icon = this.isHd ? gearHdIcon : gearIcon;
-        this.$el.html(this.template({ icon, items }));
-        this.core.mediaControl.$bottomGear?.html(this.el);
-        this.core.trigger('gear:rendered');
+        this.$el.html(BottomGear.template({ icon, items }));
+        mediaControl.getElement('gear')?.html(this.el);
+        this.core.trigger('gear:rendered'); // @deprecated
+        mediaControl.trigger(Events.MEDIACONTROL_GEAR_RENDERED);
         return this;
     }
     refresh() {

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

@@ -31,7 +31,7 @@ export declare class ClapprNerdStats extends UICorePlugin {
     constructor(core: Core);
     bindEvents(): void;
     private init;
-    private showOrHide;
+    private toggle;
     private show;
     private hide;
     private onPlayerResize;

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;AAuFlE;;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;IAKnB,OAAO,CAAC,IAAI;IAyBZ,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,IAAI;IAgBZ,OAAO,CAAC,IAAI;IAUZ,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,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"}