@gcorevideo/player 2.22.18 → 2.22.21

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,CAAA;AAO7D,OAAO,2CAA2C,CAAA;AASlD;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,MAAM,CAAmB;IAEjC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;CAW9B"}
+{"version":3,"file":"AudioSelector.d.ts","sourceRoot":"","sources":["../../../src/plugins/audio-selector/AudioSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAU,YAAY,EAAY,MAAM,cAAc,CAAA;AAO7D,OAAO,2CAA2C,CAAA;AAUlD;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,MAAM,CAAmB;IAEjC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,MAAM,KAAK,OAAO,WAEjB;IAED,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAuB;IAEvD;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACH,IAAa,MAAM;;;MAKlB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IASnB,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,YAAY;IAMpB;;OAEG;IACM,MAAM;IAmBf,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAMxB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,qBAAqB;CAe9B"}

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

@@ -4,6 +4,7 @@ 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 { trace } from '@gcorevideo/utils'
 const VERSION = '2.22.4';
 // const T = 'plugins.audiotracks'
 /**
@@ -66,7 +67,7 @@ export class AudioTracks extends UICorePlugin {
         const mediaControl = this.core.getPlugin('media_control');
         assert(mediaControl, 'media_control plugin is required');
         this.listenTo(mediaControl, Events.MEDIACONTROL_RENDERED, () => {
-            mediaControl.putElement('audiotracks', this.$el);
+            mediaControl.mount('audiotracks', this.$el);
         });
         this.listenTo(mediaControl, Events.MEDIACONTROL_HIDE, this.hideMenu);
     }
@@ -97,18 +98,18 @@ export class AudioTracks extends UICorePlugin {
         if (!this.shouldRender()) {
             return this;
         }
-        const mediaControl = this.core.getPlugin('media_control');
         this.$el.html(AudioTracks.template({
             tracks: this.tracks,
             title: this.getTitle(),
             icon: audioArrow,
+            current: this.currentTrack?.id,
         }));
         this.updateText();
         this.highlightCurrentTrack();
         return this;
     }
     onTrackSelect(event) {
-        const id = event.target?.dataset?.audiotracksSelect;
+        const id = event.currentTarget?.dataset?.audiotracksSelect;
         if (id) {
             this.selectAudioTrack(id);
         }
@@ -117,7 +118,7 @@ export class AudioTracks extends UICorePlugin {
         return false;
     }
     selectAudioTrack(id) {
-        this.startTrackSwitch();
+        this.startTrackSwitching();
         this.core.activeContainer.switchAudioTrack(id);
         this.updateText();
     }
@@ -125,7 +126,9 @@ export class AudioTracks extends UICorePlugin {
         this.$el.find('#audiotracks-select').addClass('hidden');
     }
     toggleContextMenu() {
-        this.$el.find('#audiotracks-select').toggleClass('hidden');
+        this.$el.find('#audiotracks-select').toggleClass('hidden'); // TODO use plain CSS display: none
+        const open = !this.$el.find('#audiotracks-select').hasClass('hidden'); // TODO hold state
+        this.$el.find('#audiotracks-button').attr('aria-expanded', open);
     }
     buttonElement() {
         return this.$('button');
@@ -143,7 +146,7 @@ export class AudioTracks extends UICorePlugin {
         }
         return this.currentTrack.label || this.currentTrack.language;
     }
-    startTrackSwitch() {
+    startTrackSwitching() {
         this.buttonElement().addClass('changing');
     }
     updateText() {
@@ -154,12 +157,16 @@ export class AudioTracks extends UICorePlugin {
     }
     highlightCurrentTrack() {
         this.trackElement().removeClass('current');
-        this.trackElement().find('a').removeClass('gcore-skin-active');
+        this.trackElement()
+            .find('a')
+            .removeClass('gcore-skin-active')
+            .attr('aria-checked', 'false');
         if (this.currentTrack) {
             this.trackElement(this.currentTrack.id)
                 .addClass('current')
                 .find('a')
-                .addClass('gcore-skin-active');
+                .addClass('gcore-skin-active')
+                .attr('aria-checked', 'true');
         }
     }
 }

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

@@ -8,7 +8,7 @@ import { ZeptoResult } from '../../types.js';
  */
 export declare enum GearEvents {
     /**
-     * Use this event to accurately attach an item to the gear menu
+     * Subscribe to this event to accurately attach an item to the gear menu
      */
     RENDERED = "rendered"
 }

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

@@ -16,7 +16,7 @@ const T = 'plugins.bottom_gear';
 export var GearEvents;
 (function (GearEvents) {
     /**
-     * Use this event to accurately attach an item to the gear menu
+     * Subscribe to this event to accurately attach an item to the gear menu
      */
     GearEvents["RENDERED"] = "rendered";
 })(GearEvents || (GearEvents = {}));
@@ -237,6 +237,6 @@ export class BottomGear extends UICorePlugin {
     onMediaControlRendered() {
         trace(`${T} onMediaControlRendered`);
         const mediaControl = this.core.getPlugin('media_control');
-        mediaControl.putElement('gear', this.$el);
+        mediaControl.mount('gear', this.$el);
     }
 }

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

@@ -1,16 +1,16 @@
 import { UICorePlugin, Core } from '@clappr/core';
 import '../../../assets/clappr-nerd-stats/clappr-nerd-stats.scss';
 /**
- * `PLUGIN` that displays useful network-related statistics.
+ * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
  * @beta
  *
  * @remarks
  * Depends on:
  *
- * - {@link BottomGear}
- *
- * - {@link ClapprStats}
+ * - {@link BottomGear} - where the button is attached
  *
+ * - {@link ClapprStats} - to get the metrics from
+*
  * 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,

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

@@ -21,16 +21,16 @@ const PLAYBACK_NAMES = {
 };
 const T = 'plugins.nerd_stats';
 /**
- * `PLUGIN` that displays useful network-related statistics.
+ * `PLUGIN` that displays useful statistics regarding the playback as well as the network quality estimation.
  * @beta
  *
  * @remarks
  * Depends on:
  *
- * - {@link BottomGear}
- *
- * - {@link ClapprStats}
+ * - {@link BottomGear} - where the button is attached
  *
+ * - {@link ClapprStats} - to get the metrics from
+*
  * 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,

package/lib/plugins/clappr-stats/ClapprStats.d.ts

@@ -1,5 +1,6 @@
 import { Container, ContainerPlugin } from '@clappr/core';
-import type { Metrics } from './types.js';
+import type { ClapprStatsMetrics } from './types.js';
+export * from './types.js';
 export type ClapprStatsSettings = {
     /**
      * The interval in milliseconds of periodic measurements.
@@ -13,6 +14,8 @@ export type ClapprStatsSettings = {
  * @remarks
  * This plugin does not render anything and is supposed to be extended or used together with other plugins that actually render something.
  *
+ * @see {@link NerdStats} - a plugin that visualises the playback metrics
+ *
  * Configuration options - {@link ClapprStatsSettings}
  *
  * Events - {@link ClapprStatsEvents}
@@ -52,7 +55,7 @@ export declare class ClapprStats extends ContainerPlugin {
      * Returns the collected metrics.
      * @returns Measurements collected so far
      */
-    exportMetrics(): Metrics;
+    exportMetrics(): ClapprStatsMetrics;
     private onBitrate;
     private stopReporting;
     private startTimers;

package/lib/plugins/clappr-stats/ClapprStats.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClapprStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/ClapprStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAA;AAU/E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAIzC,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,sBAAsB,CAAI;IAElC,OAAO,CAAC,OAAO,CAAwB;IAEvC,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,OAAO,CAAQ;IAEvB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,GAAG;IASX,OAAO,CAAC,GAAG;IAQX,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,IAAI;gBAKA,SAAS,EAAE,SAAS;IAKhC;;OAEG;IACM,UAAU;IAmDnB;;OAEG;IACM,OAAO;IAKhB;;;OAGG;IACH,aAAa;IAIb,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,aAAa;CA0BtB"}
+{"version":3,"file":"ClapprStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/ClapprStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAA;AAU/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAMpD,cAAc,YAAY,CAAA;AAG1B,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,OAAO,CAAuB;IAEtC,OAAO,CAAC,sBAAsB,CAAI;IAElC,OAAO,CAAC,OAAO,CAAmC;IAElD,OAAO,CAAC,MAAM,CAMb;IAED,OAAO,CAAC,OAAO,CAAQ;IAEvB;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,KAAK,YAAY,GAEvB;IAED,OAAO,CAAC,GAAG;IASX,OAAO,CAAC,GAAG;IAIX,OAAO,CAAC,KAAK;IAIb,OAAO,CAAC,IAAI;gBAIA,SAAS,EAAE,SAAS;IAKhC;;OAEG;IACM,UAAU;IAmDnB;;OAEG;IACM,OAAO;IAKhB;;;OAGG;IACH,aAAa;IAIb,OAAO,CAAC,SAAS;IAkBjB,OAAO,CAAC,aAAa;IASrB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAWtB,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAgBf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,YAAY;IAMpB,OAAO,CAAC,WAAW;IAcnB,OAAO,CAAC,QAAQ;IAgBhB,OAAO,CAAC,YAAY;IAuBpB,OAAO,CAAC,uBAAuB;IAO/B,OAAO,CAAC,aAAa;CA0BtB"}

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

@@ -1,6 +1,7 @@
 import { ContainerPlugin, Events as CoreEvents } from '@clappr/core';
 import { CLAPPR_VERSION } from '../../build.js';
-import { ClapprStatsEvents, Chronograph, Counter } from './types.js';
+import { ClapprStatsEvents, ClapprStatsChronograph, ClapprStatsCounter, } from './types.js';
+export * from './types.js';
 import { newMetrics } from './utils.js';
 /**
  * `PLUGIN` that measures data about playback, which can be useful for analyzing performance and UX.
@@ -8,6 +9,8 @@ import { newMetrics } from './utils.js';
  * @remarks
  * This plugin does not render anything and is supposed to be extended or used together with other plugins that actually render something.
  *
+ * @see {@link NerdStats} - a plugin that visualises the playback metrics
+ *
  * Configuration options - {@link ClapprStatsSettings}
  *
  * Events - {@link ClapprStatsEvents}
@@ -17,11 +20,11 @@ export class ClapprStats extends ContainerPlugin {
     lastDecodedFramesCount = 0;
     metrics = newMetrics();
     timers = {
-        [Chronograph.Startup]: 0,
-        [Chronograph.Watch]: 0,
-        [Chronograph.Pause]: 0,
-        [Chronograph.Buffering]: 0,
-        [Chronograph.Session]: 0,
+        [ClapprStatsChronograph.Startup]: 0,
+        [ClapprStatsChronograph.Watch]: 0,
+        [ClapprStatsChronograph.Pause]: 0,
+        [ClapprStatsChronograph.Buffering]: 0,
+        [ClapprStatsChronograph.Session]: 0,
     };
     runEach;
     /**
@@ -51,15 +54,10 @@ export class ClapprStats extends ContainerPlugin {
     inc(counter) {
         this.metrics.counters[counter] += 1;
     }
-    // _timerHasStarted(timer) {
-    //   return this[`_start${timer}`] !== undefined;
-    // }
     start(timer) {
-        // this[`_start${timer}`] = this._now();
         this.timers[timer] = this.now();
     }
     stop(timer) {
-        // this._metrics.timers[timer] += this._now() - this[`_start${timer}`];
         this.metrics.chrono[timer] += this.now() - this.timers[timer];
     }
     constructor(container) {
@@ -79,10 +77,10 @@ export class ClapprStats extends ContainerPlugin {
         this.listenTo(this.container, CoreEvents.CONTAINER_PAUSE, this.onPause);
         this.listenToOnce(this.container, CoreEvents.CONTAINER_STATE_BUFFERING, this.onBuffering);
         this.listenTo(this.container, CoreEvents.CONTAINER_SEEK, this.onSeek);
-        this.listenTo(this.container, CoreEvents.CONTAINER_ERROR, () => this.inc(Counter.Error));
-        this.listenTo(this.container, CoreEvents.CONTAINER_FULLSCREEN, () => this.inc(Counter.Fullscreen));
+        this.listenTo(this.container, CoreEvents.CONTAINER_ERROR, () => this.inc(ClapprStatsCounter.Error));
+        this.listenTo(this.container, CoreEvents.CONTAINER_FULLSCREEN, () => this.inc(ClapprStatsCounter.Fullscreen));
         this.listenTo(this.container, CoreEvents.CONTAINER_PLAYBACKDVRSTATECHANGED, (dvrInUse) => {
-            dvrInUse && this.inc(Counter.DvrUsage);
+            dvrInUse && this.inc(ClapprStatsCounter.DvrUsage);
         });
         this.listenTo(this.container.playback, CoreEvents.PLAYBACK_PROGRESS, this.onProgress);
         this.listenTo(this.container.playback, CoreEvents.PLAYBACK_TIMEUPDATE, this.onTimeUpdate);
@@ -110,7 +108,7 @@ export class ClapprStats extends ContainerPlugin {
             last.time = now - last.start;
         }
         this.metrics.extra.bitratesHistory.push({ start: this.now(), bitrate });
-        this.inc(Counter.ChangeLevel);
+        this.inc(ClapprStatsCounter.ChangeLevel);
     }
     stopReporting() {
         this.buildReport();
@@ -121,31 +119,31 @@ export class ClapprStats extends ContainerPlugin {
     }
     startTimers() {
         this.timerId = setInterval(this.buildReport.bind(this), this.runEach);
-        this.start(Chronograph.Session);
-        this.start(Chronograph.Startup);
+        this.start(ClapprStatsChronograph.Session);
+        this.start(ClapprStatsChronograph.Startup);
     }
     onFirstPlaying() {
         this.listenTo(this.container, CoreEvents.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
-        this.start(Chronograph.Watch);
-        this.stop(Chronograph.Startup);
+        this.start(ClapprStatsChronograph.Watch);
+        this.stop(ClapprStatsChronograph.Startup);
     }
     playAfterPause() {
         this.listenTo(this.container, CoreEvents.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
-        this.stop(Chronograph.Pause);
-        this.start(Chronograph.Watch);
+        this.stop(ClapprStatsChronograph.Pause);
+        this.start(ClapprStatsChronograph.Watch);
     }
     onPlay() {
-        this.inc(Counter.Play);
+        this.inc(ClapprStatsCounter.Play);
     }
     onPause() {
-        this.stop(Chronograph.Watch);
-        this.start(Chronograph.Pause);
-        this.inc(Counter.Pause);
+        this.stop(ClapprStatsChronograph.Watch);
+        this.start(ClapprStatsChronograph.Pause);
+        this.inc(ClapprStatsCounter.Pause);
         this.listenToOnce(this.container, CoreEvents.CONTAINER_PLAY, this.playAfterPause);
         this.stopListening(this.container, CoreEvents.CONTAINER_TIMEUPDATE, this.onContainerUpdateWhilePlaying);
     }
     onSeek(e) {
-        this.inc(Counter.Seek);
+        this.inc(ClapprStatsCounter.Seek);
         this.metrics.extra.watchHistory.push([e * 1000, e * 1000]);
     }
     onTimeUpdate(e) {
@@ -170,17 +168,17 @@ export class ClapprStats extends ContainerPlugin {
     }
     onContainerUpdateWhilePlaying() {
         if (this.container.playback.isPlaying()) {
-            this.stop(Chronograph.Watch);
-            this.start(Chronograph.Watch);
+            this.stop(ClapprStatsChronograph.Watch);
+            this.start(ClapprStatsChronograph.Watch);
         }
     }
     onBuffering() {
-        this.inc(Counter.Buffering);
-        this.start(Chronograph.Buffering);
+        this.inc(ClapprStatsCounter.Buffering);
+        this.start(ClapprStatsChronograph.Buffering);
         this.listenToOnce(this.container, CoreEvents.CONTAINER_STATE_BUFFERFULL, this.onBufferfull);
     }
     onBufferfull() {
-        this.stop(Chronograph.Buffering);
+        this.stop(ClapprStatsChronograph.Buffering);
         this.listenToOnce(this.container, CoreEvents.CONTAINER_STATE_BUFFERING, this.onBuffering);
     }
     onProgress(progress) {
@@ -192,8 +190,8 @@ export class ClapprStats extends ContainerPlugin {
         // this.trigger(ClapprStatsEvents.PERCENTAGE, currentPercentage);
     }
     buildReport() {
-        this.stop(Chronograph.Session);
-        this.start(Chronograph.Session);
+        this.stop(ClapprStatsChronograph.Session);
+        this.start(ClapprStatsChronograph.Session);
         this.metrics.extra.playbackName = this.playbackName;
         this.metrics.extra.playbackType = this.playbackType;
         this.calcBitrates();

package/lib/plugins/clappr-stats/types.d.ts

@@ -1,7 +1,7 @@
 /**
  * @beta
  */
-export declare enum Chronograph {
+export declare enum ClapprStatsChronograph {
     Startup = "startup",
     Watch = "watch",
     Pause = "pause",
@@ -11,7 +11,7 @@ export declare enum Chronograph {
 /**
  * @beta
  */
-export declare enum Counter {
+export declare enum ClapprStatsCounter {
     Play = "play",
     Pause = "pause",
     Error = "error",
@@ -27,7 +27,7 @@ export declare enum Counter {
 /**
  * @beta
  */
-export type Metrics = {
+export type ClapprStatsMetrics = {
     /**
      * Events count counters
      */
@@ -35,17 +35,17 @@ export type Metrics = {
         /**
          *
          */
-        [Counter.Play]: number;
-        [Counter.Pause]: number;
-        [Counter.Error]: number;
-        [Counter.Buffering]: number;
-        [Counter.DecodedFrames]: number;
-        [Counter.DroppedFrames]: number;
-        [Counter.Fps]: number;
-        [Counter.ChangeLevel]: number;
-        [Counter.Seek]: number;
-        [Counter.Fullscreen]: number;
-        [Counter.DvrUsage]: number;
+        [ClapprStatsCounter.Play]: number;
+        [ClapprStatsCounter.Pause]: number;
+        [ClapprStatsCounter.Error]: number;
+        [ClapprStatsCounter.Buffering]: number;
+        [ClapprStatsCounter.DecodedFrames]: number;
+        [ClapprStatsCounter.DroppedFrames]: number;
+        [ClapprStatsCounter.Fps]: number;
+        [ClapprStatsCounter.ChangeLevel]: number;
+        [ClapprStatsCounter.Seek]: number;
+        [ClapprStatsCounter.Fullscreen]: number;
+        [ClapprStatsCounter.DvrUsage]: number;
     };
     /**
      * Time measurements - accumulated duration of time-based activities
@@ -54,22 +54,22 @@ export type Metrics = {
         /**
          * Time spent in the startup phase
          */
-        [Chronograph.Startup]: number;
+        [ClapprStatsChronograph.Startup]: number;
         /**
          * Total time spent in the watch phase
          */
-        [Chronograph.Watch]: number;
+        [ClapprStatsChronograph.Watch]: number;
         /**
          *
          */
-        [Chronograph.Pause]: number;
-        [Chronograph.Buffering]: number;
-        [Chronograph.Session]: number;
+        [ClapprStatsChronograph.Pause]: number;
+        [ClapprStatsChronograph.Buffering]: number;
+        [ClapprStatsChronograph.Session]: number;
     };
     extra: {
         playbackName: string;
         playbackType: string;
-        bitratesHistory: BitrateTrackRecord[];
+        bitratesHistory: ClapprStatsBitrateTrack[];
         bitrateWeightedMean: number;
         bitrateMostUsed: number;
         buffersize: number;
@@ -84,7 +84,7 @@ export type Metrics = {
 /**
  * @beta
  */
-export type BitrateTrackRecord = {
+export type ClapprStatsBitrateTrack = {
     start: number;
     end?: number;
     time?: number;

package/lib/plugins/clappr-stats/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,OAAO,YAAY;CAEpB;AAED;;GAEG;AACH,oBAAY,OAAO;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG;IACpB;;OAEG;IACH,QAAQ,EAAE;QACR;;WAEG;QACH,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;QACtB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QACvB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QACvB,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;QAC3B,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;QAC/B,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;QAC/B,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;QACrB,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;QAC7B,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;QACtB,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;QAC5B,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;IACD;;OAEG;IACH,MAAM,EAAE;QACN;;WAEG;QACH,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;QAC7B;;WAEG;QACH,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QAC3B;;WAEG;QACH,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QAC3B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;QAC/B,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAE9B,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,eAAe,EAAE,kBAAkB,EAAE,CAAA;QACrC,mBAAmB,EAAE,MAAM,CAAA;QAC3B,eAAe,EAAE,MAAM,CAAA;QACvB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;QACrC,iBAAiB,EAAE,MAAM,CAAA;QACzB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,MAAM,wBAAwB;CAK/B"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/types.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,sBAAsB;IAChC,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,OAAO,YAAY;CAEpB;AAED;;GAEG;AACH,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,aAAa,kBAAkB;IAC/B,GAAG,QAAQ;IACX,WAAW,gBAAgB;IAC3B,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,QAAQ,aAAa;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EAAE;QACR;;WAEG;QACH,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;QACjC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QAClC,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QAClC,CAAC,kBAAkB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;QACtC,CAAC,kBAAkB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;QAC1C,CAAC,kBAAkB,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;QAC1C,CAAC,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAA;QAChC,CAAC,kBAAkB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;QACxC,CAAC,kBAAkB,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;QACjC,CAAC,kBAAkB,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;QACvC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;KACtC,CAAA;IACD;;OAEG;IACH,MAAM,EAAE;QACN;;WAEG;QACH,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;QACxC;;WAEG;QACH,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QACtC;;WAEG;QACH,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;QACtC,CAAC,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;QAC1C,CAAC,sBAAsB,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;KAEzC,CAAA;IACD,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,eAAe,EAAE,uBAAuB,EAAE,CAAA;QAC1C,mBAAmB,EAAE,MAAM,CAAA;QAC3B,eAAe,EAAE,MAAM,CAAA;QACvB,UAAU,EAAE,MAAM,CAAA;QAClB,YAAY,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;QACrC,iBAAiB,EAAE,MAAM,CAAA;QACzB,mBAAmB,EAAE,MAAM,CAAA;QAC3B,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;CACF,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AAED;;GAEG;AACH,oBAAY,iBAAiB;IAC3B;;OAEG;IACH,MAAM,wBAAwB;CAK/B"}

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

@@ -1,32 +1,32 @@
 /**
  * @beta
  */
-export var Chronograph;
-(function (Chronograph) {
-    Chronograph["Startup"] = "startup";
-    Chronograph["Watch"] = "watch";
-    Chronograph["Pause"] = "pause";
-    Chronograph["Buffering"] = "buffering";
-    Chronograph["Session"] = "session";
+export var ClapprStatsChronograph;
+(function (ClapprStatsChronograph) {
+    ClapprStatsChronograph["Startup"] = "startup";
+    ClapprStatsChronograph["Watch"] = "watch";
+    ClapprStatsChronograph["Pause"] = "pause";
+    ClapprStatsChronograph["Buffering"] = "buffering";
+    ClapprStatsChronograph["Session"] = "session";
     // Latency = 'latency',
-})(Chronograph || (Chronograph = {}));
+})(ClapprStatsChronograph || (ClapprStatsChronograph = {}));
 /**
  * @beta
  */
-export var Counter;
-(function (Counter) {
-    Counter["Play"] = "play";
-    Counter["Pause"] = "pause";
-    Counter["Error"] = "error";
-    Counter["Buffering"] = "buffering";
-    Counter["DecodedFrames"] = "decodedFrames";
-    Counter["DroppedFrames"] = "droppedFrames";
-    Counter["Fps"] = "fps";
-    Counter["ChangeLevel"] = "changeLevel";
-    Counter["Seek"] = "seek";
-    Counter["Fullscreen"] = "fullscreen";
-    Counter["DvrUsage"] = "dvrUsage";
-})(Counter || (Counter = {}));
+export var ClapprStatsCounter;
+(function (ClapprStatsCounter) {
+    ClapprStatsCounter["Play"] = "play";
+    ClapprStatsCounter["Pause"] = "pause";
+    ClapprStatsCounter["Error"] = "error";
+    ClapprStatsCounter["Buffering"] = "buffering";
+    ClapprStatsCounter["DecodedFrames"] = "decodedFrames";
+    ClapprStatsCounter["DroppedFrames"] = "droppedFrames";
+    ClapprStatsCounter["Fps"] = "fps";
+    ClapprStatsCounter["ChangeLevel"] = "changeLevel";
+    ClapprStatsCounter["Seek"] = "seek";
+    ClapprStatsCounter["Fullscreen"] = "fullscreen";
+    ClapprStatsCounter["DvrUsage"] = "dvrUsage";
+})(ClapprStatsCounter || (ClapprStatsCounter = {}));
 /**
  * @beta
  */

package/lib/plugins/clappr-stats/utils.d.ts

@@ -1,3 +1,3 @@
-import type { Metrics } from './types';
-export declare function newMetrics(): Metrics;
+import type { ClapprStatsMetrics } from './types';
+export declare function newMetrics(): ClapprStatsMetrics;
 //# sourceMappingURL=utils.d.ts.map

package/lib/plugins/clappr-stats/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEtC,wBAAgB,UAAU,IAAI,OAAO,CAqCpC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD,wBAAgB,UAAU,IAAI,kBAAkB,CAqC/C"}

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

@@ -17,7 +17,7 @@ export class ClickToPause extends ContainerPlugin {
      * @internal
      */
     get name() {
-        return 'click_to_pause_custom';
+        return 'click_to_pause';
     }
     /**
      * @internal

package/lib/plugins/clips/Clips.d.ts

@@ -1,7 +1,7 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/clips/clips.scss';
 /**
- * Configuration options for the {@link ClipsPlugin} plugin.
+ * Configuration options for the {@link Clips} plugin.
  * @beta
  */
 export interface ClipsPluginSettings {

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

@@ -43,12 +43,16 @@ export declare class DvrControls extends UICorePlugin {
      */
     bindEvents(): void;
     private onCoreReady;
-    private bindContainerEvents;
+    private onActiveContainerChanged;
     private click;
-    private shouldRender;
     /**
      * @internal
      */
     render(): this;
+    private onMediacontrolRendered;
+    private onMetadataLoaded;
+    private mount;
+    private onDvrStateChanged;
+    private toggleState;
 }
 //# 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,EAA0B,YAAY,EAAY,MAAM,cAAc,CAAA;AAM7E,OAAO,gDAAgD,CAAA;AAMvD;;;;;;;;;;;;;GAaG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAEpD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,KAAK;IAQb,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACM,MAAM;CAyBhB"}
+{"version":3,"file":"DvrControls.d.ts","sourceRoot":"","sources":["../../../src/plugins/dvr-controls/DvrControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAAY,MAAM,cAAc,CAAA;AAMvE,OAAO,gDAAgD,CAAA;AAMvD;;;;;;;;;;;;;GAaG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAEpD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACH,IAAa,MAAM;;MAIlB;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,wBAAwB;IAahC,OAAO,CAAC,KAAK;IAQb;;OAEG;IACM,MAAM;IAUf,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,gBAAgB;IAKxB,OAAO,CAAC,KAAK;IAab,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,WAAW;CASpB"}