@gcorevideo/player 2.19.15 → 2.20.3

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

@@ -2,7 +2,10 @@ import { Container, ContainerPlugin } from '@clappr/core';
 import type { QualityLevel } from '../../playback.types.js';
 import type { Metrics, MetricsUpdateFn } from './types.js';
 /**
+ * Collects useful statistics about playback performance.
  * @beta
+ * @remarks
+ * This plugin does not render anything and is supposed to be extended or used together with other plugins that actually render something.
  */
 export declare class ClapprStats extends ContainerPlugin {
     private bwMeasureCount;
@@ -17,27 +20,47 @@ export declare class ClapprStats extends ContainerPlugin {
     private updateFn;
     private urisToMeasureBandwidth;
     private uriToMeasureLatency;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
-    get _playbackName(): string;
-    get _playbackType(): any;
+    private get _playbackName();
+    private get _playbackType();
     private _now;
     private _inc;
     private start;
     private _stop;
+    /**
+     * Registers a callback to receive the metrics.
+     * @param updateMetricsFn
+     */
     setUpdateMetrics(updateMetricsFn: MetricsUpdateFn): void;
-    _defaultReport(metrics: Metrics): void;
+    private _defaultReport;
     constructor(container: Container);
+    /**
+     * @internal
+     */
     bindEvents(): void;
+    /**
+     * @internal
+     */
     destroy(): void;
+    /**
+     * Returns the collected metrics.
+     * @returns The collected metrics
+     */
     exportMetrics(): Metrics;
     onBitrate(newBitrate: QualityLevel): void;
-    stopReporting(): void;
-    startTimers(): void;
-    onFirstPlaying(): void;
-    playAfterPause(): void;
+    private stopReporting;
+    private startTimers;
+    private onFirstPlaying;
+    private playAfterPause;
     private onPlay;
     private onPause;
     private onSeek;
@@ -48,7 +71,7 @@ export declare class ClapprStats extends ContainerPlugin {
     private onProgress;
     private _newMetrics;
     private _onCompletion;
-    _buildReport(): void;
+    private _buildReport;
     private _fetchFPS;
     private _calculateBitrates;
     private _calculatePercentages;

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,EAA6B,MAAM,cAAc,CAAC;AACrF,OAAO,KAAK,EAAE,YAAY,EAA8B,MAAM,yBAAyB,CAAC;AAKxF,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAkB3D;;GAEG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,UAAU,CAAwB;IAE1C,OAAO,CAAC,sBAAsB,CAAK;IAEnC,OAAO,CAAC,OAAO,CAAyB;IAExC,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,SAAS,CAA6B;IAE9C,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,MAAM,CAOZ;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAElD,OAAO,CAAC,sBAAsB,CAA0B;IAExD,OAAO,CAAC,mBAAmB,CAAqB;IAEhD,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,aAAa,WAEhB;IAED,IAAI,aAAa,QAEhB;IAED,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAKb,gBAAgB,CAAC,eAAe,EAAE,eAAe;IAIjD,cAAc,CAAC,OAAO,EAAE,OAAO;gBAInB,SAAS,EAAE,SAAS;IAcvB,UAAU;IAmBV,OAAO;IAKhB,aAAa;IAIb,SAAS,CAAC,UAAU,EAAE,YAAY;IAgBlC,aAAa;IAcb,WAAW;IAMX,cAAc;IAOd,cAAc;IAMd,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAYrB,YAAY;IAiBZ,OAAO,CAAC,SAAS;IAcjB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,iBAAiB;CAmD1B"}
+{"version":3,"file":"ClapprStats.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/ClapprStats.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,eAAe,EAA6B,MAAM,cAAc,CAAC;AACrF,OAAO,KAAK,EAAE,YAAY,EAA8B,MAAM,yBAAyB,CAAC;AAKxF,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAkB3D;;;;;GAKG;AACH,qBAAa,WAAY,SAAQ,eAAe;IAC9C,OAAO,CAAC,cAAc,CAAK;IAE3B,OAAO,CAAC,UAAU,CAAwB;IAE1C,OAAO,CAAC,sBAAsB,CAAK;IAEnC,OAAO,CAAC,OAAO,CAAyB;IAExC,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,SAAS,CAA6B;IAE9C,OAAO,CAAC,qBAAqB,CAAS;IAEtC,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,MAAM,CAOZ;IAEF,OAAO,CAAC,QAAQ,CAAkC;IAElD,OAAO,CAAC,sBAAsB,CAA0B;IAExD,OAAO,CAAC,mBAAmB,CAAqB;IAEhD;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,KAAK,aAAa,GAExB;IAED,OAAO,CAAC,IAAI;IAMZ,OAAO,CAAC,IAAI;IAQZ,OAAO,CAAC,KAAK;IAKb,OAAO,CAAC,KAAK;IAKb;;;OAGG;IACH,gBAAgB,CAAC,eAAe,EAAE,eAAe;IAIjD,OAAO,CAAC,cAAc;gBAIV,SAAS,EAAE,SAAS;IAchC;;OAEG;IACM,UAAU;IAmBnB;;OAEG;IACM,OAAO;IAKhB;;;OAGG;IACH,aAAa;IAIb,SAAS,CAAC,UAAU,EAAE,YAAY;IAgBlC,OAAO,CAAC,aAAa;IAerB,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,OAAO;IAQf,OAAO,CAAC,MAAM;IAKd,OAAO,CAAC,YAAY;IA0BpB,OAAO,CAAC,6BAA6B;IAOrC,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,UAAU;IAIlB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,YAAY;IAiBpB,OAAO,CAAC,SAAS;IAcjB,OAAO,CAAC,kBAAkB;IAsB1B,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,cAAc;IAqBtB,OAAO,CAAC,eAAe;IA2BvB,OAAO,CAAC,iBAAiB;CAmD1B"}

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

@@ -6,7 +6,10 @@ import { newMetrics } from './utils.js';
 // TODO: fix
 const updateMetrics = () => { };
 /**
+ * Collects useful statistics about playback performance.
  * @beta
+ * @remarks
+ * This plugin does not render anything and is supposed to be extended or used together with other plugins that actually render something.
  */
 export class ClapprStats extends ContainerPlugin {
     bwMeasureCount = 0;
@@ -28,9 +31,15 @@ export class ClapprStats extends ContainerPlugin {
     updateFn = updateMetrics;
     urisToMeasureBandwidth;
     uriToMeasureLatency;
+    /**
+     * @internal
+     */
     get name() {
         return 'clappr_stats';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
@@ -58,6 +67,10 @@ export class ClapprStats extends ContainerPlugin {
         // this._metrics.timers[timer] += this._now() - this[`_start${timer}`];
         this.metrics.timers[timer] += this._now() - this.timers[timer];
     }
+    /**
+     * Registers a callback to receive the metrics.
+     * @param updateMetricsFn
+     */
     setUpdateMetrics(updateMetricsFn) {
         this.updateFn = updateMetricsFn;
     }
@@ -76,6 +89,9 @@ export class ClapprStats extends ContainerPlugin {
             calls: []
         };
     }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.container, CoreEvents.CONTAINER_BITRATE, this.onBitrate);
         this.listenTo(this.container, CoreEvents.CONTAINER_STOP, this.stopReporting);
@@ -94,10 +110,17 @@ export class ClapprStats extends ContainerPlugin {
         this.listenTo(this.container.playback, CoreEvents.PLAYBACK_PROGRESS, this.onProgress);
         this.listenTo(this.container.playback, CoreEvents.PLAYBACK_TIMEUPDATE, this.onTimeUpdate);
     }
+    /**
+     * @internal
+     */
     destroy() {
         this.stopReporting();
         super.destroy();
     }
+    /**
+     * Returns the collected metrics.
+     * @returns The collected metrics
+     */
     exportMetrics() {
         return structuredClone(this.metrics);
     }
@@ -119,6 +142,7 @@ export class ClapprStats extends ContainerPlugin {
             this.intervalId = null;
         }
         this._newMetrics();
+        // TODO
         // @ts-ignore
         this.stopListening();
         this.bindEvents();

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

@@ -1,3 +1,6 @@
+/**
+ * @beta
+ */
 export type Metrics = {
     counters: {
         play: number;
@@ -36,13 +39,22 @@ export type Metrics = {
     };
     custom: Record<string, unknown>;
 };
+/**
+ * @beta
+ */
 export type BitrateTrackRecord = {
     start: number;
     end?: number;
     time?: number;
     bitrate: number;
 };
+/**
+ * @beta
+ */
 export type MetricsUpdateFn = (metrics: Metrics) => void;
+/**
+ * @beta
+ */
 export declare enum ClapprStatsEvents {
     REPORT_EVENT = "clappr:stats:report",
     PERCENTAGE_EVENT = "clappr:stats:percentage"

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,MAAM,MAAM,OAAO,GAAG;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,kBAAkB,EAAE,CAAC;QACtC,mBAAmB,EAAE,MAAM,CAAC;QAC5B,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,iBAAiB,EAAE,MAAM,CAAC;QAC1B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAEzD,oBAAY,iBAAiB;IAC3B,YAAY,wBAAwB;IACpC,gBAAgB,4BAA4B;CAC7C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/plugins/clappr-stats/types.ts"],"names":[],"mappings":"AACA;;GAEG;AACH,MAAM,MAAM,OAAO,GAAG;IACpB,QAAQ,EAAE;QACR,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,aAAa,EAAE,MAAM,CAAC;QACtB,aAAa,EAAE,MAAM,CAAC;QACtB,GAAG,EAAE,MAAM,CAAC;QACZ,WAAW,EAAE,MAAM,CAAC;QACpB,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,MAAM,CAAC;QACnB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,SAAS,EAAE,MAAM,CAAC;QAClB,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,KAAK,EAAE;QACL,YAAY,EAAE,MAAM,CAAC;QACrB,YAAY,EAAE,MAAM,CAAC;QACrB,eAAe,EAAE,kBAAkB,EAAE,CAAC;QACtC,mBAAmB,EAAE,MAAM,CAAC;QAC5B,eAAe,EAAE,MAAM,CAAC;QACxB,UAAU,EAAE,MAAM,CAAC;QACnB,YAAY,EAAE,KAAK,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;QACtC,iBAAiB,EAAE,MAAM,CAAC;QAC1B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,SAAS,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACjC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;CACjB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;AAEzD;;GAEG;AACH,oBAAY,iBAAiB;IAC3B,YAAY,wBAAwB;IACpC,gBAAgB,4BAA4B;CAC7C"}

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

@@ -1,3 +1,6 @@
+/**
+ * @beta
+ */
 export var ClapprStatsEvents;
 (function (ClapprStatsEvents) {
     ClapprStatsEvents["REPORT_EVENT"] = "clappr:stats:report";

package/lib/plugins/click-to-pause/ClickToPause.d.ts

@@ -1,12 +1,24 @@
 import { ContainerPlugin } from '@clappr/core';
+/**
+ * Adds a behavior of toggling the playback state on click over the container
+ * @beta
+ */
 export declare class ClickToPause extends ContainerPlugin {
     private pointerEnabled;
     private timer;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
-    get config(): any;
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private click;
     private settingsUpdate;

package/lib/plugins/click-to-pause/ClickToPause.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClickToPause.d.ts","sourceRoot":"","sources":["../../../src/plugins/click-to-pause/ClickToPause.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAoB,MAAM,cAAc,CAAC;AAWjE,qBAAa,YAAa,SAAQ,eAAe;IAC/C,OAAO,CAAC,cAAc,CAAS;IAE/B,OAAO,CAAC,KAAK,CAAsB;IAEnC,IAAI,IAAI,WAEP;IAED,IAAI,gBAAgB;;MAEnB;IAED,IAAI,MAAM,QAET;IAEQ,UAAU;IAKnB,OAAO,CAAC,KAAK;IAoBb,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,UAAU;CAMnB"}
+{"version":3,"file":"ClickToPause.d.ts","sourceRoot":"","sources":["../../../src/plugins/click-to-pause/ClickToPause.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAoB,MAAM,cAAc,CAAA;AAShE;;;GAGG;AACH,qBAAa,YAAa,SAAQ,eAAe;IAC/C,OAAO,CAAC,cAAc,CAAQ;IAE9B,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAI,gBAAgB;;MAEnB;IAED;;OAEG;IACM,UAAU;IASnB,OAAO,CAAC,KAAK;IAoBb,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAUlB,OAAO,CAAC,UAAU;CAMnB"}

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

@@ -1,22 +1,32 @@
 //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, Playback } from '@clappr/core';
 import { trace } from '@gcorevideo/utils';
 import { CLAPPR_VERSION } from '../../build.js';
 const T = 'plugins.click_to_pause_custom';
+/**
+ * Adds a behavior of toggling the playback state on click over the container
+ * @beta
+ */
 export class ClickToPause extends ContainerPlugin {
     pointerEnabled = false;
     timer = null;
+    /**
+     * @internal
+     */
     get name() {
         return 'click_to_pause_custom';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    get config() {
-        return this.container.options.clickToPauseConfig || {};
-    }
+    /**
+     * @internal
+     */
     bindEvents() {
         this.listenTo(this.container, Events.CONTAINER_CLICK, this.click);
         this.listenTo(this.container, Events.CONTAINER_SETTINGSUPDATE, this.settingsUpdate);

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

@@ -1,25 +1,57 @@
 import { UICorePlugin } from '@clappr/core';
 import '../../../assets/clips/clips.scss';
+/**
+ * Configuration options
+ */
+export interface ClipsPluginSettings {
+    /**
+     * The text to display over the seekbar.
+     */
+    text: string;
+}
+/**
+ * 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 declare class ClipsPlugin extends UICorePlugin {
     private clips;
     private duration;
     private durationGetting;
     private _oldContainer;
     private svgMask;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get attributes(): {
         class: string;
     };
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private _onCoreReady;
-    unbindEvents(): void;
     private _onMediaControlContainerChanged;
     private playerResize;
     private _bindContainerEvents;
     private onTimeUpdate;
     private parseClips;
+    /**
+     * Returns the text of the current clip.
+     * @param time - The current time of the player.
+     * @returns The text of the current clip.
+     */
     getText(time: number): string;
-    makeSvg(duration: number): void;
+    private makeSvg;
     private setSVGMask;
     private setClipText;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Clips.d.ts","sourceRoot":"","sources":["../../../src/plugins/clips/Clips.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAK,MAAM,cAAc,CAAC;AAKlE,OAAO,kCAAkC,CAAC;AAc1C,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,KAAK,CAAmC;IAEhD,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,aAAa,CAAwB;IAE7C,OAAO,CAAC,OAAO,CAA4B;IAE3C,IAAI,IAAI,WAEP;IAED,IAAa,UAAU;;MAItB;IAEQ,UAAU;IAMnB,OAAO,CAAC,YAAY;IAUpB,YAAY;IAOZ,OAAO,CAAC,+BAA+B;IAIvC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IAwBlB,OAAO,CAAC,IAAI,EAAE,MAAM;IASpB,OAAO,CAAC,QAAQ,EAAE,MAAM;IAuBxB,OAAO,CAAC,UAAU;IAelB,OAAO,CAAC,WAAW;CAOpB"}
+{"version":3,"file":"Clips.d.ts","sourceRoot":"","sources":["../../../src/plugins/clips/Clips.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAK,MAAM,cAAc,CAAA;AAKjE,OAAO,kCAAkC,CAAA;AAezC;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;;;;;;;;GASG;AACH,qBAAa,WAAY,SAAQ,YAAY;IAC3C,OAAO,CAAC,KAAK,CAAmC;IAEhD,OAAO,CAAC,QAAQ,CAAY;IAE5B,OAAO,CAAC,eAAe,CAAQ;IAE/B,OAAO,CAAC,aAAa,CAAuB;IAE5C,OAAO,CAAC,OAAO,CAA2B;IAE1C;;OAEG;IACH,IAAI,IAAI,WAEP;IAED;;OAEG;IACH,IAAa,UAAU;;MAItB;IAED;;OAEG;IACM,UAAU;IAanB,OAAO,CAAC,YAAY;IAUpB,OAAO,CAAC,+BAA+B;IAIvC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAmB5B,OAAO,CAAC,YAAY;IAepB,OAAO,CAAC,UAAU;IA4BlB;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM;IASpB,OAAO,CAAC,OAAO;IA4Bf,OAAO,CAAC,UAAU;IAiBlB,OAAO,CAAC,WAAW;CAQpB"}

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,63 @@
-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 {
+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,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"}