@netless/app-slide 0.2.106-beta.1 → 0.2.106-beta.2

package/dist/main.es.js

@@ -32263,7 +32263,12 @@ void main(void){
       }, this.showController = (t3) => {
         t3.stopPropagation(), this.show();
       }, this.getMediaDuration = () => {
-        this.duration && !Number.isNaN(this.duration) || (this.duration = this.media.duration, this.start && (this.duration -= this.start, this.jumpToTime()), this.end && (this.duration -= this.end)), this.totalTime.innerText = Dy.formatTime(this.duration);
+        if (this.duration <= 0 || !Number.isFinite(this.duration)) {
+          if (!Number.isFinite(this.media.duration) || this.media.duration <= 0)
+            return;
+          this.duration = this.media.duration, this.start && (this.duration -= this.start, 0 === this.seekGeneration && this.jumpToTime()), this.end && (this.duration -= this.end), this.duration = Math.max(0, this.duration);
+        }
+        this.totalTime.innerText = Dy.formatTime(this.duration);
       }, this.playMedia = () => Oy(this, void 0, void 0, function* () {
         this.playButton.style.display = "none", this.pauseButton.style.display = "block", yield this.media.play(), this.medianIsEnd && (this.medianIsEnd = false, this.jumpToTime()), this.playCallBackList.forEach((t3) => {
           t3();
@@ -32284,7 +32289,7 @@ void main(void){
       }, this.onPlayMedia = () => {
         this.fadeState = { in: false, out: false }, this.fadeHit(0), this.playButton.style.display = "none", this.pauseButton.style.display = "block", this.playCallBackList.forEach((t3) => {
           t3();
-        }), this.media.currentTime < this.start && this.jumpToTime();
+        }), this.duration > 0 && this.media.currentTime < this.start && this.jumpToTime();
       }, this._playMediaFromCtrl = () => {
         this.playMediaFromCtrl(false);
       }, this._pauseMediaFromCtrl = () => {
@@ -32707,7 +32712,7 @@ void main(void){
   class Uy extends Ka.a {
     constructor(t2) {
       var e2, i2, n2, r2, o2, s2, a2, l2;
-      super(), this.type = "video", this.sprite = new np(), this.rtcAudio = null, this.isPlaying = false, this.audioNeedsUserGesture = false, this.videoNeedsUserGesture = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.destroyed = false, this.videoEventListeners = /* @__PURE__ */ new Map(), this.operationGeneration = 0, this.spriteVisibilityTimeout = "", this.onVideoResourceLoaded = () => {
+      super(), this.type = "video", this.sprite = new np(), this.rtcAudio = null, this.isPlaying = false, this.audioNeedsUserGesture = false, this.videoNeedsUserGesture = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.isLoaded = false, this.destroyed = false, this.videoEventListeners = /* @__PURE__ */ new Map(), this.operationGeneration = 0, this.spriteVisibilityTimeout = "", this.audioRecoveryInProgress = false, this.onVideoResourceLoaded = () => {
         this.destroyed || (this.isLoaded = true, this.notifyUserGestureRequirement());
       }, this.onRtcAudioLoad = () => {
         this.notifyUserGestureRequirement();
@@ -32845,10 +32850,17 @@ void main(void){
     recoverAudioAfterVideoStart() {
       var t2;
       const { operationGeneration: e2 } = this;
-      if (this.destroyed || !this.isPlaying || this.audioPlayGeneration !== e2 || this.audioRecoveryGeneration === e2)
+      if (this.destroyed || !this.isPlaying || this.audioPlayGeneration !== e2 || this.audioRecoveryGeneration === e2 || this.audioRecoveryInProgress)
         return;
       const i2 = this.videoElement;
-      !i2 || i2.paused || !Number.isFinite(i2.currentTime) || i2.currentTime <= 0 || (this.audioRecoveryGeneration = e2, null === (t2 = this.rtcAudio) || void 0 === t2 || t2.recoverFromNativePause(i2.currentTime));
+      if (i2 && !i2.paused && Number.isFinite(i2.currentTime) && !(i2.currentTime <= 0)) {
+        this.audioRecoveryInProgress = true;
+        try {
+          (null === (t2 = this.rtcAudio) || void 0 === t2 ? void 0 : t2.recoverFromNativePause(i2.currentTime)) && (this.audioRecoveryGeneration = e2);
+        } finally {
+          this.audioRecoveryInProgress = false;
+        }
+      }
     }
     showController() {
       this.controller.show();
@@ -33345,6 +33357,8 @@ void main(void){
       this.triggerParams = t2;
     }
     addCond(t2) {
+      if (t2.event && void 0 !== this.cond[t2.event])
+        return;
       const e2 = (...e3) => {
         this.condHandle(t2, e3);
       }, i2 = (t3, i3) => {
@@ -33397,7 +33411,10 @@ void main(void){
         }
       };
       const { json: e2, iterateType: i2, isIterate: n2, isSub: r2, parent: o2, ctx: s2, eventHub: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 } = t2;
-      this.isMainSeq = "mainSeq" === e2.ctn.nodeType, this.isInteractiveSeq = "interactiveSeq" === e2.ctn.nodeType, this.id = e2.ctn.id, this.isIterate = n2, this.json = e2, this.ctx = s2, this.timingClock = s2.timingClock, this.globalEventHub = a2, this.commonTimeNode = new Z_({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: i2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new Xy("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new Xy("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
+      this.isMainSeq = "mainSeq" === e2.ctn.nodeType, this.isInteractiveSeq = "interactiveSeq" === e2.ctn.nodeType, this.id = e2.ctn.id, this.isIterate = n2, this.json = e2, this.ctx = s2, this.timingClock = s2.timingClock, this.globalEventHub = a2, this.commonTimeNode = new Z_({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: i2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new Xy("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new Xy("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.isInteractiveSeq && 0 === e2.nextCondLst.length && this.commonTimeNode.on("timeNodeStart", () => {
+        var t3;
+        null === (t3 = this.commonTimeNode.children[0]) || void 0 === t3 || t3.commonTimeNode.startTimeNodeForce();
+      }), this.commonTimeNode.on("timeNodeRestart", () => {
         this.currentSeqIndex = 0, this.currentSeqState = "idle";
       }), this.commonTimeNode.on("childTimeNodeStart", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
@@ -33459,23 +33476,26 @@ void main(void){
       t2.isInfiniteRepeat() ? e2.result = t2 : t2.children.map((t3) => t3.commonTimeNode).forEach((t3) => this.findChildInfiniteRepeat(t3, e2));
     }
     bindShapeEvent() {
-      "interactiveSeq" === this.json.ctn.nodeType && this.json.nextCondLst.forEach((t2) => {
-        if (/^shape/.test(t2.event)) {
-          const e2 = t2.event.split(" ")[1];
-          if (e2) {
-            const t3 = this.ctx.timingTargets.getTargetById(e2);
-            if (t3) {
-              t3.interactiveContainer.interactive = true, t3.interactiveContainer.cursor = "pointer";
-              const i2 = () => {
-                this.ctx.eventHub.emit(tb.userInput);
-                const t4 = `shape ${e2} onClick`, { mode: i3 } = this.ctx;
-                "interactive" !== i3 && "sync" !== i3 || this.ctx.eventHub.emit(tb.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), "sync" !== i3 && "local" !== i3 || this.globalEventHub.emit(t4);
-              };
-              t3.interactiveContainer.on("pointerdown", i2), this.interactiveListeners.push([t3, i2]);
+      if ("interactiveSeq" === this.json.ctn.nodeType) {
+        const t2 = (this.json.ctn.stCondLst || []).filter((t3) => /^shape \S+ onClick$/.test(t3.event)), e2 = /* @__PURE__ */ new Set();
+        [...this.json.nextCondLst, ...t2].forEach((t3) => {
+          if (/^shape/.test(t3.event)) {
+            const i2 = t3.event.split(" ")[1];
+            if (i2 && !e2.has(i2)) {
+              const t4 = this.ctx.timingTargets.getTargetById(i2);
+              if (t4) {
+                e2.add(i2), t4.interactiveContainer.interactive = true, t4.interactiveContainer.cursor = "pointer";
+                const n2 = () => {
+                  this.ctx.eventHub.emit(tb.userInput);
+                  const t5 = `shape ${i2} onClick`, { mode: e3 } = this.ctx;
+                  "interactive" !== e3 && "sync" !== e3 || this.ctx.eventHub.emit(tb.interactiveSeqAction, { action: t5, seqId: this.json.ctn.id }), "sync" !== e3 && "local" !== e3 || this.globalEventHub.emit(t5);
+                };
+                t4.interactiveContainer.on("pointerdown", n2), this.interactiveListeners.push([t4, n2]);
+              }
             }
           }
-        }
-      });
+        });
+      }
     }
     setCurrentStep(t2, e2) {
       const { length: i2 } = this.commonTimeNode.children;
@@ -34639,19 +34659,28 @@ void main(void){
       }(t2, r2, n2);
       if (e2)
         if (void 0 !== i2) {
-          if (t2.clippedDuration <= 0 && t2.isReadyForUserGesture && (yield t2.play(), !o2()))
+          const e3 = (t3) => {
+            const e4 = () => !o2() || t3();
+            return n2 ? n2.waitUntil(e4, 5e3, 16) : Lm(e4, 5e3);
+          };
+          if (yield e3(() => t2.clippedDuration > 0 || !!t2.isReadyForUserGesture), !o2())
             return;
-          if (n2 ? yield n2.waitUntil(() => t2.clippedDuration > 0, 5e3, 16) : yield Lm(() => t2.clippedDuration > 0, 5e3), !o2())
+          if (t2.clippedDuration <= 0 && t2.isReadyForUserGesture) {
+            if (yield t2.play(), !o2())
+              return;
+            yield e3(() => t2.clippedDuration > 0);
+          }
+          if (!o2())
             return;
           if (i2 < t2.clippedDuration)
             if (t2.isPlaying)
               yield t2.seek(i2);
             else {
-              const e3 = () => {
+              const e4 = () => {
                 tx.delete(t2), o2() && Promise.resolve(t2.seek(i2)).catch(() => {
                 });
               };
-              tx.set(t2, e3), t2.once("play", e3), yield t2.play(), o2() || nx(t2);
+              tx.set(t2, e4), t2.once("play", e4), yield t2.play(), o2() || nx(t2);
             }
         } else
           yield t2.play();
@@ -38731,19 +38760,12 @@ geometry=${JSON.stringify(o2)}`;
         }
       };
     }
-    return t2.prototype.getRunningTask = function() {
-      var t3;
-      return null !== (t3 = this.runningTask) && void 0 !== t3 ? t3 : null;
-    }, t2.prototype.addTask = function(t3, e2) {
+    return t2.prototype.addTask = function(t3, e2) {
+      var i2;
       if (this.isDestroy)
         return Promise.resolve();
-      var i2 = this.getRunningTask();
-      if (i2 && t3 === i2.type)
-        return i2.promise;
-      var n2, r2, o2 = this.tasks.find(function(e3) {
-        return e3.type === t3;
-      });
-      if (o2)
+      var n2, r2, o2 = null !== (i2 = this.tasks[this.tasks.length - 1]) && void 0 !== i2 ? i2 : this.runningTask;
+      if ((null == o2 ? void 0 : o2.type) === t3)
         return o2.promise;
       var s2 = new Promise(function(t4, e3) {
         n2 = t4, r2 = e3;
@@ -39439,7 +39461,7 @@ geometry=${JSON.stringify(o2)}`;
   }
   var Nw = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart", useraddLink: "useraddLink" }, Dw = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, Fw = "";
   try {
-    Fw = "1.4.61-beta.0";
+    Fw = "1.4.61";
   } catch (t2) {
     Fw = "-dev-";
   }
@@ -40220,25 +40242,25 @@ geometry=${JSON.stringify(o2)}`;
     }, e2.prototype._doRelease = function(t3) {
       var e3, i3;
       return Mw(this, void 0, void 0, function() {
-        var n2, r3, o2, s2;
-        return Cw(this, function(a2) {
-          switch (a2.label) {
+        var n2, r3, o2, s2, a2;
+        return Cw(this, function(l2) {
+          switch (l2.label) {
             case 0:
               if (this.logger.info("do release slide", this.taskId), this.tracker({ name: "releaseSlide", reason: "", result: "", payload: { taskId: this.taskId } }), this.player)
                 return [2];
-              this.isReleasing = true, a2.label = 1;
+              this.isReleasing = true, l2.label = 1;
             case 1:
-              return a2.trys.push([1, , 5, 6]), [4, ww(eb.platform)];
+              return l2.trys.push([1, , 5, 6]), [4, ww(eb.platform)];
             case 2:
-              if (a2.sent(), "alive" !== this.lifecycle || this.player)
+              if (l2.sent(), "alive" !== this.lifecycle || this.player)
                 return [2];
-              for (r3 in this.player = this.initPlayer(this.config), (null === (e3 = this.config) || void 0 === e3 ? void 0 : e3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n2 = this.__slideState, this.__slideState = hb()(Dw), n2.mediaState)
-                "play" === (o2 = n2.mediaState[r3]).type && (s2 = Math.max(null !== (i3 = o2.frozenTime) && void 0 !== i3 ? i3 : 0, o2.time), o2.time = this.timestamp() - (s2 - o2.time), o2.frozenTime = void 0);
-              return [4, this.setSlideState(n2)];
+              for (o2 in n2 = this.player = this.initPlayer(this.config), (null === (e3 = this.config) || void 0 === e3 ? void 0 : e3.controller) && this.createController(), this.player.view && (this.canvasContainer.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), r3 = this.__slideState, this.__slideState = hb()(Dw), r3.mediaState)
+                "play" === (s2 = r3.mediaState[o2]).type && (a2 = Math.max(null !== (i3 = s2.frozenTime) && void 0 !== i3 ? i3 : 0, s2.time), s2.time = this.timestamp() - (a2 - s2.time), s2.frozenTime = void 0);
+              return [4, this.setSlideState(r3)];
             case 3:
-              return a2.sent(), [4, this.player.clock.delay(333)];
+              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : [4, Ow(333)];
             case 4:
-              return a2.sent(), this.player.view && (this.player.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 6];
+              return l2.sent(), "alive" !== this.lifecycle || this.player !== n2 ? [2] : (n2.view && (n2.view.style.visibility = "visible"), "hidden" === this.frame.style.visibility && (this.frame.style.visibility = "visible"), this.cacheImage.style.display = "none", t3 && t3(), [3, 6]);
             case 5:
               return this.isReleasing = false, this.notifyPptMediaPermissionRequest(), [7];
             case 6:
@@ -40301,7 +40323,7 @@ geometry=${JSON.stringify(o2)}`;
       return this.player ? this.player.preloadResource(t3) : Promise.resolve();
     }, e2.prototype.destroy = function() {
       var t3, e3 = this;
-      return "disposed" === this.lifecycle ? Promise.resolve() : (this.destroyPromise || (this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
+      return this.destroyPromise ? this.destroyPromise : "disposed" === this.lifecycle ? Promise.resolve() : (this.lifecycle = "disposing", this.lifecycleGeneration += 1, this.renderVisibilityTimers.forEach(function(t4) {
         return clearTimeout(t4);
       }), this.renderVisibilityTimers.clear(), this.renderingTaskManager.destroy(), null === (t3 = this.player) || void 0 === t3 || t3.destroy(), this.logger.info("pre destroy slide", ""), this.destroyPromise = Mw(e3, void 0, void 0, function() {
         var t4;
@@ -40321,7 +40343,7 @@ geometry=${JSON.stringify(o2)}`;
               return [2];
           }
         });
-      })), this.destroyPromise);
+      }), this.destroyPromise);
     }, e2.prototype.clearSlideCache = function() {
       var t3;
       null === (t3 = this.player) || void 0 === t3 || t3.clearLocalCache();
@@ -42936,6 +42958,18 @@ class ResizableContainer {
     (_a = this.scrollBar) == null ? void 0 : _a.destroy();
   }
 }
+function resolveNavigationButtonMode(mode) {
+  return mode != null ? mode : "page";
+}
+function navigateWithNavigationButton(mode, origin, currentPageIndex, targetPageIndex, controller, onNavigate) {
+  if (mode === "step" && origin === "navigation") {
+    const action = targetPageIndex < currentPageIndex ? "prevStep" : "nextStep";
+    controller.slide[action]();
+    onNavigate(controller.page, origin);
+    return;
+  }
+  controller.jumpToPage(targetPageIndex + 1, origin);
+}
 var resizeObservers = [];
 var hasActiveObservations = function() {
   return resizeObservers.some(function(ro) {
@@ -43466,6 +43500,7 @@ class SlideDocsViewer {
     appId,
     urlInterrupter,
     enableScale,
+    navigationButtonMode,
     onPagesReady,
     onNavigate
   }) {
@@ -43598,7 +43633,14 @@ class SlideDocsViewer {
     };
     this.onNewPageIndex = (index, origin) => {
       if (this.slideController) {
-        this.slideController.jumpToPage(index + 1, origin);
+        navigateWithNavigationButton(
+          this.navigationButtonMode,
+          origin,
+          this.viewer.pageIndex,
+          index,
+          this.slideController,
+          this.onNavigate
+        );
       }
     };
     this.sideEffect = new SideEffectManager();
@@ -43685,6 +43727,7 @@ class SlideDocsViewer {
     this.onNavigate = onNavigate || noop;
     this.baseScenePath = baseScenePath;
     this.enableScale = enableScale != null ? enableScale : false;
+    this.navigationButtonMode = resolveNavigationButtonMode(navigationButtonMode);
     this.appId = appId;
     this.viewer = new DocsViewer({
       readonly: box.readonly,
@@ -43845,6 +43888,7 @@ class SlideDocsViewer {
   }
   mount() {
     var _a, _b, _c, _d;
+    this.unmountPromise = void 0;
     this.box.mountContent(this.viewer.$content);
     this.box.mountFooter(this.viewer.$footer);
     this.slideController = this.mountSlideController({
@@ -43900,28 +43944,38 @@ class SlideDocsViewer {
   getPageIndex(page) {
     return (page > 0 ? page : 1) - 1;
   }
-  async unmount() {
-    var _a, _b;
-    (_a = this.offBoxSizeChange) == null ? void 0 : _a.call(this);
-    this.offBoxSizeChange = void 0;
-    (_b = this.contentResizeObserver) == null ? void 0 : _b.disconnect();
-    this.contentResizeObserver = void 0;
-    if (this.slideController) {
-      const controller = this.slideController;
-      this.slideController = null;
-      await controller.destroy();
-    }
-    this.viewer.unmount();
-    this.resizableContainer.destroy(this.box);
-    return this;
+  unmount() {
+    if (!this.unmountPromise) {
+      this.unmountPromise = Promise.resolve().then(async () => {
+        var _a, _b;
+        (_a = this.offBoxSizeChange) == null ? void 0 : _a.call(this);
+        this.offBoxSizeChange = void 0;
+        (_b = this.contentResizeObserver) == null ? void 0 : _b.disconnect();
+        this.contentResizeObserver = void 0;
+        if (this.slideController) {
+          const controller = this.slideController;
+          this.slideController = null;
+          await controller.destroy();
+        }
+        this.viewer.unmount();
+        this.resizableContainer.destroy(this.box);
+        return this;
+      });
+    }
+    return this.unmountPromise;
   }
   setReadonly(readonly) {
     this.viewer.setReadonly(readonly);
   }
-  async destroy() {
-    this.sideEffect.flushAll();
-    await this.unmount();
-    this.viewer.destroy();
+  destroy() {
+    if (!this.destroyPromise) {
+      this.destroyPromise = Promise.resolve().then(async () => {
+        this.sideEffect.flushAll();
+        await this.unmount();
+        this.viewer.destroy();
+      });
+    }
+    return this.destroyPromise;
   }
   toggleClickThrough(tool) {
     this.$whiteboardView.style.pointerEvents = !tool || ClickThroughAppliances.has(tool) ? "none" : "auto";
@@ -44211,12 +44265,12 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.106-beta.1";
+const version = "0.2.106-beta.2";
 const DEFAULT_SLIDE_SETUP_READY_TIMEOUT = 5e3;
 const SlideApp = {
   kind: "Slide",
   setup(context) {
-    var _a, _b, _c, _d, _e, _f;
+    var _a, _b, _c, _d, _e, _f, _g;
     console.log("[Slide] setup @ " + version);
     if (context.getIsWritable()) {
       context.storage.ensureState(EmptyAttributes);
@@ -44305,6 +44359,7 @@ const SlideApp = {
       appId: context.appId,
       urlInterrupter: (_a = context.getAppOptions()) == null ? void 0 : _a.urlInterrupter,
       enableScale: (_c = (_b = context.getAppOptions()) == null ? void 0 : _b.enableScale) != null ? _c : false,
+      navigationButtonMode: (_d = context.getAppOptions()) == null ? void 0 : _d.navigationButtonMode,
       onPagesReady: ({ length }) => {
         const index = (docsViewer == null ? void 0 : docsViewer.viewer.pageIndex) || 0;
         context.dispatchAppEvent("pageStateChange", { index, length });
@@ -44314,8 +44369,8 @@ const SlideApp = {
       }
     });
     const appOptions = context.getAppOptions();
-    docsViewer.setSyncEventQueuePolicy((_d = appOptions == null ? void 0 : appOptions.syncEventQueuePolicy) != null ? _d : "fifo");
-    docsViewer.setJustSildeReadonly((_e = appOptions == null ? void 0 : appOptions.justSildeReadonly) != null ? _e : false);
+    docsViewer.setSyncEventQueuePolicy((_e = appOptions == null ? void 0 : appOptions.syncEventQueuePolicy) != null ? _e : "fifo");
+    docsViewer.setJustSildeReadonly((_f = appOptions == null ? void 0 : appOptions.justSildeReadonly) != null ? _f : false);
     const room = context.getRoom();
     const sideEffect = new SideEffectManager();
     sideEffect.add(() => {
@@ -44371,22 +44426,26 @@ const SlideApp = {
     );
     let disposed = false;
     let offDestroy;
-    const teardown = async () => {
-      if (disposed)
-        return;
+    let teardownPromise;
+    const teardown = () => {
+      if (teardownPromise)
+        return teardownPromise;
       disposed = true;
-      const removeDestroy = offDestroy;
-      offDestroy = void 0;
-      removeDestroy == null ? void 0 : removeDestroy();
-      log("[Slide] destroy", context.appId);
-      if (useFreezer)
-        apps.delete(context.appId);
-      sideEffect.flushAll();
-      if (docsViewer) {
-        const viewer = docsViewer;
-        docsViewer = null;
-        await viewer.destroy();
-      }
+      teardownPromise = Promise.resolve().then(async () => {
+        const removeDestroy = offDestroy;
+        offDestroy = void 0;
+        removeDestroy == null ? void 0 : removeDestroy();
+        log("[Slide] destroy", context.appId);
+        if (useFreezer)
+          apps.delete(context.appId);
+        sideEffect.flushAll();
+        if (docsViewer) {
+          const viewer = docsViewer;
+          docsViewer = null;
+          await viewer.destroy();
+        }
+      });
+      return teardownPromise;
     };
     offDestroy = context.emitter.on("destroy", teardown);
     docsViewer.mount();
@@ -44544,7 +44603,7 @@ const SlideApp = {
         return false;
       }
     };
-    const setupReadyTimeout = (_f = appOptions == null ? void 0 : appOptions.setupReadyTimeout) != null ? _f : DEFAULT_SLIDE_SETUP_READY_TIMEOUT;
+    const setupReadyTimeout = (_g = appOptions == null ? void 0 : appOptions.setupReadyTimeout) != null ? _g : DEFAULT_SLIDE_SETUP_READY_TIMEOUT;
     return waitForFirstRender(setupReadyTimeout).then(() => {
       if (firstRenderFailed) {
         throw new Error("[Slide] first render failed before ready");