@netless/app-slide 0.0.38 → 0.0.39

package/dist/main.es.js

@@ -7890,7 +7890,7 @@ var Slide = function(t2) {
   }), n.d(e2, "SLIDE_EVENTS", function() {
     return hR;
   }), n.d(e2, "Slide", function() {
-    return dR;
+    return pR;
   });
   var i = {};
   n.r(i), n.d(i, "ACESFilmicToneMapping", function() {
@@ -30996,14 +30996,14 @@ void main(void){
         if (!this.cache)
           return;
         const e3 = yield this.cache.getItem(t3), n2 = new iy(e3), i2 = yield this.cache.getItem(t3.replace("texture", "json")), r3 = yield this.cache.getItem(t3.replace("texture", "map"));
-        console.time("loadFromCache"), Object.keys(r3).forEach((t4) => {
+        Object.keys(r3).forEach((t4) => {
           this.hashToIdMap[t4] = r3[t4], r3[t4].forEach((e4) => {
             this.idToHashMap[e4] = t4;
           });
         }), Object.keys(i2).forEach((t4) => {
           const e4 = i2[t4], r4 = new xy(n2, new d_(e4.x, e4.y, e4.w, e4.h));
           this.textures[t4] = { texture: r4, pivot: e4.pivot };
-        }), console.timeEnd("loadFromCache");
+        });
       });
     }
     pack() {
@@ -32349,7 +32349,7 @@ void main(void){
   }
   class oA extends a.a {
     constructor(t3) {
-      super(), this.runtimeNodeEventHub = new a.a(), this._currentSeqIndex = 0, this._currentSeqState = "idle", this.isForward = true, this.autoPlay = false, this.handlePrev = () => {
+      super(), this.interactiveListeners = [], this.runtimeNodeEventHub = new a.a(), this._currentSeqIndex = 0, this._currentSeqState = "idle", this.isForward = true, this.autoPlay = false, this.handlePrev = () => {
         var t4, e4, n3, i3, r4, o4;
         this.hasPrev() || !this.isMainSeq ? this.currentSeqState === "idle" ? (this.decrSeqIndex(), (t4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || t4 === void 0 || t4.commonTimeNode.seekToStart(), (e4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || e4 === void 0 || e4.commonTimeNode.clearSubList(), this.currentSeqState = "idle") : this.currentSeqState === "running" ? ((n3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || n3 === void 0 || n3.commonTimeNode.seekToStart(), (i3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || i3 === void 0 || i3.commonTimeNode.clearSubList(), this.currentSeqState = "idle") : this.currentSeqState === "end" && (this.currentSeqIndex >= this.commonTimeNode.children.length && (this.currentSeqIndex = this.commonTimeNode.children.length - 1), (r4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || r4 === void 0 || r4.commonTimeNode.seekToStart(), (o4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || o4 === void 0 || o4.commonTimeNode.clearSubList(), this.currentSeqState = "idle") : this.globalEventHub.emit("c:prev slide");
       }, this.handleNext = () => {
@@ -32371,12 +32371,12 @@ void main(void){
         this.commonTimeNode.resetForRepeat(), this.ctx.clock.setTimeout(() => {
           this.currentSeqState = "idle", this.currentSeqIndex = 0;
         });
+      }), this.commonTimeNode.on("timeNodeDestroy", () => {
+        this.interactiveListeners.forEach(([t4, e4]) => {
+          t4 && e4 && t4.container.removeListener("pointerdown", e4);
+        }), this.interactiveListeners = [];
       }), this.nextConds.on("active", () => {
-        if (this.isInteractiveSeq) {
-          const { mode: t4 } = this.ctx;
-          t4 !== "interactive" && t4 !== "sync" || this.ctx.eventHub.emit(tC.interactiveSeqNext, this.json.ctn.id), t4 !== "sync" && t4 !== "local" || this.handleNext();
-        } else
-          this.handleNext();
+        this.handleNext();
       }), this.prevConds.on("active", this.handlePrev);
     }
     get currentSeqIndex() {
@@ -32421,10 +32421,14 @@ void main(void){
           const e3 = t3.event.split(" ")[1];
           if (e3) {
             const t4 = this.ctx.timingTargets.getTargetById(e3);
-            t4 && (t4.interactiveContainer.interactive = true, t4.interactiveContainer.cursor = "pointer", t4.interactiveContainer.on("pointerdown", () => {
-              const t5 = `shape ${e3} onClick`;
-              this.globalEventHub.emit(t5);
-            }));
+            if (t4) {
+              t4.interactiveContainer.interactive = true, t4.interactiveContainer.cursor = "pointer";
+              const n2 = () => {
+                const t5 = `shape ${e3} onClick`, { mode: n3 } = this.ctx;
+                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit(tC.interactiveSeqAction, { action: t5, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t5);
+              };
+              t4.interactiveContainer.on("pointerdown", n2), this.interactiveListeners.push([t4, n2]);
+            }
           }
         }
       });
@@ -33201,7 +33205,7 @@ void main(void){
   };
   class BA {
     constructor(t3, e3, n2) {
-      this.json = t3, this.ctx = n2;
+      this.json = t3, this.ctx = n2, this.globalEventHub = e3;
       const i2 = t3.timeNodeList.find((t4) => t4.type === "par" && t4.ctn.nodeType === "tmRoot");
       i2 && (this.tmRoot = new NA({ json: i2, isSub: false, isIterate: false, eventHub: e3, ctx: n2, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "" }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t4) => {
         var e4, n3, i3;
@@ -33262,9 +33266,17 @@ void main(void){
       const i2 = this.findSeq(t3);
       i2 && i2.setCurrentStep(e3, n2);
     }
+    resetAllInteractiveSeq() {
+      var t3;
+      ((t3 = this.tmRoot) === null || t3 === void 0 ? void 0 : t3.commonTimeNode.children.filter((t4) => {
+        var e3, n2, i2;
+        return ((e3 = t4.json) === null || e3 === void 0 ? void 0 : e3.type) === "seq" && ((i2 = (n2 = t4.json) === null || n2 === void 0 ? void 0 : n2.ctn) === null || i2 === void 0 ? void 0 : i2.nodeType) === "interactiveSeq";
+      })).forEach((t4) => {
+        t4.setCurrentStep(0, "start");
+      });
+    }
     applyInteractiveAction(t3) {
-      const e3 = this.findSeq(t3);
-      e3 && e3.handleNext();
+      this.globalEventHub.emit(t3);
     }
   }
   var kA = function(t3, e3, n2, i2) {
@@ -33309,7 +33321,7 @@ void main(void){
       return this.container;
     }
     render(t3) {
-      this.isRendered || (console.log("render ", this.json.index), this.isRendered = true, super.render(t3), t3.push(() => kA(this, void 0, void 0, function* () {
+      this.isRendered || (this.isRendered = true, super.render(t3), t3.push(() => kA(this, void 0, void 0, function* () {
         this.ctx.eventHub.emit("StageRenderEnd");
       })));
     }
@@ -33336,8 +33348,8 @@ void main(void){
       return !!this.timing;
     }
     clearOnSlideChange() {
-      var t3;
-      this.ctx.eventHub.removeAllListeners(), this.globalEventHub.removeAllListeners(), (t3 = this.timing) === null || t3 === void 0 || t3.destroy(), this.timing = void 0, super.clearOnSlideChange();
+      var t3, e3, n2;
+      this.ctx.eventHub.removeAllListeners(), this.globalEventHub.removeAllListeners(), (t3 = this.timing) === null || t3 === void 0 || t3.setMainSeqStep(0, "start"), (e3 = this.timing) === null || e3 === void 0 || e3.resetAllInteractiveSeq(), (n2 = this.timing) === null || n2 === void 0 || n2.destroy(), this.timing = void 0, super.clearOnSlideChange();
     }
     destroy() {
       var t3;
@@ -33573,7 +33585,7 @@ void main(void){
       e3.addMTask(() => XA(this, void 0, void 0, function* () {
         const n2 = this.stageJsons[t3], i2 = this.stageCtxs[t3];
         if (yield i2.fillTexture.hasLocalCache())
-          return void console.log("cache hit", t3);
+          return;
         const r3 = [];
         this.collectChildren(n2, r3);
         const o3 = Math.ceil(r3.length / 10), s3 = [];
@@ -33591,7 +33603,7 @@ void main(void){
       e3.addMTask(() => XA(this, void 0, void 0, function* () {
         const n2 = this.stageJsons[t3], i2 = this.stageCtxs[t3];
         if (yield i2.graphicsTexture.hasLocalCache())
-          return void console.log("cache hit", t3);
+          return;
         const r3 = [];
         this.collectChildren(n2, r3);
         const o3 = Math.ceil(r3.length / 10), s3 = [];
@@ -33609,9 +33621,8 @@ void main(void){
       e3.addMTask(() => XA(this, void 0, void 0, function* () {
         const n2 = this.stageCtxs[t3];
         if (yield n2.fillTexture.hasLocalCache()) {
-          console.log("cache hit", t3);
-          const i3 = (yield n2.fillTexture.getTextureKeys()).map((t4) => () => n2.fillTexture.loadFromCache(t4));
-          return void e3.addSubMTask(i3);
+          const t4 = (yield n2.fillTexture.getTextureKeys()).map((t5) => () => n2.fillTexture.loadFromCache(t5));
+          return void e3.addSubMTask(t4);
         }
         const i2 = n2.fillTexture.pack();
         yield n2.fillTexture.setCacheLength(i2.length);
@@ -33624,9 +33635,8 @@ void main(void){
       e3.addMTask(() => XA(this, void 0, void 0, function* () {
         const n2 = this.stageCtxs[t3];
         if (yield n2.graphicsTexture.hasLocalCache()) {
-          console.log("cache hit", t3);
-          const i3 = (yield n2.graphicsTexture.getTextureKeys()).map((t4) => () => n2.graphicsTexture.loadFromCache(t4));
-          return void e3.addSubMTask(i3);
+          const t4 = (yield n2.graphicsTexture.getTextureKeys()).map((t5) => () => n2.graphicsTexture.loadFromCache(t5));
+          return void e3.addSubMTask(t4);
         }
         const i2 = n2.graphicsTexture.pack();
         yield n2.graphicsTexture.setCacheLength(i2.length);
@@ -33637,7 +33647,6 @@ void main(void){
     renderStage(t3) {
       const { task: e3 } = this.stageStates[t3];
       e3.addMTask(() => XA(this, void 0, void 0, function* () {
-        console.time("render stage");
         const n2 = this.stageImpls[t3], i2 = this.stageCtxs[t3], r3 = [];
         yield n2.render(r3);
         const o3 = Math.ceil(r3.length / 10), s3 = [];
@@ -33657,7 +33666,7 @@ void main(void){
             const o4 = i2.renderer.plugins.extract.base64(e5, "image/jpeg");
             yield (r4 = this.snapshotCache) === null || r4 === void 0 ? void 0 : r4.setItem(t3.toString() + "-start", o4), n2.container.visible = false, e5.destroy(), n2.timing && (n2.timing.destroy(), n2.timing = void 0);
           }
-        })), e3.addSubMTask(s3), console.timeEnd("render stage");
+        })), e3.addSubMTask(s3);
       }));
     }
     destroyStageByIndex(t3) {
@@ -33718,10 +33727,10 @@ void main(void){
     });
   };
   r2.skipHello();
-  const KA = new h.a().getDevice(), QA = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, tC = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqNext: "interactiveSeqNext", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide" };
+  const KA = new h.a().getDevice(), QA = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, tC = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide" };
   class eC extends a.a {
     constructor(t3, e3 = {}) {
-      super(), this.loader = new lE(true), this.transactionPlayer = new ag(), this.transactionSprite = new dS(), this.isForward = true, this.drawCall = 0, this.scale = 1, this.prevSlideBase64 = null, this.fps = new rE(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.mode = t3;
+      super(), this.devive = KA, this.loader = new lE(true), this.transactionPlayer = new ag(), this.transactionSprite = new dS(), this.isForward = true, this.drawCall = 0, this.scale = 1, this.prevSlideBase64 = null, this.fps = new rE(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.mode = t3;
       let n2 = Math.max(window.devicePixelRatio, 2);
       KA.type === "mobile" && (n2 = 1), this.config = { minFPS: Object(l.isUndefined)(e3.minFPS) ? 30 : e3.minFPS, maxFPS: Object(l.isUndefined)(e3.maxFPS) ? 40 : e3.maxFPS, resolution: Object(l.isUndefined)(e3.resolution) ? n2 : e3.resolution, autoFPS: !Object(l.isUndefined)(e3.autoFPS) && e3.autoFPS, autoResolution: !Object(l.isUndefined)(e3.autoResolution) && e3.autoResolution, transactionBgColor: Object(l.isUndefined)(e3.transactionBgColor) ? 0 : e3.transactionBgColor }, this.app = new ab({ antialias: true, autoDensity: false, backgroundColor: 16777215 }), this.updateConfig(this.config), this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
       const i2 = this.app.renderer, { drawElements: r3 } = i2.gl;
@@ -33791,7 +33800,7 @@ void main(void){
       return $A(this, void 0, void 0, function* () {
         this.emit(tC.renderStart, t3);
         const r3 = yield this.stagePool.getStage(t3);
-        this.translateEvent(r3.ctx.eventHub, [tC.mainSeqStepChange, tC.mainSeqStateChange, tC.hyperlinkTrigger, tC.interactiveSeqNext, tC.mainSeqStepStart, tC.mainSeqStepEnd, tC.animateStart, tC.animateEnd, tC.mediaPlay, tC.mediaPause, tC.mediaSeek, tC.requestGotoSlide, tC.requestNextSlide, tC.requestPrevSlide, tC.interactiveSeqStateChange]), this.currentIndex = Number(t3);
+        this.translateEvent(r3.ctx.eventHub, [tC.mainSeqStepChange, tC.mainSeqStateChange, tC.hyperlinkTrigger, tC.interactiveSeqAction, tC.mainSeqStepStart, tC.mainSeqStepEnd, tC.animateStart, tC.animateEnd, tC.mediaPlay, tC.mediaPause, tC.mediaSeek, tC.requestGotoSlide, tC.requestNextSlide, tC.requestPrevSlide, tC.interactiveSeqStateChange]), this.currentIndex = Number(t3);
         const { width: o3, height: s3, slideCount: a2 } = r3.json;
         this.slideCount = a2, this.designWidth = o3, this.designHeight = s3, (n2 = this.currentStage) === null || n2 === void 0 || n2.clearOnSlideChange();
         const l2 = this.currentStage;
@@ -33801,7 +33810,7 @@ void main(void){
           const n3 = t3.toString() + (this.isForward || e3 ? "-start" : "-end"), r4 = yield (i2 = this.snapshotCache) === null || i2 === void 0 ? void 0 : i2.getItem(n3);
           u2 = r4 || this.getBase64(this.currentStage);
         }
-        r3.container.visible = false, this.app.stage.addChild(r3.container), this.prevSlideBase64 && u2 && r3.json.transition && r3.json.transition.type && (console.log("playTransaction ", Date.now()), yield this.playTransaction(this.prevSlideBase64, u2, r3.json.transition), this.prevSlideBase64 = null), this.isForward ? yield r3.startTiming() : r3.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), r3.container.visible = true, l2 && this.app.stage.removeChild(l2.container), this.emit(tC.renderEnd, t3), this.emit(tC.slideChange, t3), this.preload(t3 + 1).catch(() => {
+        r3.container.visible = false, this.app.stage.addChild(r3.container), this.prevSlideBase64 && u2 && r3.json.transition && r3.json.transition.type && l2 && r3 && (yield this.playTransaction(this.prevSlideBase64, u2, r3.json.transition, l2, r3), this.prevSlideBase64 = null), this.isForward ? yield r3.startTiming() : r3.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), r3.container.visible = true, l2 && this.app.stage.removeChild(l2.container), this.emit(tC.renderEnd, t3), this.emit(tC.slideChange, t3), this.preload(t3 + 1).catch(() => {
         }), this.preload(t3 - 1).catch(() => {
         });
       });
@@ -33812,18 +33821,18 @@ void main(void){
       const n2 = this.app.renderer.plugins.extract.base64(e3, "image/jpeg");
       return e3.destroy(), n2;
     }
-    playTransaction(t3, e3, n2) {
+    playTransaction(t3, e3, n2, i2, r3) {
       return $A(this, void 0, void 0, function* () {
-        const i2 = this.app.view.parentElement;
-        if (t3 && e3 && i2 && QA[n2.type] && this.transactionPlayer) {
+        const o3 = this.app.view.parentElement;
+        if (t3 && e3 && o3 && QA[n2.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.transactionSprite.visible = false, this.app.stage.addChild(this.transactionSprite);
-          const i3 = this.transactionPlayer.renderer.domElement, r3 = xy.from(i3), o3 = () => r3.update();
-          return this.app.ticker.add(o3), this.transactionSprite.texture = r3, setTimeout(() => {
+          const o4 = this.transactionPlayer.renderer.domElement, s3 = xy.from(o4), a2 = () => s3.update();
+          return this.app.ticker.add(a2), this.transactionSprite.texture = s3, setTimeout(() => {
             this.transactionSprite.visible = true;
-          }, 100), 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: QA[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);
+          }, 100), new Promise((o5) => {
+            var s4, l2, u2;
+            (s4 = this.transactionPlayer) === null || s4 === void 0 || s4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: QA[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (u2 = (l2 = this.currentStage) === null || l2 === void 0 ? void 0 : l2.json.transition) === null || u2 === void 0 ? void 0 : u2.dur, delay: 0, clearColor: this.config.transactionBgColor, onTransactionEnd: () => {
+              o5(), i2.container.visible = false, r3.container.visible = true, this.app.stage.removeChild(this.transactionSprite), this.app.ticker.remove(a2);
             } });
           });
         }
@@ -33837,7 +33846,7 @@ void main(void){
     }
     updateResolution(t3) {
       this.app.ticker.addOnce(() => {
-        this.app.renderer.resolution = t3, this.app.renderer.plugins.interaction.resolution = this.app.renderer.resolution, this.app.renderer.resize(this.designWidth, this.designHeight);
+        KA.type !== "mobile" && (this.app.renderer.resolution = t3, this.app.renderer.plugins.interaction.resolution = this.app.renderer.resolution, this.app.renderer.resize(this.designWidth, this.designHeight));
       });
     }
     nextStep() {
@@ -35448,10 +35457,16 @@ void main(void){
       });
     });
   }
-  var hR = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, cR = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: Object.create(null), interactiveSeqState: Object.create(null) }, dR = function(t3) {
+  var hR = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, cR = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: Object.create(null), interactiveSeqState: Object.create(null) }, dR = "";
+  try {
+    dR = "0.1.41";
+  } catch (t3) {
+    dR = "dev";
+  }
+  var pR = function(t3) {
     function e3(e4) {
       var n2 = t3.call(this) || this;
-      return n2.__slideState = Object(l.cloneDeep)(cR), n2.resize = false, n2.isAnimating = false, n2.renderingTaskManager = new WC(), n2.isLoading = false, n2.interactive = true, n2.frameWidth = 1, n2.frameHeight = 1, n2.frame = document.createElement("div"), n2.medianController = document.createElement("div"), n2.frameResizeObserver = new aR(function() {
+      return n2.version = dR, n2.__slideState = Object(l.cloneDeep)(cR), n2.resize = false, n2.isAnimating = false, n2.renderingTaskManager = new WC(), n2.isLoading = false, n2.interactive = true, n2.frameWidth = 1, n2.frameHeight = 1, n2.frame = document.createElement("div"), n2.medianController = document.createElement("div"), n2.frameResizeObserver = new aR(function() {
         return n2.frameResizeHandler();
       }), n2.timestamp = function() {
         return Date.now();
@@ -35509,7 +35524,7 @@ void main(void){
                   o3.doPrevStep();
                 })), [3, 6]);
               case 2:
-                return t4.type !== "interactiveAnim" ? [3, 3] : (this.player ? this.player.applyInteractiveAction(t4.seqId) : this.__slideState.interactiveSeqState[t4.seqId].step += 1, [3, 6]);
+                return t4.type !== "interactiveAnim" ? [3, 3] : (this.player ? this.player.applyInteractiveAction(t4.action) : this.__slideState.interactiveSeqState[t4.seqId].step += 1, [3, 6]);
               case 3:
                 return t4.type !== "renderSlide" ? [3, 5] : [4, this.doRenderSlide(t4.index, t4.isForward)];
               case 4:
@@ -35573,8 +35588,9 @@ void main(void){
         e4.isAnimating !== true && (e4.isAnimating = true, e4.emit(hR.animateStart));
       }), this.player.on(tC.animateEnd, function() {
         e4.isAnimating !== false && (e4.isAnimating = false, e4.emit(hR.animateEnd));
-      }), this.player.on(tC.interactiveSeqNext, function(t5) {
-        e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "interactiveAnim", seqId: t5 }), e4.emitStateChange();
+      }), this.player.on(tC.interactiveSeqAction, function(t5) {
+        var n2 = t5.action, i2 = t5.seqId;
+        e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "interactiveAnim", action: n2, seqId: i2 }), e4.emitStateChange();
       }), this.player.on(tC.mainSeqStepStart, function(t5) {
         e4.emit(hR.mainSeqStepStart, t5);
       }), this.player.on(tC.mainSeqStepEnd, function(t5) {
@@ -35711,7 +35727,7 @@ void main(void){
         n2.renderingTaskManager.eventHub.once("task-end-" + i2, t5);
       });
     }, e3.prototype.nextStep = function() {
-      console.log("nextStep: ", Date.now()), !this.isLoading && this.player && (this.player.mainSeqHasNextStep() ? this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() + 1 }) : this.mode === "sync" ? (this.doNextStep(), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() })) : this.doNextStep() : this.handleNextSlide());
+      !this.isLoading && this.player && (this.player.mainSeqHasNextStep() ? this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() + 1 }) : this.mode === "sync" ? (this.doNextStep(), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "nextStep", next: this.player.mainSeqStep() })) : this.doNextStep() : this.handleNextSlide());
     }, e3.prototype.doNextStep = function() {
       if (this.player) {
         this.player.nextStep();
@@ -37814,7 +37830,7 @@ class SlidePreviewer {
     return `${this.namespace}-${className}`;
   }
 }
-const version = "0.0.37";
+const version = "0.0.39";
 const SlideApp = {
   kind: "Slide",
   setup(context) {