saltfish 0.3.33 → 0.3.34

package/dist/saltfish-playlist-player.es.js

@@ -903,8 +903,8 @@ const playerStateMachineConfig = {
         "TRANSITION_TO_STEP": { target: "playing" },
         "MINIMIZE": { target: "minimized" }
       },
-      entry: ["logStateEntry", "startMutedLoopedVideo", "hideVideoControls", "showPlayButton", "enablePlayButtonProminent"],
-      exit: ["disablePlayButtonProminent", "showVideoControls"]
+      entry: ["logStateEntry", "enterCompactMode", "startMutedLoopedVideo", "hideVideoControls", "showPlayButton", "enablePlayButtonProminent"],
+      exit: ["disablePlayButtonProminent", "showVideoControls", "exitCompactMode"]
     },
     "idleMode": {
       on: {
@@ -913,7 +913,7 @@ const playerStateMachineConfig = {
         "MINIMIZE": { target: "minimized" }
       },
       entry: ["logStateEntry", "startIdleModeVideo", "hideVideoControls", "showPlayButton", "enablePlayButtonProminent"],
-      exit: ["disablePlayButtonProminent", "showVideoControls"]
+      exit: ["disablePlayButtonProminent", "showVideoControls", "exitCompactMode"]
     },
     "error": {
       on: {
@@ -2843,15 +2843,15 @@ class PlaylistOrchestrator {
           this.managers.cursorManager.setColor(updatedStore.manifest.cursorColor);
         }
         const isTriggeredAutomatically = finalOptions._triggeredByTriggerManager === true;
-        const isFirstStep = updatedStore.currentStepId === ((_e = updatedStore.manifest.steps[0]) == null ? void 0 : _e.id);
-        if (updatedStore.manifest.compactFirstStep && isFirstStep && isTriggeredAutomatically) {
-          const playerElement = this.managers.uiManager.getPlayerElement();
-          playerElement == null ? void 0 : playerElement.classList.add("sf-player--compact");
-          if (updatedStore.manifest.compactLabel) {
-            this.managers.uiManager.showCompactLabel(updatedStore.manifest.compactLabel);
-          }
-        }
         if (updatedStore.manifest.idleMode && isTriggeredAutomatically) {
+          const isFirstStep = updatedStore.currentStepId === ((_e = updatedStore.manifest.steps[0]) == null ? void 0 : _e.id);
+          if (updatedStore.manifest.compactFirstStep && isFirstStep) {
+            const playerElement = this.managers.uiManager.getPlayerElement();
+            playerElement == null ? void 0 : playerElement.classList.add("sf-player--compact");
+            if (updatedStore.manifest.compactLabel) {
+              this.managers.uiManager.showCompactLabel(updatedStore.manifest.compactLabel);
+            }
+          }
           store.setIdleMode();
         } else {
           store.play();
@@ -2974,6 +2974,12 @@ class StateMachineActionHandler {
       disablePlayButtonProminent: () => {
         this.handleDisablePlayButtonProminent();
       },
+      enterCompactMode: () => {
+        this.handleEnterCompactMode();
+      },
+      exitCompactMode: () => {
+        this.handleExitCompactMode();
+      },
       triggerPlaylistDismissed: () => {
         this.handleTriggerPlaylistDismissed();
       },
@@ -3194,9 +3200,6 @@ class StateMachineActionHandler {
       }
     }
     this.managers.uiManager.updatePosition();
-    const playerElement = this.managers.uiManager.getPlayerElement();
-    playerElement == null ? void 0 : playerElement.classList.remove("sf-player--compact");
-    this.managers.uiManager.hideCompactLabel();
     this.managers.uiManager.showPlayer();
     const videoUrl = this.getVideoUrl(currentStep);
     const isAudioFallback = this.isUsingAudioFallback(currentStep);
@@ -3460,6 +3463,24 @@ class StateMachineActionHandler {
   handleDisablePlayButtonProminent() {
     this.managers.uiManager.disablePlayButtonProminent();
   }
+  handleEnterCompactMode() {
+    var _a, _b, _c, _d;
+    const store = getSaltfishStore();
+    const isFirstStep = store.manifest && store.currentStepId === ((_a = store.manifest.steps[0]) == null ? void 0 : _a.id);
+    const shouldBeCompact = isFirstStep && ((_b = store.manifest) == null ? void 0 : _b.compactFirstStep) && ((_c = store.playlistOptions) == null ? void 0 : _c._triggeredByTriggerManager);
+    if (shouldBeCompact) {
+      const playerElement = this.managers.uiManager.getPlayerElement();
+      playerElement == null ? void 0 : playerElement.classList.add("sf-player--compact");
+      if ((_d = store.manifest) == null ? void 0 : _d.compactLabel) {
+        this.managers.uiManager.showCompactLabel(store.manifest.compactLabel);
+      }
+    }
+  }
+  handleExitCompactMode() {
+    const playerElement = this.managers.uiManager.getPlayerElement();
+    playerElement == null ? void 0 : playerElement.classList.remove("sf-player--compact");
+    this.managers.uiManager.hideCompactLabel();
+  }
   handleTriggerPlaylistDismissed() {
     const store = getSaltfishStore();
     if (store.manifest && this.managers.eventManager) {
@@ -11751,7 +11772,7 @@ const SaltfishPlayer$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.de
   __proto__: null,
   SaltfishPlayer
 }, Symbol.toStringTag, { value: "Module" }));
-const version = "0.3.33";
+const version = "0.3.34";
 const packageJson = {
   version
 };