@gcorevideo/player 2.22.9 → 2.22.11

package/dist/index.js

@@ -43304,7 +43304,7 @@ class Player {
     }
 }
 
-var version$1 = "2.22.9";
+var version$1 = "2.22.11";
 
 var packages = {
 	"node_modules/@clappr/core": {
@@ -49600,6 +49600,8 @@ class PlaybackRate extends UICorePlugin {
     // private prevSelectedRate: string | undefined
     selectedRate = DEFAULT_PLAYBACK_RATE;
     metadataLoaded = false;
+    playbackSettingsUpdateReceived = false;
+    mountTimerId = null;
     /**
      * @internal
      */
@@ -49659,8 +49661,10 @@ class PlaybackRate extends UICorePlugin {
     onActiveContainerChange() {
         trace(`${T$7} onActiveContainerChange`);
         this.metadataLoaded = false;
+        this.playbackSettingsUpdateReceived = false;
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_STOP, this.onStop);
         this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_PLAY, this.onPlay);
+        this.listenTo(this.core.activePlayback, Events$1.PLAYBACK_SETTINGSUPDATE, this.onSettingsUpdate);
         this.listenTo(this.core.activePlayback, PlaybackEvents.PLAYBACK_RATE_CHANGED, this.onPlaybackRateChange);
         this.listenTo(this.core.activeContainer, Events$1.CONTAINER_LOADEDMETADATA, this.onMetaDataLoaded);
     }
@@ -49689,10 +49693,35 @@ class PlaybackRate extends UICorePlugin {
             i18n: this.core.i18n,
         })));
     }
+    onSettingsUpdate() {
+        trace(`${T$7} onSettingsUpdate`, {
+            playbackType: this.core.activePlayback.getPlaybackType(),
+            dvrEnabled: this.core.activePlayback.dvrEnabled,
+        });
+        this.playbackSettingsUpdateReceived = true;
+        if (this.metadataLoaded) {
+            if (this.mountTimerId) {
+                clearTimeout(this.mountTimerId);
+                this.mountTimerId = null;
+            }
+            this.mount();
+        }
+    }
     onMetaDataLoaded() {
-        trace(`${T$7} onMetaDataLoaded`);
+        trace(`${T$7} onMetaDataLoaded`, {
+            playbackType: this.core.activePlayback.getPlaybackType(),
+            dvrEnabled: this.core.activePlayback.dvrEnabled,
+        });
         this.metadataLoaded = true;
-        this.render();
+        if (this.playbackSettingsUpdateReceived) {
+            this.mount();
+        }
+        else {
+            this.mountTimerId = setTimeout(() => {
+                this.mountTimerId = null;
+                this.mount();
+            }, 25);
+        }
     }
     allRateElements() {
         return this.$el.find('#playback-rate-menu li');
@@ -49713,13 +49742,13 @@ class PlaybackRate extends UICorePlugin {
         }
     }
     shouldMount() {
+        trace(`${T$7} shouldMount`, {
+            playbackType: this.core.activePlayback?.getPlaybackType(),
+            dvrEnabled: this.core.activePlayback?.dvrEnabled,
+        });
         if (!this.core.activePlayback || !this.metadataLoaded) {
             return false;
         }
-        trace(`${T$7} shouldMount`, {
-            playbackType: this.core.activePlayback.getPlaybackType(),
-            dvrEnabled: this.core.activePlayback.dvrEnabled,
-        });
         if (this.core.activePlayback.getPlaybackType() === Playback.LIVE &&
             !this.core.activePlayback.dvrEnabled) {
             return false;
@@ -49743,6 +49772,16 @@ class PlaybackRate extends UICorePlugin {
         this.mount();
         return this;
     }
+    /**
+     * @internal
+     */
+    destroy() {
+        if (this.mountTimerId) {
+            clearTimeout(this.mountTimerId);
+            this.mountTimerId = null;
+        }
+        return super.destroy();
+    }
     // private onStartAd() {
     //   this.prevSelectedRate = this.selectedRate
     //   this.resetPlaybackRate()
@@ -49804,8 +49843,8 @@ class PlaybackRate extends UICorePlugin {
     }
     getTitle() {
         const rate = this.selectedRate;
-        return (this.playbackRates.find((r) => r.value === rate)?.label ||
-            `x${rate}`);
+        return (this.playbackRates.find((r) => r.value === rate)
+            ?.label || `x${rate}`);
     }
     highlightCurrentRate() {
         trace(`${T$7} highlightCurrentRate`, {