@gcorevideo/player 2.19.7 → 2.19.8

package/dist/plugins/index.js

@@ -35656,6 +35656,7 @@ class ClipsPlugin extends UICorePlugin {
     duration = 0;
     durationGetting = false;
     _oldContainer;
+    svgMask = null;
     get name() {
         return 'clips';
     }
@@ -35707,7 +35708,7 @@ class ClipsPlugin extends UICorePlugin {
         }
         for (const value of this.clips.values()) {
             if (event.current >= value.start && event.current < value.end) {
-                this.core.mediaControl.setClipText(value.text);
+                this.setClipText(value.text);
                 break;
             }
         }
@@ -35754,7 +35755,26 @@ class ClipsPlugin extends UICorePlugin {
         });
         svg += `<rect x="${finishValue}" y="0" width="${widthOfSeek - finishValue}" height="30"/>\n`;
         svg += '</clipPath>' + '</defs>' + '</svg>';
+        this.setSVGMask(svg);
+    }
+    setSVGMask(svg) {
         this.core.mediaControl.setSVGMask(svg);
+        if (this.svgMask) {
+            this.svgMask.remove();
+        }
+        const $seekBarContainer = this.core.mediaControl.getElement('seekBarContainer');
+        if ($seekBarContainer?.get(0)) {
+            $seekBarContainer.addClass('clips');
+        }
+        this.svgMask = $(svg);
+        $seekBarContainer?.append(this.svgMask);
+    }
+    setClipText(text) {
+        const $clipText = this.core.mediaControl.getElement('clipText');
+        if ($clipText && text) {
+            $clipText.show();
+            $clipText.text(`${text}`);
+        }
     }
 }
 
@@ -36432,6 +36452,9 @@ class GoogleAnalytics extends ContainerPlugin {
 /* eslint-disable */
 // Kibo is released under the MIT License. Copyright (c) 2013 marquete.
 // see https://github.com/marquete/kibo
+/**
+ * @internal
+ */
 class Kibo {
     element;
     lastKeyCode = -1;
@@ -37122,9 +37145,14 @@ const fullscreenOnIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\"
 // 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.
-/**
- * The MediaControl is responsible for displaying the Player controls.
- */
+const LEFT_ORDER = [
+    'playpause',
+    'playstop',
+    'live',
+    'volume',
+    'position',
+    'duration',
+];
 const { Config, Fullscreen, formatTime: formatTime$1, extend, removeArrayItem } = Utils;
 function orderByOrderPattern(arr, order) {
     const arrWithoutDuplicates = [...new Set(arr)];
@@ -37132,6 +37160,13 @@ function orderByOrderPattern(arr, order) {
     const rest = arrWithoutDuplicates.filter((item) => !order.includes(item));
     return [...ordered, ...rest];
 }
+/**
+ * The MediaControl is responsible for displaying the Player controls.
+ * @beta
+ * @remarks
+ * This plugin provides a foundation for developing a media controls UI via additional plugins.
+ * The methods exposed are to be used by the other plugins that extend the media control UI.
+ */
 class MediaControl extends UICorePlugin {
     advertisementPlaying = false;
     buttonsColor = null;
@@ -37184,6 +37219,7 @@ class MediaControl extends UICorePlugin {
     $volumeBarScrubber = null;
     $volumeContainer = null;
     $volumeIcon = null;
+    template = tmpl(mediaControlHTML);
     get name() {
         return 'media_control';
     }
@@ -37235,14 +37271,17 @@ class MediaControl extends UICorePlugin {
             'mouseleave .media-control-layer[data-controls]': 'resetUserKeepVisible',
         };
     }
-    get template() {
-        return tmpl(mediaControlHTML);
-    }
+    /**
+     * Current volume
+     */
     get volume() {
         return this.container && this.container.isReady
             ? this.container.volume
             : this.intendedVolume;
     }
+    /**
+     * Muted state
+     */
     get muted() {
         return this.volume === 0;
     }
@@ -37337,15 +37376,27 @@ class MediaControl extends UICorePlugin {
         this.bindKeyEvents();
         this.show();
     }
+    /**
+     * Start the playback
+     */
     play() {
         this.container && this.container.play();
     }
+    /**
+     * Pause the playback
+     */
     pause() {
         this.container && this.container.pause();
     }
+    /**
+     * Stop the playback
+     */
     stop() {
         this.container && this.container.stop();
     }
+    /**
+     * Set the initial volume, which is preserved when playback is interrupted by an advertisement
+     */
     setInitialVolume() {
         const initialVolume = this.persistConfig ? Config.restore('volume') : 100;
         const options = (this.container && this.container.options) || this.options;
@@ -37544,6 +37595,13 @@ class MediaControl extends UICorePlugin {
     toggleMute() {
         this.setVolume(this.muted ? 100 : 0);
     }
+    /**
+     * Set the volume
+     * @param value - The volume value
+     * @param isInitialVolume - save as the initial volume
+     * @remarks
+     * Initial volume can be restored later
+     */
     setVolume(value, isInitialVolume = false) {
         value = Math.min(100, Math.max(value, 0));
         // this will hold the intended volume
@@ -37764,14 +37822,6 @@ class MediaControl extends UICorePlugin {
             default: [],
             right: [],
         });
-        const LEFT_ORDER = [
-            'playpause',
-            'playstop',
-            'live',
-            'volume',
-            'position',
-            'duration',
-        ];
         newSettings.left = orderByOrderPattern([...newSettings.left, 'clipsText', 'volume'], LEFT_ORDER);
         newSettings.right = [
             'fullscreen',
@@ -37838,12 +37888,20 @@ class MediaControl extends UICorePlugin {
         this.resetIndicators();
         this.initializeIcons();
     }
+    /**
+     * Get a media control element DOM node
+     * @param name - The name of the media control element
+     * @returns The DOM node to render the media control element
+     */
     getElement(name) {
         switch (name) {
+            case 'clipText':
+                return this.$clipText;
             case 'pip':
                 return this.$pip;
+            case 'seekBarContainer':
+                return this.$seekBarContainer;
         }
-        return null;
     }
     resetIndicators() {
         assert.ok(this.$duration && this.$position, 'duration and position elements must be present');
@@ -38042,9 +38100,6 @@ class MediaControl extends UICorePlugin {
         this.trigger(Events$1.MEDIACONTROL_RENDERED);
         return this;
     }
-    get bigPlayButton() {
-        return playIcon;
-    }
     handleFullScreenOnBtn() {
         this.trigger(Events$1.MEDIACONTROL_FULLSCREEN, this.name);
         this.container.fullscreen();
@@ -38062,37 +38117,24 @@ class MediaControl extends UICorePlugin {
         }
         this.resetUserKeepVisible();
     }
+    // TODO manage by the ads plugin
     onStartAd() {
         this.advertisementPlaying = true;
         this.disable();
     }
+    // TODO manage by the ads plugin
     onFinishAd() {
         this.advertisementPlaying = false;
         this.enable();
     }
-    setClipText(txt) {
-        if (this.$clipText && txt) {
-            this.$clipTextContainer?.show();
-            this.$clipText.text(`${txt}`);
-        }
-    }
+    // TODO remove
     hideControllAds() {
         if (this.container.advertisement &&
             this.container.advertisement.type !== 'idle') {
             this.hide();
         }
     }
-    setSVGMask(svg) {
-        if (this.svgMask) {
-            this.svgMask.remove();
-        }
-        if (this.$seekBarContainer?.get(0)) {
-            this.$seekBarContainer.addClass('clips');
-        }
-        this.svgMask = $(svg);
-        this.$seekBarContainer?.append(this.svgMask);
-    }
-    // https://bugs.chromium.org/p/chromium/issues/detail?id=109212
+    // TODO
     setMuted(value) {
         this.container.options.mute = value;
     }
@@ -38108,13 +38150,17 @@ class MediaControl extends UICorePlugin {
         }
         return 0;
     }
-    //Решают проблему, когда нам не нужно, чтобы с помощью контролов человек мог запускать
-    // или останавливать поток, контролы, которыми он управляет не должны работать
+    /**
+     * Enable the control button
+     */
     enableControlButton() {
         this.disabledClickableList.forEach((element) => {
             element.el.css({ 'pointer-events': element.pointerEventValue });
         });
     }
+    /**
+     * Disable the control button
+     */
     disabledControlButton() {
         this.disabledClickableList.forEach((element) => {
             element.el.css({ 'pointer-events': 'none' });

package/docs/api/player.bigmutebutton.md

@@ -169,19 +169,5 @@ Description
 **_(BETA)_**
 
 
-</td></tr>
-<tr><td>
-
-[unBindEvents()](./player.bigmutebutton.unbindevents.md)
-
-
-</td><td>
-
-
-</td><td>
-
-**_(BETA)_**
-
-
 </td></tr>
 </tbody></table>

package/docs/api/player.levelselector.md

@@ -22,7 +22,7 @@ The plugin is rendered as a button in the gear menu. When clicked, it shows a li
 
 Configuration options:
 
-- `labels`<!-- -->: The labels to show in the level selector. \[vertical resolution\]: string - `restrictResolution`<!-- -->: The maximum resolution to allow in the level selector. - `title`<!-- -->: The title to show in the level selector.
+- `labels`<!-- -->: The labels to show in the level selector. \[vertical resolution\]: string - `restrictResolution`<!-- -->: The maximum resolution to allow in the level selector.
 
 ## Example
 

package/docs/api/player.md

@@ -149,15 +149,6 @@ Description
 </td><td>
 
 
-</td></tr>
-<tr><td>
-
-[Kibo](./player.kibo.md)
-
-
-</td><td>
-
-
 </td></tr>
 <tr><td>
 
@@ -186,6 +177,8 @@ Description
 
 </td><td>
 
+**_(BETA)_** The MediaControl is responsible for displaying the Player controls.
+
 
 </td></tr>
 <tr><td>
@@ -522,6 +515,17 @@ Description
 **_(BETA)_** An ISO 639-1 language code.
 
 
+</td></tr>
+<tr><td>
+
+[MediaControlElement](./player.mediacontrolelement.md)
+
+
+</td><td>
+
+**_(BETA)_**
+
+
 </td></tr>
 <tr><td>
 
@@ -707,5 +711,16 @@ Description
 **_(BETA)_** Preferred media delivery protocol
 
 
+</td></tr>
+<tr><td>
+
+[ZeptoResult](./player.zeptoresult.md)
+
+
+</td><td>
+
+**_(BETA)_**
+
+
 </td></tr>
 </tbody></table>

package/docs/api/player.mediacontrol._constructor_.md

@@ -4,12 +4,15 @@
 
 ## MediaControl.(constructor)
 
+> 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.
+> 
+
 Constructs a new instance of the `MediaControl` class
 
 **Signature:**
 
 ```typescript
-constructor(core: PlayerClappr);
+constructor(core: Core);
 ```
 
 ## Parameters
@@ -37,7 +40,7 @@ core
 
 </td><td>
 
-PlayerClappr
+Core
 
 
 </td><td>

package/docs/api/player.mediacontrol.attributes.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.attributes property
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.bindcontainerevents.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.bindContainerEvents() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.bindevents.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.bindEvents() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.container.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.container property
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.destroy.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.destroy() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.disable.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.disable() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.disabled.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.disabled property
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.disabledcontrolbutton.md

@@ -4,6 +4,11 @@
 
 ## MediaControl.disabledControlButton() method
 
+> 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.
+> 
+
+Disable the control button
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.enable.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.enable() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.enablecontrolbutton.md

@@ -4,6 +4,11 @@
 
 ## MediaControl.enableControlButton() method
 
+> 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.
+> 
+
+Enable the control button
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.events.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.events property
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript

package/docs/api/player.mediacontrol.getelement.md

@@ -4,6 +4,11 @@
 
 ## MediaControl.getElement() method
 
+> 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.
+> 
+
+Get a media control element DOM node
+
 **Signature:**
 
 ```typescript
@@ -35,15 +40,19 @@ name
 
 </td><td>
 
-MediaControlElement
+[MediaControlElement](./player.mediacontrolelement.md)
 
 
 </td><td>
 
+The name of the media control element
+
 
 </td></tr>
 </tbody></table>
 **Returns:**
 
-ZeptoResult \| null
+[ZeptoResult](./player.zeptoresult.md) \| null
+
+The DOM node to render the media control element
 

package/docs/api/player.mediacontrol.getexternalinterface.md

@@ -4,6 +4,9 @@
 
 ## MediaControl.getExternalInterface() method
 
+> 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.
+> 
+
 **Signature:**
 
 ```typescript