@gcorevideo/player 2.20.11 → 2.20.12

package/dist/index.js

@@ -43090,7 +43090,7 @@ class Player {
     }
 }
 
-var version$1 = "2.20.11";
+var version$1 = "2.20.12";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -48411,7 +48411,6 @@ class ErrorScreen extends UICorePlugin {
             ...this.err,
             reloadIcon: this.options.errorScreen?.noReload ? null : reloadIcon,
         }));
-        // TODO append to container instead of core?
         if (!this.el.parentElement) {
             this.core.$el.append(this.el);
         }
@@ -48421,26 +48420,32 @@ class ErrorScreen extends UICorePlugin {
 
 const FAVICON_COLOR = '#567';
 const FAVICON_SELECTOR = 'link[rel="shortcut icon"]';
-// const oldIcon = $(FAVICON_SELECTOR);
 /**
- * `PLUGIN` that adds custom favicon to the player's tab.
+ * `PLUGIN` that changes the favicon according to the player's state.
  * @beta
+ * @remarks
+ * There are three states: stopped, playing and paused.
  */
 class Favicon extends CorePlugin {
-    _container = null;
     oldIcon;
     playIcon = null;
     pauseIcon = null;
     stopIcon = null;
+    /**
+     * @internal
+     */
     get name() {
         return 'favicon';
     }
+    /**
+     * @internal
+     */
     get supportedVersion() {
         return { min: CLAPPR_VERSION };
     }
-    //   get oldIcon() {
-    //     return oldIcon;
-    //   }
+    /**
+     * @internal
+     */
     constructor(core) {
         super(core);
         this.oldIcon = $(FAVICON_SELECTOR);
@@ -48448,41 +48453,31 @@ class Favicon extends CorePlugin {
             this.stopIcon = this.createIcon(stopIcon);
             this.changeIcon(this.stopIcon);
         }
-        this.configure();
-    }
-    configure() {
-        if (this.core.options.changeFavicon) {
-            if (!this.enabled) {
-                // @ts-ignore
-                this.stopListening(this.core, Events$1.CORE_OPTIONS_CHANGE);
-                this.enable();
-            }
-        }
-        else if (this.enabled) {
-            this.disable();
-            this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.configure);
-        }
     }
+    /**
+     * @internal
+     */
     bindEvents() {
-        this.listenTo(this.core, Events$1.CORE_OPTIONS_CHANGE, this.configure);
         this.listenTo(this.core, Events$1.CORE_ACTIVE_CONTAINER_CHANGED, this.containerChanged);
-        this.core.activeContainer && this.containerChanged();
     }
     containerChanged() {
-        // @ts-ignore
-        this._container && this.stopListening(this._container);
-        this._container = this.core.activeContainer;
-        this.listenTo(this._container, Events$1.CONTAINER_PLAY, this.setPlayIcon);
-        this.listenTo(this._container, Events$1.CONTAINER_PAUSE, this.setPauseIcon);
-        this.listenTo(this._container, Events$1.CONTAINER_STOP, this.resetIcon);
-        this.listenTo(this._container, Events$1.CONTAINER_ENDED, this.resetIcon);
-        this.listenTo(this._container, Events$1.CONTAINER_ERROR, this.resetIcon);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PLAY, this.setPlayIcon);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_PAUSE, this.setPauseIcon);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_STOP, this.resetIcon);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_ENDED, this.resetIcon);
+        this.listenTo(this.core.activeContainer, Events$1.CONTAINER_ERROR, this.resetIcon);
         this.resetIcon();
     }
+    /**
+     * @internal
+     */
     disable() {
         super.disable();
         this.resetIcon();
     }
+    /**
+     * @internal
+     */
     destroy() {
         super.destroy();
         this.resetIcon();
@@ -48513,15 +48508,12 @@ class Favicon extends CorePlugin {
         this.changeIcon(this.pauseIcon);
     }
     resetIcon() {
-        $(FAVICON_SELECTOR).remove();
         const icon = this.oldIcon.length > 0 ? this.oldIcon : this.stopIcon;
         this.changeIcon(icon);
     }
     changeIcon(icon) {
-        if (icon) {
-            $('link[rel="shortcut icon"]').remove();
-            $('head').append(icon);
-        }
+        $('link[rel="shortcut icon"]').remove();
+        $('head').append(icon);
     }
 }
 

package/dist/player.d.ts

@@ -3,7 +3,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.
+ * It is built on top of the {@link https://github.com/clappr/clappr | Clappr} library and provides a framework for building custom integrations.
  * Start with {@link Player} for more information.
  *
  * Various plugins (marked with `PLUGIN` keyword) are available to extend the player with additional features.
@@ -561,7 +561,7 @@ export declare class ContextMenu extends UIContainerPlugin {
 }
 
 /**
- * The plugin adds a context menu to the player.
+ * Context menu plugin settings
  * @beta
  */
 export declare interface ContextMenuPluginSettings {
@@ -703,24 +703,42 @@ export declare type ErrorScreenPluginSettings = {
 };
 
 /**
- * `PLUGIN` that adds custom favicon to the player's tab.
+ * `PLUGIN` that changes the favicon according to the player's state.
  * @beta
+ * @remarks
+ * There are three states: stopped, playing and paused.
  */
 export declare class Favicon extends CorePlugin {
-    private _container;
     private oldIcon;
     private playIcon;
     private pauseIcon;
     private stopIcon;
+    /**
+     * @internal
+     */
     get name(): string;
+    /**
+     * @internal
+     */
     get supportedVersion(): {
         min: string;
     };
+    /**
+     * @internal
+     */
     constructor(core: Core);
-    configure(): void;
+    /**
+     * @internal
+     */
     bindEvents(): void;
     private containerChanged;
+    /**
+     * @internal
+     */
     disable(): void;
+    /**
+     * @internal
+     */
     destroy(): void;
     private createIcon;
     private setPlayIcon;
@@ -729,6 +747,16 @@ export declare class Favicon extends CorePlugin {
     private changeIcon;
 }
 
+/**
+ * @beta
+ */
+export declare interface FaviconPluginSettings {
+    /**
+     * CSS color of the favicon.
+     */
+    faviconColor?: string;
+}
+
 /**
  * An element inside the gear menu
  * @beta
@@ -1158,6 +1186,12 @@ export declare class MediaControl extends UICorePlugin {
      * @returns  ZeptoSelector of the right panel element
      */
     getRightPanel(): any;
+    /**
+     * Get the left panel area to append custom elements to
+     * @returns  ZeptoSelector of the left panel element
+     */
+    getLeftPanel(): any;
+    getCenterPanel(): any;
     private resetIndicators;
     private initializeIcons;
     private setSeekPercentage;