@gcorevideo/player 2.19.6 → 2.19.8

package/dist/index.js

@@ -42865,7 +42865,7 @@ class Player {
     }
 }
 
-var version$1 = "2.19.6";
+var version$1 = "2.19.8";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -42898,6 +42898,9 @@ const audioArrow = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<svg width=\"9px
 const VERSION$6 = '0.0.1';
 // const T = 'plugins.audio_selector';
 const AUTO = 0;
+/**
+ * @beta
+ */
 class AudioSelector extends UICorePlugin {
     selectedTrackId;
     currentTrack = null;
@@ -43171,6 +43174,9 @@ const volumeOffIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fil
 const pluginHtml$7 = "<div class=\"big-mute-icon-wrapper\" data-big-mute>\n    <div class=\"big-mute-icon gcore-skin-border-color\" data-big-mute-icon></div>\n</div>\n";
 
 const T$9 = "plugins.big_mute_button";
+/**
+ * @beta
+ */
 class BigMuteButton extends UICorePlugin {
     isBigMuteButtonHidden = false;
     _adIsPlaying = false;
@@ -43315,6 +43321,9 @@ const gearIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"n
 const gearHdIcon = "<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g clip-path=\"url(#clip0_28_1567)\">\n    <path\n      d=\"M19.14 12.94C19.18 12.64 19.2 12.33 19.2 12C19.2 11.68 19.18 11.36 19.13 11.06L21.16 9.47999C21.34 9.33999 21.39 9.06999 21.28 8.86999L19.36 5.54999C19.24 5.32999 18.99 5.25999 18.77 5.32999L16.38 6.28999C15.88 5.90999 15.35 5.58999 14.76 5.34999L14.4 2.80999C14.36 2.56999 14.16 2.39999 13.92 2.39999H10.08C9.83999 2.39999 9.64999 2.56999 9.60999 2.80999L9.24999 5.34999C8.65999 5.58999 8.11999 5.91999 7.62999 6.28999L5.23999 5.32999C5.01999 5.24999 4.76999 5.32999 4.64999 5.54999L2.73999 8.86999C2.61999 9.07999 2.65999 9.33999 2.85999 9.47999L4.88999 11.06C4.83999 11.36 4.79999 11.69 4.79999 12C4.79999 12.31 4.81999 12.64 4.86999 12.94L2.83999 14.52C2.65999 14.66 2.60999 14.93 2.71999 15.13L4.63999 18.45C4.75999 18.67 5.00999 18.74 5.22999 18.67L7.61999 17.71C8.11999 18.09 8.64999 18.41 9.23999 18.65L9.59999 21.19C9.64999 21.43 9.83999 21.6 10.08 21.6H13.92C14.16 21.6 14.36 21.43 14.39 21.19L14.75 18.65C15.34 18.41 15.88 18.09 16.37 17.71L18.76 18.67C18.98 18.75 19.23 18.67 19.35 18.45L21.27 15.13C21.39 14.91 21.34 14.66 21.15 14.52L19.14 12.94ZM12 15.6C10.02 15.6 8.39999 13.98 8.39999 12C8.39999 10.02 10.02 8.39999 12 8.39999C13.98 8.39999 15.6 10.02 15.6 12C15.6 13.98 13.98 15.6 12 15.6Z\"\n      fill=\"#C9C9C9\"/>\n    <rect x=\"13\" width=\"11\" height=\"7\" rx=\"1\" fill=\"#F6413B\"/>\n    <path\n      d=\"M14.6962 6V1.63636H15.3546V3.53267H17.53V1.63636H18.1905V6H17.53V4.0973H15.3546V6H14.6962ZM20.562 6H19.1493V1.63636H20.6067C21.0343 1.63636 21.4015 1.72372 21.7083 1.89844C22.0151 2.07173 22.2502 2.32102 22.4135 2.64631C22.5783 2.97017 22.6607 3.35866 22.6607 3.81179C22.6607 4.26634 22.5776 4.65696 22.4114 4.98366C22.2466 5.31037 22.008 5.56179 21.6955 5.73793C21.383 5.91264 21.0051 6 20.562 6ZM19.8077 5.42472H20.5257C20.8581 5.42472 21.1344 5.36222 21.3546 5.23722C21.5748 5.1108 21.7395 4.92827 21.8489 4.68963C21.9583 4.44957 22.013 4.15696 22.013 3.81179C22.013 3.46946 21.9583 3.17898 21.8489 2.94034C21.7409 2.7017 21.5797 2.5206 21.3652 2.39702C21.1507 2.27344 20.8844 2.21165 20.5662 2.21165H19.8077V5.42472Z\"\n      fill=\"#C9C9C9\"/>\n  </g>\n  <defs>\n    <clipPath id=\"clip0_28_1567\">\n      <rect width=\"24\" height=\"24\" fill=\"white\"/>\n    </clipPath>\n  </defs>\n</svg>\n";
 
 const VERSION$5 = '0.0.1';
+/**
+ * @beta
+ */
 class BottomGear extends UICorePlugin {
     isHd = false;
     get name() {
@@ -45544,6 +45553,9 @@ const drawSummary = (customMetrics, vodContainer, liveContainer) => {
     liveContainer.html(liveHtml);
 };
 // const T = 'plugins.clappr_nerd_stats';
+/**
+ * @beta
+ */
 class ClapprNerdStats extends UICorePlugin {
     container = null;
     customMetrics = {
@@ -45761,6 +45773,9 @@ function newMetrics() {
 
 // TODO: fix
 const updateMetrics = () => { };
+/**
+ * @beta
+ */
 class ClapprStats extends ContainerPlugin {
     bwMeasureCount = 0;
     intervalId = null;
@@ -46223,6 +46238,7 @@ class ClipsPlugin extends UICorePlugin {
     duration = 0;
     durationGetting = false;
     _oldContainer;
+    svgMask = null;
     get name() {
         return 'clips';
     }
@@ -46274,7 +46290,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;
             }
         }
@@ -46321,7 +46337,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}`);
+        }
     }
 }
 
@@ -47004,6 +47039,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;
@@ -47222,7 +47260,6 @@ const VERSION$4 = '2.19.4';
  *
  * - `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.
  *
  * @example
  * ```ts
@@ -47356,7 +47393,7 @@ class LevelSelector extends UICorePlugin {
     get maxLevel() {
         const maxRes = this.core.options.levelSelector?.restrictResolution;
         return maxRes
-            ? this.levels.findIndex((level) => level.height === maxRes)
+            ? this.levels.findIndex((level) => (level.height > level.width ? level.width : level.height) === maxRes)
             : -1;
     }
     fillLevels(levels) {
@@ -47365,9 +47402,8 @@ class LevelSelector extends UICorePlugin {
         this.makeLevelsLabels();
         if (maxResolution) {
             this.removeAuto = true;
-            // TODO account for vertical resolutions, i.e, normalize the resolution to the width
             const initialLevel = levels
-                .filter((level) => level.height <= maxResolution)
+                .filter((level) => (level.width > level.height ? level.height : level.width) <= maxResolution)
                 .pop();
             this.setLevel(initialLevel?.level ?? 0);
         }
@@ -47383,9 +47419,6 @@ class LevelSelector extends UICorePlugin {
             this.levelLabels.push(label);
         }
     }
-    findLevelBy(id) {
-        return this.levels.find((level) => level.level === id);
-    }
     onLevelSelect(event) {
         const selectedLevel = parseInt(event.currentTarget?.dataset?.id ?? '-1', 10);
         this.setLevel(selectedLevel);
@@ -47428,9 +47461,6 @@ class LevelSelector extends UICorePlugin {
     levelElement(id = -1) {
         return this.$(`ul.gear-sub-menu a[data-id="${id}"]`).parent();
     }
-    getTitle() {
-        return (this.core.options.levelSelector || {}).title;
-    }
     onLevelSwitchStart() {
         this.core.activePlayback.trigger('playback:level:select:start');
         this.levelElement(this.selectedLevelId).addClass('changing');
@@ -47708,9 +47738,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)];
@@ -47718,6 +47753,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;
@@ -47770,6 +47812,7 @@ class MediaControl extends UICorePlugin {
     $volumeBarScrubber = null;
     $volumeContainer = null;
     $volumeIcon = null;
+    template = tmpl(mediaControlHTML);
     get name() {
         return 'media_control';
     }
@@ -47821,14 +47864,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;
     }
@@ -47923,15 +47969,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;
@@ -48131,6 +48189,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
@@ -48351,14 +48416,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',
@@ -48425,12 +48482,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');
@@ -48629,9 +48694,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();
@@ -48649,37 +48711,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;
     }
@@ -48695,13 +48744,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' });
@@ -51247,6 +51300,9 @@ var VolumeFadeEvents;
 (function (VolumeFadeEvents) {
     VolumeFadeEvents["FADE"] = "core:volume:fade";
 })(VolumeFadeEvents || (VolumeFadeEvents = {}));
+/**
+ * @beta
+ */
 class VolumeFade extends UICorePlugin {
     _aboveBorderVolume = 0;
     container = null;