@gcorevideo/player 2.22.14 → 2.22.15

package/dist/index.js

@@ -42219,16 +42219,6 @@ class HlsPlayback extends BasePlayback {
         this.seek(seekTo);
     }
     seek(time) {
-        // trace(`${T} seek`, {
-        //   time,
-        //   duration: this._duration,
-        //   startTime: this._startTime,
-        //   currentTimestamp: this.currentTimestamp,
-        //   playbackType: this.getPlaybackType(),
-        //   dvrEnabled: this.dvrEnabled,
-        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-        //   minDvrSize: this._minDvrSize,
-        //  })
         if (time < 0) {
             Log.warn('Attempt to seek to a negative time. Resetting to live point. Use seekToLivePoint() to seek to the live point.');
             time = this.getDuration();
@@ -42380,11 +42370,6 @@ class HlsPlayback extends BasePlayback {
             return;
         }
         this._lastTimeUpdate = update;
-        // trace(`${T} _onTimeUpdate`, {
-        //   current: update.current,
-        //   total: update.total,
-        //   firstFragDateTime: update.firstFragDateTime,
-        // })
         this.trigger(Events$1.PLAYBACK_TIMEUPDATE, update, this.name);
     }
     _onDurationChange() {
@@ -42655,12 +42640,6 @@ class HlsPlayback extends BasePlayback {
         this.trigger(Events$1.PLAYBACK_LEVEL_SWITCH_END);
     }
     get dvrEnabled() {
-        // trace(`${T} dvrEnabled`, {
-        //   durationExcludesAfterLiveSyncPoint: this._durationExcludesAfterLiveSyncPoint,
-        //   duration: this._duration,
-        //   minDvrSize: this._minDvrSize,
-        //   playbackType: this.getPlaybackType(),
-        // })
         // enabled when:
         // - the duration does not include content after hlsjs's live sync point
         // - the playable region duration is longer than the configured duration to enable dvr after
@@ -42949,6 +42928,9 @@ class Player {
      * ```
      */
     attachTo(playerElement) {
+        trace(`${T$h} attachTo`, {
+            player: !!this.player,
+        });
         assert.ok(!this.player, 'Player already initialized');
         assert.ok(playerElement, 'Player container element is required');
         if (this.config.debug === 'all' || this.config.debug === 'clappr') {
@@ -43160,9 +43142,9 @@ class Player {
         trace(`${T$h} initPlayer`, {
             autoPlay: coreOptions.autoPlay,
             sources: coreOptions.sources,
+            player: !!this.player,
             // TODO selected options
         });
-        assert.ok(!this.player, 'Player already initialized');
         const player = new Player$1(coreOptions);
         this.player = player;
         this.bindCoreListeners();
@@ -43325,7 +43307,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.14";
+var version$1 = "2.22.15";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -46666,7 +46648,7 @@ class ClapprStats extends ContainerPlugin {
 // 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 at https://github.com/clappr/clappr-plugins/blob/master/LICENSE.
-const T$d = 'plugins.click_to_pause_custom';
+const T$d = 'plugins.click_to_pause';
 /**
  * A small `PLUGIN` that toggles the playback state on click over the video container
  * @beta
@@ -46929,18 +46911,18 @@ class ClipsPlugin extends UICorePlugin {
     }
 }
 
-const templateHtml$1 = "<ul class=\"context-menu-list\">\n    <% if(options) { %>\n        <% for (var i = 0; i < options.length; i++) { %>\n        <li class=\"context-menu-list-item <%= options[i].class %>\"\n            data-<%= options[i].name %>><%= options[i].label %></li>\n        <% } %>\n    <% } %>\n</ul>\n";
+const templateHtml$1 = "<ul class=\"context-menu-list\" role=\"menu\" id=\"context-menu-options\">\n    <% for (const item of options) { %>\n    <li class=\"context-menu-list-item <%= item.class %>\">\n        <button role=\"menuitem\" data-name=\"<%= item.name %>\">\n            <% if (iconic) { %>\n            <span class=\"context-menu-list-item_icon\"><%= item.icon || '' %></span>\n            <% } %>\n            <% if (item.labelKey) { %>\n                <%= i18n.t(item.labelKey) %>\n            <% } else { %>\n                <%= item.label %>\n            <% } %>\n        </button>\n    </li>\n    <% } %>\n</ul>\n";
 
 /**
  * `PLUGIN` that displays a small context menu when clicked on the player container.
  * @beta
  * @remarks
  * Configuration options - {@link ContextMenuPluginSettings}
+ *
+ * Should not be used together with {@link ClickToPause} plugin
  */
 class ContextMenu extends UIContainerPlugin {
-    _label = '';
-    _url = '';
-    menuOptions = [];
+    open = false;
     /**
      * @internal
      */
@@ -46960,34 +46942,16 @@ class ContextMenu extends UIContainerPlugin {
         return { class: 'context-menu' };
     }
     static template = tmpl(templateHtml$1);
-    get label() {
-        return this._label || 'Gcore player ver. ' + version().gplayer;
-    }
-    get url() {
-        return this._url || 'https://gcore.com/';
-    }
-    get exposeVersion() {
-        return {
-            label: this.label,
-            name: 'version',
-        };
-    }
     /**
      * @internal
      */
     get events() {
         return {
-            'click [data-version]': 'onOpenMainPage',
+            'click [role="menuitem"]': 'runAction',
         };
     }
     constructor(container) {
         super(container);
-        if (this.options.contextMenu && this.options.contextMenu.label) {
-            this._label = this.options.contextMenu.label;
-        }
-        if (this.options.contextMenu && this.options.contextMenu.url) {
-            this._url = this.options.contextMenu.url;
-        }
         this.render();
         $('body').on('click', this.hideOnBodyClick);
     }
@@ -46995,8 +46959,8 @@ class ContextMenu extends UIContainerPlugin {
      * @internal
      */
     bindEvents() {
-        this.listenTo(this.container, Events$1.CONTAINER_CONTEXTMENU, this.toggleContextMenu);
-        this.listenTo(this.container, Events$1.CONTAINER_CLICK, this.hide);
+        this.listenTo(this.container, Events$1.CONTAINER_CONTEXTMENU, this.onContextMenu);
+        this.listenTo(this.container, Events$1.CONTAINER_CLICK, this.onContainerClick);
     }
     /**
      * @internal
@@ -47005,34 +46969,55 @@ class ContextMenu extends UIContainerPlugin {
         $('body').off('click', this.hideOnBodyClick);
         return super.destroy();
     }
-    toggleContextMenu(event) {
+    onContainerClick() {
+        this.hide();
+    }
+    onContextMenu(event) {
+        if (!this.options.contextMenu?.options?.length) {
+            return;
+        }
         event.preventDefault();
+        event.stopPropagation();
         const offset = this.container?.$el.offset();
         this.show(event.pageY - offset.top, event.pageX - offset.left);
     }
     show(top, left) {
-        this.hide();
-        if (this.options.contextMenu &&
-            this.options.contextMenu.preventShowContextMenu) {
-            return;
-        }
+        this.open = true;
         this.$el.css({ top, left });
         this.$el.show();
     }
     hide() {
+        this.open = false;
         this.$el.hide();
     }
-    onOpenMainPage() {
-        window.open(this.url, '_blank');
+    runAction(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        const itemName = event.currentTarget.dataset.name;
+        if (!itemName) {
+            return;
+        }
+        const item = this.options.contextMenu?.options.find((option) => option.name === itemName);
+        if (item?.handler) {
+            item.handler();
+        }
+        this.hide();
     }
     /**
      * @internal
      */
     render() {
-        this.menuOptions = [this.exposeVersion];
-        this.$el.html(ContextMenu.template({ options: this.menuOptions }));
+        if (!this.options.contextMenu?.options?.length) {
+            return this;
+        }
+        const options = this.options.contextMenu.options;
+        this.$el.html(ContextMenu.template({
+            options,
+            i18n: this.container.i18n,
+            iconic: options.some((option) => option.icon),
+        }));
         this.container.$el.append(this.$el); // TODO append to the container, turn into a container plugin
-        this.hide();
+        this.$el.hide();
         return this;
     }
     hideOnBodyClick = () => {