@netless/app-slide 0.0.24 → 0.0.25

package/dist/main.es.js

@@ -20636,7 +20636,12 @@ var Slide = function(t2) {
       }
       dispose() {
         var t4, e4, n3;
-        this.isPlaying = false, (t4 = this.preset) === null || t4 === void 0 || t4.dispose(), (e4 = this.prevTexture) === null || e4 === void 0 || e4.dispose(), (n3 = this.nextTexture) === null || n3 === void 0 || n3.dispose();
+        this.renderer.clear(), this.isPlaying = false, (t4 = this.preset) === null || t4 === void 0 || t4.dispose(), (e4 = this.prevTexture) === null || e4 === void 0 || e4.dispose(), (n3 = this.nextTexture) === null || n3 === void 0 || n3.dispose();
+        for (let t5 = this.scene.children.length - 1; t5 >= 0; t5--) {
+          const e5 = this.scene.children[t5];
+          this.scene.remove(e5);
+        }
+        this.scene.background = null;
       }
       destroy() {
         this.dispose(), this.renderer.forceContextLoss(), this.renderer.dispose();
@@ -30765,7 +30770,7 @@ void main() {
         t4.stopPropagation(), this.mediaController.style.display = "none";
       }, this.mediaTimeUpdate = () => Qu(this, void 0, void 0, function* () {
         const t4 = this.media.currentTime - this.start;
-        (t4 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.jumpToTime()), this.currentTime.innerText = el.formatTime(t4), this.currentProgress.style.flex = (t4 / this.duration).toString();
+        this.duration > 0 && (t4 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.jumpToTime()), this.currentTime.innerText = el.formatTime(t4), this.currentProgress.style.flex = (t4 / this.duration).toString();
       }), this.onPauseMedia = () => {
         this.playButton.style.display = "block", this.pauseButton.style.display = "none";
       }, this.onPlayMedia = () => {
@@ -33125,7 +33130,9 @@ void main() {
         if (t3 && e3 && i2 && Mh[n2.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.app.stage.addChild(this.transactionSprite);
           const i3 = this.transactionPlayer.renderer.domElement, r3 = wn.from(i3), o3 = () => r3.update();
-          return this.app.ticker.add(o3), this.transactionSprite.texture = r3, new Promise((i4) => {
+          return setTimeout(() => {
+            this.app.ticker.add(o3);
+          }), this.transactionSprite.texture = r3, new Promise((i4) => {
             var r4, s3, a2;
             (r4 = this.transactionPlayer) === null || r4 === void 0 || r4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: Mh[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (a2 = (s3 = this.currentStage) === null || s3 === void 0 ? void 0 : s3.json.transition) === null || a2 === void 0 ? void 0 : a2.dur, delay: 0, clearColor: this.config.transactionBgColor, onTransactionEnd: () => {
               i4(), this.app.stage.removeChild(this.transactionSprite), this.app.ticker.remove(o3);
@@ -35032,19 +35039,28 @@ void main() {
         });
       });
     }, e3.prototype.frozen = function() {
+      var t4;
       if (this.view && this.player) {
-        var t4 = this.view.getBoundingClientRect(), e4 = this.player.getSnapshot() || "";
-        this.cacheImage.src = e4, this.cacheImage.style.width = t4.width + "px", this.cacheImage.style.height = t4.height + "px", this.frame.appendChild(this.cacheImage), this.player.destroy(), this.player = void 0;
+        var e4 = this.view.getBoundingClientRect(), n2 = this.player.getSnapshot() || "";
+        for (var i2 in this.cacheImage.src = n2, this.cacheImage.style.width = e4.width + "px", this.cacheImage.style.height = e4.height + "px", this.cacheImage.style.position = "absolute", this.cacheImage.style.zIndex = "999", this.frame.appendChild(this.cacheImage), this.player.destroy(), (t4 = this.playerController) === null || t4 === void 0 || t4.destroy(), this.player = void 0, this.__slideState.mediaState) {
+          var r3 = this.__slideState.mediaState[i2];
+          this.__slideState.mediaState[i2] = Id(Id({}, r3), { frozenTime: this.timestamp() });
+        }
       }
     }, e3.prototype.release = function() {
+      var t4;
       return Ld(this, void 0, void 0, function() {
-        var t4;
-        return Od(this, function(e4) {
-          switch (e4.label) {
+        var e4, n2, i2, r3;
+        return Od(this, function(o3) {
+          switch (o3.label) {
             case 0:
-              return this.initPlayer(this.config), t4 = this.__slideState, this.__slideState = Object(a.cloneDeep)(Bd), [4, this.setSlideState(t4)];
+              for (n2 in this.initPlayer(this.config), this.player.view && (this.player.view.style.visibility = "hidden"), e4 = this.__slideState, this.__slideState = Object(a.cloneDeep)(Bd), e4.mediaState)
+                (i2 = e4.mediaState[n2]).type === "play" && (r3 = Math.max((t4 = i2.frozenTime) !== null && t4 !== void 0 ? t4 : 0, i2.time), i2.time = this.timestamp() - (r3 - i2.time), i2.frozenTime = void 0);
+              return [4, this.setSlideState(e4)];
             case 1:
-              e4.sent();
+              return o3.sent(), [4, this.player.clock.delay(333)];
+            case 2:
+              o3.sent(), this.player.view && (this.player.view.style.visibility = "visible");
               try {
                 this.frame.removeChild(this.cacheImage);
               } catch (t5) {
@@ -35096,7 +35112,13 @@ function syncSceneWithSlide(room, context, slide, baseScenePath) {
       scenes.push({ name: `${i}` });
     room.putScenes(baseScenePath, scenes);
   }
-  if (((_a = context.getView()) == null ? void 0 : _a.focusScenePath) !== scenePath) {
+  let currentScenePath;
+  if (context.getBox().focus) {
+    currentScenePath = room.state.sceneState.scenePath;
+  } else {
+    currentScenePath = ((_a = context.getView()) == null ? void 0 : _a.focusScenePath) || "";
+  }
+  if (currentScenePath !== scenePath) {
     context.setScenePath(scenePath);
   }
 }