@netless/app-slide 0.2.6-alpha.1 → 0.2.8

package/dist/main.es.js

@@ -6490,14 +6490,16 @@ var Slide = function(t) {
 }, function(t, e, n) {
   n.r(e), n.d(e, "ErrorType", function() {
     return VE;
+  }), n.d(e, "preloadResource", function() {
+    return rI;
   }), n.d(e, "delay", function() {
-    return lI;
+    return cI;
   }), n.d(e, "waitUntil", function() {
-    return uI;
+    return dI;
   }), n.d(e, "SLIDE_EVENTS", function() {
-    return hI;
+    return pI;
   }), n.d(e, "Slide", function() {
-    return fI;
+    return vI;
   });
   var i = {};
   n.r(i), n.d(i, "ACESFilmicToneMapping", function() {
@@ -29399,10 +29401,9 @@ void main() {
   }
   class EM {
     constructor(t2) {
-      this.target = t2;
-    }
-    applyCommand(t2, e2) {
-      this.target.applyCommand(t2, e2);
+      this.applyCommand = (t3, e2) => {
+        this.target.applyCommand(t3, e2);
+      }, this.target = t2, this.applyCommand = Object(l.debounce)(this.applyCommand, 100, { maxWait: 500 });
     }
   }
   class MM {
@@ -31117,52 +31118,14 @@ void main(void){
       this.unbindEvent(), this.playCallBackList = [], (t2 = this.container) === null || t2 === void 0 || t2.removeChild(this.mediaController);
     }
   }
-  var VA = n(49), WA = function(t2, e2, n2, i2) {
-    return new (n2 || (n2 = Promise))(function(r2, o2) {
-      function s2(t3) {
-        try {
-          l2(i2.next(t3));
-        } catch (t4) {
-          o2(t4);
-        }
-      }
-      function a2(t3) {
-        try {
-          l2(i2.throw(t3));
-        } catch (t4) {
-          o2(t4);
-        }
-      }
-      function l2(t3) {
-        var e3;
-        t3.done ? r2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function(t4) {
-          t4(e3);
-        })).then(s2, a2);
-      }
-      l2((i2 = i2.apply(t2, e2 || [])).next());
-    });
-  };
-  class XA extends a.a {
+  var VA = n(49);
+  class WA extends a.a {
     constructor(t2, e2) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this._isResourceExist = "unknow", this.url = t2, this.runningAudio = e2, KR.RtcAudioClazz ? (this.rctClient = new KR.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new VA.Howl({ src: [t2] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play"))), this.detectResourceExist();
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.url = t2, this.runningAudio = e2, KR.RtcAudioClazz ? (this.rctClient = new KR.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new VA.Howl({ src: [t2] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play")));
     }
     startTimeChangeEmit() {
       this.currentTime !== this.lastTime && (this.lastTime = this.currentTime, this.emit("timeupdate")), this.isEnded || setTimeout(() => this.startTimeChangeEmit(), 300);
     }
-    detectResourceExist() {
-      return new Promise((t2) => {
-        fetch(this.url, { method: "HEAD" }).then((e2) => {
-          this._isResourceExist = e2.ok ? "true" : "false", t2(e2.ok);
-        }).catch(() => {
-          this._isResourceExist = "false", t2(false);
-        });
-      });
-    }
-    isResourceExist() {
-      return WA(this, void 0, void 0, function* () {
-        return this._isResourceExist !== "unknow" ? this._isResourceExist === "true" : this.detectResourceExist();
-      });
-    }
     play() {
       var t2, e2, n2;
       this.runningAudio.has(this.url) && ((t2 = this.runningAudio.get(this.url)) === null || t2 === void 0 || t2.stop(), this.runningAudio.delete(this.url)), this.lastTime = -1, (e2 = this.howl) === null || e2 === void 0 || e2.play(), (n2 = this.rctClient) === null || n2 === void 0 || n2.play(), this.startTimeChangeEmit(), this.runningAudio.set(this.url, this);
@@ -31200,8 +31163,11 @@ void main(void){
     get isPaused() {
       return this.rctClient ? this.rctClient.isPaused : !!this.howl && this.howl.playing();
     }
+    volume(t2) {
+      this.rctClient ? this.rctClient.volume(t2) : this.howl && this.howl.volume(t2);
+    }
   }
-  var qA = function(t2, e2, n2, i2) {
+  var XA = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31226,14 +31192,16 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class YA extends a.a {
+  class qA extends a.a {
     constructor(t2) {
       var e2, n2;
-      super(), this.type = "video", this.sprite = new Ow(), this.isPlaying = false, this.isGlobalPause = false, this.id = t2.id, this.start = (e2 = t2.video.cut) === null || e2 === void 0 ? void 0 : e2.start, this.end = (n2 = t2.video.cut) === null || n2 === void 0 ? void 0 : n2.end, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
+      super(), this.type = "video", this.sprite = new Ow(), this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
+        KR.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoResource.source && (this.videoResource.source.volume = t3);
+      }, this.id = t2.id, this.start = (e2 = t2.video.cut) === null || e2 === void 0 ? void 0 : e2.start, this.end = (n2 = t2.video.cut) === null || n2 === void 0 ? void 0 : n2.end, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
       let i2 = t2.video.src;
       this.ctx.loaderDelegate && (i2 = this.ctx.loaderDelegate.redirectMedia(i2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${i2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Iy(i2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true });
       let r2 = t2.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (r2 = this.ctx.loaderDelegate.redirectMedia(r2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${r2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new XA(r2, t2.ctx.runningAudio);
+      this.ctx.loaderDelegate && (r2 = this.ctx.loaderDelegate.redirectMedia(r2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${r2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new WA(r2, t2.ctx.runningAudio);
       const { video: o2, width: s2, height: a2, target: l2 } = t2;
       this.controller = new jA({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: s2, height: a2, target: l2, media: this, info: o2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
         this.sprite.width = s2, this.sprite.height = a2, this.ctx.clock.setTimeout(() => {
@@ -31249,7 +31217,7 @@ void main(void){
         this.videoResource.source.addEventListener(t3, () => {
           t3 !== "timeupdate" || this.isPlaying || this.pause(), this.emit(t3);
         });
-      }), this.ctx.activeMedia.add(this);
+      }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
     get currentTime() {
       var t2, e2;
@@ -31278,19 +31246,16 @@ void main(void){
     }
     play() {
       var t2;
-      return qA(this, void 0, void 0, function* () {
-        this.isPlaying = true, yield this.load(), yield this.ctx.clock.waitUntil(() => {
+      return XA(this, void 0, void 0, function* () {
+        this.isPlaying = true, this.updateVolume(this.ctx.volumeAdjuster.volume), yield this.load(), yield this.ctx.clock.waitUntil(() => {
           const t3 = this.videoResource.source;
           return !!(t3 && t3.videoWidth > 0);
         }, 3e3);
         const e2 = this.videoResource.source;
-        if (e2 && e2.videoWidth <= 0)
-          return;
-        const n2 = yield this.rtcAudio.isResourceExist();
-        KR.RtcAudioClazz && n2 ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
+        e2 && e2.videoWidth <= 0 || (KR.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
           var t3;
           (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
-        }), this.rtcAudio.play()) : yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play();
+        }), this.rtcAudio.play()) : yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play());
       });
     }
     load() {
@@ -31320,10 +31285,10 @@ void main(void){
     }
     destroy() {
       var t2;
-      this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t2 = this.videoResource) === null || t2 === void 0 || t2.destroy(), this.rtcAudio.destroy(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t2 = this.videoResource) === null || t2 === void 0 || t2.destroy(), this.rtcAudio.destroy(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  var ZA = function(t2, e2, n2, i2) {
+  var YA = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31348,13 +31313,15 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class JA extends a.a {
+  class ZA extends a.a {
     constructor(t2) {
-      super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.id = t2.id;
+      super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
+        this.audioPlayer.volume(t3);
+      }, this.id = t2.id;
       let e2 = t2.audio.src;
-      t2.ctx.loaderDelegate && (e2 = t2.ctx.loaderDelegate.redirectMedia(e2), t2.ctx.logger.info(`redirect media url from ${t2.audio.src} to ${e2} by delegate.`, t2.ctx.taskId)), this.audioPlayer = new XA(e2, t2.ctx.runningAudio), t2.audio.cut && (this.start = t2.audio.cut.start, this.end = t2.audio.cut.end), this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
+      t2.ctx.loaderDelegate && (e2 = t2.ctx.loaderDelegate.redirectMedia(e2), t2.ctx.logger.info(`redirect media url from ${t2.audio.src} to ${e2} by delegate.`, t2.ctx.taskId)), this.audioPlayer = new WA(e2, t2.ctx.runningAudio), t2.audio.cut && (this.start = t2.audio.cut.start, this.end = t2.audio.cut.end), this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
       const { width: n2, height: i2, target: r2 } = t2;
-      this.controller = new jA({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, height: i2, width: n2, target: r2, media: this, info: t2.audio, canvasElement: t2.canvasElement }), this.audioPlayer.on("load", () => this.emit("durationchange")), this.audioPlayer.on("timeupdate", () => this.emit("timeupdate")), this.audioPlayer.on("pause", () => this.emit("pause")), this.audioPlayer.on("play", () => this.emit("play")), this.ctx.activeMedia.add(this);
+      this.controller = new jA({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, height: i2, width: n2, target: r2, media: this, info: t2.audio, canvasElement: t2.canvasElement }), this.audioPlayer.on("load", () => this.emit("durationchange")), this.audioPlayer.on("timeupdate", () => this.emit("timeupdate")), this.audioPlayer.on("pause", () => this.emit("pause")), this.audioPlayer.on("play", () => this.emit("play")), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
     get currentTime() {
       return this.audioPlayer.currentTime;
@@ -31384,8 +31351,8 @@ void main(void){
       this.controller.hide();
     }
     play() {
-      return ZA(this, void 0, void 0, function* () {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent play event with paused state", this.ctx.taskId) : (this.isPlaying = true, this.audioPlayer.play());
+      return YA(this, void 0, void 0, function* () {
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent play event with paused state", this.ctx.taskId) : (this.updateVolume(this.ctx.volumeAdjuster.volume), this.isPlaying = true, this.audioPlayer.play());
       });
     }
     pause() {
@@ -31407,10 +31374,10 @@ void main(void){
       this.seek(0), this.pause();
     }
     destroy() {
-      this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  class $A extends GA {
+  class JA extends GA {
     constructor(t2, e2, n2, i2) {
       super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e2, n2, i2), this.isInteractiveOutside = false, this.cmd = new EM(this), this.media = t2 == null ? void 0 : t2.media, this.picFill = new TA(this.ctx, t2.picFill, t2.width, t2.height, { useFilter: false, useSlideBackgroundFill: false });
     }
@@ -31433,7 +31400,7 @@ void main(void){
         const s2 = (t2 = this.backgroundGraphics) === null || t2 === void 0 ? void 0 : t2.getClonedDisplayObject();
         ((e2 = this.backgroundGraphics) === null || e2 === void 0 ? void 0 : e2.isNeedMask(o2.width, o2.height)) && s2 && (o2.mask = s2, this.container.addChild(s2)), o2.width = this.designWidth, o2.height = this.designHeight, o2 instanceof jE && this.ctx.slideScopeEventHub.once("slide-render", (t3) => {
           this.ctx.slideIndex === t3 && o2.play();
-        }), this.container.addChild(o2), ((n2 = this.media) === null || n2 === void 0 ? void 0 : n2.type) === "video" && this.media.src ? (this.mediaPlayer = new YA({ id: this.json.id + "-video", shapeId: this.json.id, ctx: this.ctx, video: this.media, height: this.designHeight, width: this.designWidth, target: o2, container: this.container, canvasElement: this.ctx.view }), (i2 = this.mediaPlayer) === null || i2 === void 0 || i2.sprite) : ((r2 = this.media) === null || r2 === void 0 ? void 0 : r2.type) === "audio" && this.media.src && (this.mediaPlayer = new JA({ id: this.json.id + "-audio", shapeId: this.json.id, ctx: this.ctx, audio: this.media, height: this.designHeight, width: this.designWidth, target: o2, canvasElement: this.ctx.view })), this.mediaPlayer && (this.isInteractiveOutside = this.container.interactive, this.container.interactive = true, this.container.on("mouseover", () => {
+        }), this.container.addChild(o2), ((n2 = this.media) === null || n2 === void 0 ? void 0 : n2.type) === "video" && this.media.src ? (this.mediaPlayer = new qA({ id: this.json.id + "-video", shapeId: this.json.id, ctx: this.ctx, video: this.media, height: this.designHeight, width: this.designWidth, target: o2, container: this.container, canvasElement: this.ctx.view }), (i2 = this.mediaPlayer) === null || i2 === void 0 || i2.sprite) : ((r2 = this.media) === null || r2 === void 0 ? void 0 : r2.type) === "audio" && this.media.src && (this.mediaPlayer = new ZA({ id: this.json.id + "-audio", shapeId: this.json.id, ctx: this.ctx, audio: this.media, height: this.designHeight, width: this.designWidth, target: o2, canvasElement: this.ctx.view })), this.mediaPlayer && (this.isInteractiveOutside = this.container.interactive, this.container.interactive = true, this.container.on("mouseover", () => {
           this.mediaPlayer.showController();
         }), this.container.on("mouseout", () => {
           this.mediaPlayer.hideController();
@@ -31460,7 +31427,7 @@ void main(void){
       this.mediaPlayer && (this.picFill.displayObject && !this.isInteractiveOutside && (this.container.interactive = false), this.mediaPlayer.destroy(), this.mediaPlayer = void 0), this.picFill.destroy();
     }
   }
-  var KA = function(t2, e2, n2, i2) {
+  var $A = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31485,7 +31452,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class QA extends PM {
+  class KA extends PM {
     constructor(t2, e2, n2, i2, r2) {
       super(t2, e2, n2), this.children = [], this.cacheSprite = new Ow(), this.cacheContainer = new ty(), this.json = t2, this.json.fillStyle && this.json.fillStyle.fillType === "groupFill" && i2 && (this.json.fillStyle = i2), this.container.name = t2.id, this.cacheContainer.name = t2.id + "-cache-container", this.ctx.timingTargets.addTarget(t2.id, this), this.updateTransform(this.json), this.fillObject = new TA(this.ctx, t2.fillStyle, t2.width, t2.height, { useFilter: false, useSlideBackgroundFill: false }), this.createChildren(r2);
     }
@@ -31493,10 +31460,10 @@ void main(void){
       var e2, n2, i2, r2;
       const o2 = { x: (n2 = (e2 = this.json.position) === null || e2 === void 0 ? void 0 : e2.x) !== null && n2 !== void 0 ? n2 : 0, y: (r2 = (i2 = this.json.position) === null || i2 === void 0 ? void 0 : i2.y) !== null && r2 !== void 0 ? r2 : 0 };
       for (let e3 = 0, n3 = this.json.children.length; e3 < n3; e3++)
-        t2.addSubMTask(() => KA(this, void 0, void 0, function* () {
+        t2.addSubMTask(() => $A(this, void 0, void 0, function* () {
           const n4 = this.json.children[e3];
           let i3 = null;
-          (n4 == null ? void 0 : n4.type) === "Shape" ? i3 = new GA(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Picture" ? i3 = new $A(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Container" && (i3 = new QA(n4, this.ctx, o2, this.json.fillStyle, t2)), i3 && this.children.push(i3);
+          (n4 == null ? void 0 : n4.type) === "Shape" ? i3 = new GA(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Picture" ? i3 = new JA(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Container" && (i3 = new KA(n4, this.ctx, o2, this.json.fillStyle, t2)), i3 && this.children.push(i3);
         }), "@ContainerImpl[child.init]");
     }
     get interactiveContainer() {
@@ -31507,7 +31474,7 @@ void main(void){
     }
     preRender(t2) {
       for (const e2 of this.children)
-        t2.addSubMTask(() => KA(this, void 0, void 0, function* () {
+        t2.addSubMTask(() => $A(this, void 0, void 0, function* () {
           e2.preRender(t2);
         }), "@ContainerImpl[child.preRender]");
     }
@@ -31523,13 +31490,13 @@ void main(void){
     render(t2) {
       let e2 = new ty();
       for (const n2 of this.children)
-        n2.render(t2), t2.addSubMTask(() => KA(this, void 0, void 0, function* () {
+        n2.render(t2), t2.addSubMTask(() => $A(this, void 0, void 0, function* () {
           var t3;
           n2.isStatic() && !this.json.cacheAsTexture && n2.json.width < 4096 && n2.json.height < 4096 ? e2.addChild(n2.renderContainer) : (e2.children.length > 0 && (e2.cacheAsBitmap = true, this.cacheContainer.addChild(e2), e2 = new ty()), this.cacheContainer.addChild(n2.renderContainer)), (n2.json.hlinkHover || n2.json.hlinkClick) && ((t3 = n2.hyperlink) === null || t3 === void 0 || t3.addProxy(this.container));
         }), "@ContainerImpl[child.render]");
-      t2.addMTask(() => KA(this, void 0, void 0, function* () {
+      t2.addSubMTask(() => $A(this, void 0, void 0, function* () {
         e2.children.length > 0 && (e2.cacheAsBitmap = true, this.cacheContainer.addChild(e2));
-      }), "@ContainerImpl[child.render]"), t2.addSubMTask(() => KA(this, void 0, void 0, function* () {
+      }), "@ContainerImpl[child.render]"), t2.addSubMTask(() => $A(this, void 0, void 0, function* () {
         this.container.addChild(this.cacheContainer), this.json.cacheAsTexture && (!function(t3, e3, n2, i2, r2) {
           const o2 = t3.getBounds(), s2 = Math.min(o2.x, e3.x, o2.x + o2.width, e3.x + e3.width), a2 = Math.max(o2.x, e3.x, o2.x + o2.width, e3.x + e3.width), l2 = Math.min(o2.y, e3.y, o2.y + o2.height, e3.y + e3.height), u2 = a2 - s2, h2 = Math.max(o2.y, e3.y, o2.y + o2.height, e3.y + e3.height) - l2;
           let c2 = KE(e3.x - o2.x), d2 = KE(e3.y - o2.y);
@@ -31552,7 +31519,7 @@ void main(void){
       this.cacheSprite && this.cacheSprite.destroy({ texture: true }), this.children.forEach((t2) => t2.destroy()), this.container.destroy({ children: true, texture: true, baseTexture: true }), this.cacheContainer.destroy({ children: true, texture: true, baseTexture: true });
     }
   }
-  class tR extends a.a {
+  class QA extends a.a {
     constructor(t2, e2, n2, i2) {
       super(), this.cond = {}, this.timeoutIds = [], this.condHandle = (t3, e3 = {}) => {
         if (t3)
@@ -31599,7 +31566,7 @@ void main(void){
       }), this.timeoutIds.forEach((t2) => this.ctx.clock.clearTimeout(t2));
     }
   }
-  class eR extends a.a {
+  class tR extends a.a {
     constructor(t2) {
       super(), this.isTimeNodeEndSync = false, this.interactiveListeners = [], this.runtimeNodeEventHub = new a.a(), this._currentSeqIndex = 0, this._currentSeqState = "idle", this.isForward = true, this.autoPlay = false, this.handlePrev = (t3 = false) => {
         var e3, n3, i3, r3, o3, s3;
@@ -31609,7 +31576,7 @@ void main(void){
         this.isTimeNodeEndSync && (this.isTimeNodeEndSync = false, this.currentSeqState = "idle", this.currentSeqIndex = 0), this.hasNext() || !this.isMainSeq ? this.currentSeqState === "idle" ? (e3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || e3 === void 0 || e3.commonTimeNode.startTimeNodeForce() : this.currentSeqState === "running" ? ((n3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || n3 === void 0 || n3.commonTimeNode.seekToEnd(false, true), this.currentSeqState = "end", this.incrSeqIndex(), (i3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || i3 === void 0 || i3.commonTimeNode.startTimeNodeForce()) : this.currentSeqState === "end" && (this.incrSeqIndex(), (r3 = this.commonTimeNode.children[this.currentSeqIndex]) === null || r3 === void 0 || r3.commonTimeNode.startTimeNodeForce()) : this.globalEventHub.emit("c:next slide", t3);
       };
       const { json: e2, iterateType: n2, isIterate: i2, isSub: r2, parent: o2, ctx: s2, eventHub: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t2;
-      this.isMainSeq = e2.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e2.ctn.nodeType === "interactiveSeq", this.id = e2.ctn.id, this.isIterate = i2, this.json = e2, this.ctx = s2, this.globalEventHub = l2, this.commonTimeNode = new PR({ json: e2.ctn, isSub: r2, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 || this.isInteractiveSeq }), this.bindShapeEvent(), this.nextConds = new tR("mainSeq", e2.nextCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new tR("mainSeq", e2.preCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
+      this.isMainSeq = e2.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e2.ctn.nodeType === "interactiveSeq", this.id = e2.ctn.id, this.isIterate = i2, this.json = e2, this.ctx = s2, this.globalEventHub = l2, this.commonTimeNode = new RR({ json: e2.ctn, isSub: r2, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 || this.isInteractiveSeq }), this.bindShapeEvent(), this.nextConds = new QA("mainSeq", e2.nextCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new QA("mainSeq", e2.preCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), 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);
@@ -31699,7 +31666,7 @@ void main(void){
       this.currentSeqIndex = n2, this.currentSeqState = e2 === "start" ? "idle" : "end";
     }
   }
-  function nR(t2, e2, n2) {
+  function eR(t2, e2, n2) {
     const i2 = e2.split(".");
     i2.reduce((r2, o2, s2) => {
       if (r2)
@@ -31707,7 +31674,7 @@ void main(void){
       console.warn(`${t2} not support ${e2}`);
     }, t2);
   }
-  function iR(t2, e2) {
+  function nR(t2, e2) {
     if (!e2)
       return null;
     return e2.split(".").reduce((n2, i2) => {
@@ -31716,7 +31683,7 @@ void main(void){
       console.warn(`${t2} not support ${e2}`);
     }, t2);
   }
-  class rR {
+  class iR {
     constructor(t2) {
       this.timingTarget = null, this.runtimeNodeEventHub = new a.a(), this.basicOnTimeNodeEnd = () => {
         if (this.isConflict) {
@@ -31734,29 +31701,29 @@ void main(void){
         }
       };
       const { isIterate: e2, isSub: n2, json: i2, ctx: r2, parent: o2, eventHub: s2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t2;
-      this.json = i2, this.id = i2.cBhvr.ctn.id, this.ctx = r2, this.globalEventHub = s2, this.commonTimeNode = new PR({ json: i2.cBhvr.ctn, isSub: n2, eventHubs: { global: s2, runtime: this.runtimeNodeEventHub }, ctx: r2, parent: o2, isIterate: e2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i2.cBhvr.target, e2, { type: l2, index: u2, id: h2 }), this.commonTimeNode.on("seekToStart", () => this.onSeekToStart()), this.commonTimeNode.on("seekToEnd", () => this.onSeekToEnd()), this.commonTimeNode.on("timelineStart", this.basicOnTimeLineStart), this.commonTimeNode.on("timeNodeEnd", this.basicOnTimeNodeEnd);
+      this.json = i2, this.id = i2.cBhvr.ctn.id, this.ctx = r2, this.globalEventHub = s2, this.commonTimeNode = new RR({ json: i2.cBhvr.ctn, isSub: n2, eventHubs: { global: s2, runtime: this.runtimeNodeEventHub }, ctx: r2, parent: o2, isIterate: e2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i2.cBhvr.target, e2, { type: l2, index: u2, id: h2 }), this.commonTimeNode.on("seekToStart", () => this.onSeekToStart()), this.commonTimeNode.on("seekToEnd", () => this.onSeekToEnd()), this.commonTimeNode.on("timelineStart", this.basicOnTimeLineStart), this.commonTimeNode.on("timeNodeEnd", this.basicOnTimeNodeEnd);
     }
     getTargetId(t2) {
       let e2 = t2.id;
       return t2.type === "shape" && t2.txEl && (e2 = `${e2}-txEl-${t2.txEl.range[0]}`), this.commonTimeNode.isIterate && (e2 = `${e2}-iterate-${this.commonTimeNode.iterateIndex}`), e2;
     }
   }
-  class oR extends rR {
+  class rR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.updateStartValue = () => {
-        this.timingTarget && (this.startVal = iR(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = nR(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.onSeekToStart = () => {
         const t3 = this.json.cBhvr.attrList[0];
-        this.startVal !== null && this.timingTarget && nR(this.timingTarget, t3, this.startVal);
+        this.startVal !== null && this.timingTarget && eR(this.timingTarget, t3, this.startVal);
       }, this.onSeekToEnd = () => {
         const t3 = this.json.cBhvr.attrList[0], e2 = this.json.cBhvr.to || this.json.to;
-        e2 && this.timingTarget && nR(this.timingTarget, t3, e2);
+        e2 && this.timingTarget && eR(this.timingTarget, t3, e2);
       }, this.commonTimeNode.on("timeNodeStart", this.updateStartValue), this.commonTimeNode.on("timeNodeCreate", this.updateStartValue), this.commonTimeNode.on("timeUpdate", ({ duration: t3, delta: e2 }) => {
         if (e2 / t3 >= 1) {
           const t4 = this.json.cBhvr.attrList[0];
           this.json.cBhvr.attrList.length > 1 && console.warn("this.json.cBhvr.attrList.length > 0");
           const e3 = this.json.cBhvr.to || this.json.to;
-          e3 && this.timingTarget && nR(this.timingTarget, t4, e3);
+          e3 && this.timingTarget && eR(this.timingTarget, t4, e3);
         }
       });
     }
@@ -31764,7 +31731,7 @@ void main(void){
       return this.json.cBhvr.attrList[0];
     }
   }
-  var sR = function(t2, e2, n2, i2) {
+  var oR = function(t2, e2, n2, i2) {
     var r2, o2 = arguments.length, s2 = o2 < 3 ? e2 : i2 === null ? i2 = Object.getOwnPropertyDescriptor(e2, n2) : i2;
     if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
       s2 = Reflect.decorate(t2, e2, n2, i2);
@@ -31773,7 +31740,7 @@ void main(void){
         (r2 = t2[a2]) && (s2 = (o2 < 3 ? r2(s2) : o2 > 3 ? r2(e2, n2, s2) : r2(e2, n2)) || s2);
     return o2 > 3 && s2 && Object.defineProperty(e2, n2, s2), s2;
   };
-  class aR {
+  class sR {
     constructor(t2, e2) {
       this.math = { pi: Math.PI, e: Math.E, abs: Math.abs, acos: Math.acos, asin: Math.asin, atan: Math.atan, ceil: Math.ceil, cos: Math.cos, cosh: Math.cosh, deg: (t3) => t3 / Math.PI * 180, exp: Math.exp, floor: Math.floor, ln: Math.log, max: Math.max, min: Math.min, rad: (t3) => t3 / 180 * Math.PI, rand: Math.random, sin: Math.sin, sinh: Math.sinh, sqrt: Math.sqrt, tan: Math.tan, tanh: Math.tanh }, this.timingTarget = e2, this.val = t2.val.value, this.time = t2.time, t2.fmla && (this.fmla = this.parseFmla(t2.fmla));
     }
@@ -31785,7 +31752,7 @@ void main(void){
       }), new Function("vars", "math", "$", "return " + e2);
     }
   }
-  class lR extends aR {
+  class aR extends sR {
     constructor(t2, e2, n2) {
       super(t2, e2), this.value = t2.val.value, n2 && (this.fmla = this.parseFmla(n2));
     }
@@ -31797,8 +31764,8 @@ void main(void){
       return t2.fmla ? t2.fmla(n2, this.math, r2) : r2;
     }
   }
-  sR([YE()], lR.prototype, "interpolationFrom", null);
-  class uR extends aR {
+  oR([YE()], aR.prototype, "interpolationFrom", null);
+  class lR extends sR {
     constructor(t2, e2) {
       var n2;
       super(t2, e2), this.value = (n2 = t2.val) === null || n2 === void 0 ? void 0 : n2.value;
@@ -31811,8 +31778,8 @@ void main(void){
       return this.value || "";
     }
   }
-  sR([YE()], uR.prototype, "interpolationFrom", null);
-  class hR extends aR {
+  oR([YE()], lR.prototype, "interpolationFrom", null);
+  class uR extends sR {
     constructor(t2, e2) {
       super(t2, e2), this.fn = this.parseFmla(this.val);
     }
@@ -31824,8 +31791,8 @@ void main(void){
       return t2.fmla ? t2.fmla(n2, this.math, r2) : r2;
     }
   }
-  sR([YE()], hR.prototype, "interpolationFrom", null);
-  class cR extends aR {
+  oR([YE()], uR.prototype, "interpolationFrom", null);
+  class hR extends sR {
     constructor(t2, e2) {
       super(t2, e2), this.value = t2.val.value;
     }
@@ -31836,11 +31803,11 @@ void main(void){
       return this.value;
     }
   }
-  sR([YE()], cR.prototype, "interpolationFrom", null);
-  class dR extends rR {
+  oR([YE()], hR.prototype, "interpolationFrom", null);
+  class cR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.vars = { ppt_x: 0, ppt_y: 0, ppt_w: 0, ppt_h: 0 }, this.keyFrames = [], this.isColorAnim = false, this.onTimeNodeStart = () => {
-        this.timingTarget && (this.startVal = iR(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = nR(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.updateVars = () => {
         var t3, e2, n2, i2;
         ((t3 = this.timingTarget) === null || t3 === void 0 ? void 0 : t3.ppt_h) && (this.vars.ppt_h = this.timingTarget.ppt_h), ((e2 = this.timingTarget) === null || e2 === void 0 ? void 0 : e2.ppt_w) && (this.vars.ppt_w = this.timingTarget.ppt_w), ((n2 = this.timingTarget) === null || n2 === void 0 ? void 0 : n2.ppt_x) && (this.vars.ppt_x = this.timingTarget.ppt_x), ((i2 = this.timingTarget) === null || i2 === void 0 ? void 0 : i2.ppt_y) && (this.vars.ppt_y = this.timingTarget.ppt_y), this.isColorAnim;
@@ -31848,12 +31815,12 @@ void main(void){
         const n2 = e2 / t3, i2 = this.keyFrames.findIndex((t4) => n2 <= t4[0]), { attrList: r2 } = this.json.cBhvr;
         if (i2 < 0) {
           const t4 = this.keyFrames[this.keyFrames.length - 1];
-          return void (this.timingTarget && r2 && r2[0] && nR(this.timingTarget, r2[0], t4[1].resolveValue(this.vars)));
+          return void (this.timingTarget && r2 && r2[0] && eR(this.timingTarget, r2[0], t4[1].resolveValue(this.vars)));
         }
         const o2 = i2 - 1, s2 = this.keyFrames[i2], a2 = this.keyFrames[o2] || s2, l2 = s2[0] - a2[0] == 0 ? 1 : (n2 - a2[0]) / (s2[0] - a2[0]), u2 = s2[1].interpolationFrom(a2[1], l2, this.vars);
-        this.timingTarget && r2 && r2[0] && nR(this.timingTarget, r2[0], u2);
+        this.timingTarget && r2 && r2[0] && eR(this.timingTarget, r2[0], u2);
       }, this.onSeekToStart = () => {
-        this.startVal !== null && this.timingTarget && nR(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
+        this.startVal !== null && this.timingTarget && eR(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
       }, this.onSeekToEnd = () => {
         this.onTimeUpdate({ duration: 1, delta: 1, isReverse: false });
       }, this.initKeyFrames(), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate), this.commonTimeNode.on("timelineStart", this.updateVars), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart);
@@ -31869,24 +31836,24 @@ void main(void){
           if (this.json.from || this.startVal) {
             const t4 = { time: 0, val: { type: "string", value: this.json.from || this.startVal.toString() }, fmla: "" };
             if (e2 === "num" && this.timingTarget) {
-              const e3 = new hR(t4, this.timingTarget);
+              const e3 = new uR(t4, this.timingTarget);
               this.keyFrames.push([t4.time, e3]);
             }
           }
           const t3 = { time: 1, val: { type: "string", value: this.json.to }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const e3 = new hR(t3, this.timingTarget);
+            const e3 = new uR(t3, this.timingTarget);
             this.keyFrames.push([t3.time, e3]);
           }
         } else if (this.json.by) {
           const n2 = { time: 0, val: { type: "string", value: this.json.cBhvr.attrList[0] }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const t3 = new hR(n2, this.timingTarget);
+            const t3 = new uR(n2, this.timingTarget);
             this.keyFrames.push([n2.time, t3]);
           }
           const i2 = { time: 1, val: { type: "string", value: (((t2 = n2.val) === null || t2 === void 0 ? void 0 : t2.value) || "") + "+" + this.json.by }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const t3 = new hR(i2, this.timingTarget);
+            const t3 = new uR(i2, this.timingTarget);
             this.keyFrames.push([i2.time, t3]);
           }
         }
@@ -31895,15 +31862,15 @@ void main(void){
         for (const t3 of this.json.tavLst)
           if (t3.val && this.timingTarget) {
             let n2 = null;
-            t3.val.type === "string" ? e2 === "num" ? n2 = new hR(t3, this.timingTarget) : e2 === "str" && (n2 = new uR(t3, this.timingTarget)) : t3.val.type === "number" ? n2 = new lR(t3, this.timingTarget) : t3.val.type === "color" ? (this.isColorAnim = true, n2 = new cR(t3, this.timingTarget)) : t3.val.type === "boolean" && console.warn("not implements"), n2 && this.keyFrames.push([t3.time, n2]);
+            t3.val.type === "string" ? e2 === "num" ? n2 = new uR(t3, this.timingTarget) : e2 === "str" && (n2 = new lR(t3, this.timingTarget)) : t3.val.type === "number" ? n2 = new aR(t3, this.timingTarget) : t3.val.type === "color" ? (this.isColorAnim = true, n2 = new hR(t3, this.timingTarget)) : t3.val.type === "boolean" && console.warn("not implements"), n2 && this.keyFrames.push([t3.time, n2]);
           }
       }
     }
   }
-  var pR = n(50), fR = n.n(pR), mR = n(51), gR = n.n(mR);
-  class vR extends Gx {
+  var dR = n(50), pR = n.n(dR), fR = n(51), mR = n.n(fR);
+  class gR extends Gx {
     constructor() {
-      super(gR.a, fR.a, { percent: 0, direction: 1, transition: 0 });
+      super(mR.a, pR.a, { percent: 0, direction: 1, transition: 0 });
     }
     set transition(t2) {
       this.uniforms.transition = t2;
@@ -31915,10 +31882,10 @@ void main(void){
       this.uniforms.direction = t2;
     }
   }
-  var _R = n(52), yR = n.n(_R);
-  class xR extends Gx {
+  var vR = n(52), _R = n.n(vR);
+  class yR extends Gx {
     constructor() {
-      super(void 0, yR.a, { percent: 0, transition: 1 });
+      super(void 0, _R.a, { percent: 0, transition: 1 });
     }
     set transition(t2) {
       this.uniforms.transition = Math.pow(t2, t2);
@@ -31927,7 +31894,7 @@ void main(void){
       this.uniforms.percent = t2;
     }
   }
-  class bR extends rR {
+  class xR extends iR {
     constructor(t2) {
       var e2;
       super(t2), this.filterType = "", this.isConflict = true, this.activeWhenConflict = "prev", this.onTimeUpdate = ({ duration: t3, delta: e3 }) => {
@@ -31948,10 +31915,10 @@ void main(void){
       if (i2) {
         const t3 = i2[1], e3 = i2[3];
         if (t3 === "wipe") {
-          const n3 = new vR();
+          const n3 = new gR();
           e3 === "up" ? n3.direction = 1 : e3 === "down" ? n3.direction = 2 : e3 === "left" ? n3.direction = 3 : e3 === "right" && (n3.direction = 4), this.filter = n3, this.filterType = `${t3}-${e3}`;
         } else if (t3 === "fade") {
-          const e4 = new xR();
+          const e4 = new yR();
           this.filter = e4, this.filterType = "" + t3;
         }
         this.filter && (this.filter.transition = n2);
@@ -31961,7 +31928,7 @@ void main(void){
       return this.filterType;
     }
   }
-  class TR extends rR {
+  class bR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startPos = null, this.onTimeNodeStart = () => {
         var t3, e2;
@@ -32014,7 +31981,7 @@ void main(void){
       this.path = e2;
     }
   }
-  class wR extends rR {
+  class TR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.onTimelineStart = (t3) => {
         t3.isReverse || this.updateCurrentValue();
@@ -32044,34 +32011,34 @@ void main(void){
       this.timingTarget && (this.current = { x: this.timingTarget.scale.x, y: this.timingTarget.scale.y });
     }
   }
-  class SR extends rR {
+  class wR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.isTimelineStart = false, this.startColorString = null, this.currentColorString = "#FFFFFFFF", this.onTimelineStart = (t3) => {
         if (this.isTimelineStart)
           return;
         this.isTimelineStart = true, t3.isReverse || this.updateCurrentValue(), this.from.isInit() || this.from.fromHexString(this.currentColorString), this.to.isInit() || this.from.by(this.by, this.to);
         const [e2] = this.json.cBhvr.attrList[0].split(".");
-        nR(this.timingTarget, e2 + ".on", "true");
+        eR(this.timingTarget, e2 + ".on", "true");
       }, this.onTimeNodeEnd = () => {
         if (this.json.cBhvr.ctn.fill === "remove") {
           const [t3] = this.json.cBhvr.attrList[0].split(".");
-          nR(this.timingTarget, t3 + ".on", "false");
+          eR(this.timingTarget, t3 + ".on", "false");
         }
         this.isTimelineStart = false;
       }, this.onSeekToStart = () => {
         var t3;
         if (this.timingTarget && (this.onTimeUpdate({ duration: 1, delta: 0 }), ((t3 = this.timingTarget.fill) === null || t3 === void 0 ? void 0 : t3.designColor.toUpperCase()) === this.from.toHexString().toUpperCase())) {
           const [t4] = this.json.cBhvr.attrList[0].split(".");
-          nR(this.timingTarget, t4 + ".on", "false");
+          eR(this.timingTarget, t4 + ".on", "false");
         }
       }, this.onTimeNodeStart = () => {
         if (this.timingTarget) {
-          const t3 = iR(this.timingTarget, this.json.cBhvr.attrList[0]);
+          const t3 = nR(this.timingTarget, this.json.cBhvr.attrList[0]);
           t3 && (this.startColorString = t3);
         }
       }, this.onTimeUpdate = ({ delta: t3, duration: e2 }) => {
         const n2 = t3 / e2;
-        this.to.interpolationFrom(this.from, n2, this.target), this.timingTarget && nR(this.timingTarget, this.json.cBhvr.attrList[0], this.target.toHexString());
+        this.to.interpolationFrom(this.from, n2, this.target), this.timingTarget && eR(this.timingTarget, this.json.cBhvr.attrList[0], this.target.toHexString());
       }, this.onSeekToEnd = () => {
         this.isTimelineStart || this.onTimelineStart({ isReverse: false, activeCount: 0, id: "" }), this.onTimeUpdate({ duration: 1, delta: 1 });
       }, this.json.clrSpc === "rgb" ? (this.from = new IM(this.json.from), this.to = new IM(this.json.to), this.by = new IM(this.json.by), this.target = new IM()) : (this.from = new CM(this.json.from), this.to = new CM(this.json.to), this.by = new CM(this.json.by), this.target = new CM()), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart), this.commonTimeNode.on("timelineStart", this.onTimelineStart), this.commonTimeNode.on("timeNodeEnd", this.onTimeNodeEnd), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate);
@@ -32081,12 +32048,12 @@ void main(void){
     }
     updateCurrentValue() {
       if (this.timingTarget) {
-        const t2 = iR(this.timingTarget, this.json.cBhvr.attrList[0]);
+        const t2 = nR(this.timingTarget, this.json.cBhvr.attrList[0]);
         t2 && (this.currentColorString = t2);
       }
     }
   }
-  class ER extends rR {
+  class SR extends iR {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.lastVal = null, this.onTimelineStart = (t3) => {
         this.lastVal = null, t3.isReverse || this.updateCurrentValue();
@@ -32119,7 +32086,7 @@ void main(void){
       this.currentVal = (t2 = this.timingTarget) === null || t2 === void 0 ? void 0 : t2.r;
     }
   }
-  class MR extends rR {
+  class ER extends iR {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.isApplied = false, this.onTimeUpdate = () => {
         var t3, e2;
@@ -32140,22 +32107,24 @@ void main(void){
       return ((e2 = (t2 = this.json) === null || t2 === void 0 ? void 0 : t2.cmd) !== null && e2 !== void 0 ? e2 : "") + ((i2 = (n2 = this.json) === null || n2 === void 0 ? void 0 : n2.cmdType) !== null && i2 !== void 0 ? i2 : "");
     }
   }
-  class AR {
+  class MR {
     constructor(t2) {
-      this.runtimeNodeEventHub = new a.a(), this.stopAudio = () => {
+      this.runtimeNodeEventHub = new a.a(), this.onVolumeUpdate = (t3) => {
+        this.audio.volume(t3);
+      }, this.stopAudio = () => {
         this.audio.stop();
       }, this.destroy = () => {
-        this.stopAudio(), this.audio.destroy(), this.ctx.activeMedia.delete(this.audio);
+        this.stopAudio(), this.audio.destroy(), this.ctx.activeMedia.delete(this.audio), this.ctx.volumeAdjuster.off("update", this.onVolumeUpdate);
       };
       const { json: e2, isIterate: n2, isSub: i2, eventHub: r2, ctx: o2, parent: s2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t2;
-      this.json = e2, this.id = e2.cMediaNode.ctn.id, this.commonTimeNode = new PR({ json: e2.cMediaNode.ctn, isSub: i2, eventHubs: { global: r2, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s2, isIterate: n2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 });
+      this.json = e2, this.id = e2.cMediaNode.ctn.id, this.commonTimeNode = new RR({ json: e2.cMediaNode.ctn, isSub: i2, eventHubs: { global: r2, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s2, isIterate: n2, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 });
       let d2 = e2.cMediaNode.tgtEl;
-      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e2.cMediaNode.tgtEl} to ${d2} by delegate.`, o2.taskId)), this.audio = new XA(d2, o2.runningAudio), o2.activeMedia.add(this.audio), this.commonTimeNode.on("timelineStart", () => {
-        this.audio.play();
-      }), this.commonTimeNode.on("seekToStart", this.stopAudio), this.commonTimeNode.on("seekToEnd", this.stopAudio), this.commonTimeNode.on("timeNodeDestroy", this.destroy), this.ctx = o2;
+      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e2.cMediaNode.tgtEl} to ${d2} by delegate.`, o2.taskId)), this.audio = new WA(d2, o2.runningAudio), o2.activeMedia.add(this.audio), this.commonTimeNode.on("timelineStart", () => {
+        this.audio.volume(o2.volumeAdjuster.volume), this.audio.play();
+      }), this.commonTimeNode.on("seekToStart", this.stopAudio), this.commonTimeNode.on("seekToEnd", this.stopAudio), this.commonTimeNode.on("timeNodeDestroy", this.destroy), this.ctx = o2, this.ctx.volumeAdjuster.on("update", this.onVolumeUpdate);
     }
   }
-  var RR = function(t2, e2, n2, i2) {
+  var AR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32180,7 +32149,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class PR extends a.a {
+  class RR extends a.a {
     constructor(t2) {
       var e2, n2;
       super(), this.uuid = Date.now().toString(32) + Math.random().toString(32).substring(2), this.isSub = false, this.isShadow = false, this.startCount = 0, this.applyCount = 0, this.isReverse = false, this.isConflictDispose = false, this.isIterateEnd = false, this.parentTimeNode = null, this.isActive = false, this.isDestroy = false, this.shouldSeekOnStart = false, this.repeatTimeoutId = "", this.iterateShadows = [], this.isEndEventsEmitted = false, this.tmFilter = [], this.timeDelta = 0, this.isIterate = false, this.iterateType = "el", this.iterateIndex = 0, this.children = [], this.subList = [], this.duration = 0, this.isNegativeSpeed = false, this.handleEndCond = () => {
@@ -32201,7 +32170,7 @@ void main(void){
       const { isSub: i2, isIterate: r2, ctx: o2, eventHubs: s2, parent: a2, json: l2, iterateType: u2, iterateId: h2, iterateIndex: c2, isInInteractiveSeq: d2 } = t2;
       this.isSub = i2, this.isInInteractiveSeq = d2, this.isIterate = r2, this.parentTimeNode = a2, this.json = l2, this.ctx = o2, this.iterateIndex = c2, this.eventHubs = s2, this.iterateType = u2, this.iterateId = h2, this.tmFilter = (n2 = (e2 = l2.tmFilter) === null || e2 === void 0 ? void 0 : e2.split(";").map((t3) => t3.split(",").map((t4) => parseFloat(t4.trim())))) !== null && n2 !== void 0 ? n2 : [];
       const p2 = Number(this.json.dur), f2 = this.json.spd || 1;
-      this.isNegativeSpeed = f2 < 0, Number.isNaN(p2) || (this.duration = p2 / Math.abs(f2)), this.uuid += "--" + this.json.id, this.setPreStyle(), l2.childTnLst && this.createChildren(l2.childTnLst), this.startConds = new tR(this.json.id || "", l2.stCondLst, s2, this.ctx), this.endConds = new tR(this.json.id || "", l2.endCondLst, s2, this.ctx), l2.endSync && (this.endSync = new tR(this.json.id || "", [l2.endSync], s2, this.ctx), this.endSync.on("active", () => {
+      this.isNegativeSpeed = f2 < 0, Number.isNaN(p2) || (this.duration = p2 / Math.abs(f2)), this.uuid += "--" + this.json.id, this.setPreStyle(), l2.childTnLst && this.createChildren(l2.childTnLst), this.startConds = new QA(this.json.id || "", l2.stCondLst, s2, this.ctx), this.endConds = new QA(this.json.id || "", l2.endCondLst, s2, this.ctx), l2.endSync && (this.endSync = new QA(this.json.id || "", [l2.endSync], s2, this.ctx), this.endSync.on("active", () => {
         var t3;
         this.json.nodeType === "interactiveSeq" && (this.isActive = false, this.shouldSeekOnStart = true, this.emit("timeNodeEndSync"), (t3 = this.endSync) === null || t3 === void 0 || t3.reset());
       })), this.startConds.on("active", (t3) => {
@@ -32219,7 +32188,7 @@ void main(void){
         n3 === t2 && (e2 = false, this.ctx.eventHub.removeListener("IterateTimeNodeEnd", i2));
       };
       for (this.ctx.eventHub.on("IterateTimeNodeEnd", i2); e2; ) {
-        const e3 = JSON.parse(JSON.stringify(this.json)), i3 = new PR({ json: e3, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e3.iterate.type, iterateIndex: n2, iterateId: t2, isInInteractiveSeq: this.isInInteractiveSeq });
+        const e3 = JSON.parse(JSON.stringify(this.json)), i3 = new RR({ json: e3, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e3.iterate.type, iterateIndex: n2, iterateId: t2, isInInteractiveSeq: this.isInInteractiveSeq });
         this.iterateShadows[n2] = i3, n2 += 1;
       }
     }
@@ -32235,7 +32204,7 @@ void main(void){
     createTimeNode(t2, e2) {
       let n2 = null;
       const i2 = { json: t2, isSub: e2, isIterate: this.isIterate, eventHub: this.eventHubs.global, ctx: this.ctx, parent: this, iterateType: this.iterateType, iterateIndex: this.iterateIndex, iterateId: this.iterateId, isInInteractiveSeq: this.isInInteractiveSeq };
-      return t2.type === "seq" ? n2 = new eR(i2) : t2.type === "par" ? n2 = new CR(i2) : t2.type === "set" ? n2 = new oR(i2) : t2.type === "anim" ? n2 = new dR(i2) : t2.type === "animEffect" ? n2 = new bR(i2) : t2.type === "animMotion" ? n2 = new TR(i2) : t2.type === "animScale" ? n2 = new wR(i2) : t2.type === "animClr" ? n2 = new SR(i2) : t2.type === "animRot" ? n2 = new ER(i2) : t2.type === "cmd" ? n2 = new MR(i2) : t2.type === "audio" && (n2 = new AR(i2)), n2;
+      return t2.type === "seq" ? n2 = new tR(i2) : t2.type === "par" ? n2 = new PR(i2) : t2.type === "set" ? n2 = new rR(i2) : t2.type === "anim" ? n2 = new cR(i2) : t2.type === "animEffect" ? n2 = new xR(i2) : t2.type === "animMotion" ? n2 = new bR(i2) : t2.type === "animScale" ? n2 = new TR(i2) : t2.type === "animClr" ? n2 = new wR(i2) : t2.type === "animRot" ? n2 = new SR(i2) : t2.type === "cmd" ? n2 = new ER(i2) : t2.type === "audio" && (n2 = new MR(i2)), n2;
     }
     createSubList(t2) {
       this.subList && this.subList.forEach((t3) => t3.commonTimeNode.destroy()), this.subList = [], t2.forEach((t3) => {
@@ -32308,7 +32277,7 @@ void main(void){
       })) : this.duration > e2 && (this.ctx.eventHub.emit($R.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
     }
     startIterate() {
-      return RR(this, void 0, void 0, function* () {
+      return AR(this, void 0, void 0, function* () {
         if (this.json.iterate) {
           this.isIterateEnd = false;
           for (const t2 of this.iterateShadows) {
@@ -32449,11 +32418,11 @@ void main(void){
       this.emit("timeNodeDestroy"), this.isDestroy = true, this.dispose(), this.startConds.removeAllListeners(), this.endConds.removeAllListeners(), this.children.forEach((t2) => t2.commonTimeNode.destroy()), this.clearSubList();
     }
   }
-  class CR extends a.a {
+  class PR extends a.a {
     constructor(t2) {
       super(), this.isRunning = false, this.runtimeNodeEventHub = new a.a();
       const { json: e2, iterateType: n2, isIterate: i2, isSub: r2, parent: o2, ctx: s2, eventHub: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t2;
-      this.id = e2.ctn.id, this.json = e2, this.ctx = s2, this.isIterate = i2, this.globalEventHub = l2, this.commonTimeNode = new PR({ json: e2.ctn, isSub: r2, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
+      this.id = e2.ctn.id, this.json = e2, this.ctx = s2, this.isIterate = i2, this.globalEventHub = l2, this.commonTimeNode = new RR({ json: e2.ctn, isSub: r2, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
         this.commonTimeNode.children.forEach((t3) => {
           t3.commonTimeNode.setReverse(this.commonTimeNode.getReverse()), t3.commonTimeNode.startTimeNode();
         }), this.isRunning || (this.isRunning = true, this.globalEventHub.emit(`runtime ${this.id} begin`), this.emit("begin"));
@@ -32466,7 +32435,7 @@ void main(void){
       });
     }
   }
-  var IR = function(t2, e2, n2, i2) {
+  var CR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32491,11 +32460,11 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class OR {
+  class IR {
     constructor(t2, e2, n2) {
       this.json = t2, this.ctx = n2, this.globalEventHub = e2;
       const i2 = t2.timeNodeList.find((t3) => t3.type === "par" && t3.ctn.nodeType === "tmRoot");
-      i2 && (this.tmRoot = new CR({ json: i2, isSub: false, isIterate: false, eventHub: e2, ctx: n2, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t3) => {
+      i2 && (this.tmRoot = new PR({ json: i2, isSub: false, isIterate: false, eventHub: e2, ctx: n2, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t3) => {
         var e3, n3, i3;
         return ((e3 = t3.json) === null || e3 === void 0 ? void 0 : e3.type) === "seq" && ((i3 = (n3 = t3.json) === null || n3 === void 0 ? void 0 : n3.ctn) === null || i3 === void 0 ? void 0 : i3.nodeType) === "mainSeq";
       }));
@@ -32509,7 +32478,7 @@ void main(void){
     }
     start() {
       var t2, e2;
-      return IR(this, void 0, void 0, function* () {
+      return CR(this, void 0, void 0, function* () {
         this.json.autoPlayMainSeq ? (yield this.ctx.clock.delay(16), (t2 = this.mainSeq) === null || t2 === void 0 || t2.commonTimeNode.startTimeNode()) : (e2 = this.mainSeq) === null || e2 === void 0 || e2.commonTimeNode.startTimeNode();
       });
     }
@@ -32567,7 +32536,7 @@ void main(void){
       this.globalEventHub.emit(t2);
     }
   }
-  var LR = function(t2, e2, n2, i2) {
+  var OR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32592,7 +32561,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class NR extends QA {
+  class LR extends KA {
     constructor(t2, e2, n2, i2) {
       super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, n2, void 0, i2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
       const r2 = new Aw();
@@ -32614,7 +32583,7 @@ void main(void){
     render(t2) {
       if (this.isRendered)
         return;
-      this.collectAnimatedIds().forEach((t3) => this.ctx.animatedIds.add(t3)), this.isRendered = true, super.render(t2), t2.addSubMTask(() => LR(this, void 0, void 0, function* () {
+      this.collectAnimatedIds().forEach((t3) => this.ctx.animatedIds.add(t3)), this.isRendered = true, super.render(t2), t2.addSubMTask(() => OR(this, void 0, void 0, function* () {
         this.ctx.eventHub.emit("StageRenderEnd");
       }), "@StageImpl[emit.StageRenderEnd]");
     }
@@ -32637,7 +32606,7 @@ void main(void){
       }), t2;
     }
     createTiming() {
-      this.json.timing && !this.timing && (this.timing = new OR(this.json.timing, this.ctx.timingEventHub, this.ctx));
+      this.json.timing && !this.timing && (this.timing = new IR(this.json.timing, this.ctx.timingEventHub, this.ctx));
     }
     startTiming() {
       var t2;
@@ -32711,7 +32680,7 @@ void main(void){
       (i2 = this.timing) === null || i2 === void 0 || i2.setInteractiveSeqState(t2, e2, n2);
     }
     setMediaState(t2, e2) {
-      return LR(this, void 0, void 0, function* () {
+      return OR(this, void 0, void 0, function* () {
         const n2 = this.ctx.medias[t2];
         n2 && (e2 ? yield n2.play() : yield n2.pause());
       });
@@ -32721,7 +32690,7 @@ void main(void){
       n2 && n2.seek(e2);
     }
   }
-  class DR {
+  class NR {
     constructor(t2) {
       this.ticker = t2, this.tasks = [], this.couldRunning = false, this.applyNext = () => {
         const t3 = this.tasks[0];
@@ -32744,7 +32713,7 @@ void main(void){
       this.couldRunning = false;
     }
   }
-  var FR = function(t2, e2, n2, i2) {
+  var DR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32769,8 +32738,8 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  const BR = (t2) => new Promise((e2) => setTimeout(e2, t2));
-  class UR extends a.a {
+  const FR = (t2) => new Promise((e2) => setTimeout(e2, t2));
+  class BR extends a.a {
     constructor(t2, e2, n2) {
       super(), this.slideIndex = t2, this.taskId = e2, this.logger = n2, this.uuid = eM(), this.isCancel = false, this.tasks = [];
     }
@@ -32802,10 +32771,10 @@ void main(void){
       }));
     }
     applyAll() {
-      return FR(this, void 0, void 0, function* () {
+      return DR(this, void 0, void 0, function* () {
         for (; !this.tasks.every((t2) => t2.state === "finish"); )
           if (this.tasks.some((t2) => t2.state === "running"))
-            yield BR(16);
+            yield FR(16);
           else {
             if (this.tasks.some((t2) => t2.state === "error"))
               return;
@@ -32832,16 +32801,16 @@ void main(void){
       });
     }
   }
-  var kR = n(53);
-  const GR = new (n.n(kR)).a(), HR = GR.getDevice(), zR = GR.getBrowser(), jR = GR.getOS(), VR = { isDesktop() {
+  var UR = n(53);
+  const kR = new (n.n(UR)).a(), GR = kR.getDevice(), HR = kR.getBrowser(), zR = kR.getOS(), jR = { isDesktop() {
     let t2 = true;
-    return HR.type === "mobile" && (t2 = false), /Samsung/.test(zR.name || "") && (t2 = false), window.__nativeTags && window.__nativeTags.platform && (t2 = false), t2;
+    return GR.type === "mobile" && (t2 = false), /Samsung/.test(HR.name || "") && (t2 = false), window.__nativeTags && window.__nativeTags.platform && (t2 = false), t2;
   }, isIOS() {
     let t2 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t2 = true), jR.name && /iOS/.test(jR.name) && (t2 = true), t2;
+    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t2 = true), zR.name && /iOS/.test(zR.name) && (t2 = true), t2;
   }, isAndroid() {
     let t2 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t2 = true), jR.name && /android/i.test(jR.name) && (t2 = true), t2;
+    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t2 = true), zR.name && /android/i.test(zR.name) && (t2 = true), t2;
   }, isLowGpuMemory() {
     var t2, e2;
     const n2 = (e2 = (t2 = window.__nativeTags) === null || t2 === void 0 ? void 0 : t2.platform) !== null && e2 !== void 0 ? e2 : "";
@@ -32862,7 +32831,7 @@ void main(void){
     }
     return true;
   } };
-  var WR = function(t2, e2, n2, i2) {
+  var VR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32887,23 +32856,23 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class XR {
-    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, u2, h2, c2, d2) {
-      this.loader = t2, this.mode = e2, this.renderer = n2, this.ticker = i2, this.view = r2, this.clock = o2, this.objPoolGroup = s2, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, this.currentStageIndex = 0, this.cacheCount = VR.isDesktop() ? 2 : 1, this.stageStates = /* @__PURE__ */ Object.create(null), this.stageJsons = /* @__PURE__ */ Object.create(null), this.stageCtxs = /* @__PURE__ */ Object.create(null), this.stageImpls = /* @__PURE__ */ Object.create(null), this.taskId = "", this.url = "", this.runningAudio = /* @__PURE__ */ new Map(), this.activeMedia = /* @__PURE__ */ new Set(), this.microTaskManager = new DR(i2);
+  class WR {
+    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, u2, h2, c2, d2, p2) {
+      this.loader = t2, this.mode = e2, this.renderer = n2, this.ticker = i2, this.view = r2, this.clock = o2, this.objPoolGroup = s2, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, this.volumeAdjuster = p2, this.currentStageIndex = 0, this.cacheCount = jR.isDesktop() ? 2 : 1, this.stageStates = /* @__PURE__ */ Object.create(null), this.stageJsons = /* @__PURE__ */ Object.create(null), this.stageCtxs = /* @__PURE__ */ Object.create(null), this.stageImpls = /* @__PURE__ */ Object.create(null), this.taskId = "", this.url = "", this.runningAudio = /* @__PURE__ */ new Map(), this.activeMedia = /* @__PURE__ */ new Set(), this.microTaskManager = new NR(i2);
     }
     setResourceData(t2, e2) {
       this.taskId = t2, this.url = e2;
     }
     createCtx(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => WR(this, void 0, void 0, function* () {
-        const e3 = new dM(this.loader), n2 = new a.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new bM(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new wM(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new TM(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new a.a(), logger: this.logger, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new a.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set() };
+      e2.addMTask(() => VR(this, void 0, void 0, function* () {
+        const e3 = new dM(this.loader), n2 = new a.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new bM(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new wM(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new TM(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new a.a(), logger: this.logger, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new a.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster };
         this.stageCtxs[t2] = i2;
       }), "@StagePool[createCtx]");
     }
     loadStageJson(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => WR(this, void 0, void 0, function* () {
+      e2.addMTask(() => VR(this, void 0, void 0, function* () {
         const e3 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t2}.json`);
         this.stageJsons[t2] = e3, this.stageCtxs[t2].stageWidth = e3.width, this.stageCtxs[t2].stageHeight = e3.height;
       }), "@StagePool[loadStageJson]");
@@ -32928,7 +32897,7 @@ void main(void){
     createStage(t2) {
       const { task: e2 } = this.stageStates[t2];
       e2.addMTask(() => {
-        const n2 = this.stageJsons[t2], i2 = this.stageCtxs[t2], r2 = new NR(n2, i2, { x: 0, y: 0 }, e2);
+        const n2 = this.stageJsons[t2], i2 = this.stageCtxs[t2], r2 = new LR(n2, i2, { x: 0, y: 0 }, e2);
         return this.stageImpls[t2] = r2, Promise.resolve();
       }, "@StagePool[createStage]");
     }
@@ -32938,7 +32907,7 @@ void main(void){
     }
     createGraphicsTexture(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => WR(this, void 0, void 0, function* () {
+      e2.addMTask(() => VR(this, void 0, void 0, function* () {
         const n2 = this.stageCtxs[t2];
         n2.graphicsTexture.pack().forEach((t3, i2) => {
           e2.addSubMTask(() => n2.graphicsTexture.render(t3, i2, this.objPoolGroup), "@StagePool[graphicsTexture.render]");
@@ -32947,9 +32916,9 @@ void main(void){
     }
     renderStage(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => WR(this, void 0, void 0, function* () {
+      e2.addMTask(() => VR(this, void 0, void 0, function* () {
         const n2 = this.stageImpls[t2], i2 = this.stageCtxs[t2];
-        yield n2.render(e2), e2.addSubMTask(() => WR(this, void 0, void 0, function* () {
+        yield n2.render(e2), e2.addSubMTask(() => VR(this, void 0, void 0, function* () {
           var e3;
           const r2 = `snapshot-${t2.toString()}-start`;
           if (!(yield (e3 = this.localstorage) === null || e3 === void 0 ? void 0 : e3.getItem(r2)) && KR.platform.isLowGpuMemory()) {
@@ -32982,7 +32951,7 @@ void main(void){
     preload(t2, e2 = false) {
       if (this.stageImpls[t2] || this.stageStates[t2])
         return Promise.resolve();
-      const n2 = new UR(t2, this.taskId, this.logger);
+      const n2 = new BR(t2, this.taskId, this.logger);
       return n2.on("task-error", (t3, e3) => {
         delete this.stageStates[e3], delete this.stageImpls[e3], delete this.stageCtxs[e3], this.errorChannel.emit("error", t3, e3);
       }), this.stageStates[t2] = { state: "load", task: n2 }, this.createCtx(t2), this.loadStageJson(t2), this.loadSpriteSheets(t2), this.createStage(t2), this.preRenderStage(t2), this.createGraphicsTexture(t2), this.renderStage(t2), this.microTaskManager.addTask(n2), e2 ? n2.applyAll() : new Promise((e3) => {
@@ -32996,7 +32965,7 @@ void main(void){
       return this.stageJsons[t2] || null;
     }
     getStage(t2) {
-      return WR(this, void 0, void 0, function* () {
+      return VR(this, void 0, void 0, function* () {
         this.currentStageIndex = t2;
         const e2 = this.stageStates[t2];
         return (e2 == null ? void 0 : e2.state) === "finish" && this.stageImpls[t2] ? this.stageImpls[t2] : (e2 == null ? void 0 : e2.state) === "load" ? (yield e2.task.applyAll(), this.stageImpls[t2]) : (yield this.preload(t2, true), this.stageImpls[t2]);
@@ -33006,7 +32975,7 @@ void main(void){
       this.runningAudio.clear();
     }
   }
-  var qR = function(t2, e2, n2, i2) {
+  var XR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33031,10 +33000,10 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class YR {
+  class qR {
     constructor(t2) {
       var e2;
-      this.logger = t2, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e2 = YR.localCache) === null || e2 === void 0 || e2.ready(() => {
+      this.logger = t2, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e2 = qR.localCache) === null || e2 === void 0 || e2.ready(() => {
         this.isIndexDBReady = true;
       }).catch(() => {
         t2.warn("local storage not ready", this.taskId);
@@ -33047,17 +33016,17 @@ void main(void){
       this.taskId = t2;
     }
     getItem(t2) {
-      return qR(this, void 0, void 0, function* () {
+      return XR(this, void 0, void 0, function* () {
         let e2 = null;
-        return this.couldUseIndexDBCache && YR.localCache && (e2 = yield iM(() => YR.localCache.getItem(`${this.taskId}/${t2}`), 500)), e2 = e2 === nM ? null : e2, e2 || this.memoryCache.get(t2) || null;
+        return this.couldUseIndexDBCache && qR.localCache && (e2 = yield iM(() => qR.localCache.getItem(`${this.taskId}/${t2}`), 500)), e2 = e2 === nM ? null : e2, e2 || this.memoryCache.get(t2) || null;
       });
     }
     setItem(t2, e2, n2 = false) {
-      return qR(this, void 0, void 0, function* () {
+      return XR(this, void 0, void 0, function* () {
         if (!this.couldUseIndexDBCache)
           return n2 && this.memoryCache.set(t2, e2), Promise.resolve();
-        if (YR.localCache) {
-          (yield iM(() => YR.localCache.setItem(`${this.taskId}/${t2}`, e2).catch(() => {
+        if (qR.localCache) {
+          (yield iM(() => qR.localCache.setItem(`${this.taskId}/${t2}`, e2).catch(() => {
             n2 && this.memoryCache.set(t2, e2);
           }), 500)) === nM && n2 && this.memoryCache.set(t2, e2);
         }
@@ -33065,20 +33034,31 @@ void main(void){
     }
     dispose() {
       var t2;
-      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t2 = YR.localCache) === null || t2 === void 0 || t2.keys().then((t3) => {
+      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t2 = qR.localCache) === null || t2 === void 0 || t2.keys().then((t3) => {
         t3.filter((t4) => t4.indexOf(this.taskId) >= 0).forEach((t4) => {
           var e2;
-          (e2 = YR.localCache) === null || e2 === void 0 || e2.removeItem(t4).catch(() => {
+          (e2 = qR.localCache) === null || e2 === void 0 || e2.removeItem(t4).catch(() => {
           });
         });
       }));
     }
   }
-  YR.localCache = null;
+  qR.localCache = null;
   try {
-    YR.localCache = o.createInstance({ name: "slide_local_cache", driver: o.INDEXEDDB, version: 1 });
+    qR.localCache = o.createInstance({ name: "slide_local_cache", driver: o.INDEXEDDB, version: 1 });
   } catch (t2) {
   }
+  class YR extends a.a {
+    constructor() {
+      super(...arguments), this._volume = 0.5;
+    }
+    get volume() {
+      return this._volume;
+    }
+    set volume(t2) {
+      t2 < 0 && (t2 = 0), t2 > 1 && (t2 = 1), this._volume = t2, this.emit("update", this._volume);
+    }
+  }
   var ZR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
@@ -33110,9 +33090,9 @@ void main(void){
     constructor(t2, e2 = {}) {
       super(), this.errorChannel = new a.a(), this.transactionPlayer = null, this.transactionSprite = new Ow(), this.isForward = true, this.drawCall = 0, this.scale = 1, this.prevSlideBase64 = null, this._isPaused = false, this.maxResolution = new v_(0, 0), this.fps = new XE(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
         this.errorChannel.emit("error", new qE(VE.CanvasCrash, "webgl context lost."));
-      }, this.logger = t2.logger, this.mode = t2.mode, this.localStorage = new YR(this.logger);
+      }, this.logger = t2.logger, this.mode = t2.mode, this.volumeAdjuster = t2.volumeAdjuster, this.localStorage = new qR(this.logger);
       let n2 = Math.max(window.devicePixelRatio, 2);
-      VR.isDesktop() || (n2 = 1), this.config = { minFPS: Object(l.isUndefined)(e2.minFPS) ? 30 : e2.minFPS, maxFPS: Object(l.isUndefined)(e2.maxFPS) ? 40 : e2.maxFPS, resolution: Object(l.isUndefined)(e2.resolution) ? n2 : e2.resolution, autoFPS: !Object(l.isUndefined)(e2.autoFPS) && e2.autoFPS, autoResolution: !Object(l.isUndefined)(e2.autoResolution) && e2.autoResolution, transactionBgColor: Object(l.isUndefined)(e2.transactionBgColor) ? 0 : e2.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e2.maxResolutionLevel) }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new sM(this.localStorage, t2.useLocalCache, this.logger, t2.resourceTimeout, t2.loadDelegate), this.app = new Lb({ antialias: true, autoDensity: false, backgroundColor: 16777215 }), this.updateConfig(this.config), this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
+      jR.isDesktop() || (n2 = 1), this.config = { minFPS: Object(l.isUndefined)(e2.minFPS) ? 30 : e2.minFPS, maxFPS: Object(l.isUndefined)(e2.maxFPS) ? 40 : e2.maxFPS, resolution: Object(l.isUndefined)(e2.resolution) ? n2 : e2.resolution, autoFPS: !Object(l.isUndefined)(e2.autoFPS) && e2.autoFPS, autoResolution: !Object(l.isUndefined)(e2.autoResolution) && e2.autoResolution, transactionBgColor: Object(l.isUndefined)(e2.transactionBgColor) ? 0 : e2.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e2.maxResolutionLevel) }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new sM(this.localStorage, t2.useLocalCache, this.logger, t2.resourceTimeout, t2.loadDelegate), this.app = new Lb({ 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: r2 } = i2.gl;
       i2.gl.drawElements = (...t3) => {
         r2.call(i2.gl, ...t3), this.drawCall += 1;
@@ -33138,7 +33118,7 @@ void main(void){
         }
       }), this.app.ticker.add(() => {
         this.runtime.drawCall = this.drawCall, this.runtime.fps = Math.floor(this.app.ticker.minFPS), this.drawCall = 0;
-      }, null, ey.LOW), this.clock = new lM(this.app.ticker), this.objPoolGroup = eM(), this.stagePool = new XR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t2.loadDelegate, this.isPlayerPaused, this.maxResolution), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
+      }, null, ey.LOW), this.clock = new lM(this.app.ticker), this.objPoolGroup = eM(), this.stagePool = new WR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t2.loadDelegate, this.isPlayerPaused, this.maxResolution, this.volumeAdjuster), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
       try {
         this.transactionPlayer = new og();
       } catch (t3) {
@@ -33263,7 +33243,7 @@ void main(void){
     }
     updateResolution(t2, e2) {
       this.app.ticker.addOnce(() => {
-        let n2 = VR.isDesktop() ? t2 : 1;
+        let n2 = jR.isDesktop() ? t2 : 1;
         for (; n2 * this.designWidth > this.maxResolution.x || n2 * this.designHeight > this.maxResolution.y; )
           n2 -= 0.1;
         this.app.renderer.resolution = n2, this.app.renderer.plugins.interaction.resolution = this.app.renderer.resolution, this.app.renderer.resize(this.designWidth, this.designHeight), Object(l.isFunction)(e2) && e2();
@@ -33381,7 +33361,7 @@ void main(void){
     }
     static clearLocalCache() {
       var t2;
-      (t2 = YR.localCache) === null || t2 === void 0 || t2.clear().catch(() => {
+      (t2 = qR.localCache) === null || t2 === void 0 || t2.clear().catch(() => {
       });
     }
     destroy() {
@@ -33402,7 +33382,7 @@ void main(void){
       }
     }
   }
-  KR.platform = VR, KR.RtcAudioClazz = null;
+  KR.platform = jR, KR.RtcAudioClazz = null;
   var QR = /* @__PURE__ */ new Map();
   function tP(t2) {
     var e2 = QR.get(t2.hookPoint) || [];
@@ -34830,7 +34810,120 @@ void main(void){
     }, t2.prototype.destroy = function() {
       this.isDestroy = true;
     }, t2;
-  }(), nI = function() {
+  }(), nI = function(t2, e2, n2, i2) {
+    return new (n2 || (n2 = Promise))(function(r2, o2) {
+      function s2(t3) {
+        try {
+          l2(i2.next(t3));
+        } catch (t4) {
+          o2(t4);
+        }
+      }
+      function a2(t3) {
+        try {
+          l2(i2.throw(t3));
+        } catch (t4) {
+          o2(t4);
+        }
+      }
+      function l2(t3) {
+        var e3;
+        t3.done ? r2(t3.value) : (e3 = t3.value, e3 instanceof n2 ? e3 : new n2(function(t4) {
+          t4(e3);
+        })).then(s2, a2);
+      }
+      l2((i2 = i2.apply(t2, e2 || [])).next());
+    });
+  }, iI = function(t2, e2) {
+    var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
+      if (1 & r2[0])
+        throw r2[1];
+      return r2[1];
+    }, trys: [], ops: [] };
+    return o2 = { next: a2(0), throw: a2(1), return: a2(2) }, typeof Symbol == "function" && (o2[Symbol.iterator] = function() {
+      return this;
+    }), o2;
+    function a2(o3) {
+      return function(a3) {
+        return function(o4) {
+          if (n2)
+            throw new TypeError("Generator is already executing.");
+          for (; s2; )
+            try {
+              if (n2 = 1, i2 && (r2 = 2 & o4[0] ? i2.return : o4[0] ? i2.throw || ((r2 = i2.return) && r2.call(i2), 0) : i2.next) && !(r2 = r2.call(i2, o4[1])).done)
+                return r2;
+              switch (i2 = 0, r2 && (o4 = [2 & o4[0], r2.value]), o4[0]) {
+                case 0:
+                case 1:
+                  r2 = o4;
+                  break;
+                case 4:
+                  return s2.label++, { value: o4[1], done: false };
+                case 5:
+                  s2.label++, i2 = o4[1], o4 = [0];
+                  continue;
+                case 7:
+                  o4 = s2.ops.pop(), s2.trys.pop();
+                  continue;
+                default:
+                  if (!(r2 = s2.trys, (r2 = r2.length > 0 && r2[r2.length - 1]) || o4[0] !== 6 && o4[0] !== 2)) {
+                    s2 = 0;
+                    continue;
+                  }
+                  if (o4[0] === 3 && (!r2 || o4[1] > r2[0] && o4[1] < r2[3])) {
+                    s2.label = o4[1];
+                    break;
+                  }
+                  if (o4[0] === 6 && s2.label < r2[1]) {
+                    s2.label = r2[1], r2 = o4;
+                    break;
+                  }
+                  if (r2 && s2.label < r2[2]) {
+                    s2.label = r2[2], s2.ops.push(o4);
+                    break;
+                  }
+                  r2[2] && s2.ops.pop(), s2.trys.pop();
+                  continue;
+              }
+              o4 = e2.call(t2, s2);
+            } catch (t3) {
+              o4 = [6, t3], i2 = 0;
+            } finally {
+              n2 = r2 = 0;
+            }
+          if (5 & o4[0])
+            throw o4[1];
+          return { value: o4[0] ? o4[1] : void 0, done: true };
+        }([o3, a3]);
+      };
+    }
+  };
+  function rI(t2, e2, n2) {
+    return nI(this, void 0, void 0, function() {
+      var i2, r2, o2, s2;
+      return iI(this, function(a2) {
+        switch (a2.label) {
+          case 0:
+            return i2 = document.createElement("div"), (r2 = new vI({ anchor: i2, renderOptions: { minFPS: 1, maxFPS: 1, resolution: 1 }, mode: "local", interactive: false })).setResource(t2, e2), [4, r2.getSlideCountAsync()];
+          case 1:
+            if (o2 = a2.sent(), n2)
+              return [3, 6];
+            s2 = 1, a2.label = 2;
+          case 2:
+            return s2 <= o2 ? [4, r2.player.stagePool.preload(s2, true)] : [3, 5];
+          case 3:
+            a2.sent(), a2.label = 4;
+          case 4:
+            return s2++, [3, 2];
+          case 5:
+            return [3, 6];
+          case 6:
+            return r2.destroy(), [2];
+        }
+      });
+    });
+  }
+  var oI = function() {
     var t2 = function(e2, n2) {
       return (t2 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t3, e3) {
         t3.__proto__ = e3;
@@ -34847,14 +34940,14 @@ void main(void){
       }
       t2(e2, n2), e2.prototype = n2 === null ? Object.create(n2) : (i2.prototype = n2.prototype, new i2());
     };
-  }(), iI = function() {
-    return (iI = Object.assign || function(t2) {
+  }(), sI = function() {
+    return (sI = Object.assign || function(t2) {
       for (var e2, n2 = 1, i2 = arguments.length; n2 < i2; n2++)
         for (var r2 in e2 = arguments[n2])
           Object.prototype.hasOwnProperty.call(e2, r2) && (t2[r2] = e2[r2]);
       return t2;
     }).apply(this, arguments);
-  }, rI = function(t2, e2, n2, i2) {
+  }, aI = function(t2, e2, n2, i2) {
     var r2, o2 = arguments.length, s2 = o2 < 3 ? e2 : i2 === null ? i2 = Object.getOwnPropertyDescriptor(e2, n2) : i2;
     if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
       s2 = Reflect.decorate(t2, e2, n2, i2);
@@ -34862,7 +34955,7 @@ void main(void){
       for (var a2 = t2.length - 1; a2 >= 0; a2--)
         (r2 = t2[a2]) && (s2 = (o2 < 3 ? r2(s2) : o2 > 3 ? r2(e2, n2, s2) : r2(e2, n2)) || s2);
     return o2 > 3 && s2 && Object.defineProperty(e2, n2, s2), s2;
-  }, oI = function(t2, e2, n2, i2) {
+  }, lI = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -34886,7 +34979,7 @@ void main(void){
       }
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
-  }, sI = function(t2, e2) {
+  }, uI = function(t2, e2) {
     var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
       if (1 & r2[0])
         throw r2[1];
@@ -34949,20 +35042,20 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, aI = window.ResizeObserver || GP, lI = function(t2) {
+  }, hI = window.ResizeObserver || GP, cI = function(t2) {
     return new Promise(function(e2) {
       return setTimeout(e2, t2);
     });
   };
-  function uI(t2, e2) {
-    return oI(this, void 0, void 0, function() {
+  function dI(t2, e2) {
+    return lI(this, void 0, void 0, function() {
       var n2;
-      return sI(this, function(i2) {
+      return uI(this, function(i2) {
         switch (i2.label) {
           case 0:
             n2 = Date.now(), i2.label = 1;
           case 1:
-            return !t2() && Date.now() - n2 < e2 ? [4, lI(50)] : [3, 3];
+            return !t2() && Date.now() - n2 < e2 ? [4, cI(50)] : [3, 3];
           case 2:
             return i2.sent(), [3, 1];
           case 3:
@@ -34971,25 +35064,25 @@ void main(void){
       });
     });
   }
-  var hI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, cI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, dI = "";
+  var pI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, fI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, mI = "";
   try {
-    dI = "0.5.16-alpha.1";
+    mI = "0.6.3";
   } catch (t2) {
-    dI = "development";
+    mI = "development";
   }
-  var pI = null;
+  var gI = null;
   try {
-    pI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
+    gI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
   } catch (t2) {
   }
-  var fI = function(t2) {
+  var vI = function(t2) {
     function e2(n3) {
       var i2 = t2.call(this) || this;
-      return i2.iosResetCache = [], i2.needClearCacheImage = false, i2.version = dI, i2.__slideState = Object(l.cloneDeep)(cI), i2.userInputTime = 0, i2.isSyncingSlideState = false, i2.frozenTaskManager = new eI(), i2.randomId = Math.random().toString(32).substr(2), i2.resize = false, i2.isAnimating = false, i2.renderingTaskManager = new VP(), i2.isLoading = false, i2.interactive = true, i2.renderingIndex = 0, i2.frameWidth = 1, i2.frameHeight = 1, i2.frame = document.createElement("div"), i2.medianController = document.createElement("div"), i2.frameResizeObserver = new aI(function() {
+      return i2.iosResetCache = [], i2.needClearCacheImage = false, i2.version = mI, i2.__slideState = Object(l.cloneDeep)(fI), i2.userInputTime = 0, i2.isSyncingSlideState = false, i2.frozenTaskManager = new eI(), i2.randomId = Math.random().toString(32).substr(2), i2.resize = false, i2.isAnimating = false, i2.renderingTaskManager = new VP(), i2.isLoading = false, i2.interactive = true, i2.renderingIndex = 0, i2.frameWidth = 1, i2.frameHeight = 1, i2.frame = document.createElement("div"), i2.medianController = document.createElement("div"), i2.frameResizeObserver = new hI(function() {
         return i2.frameResizeHandler();
       }), i2.timestamp = function() {
         return Date.now();
-      }, i2.mode = "local", i2.enableGlobalClick = false, i2.lastEmitedState = null, i2.playerController = null, i2.isInitResized = false, i2.cacheImage = document.createElement("img"), i2.isTouchStart = false, i2.touchStartId = void 0, i2.taskId = "", i2.designWidth = 0, i2.designHeight = 0, i2._slideCount = 0, i2._dispatchIncrId = 0, i2._receiveIncrId = 0, i2.userInputHandle = function() {
+      }, i2.mode = "local", i2.enableGlobalClick = false, i2.lastEmitedState = null, i2.playerController = null, i2.isInitResized = false, i2.cacheImage = document.createElement("img"), i2.isTouchStart = false, i2.touchStartId = void 0, i2.taskId = "", i2.volumeAdjuster = new YR(), i2.designWidth = 0, i2.designHeight = 0, i2._slideCount = 0, i2._dispatchIncrId = 0, i2._receiveIncrId = 0, i2.userInputHandle = function() {
         i2.userInputTime = Date.now();
       }, i2.handleViewClick = function() {
         setTimeout(function() {
@@ -35005,12 +35098,12 @@ void main(void){
       }, i2.handleSlideRef = function() {
         console.log(i2), window.__slide = i2;
       }, i2.receiveSyncHandler = function(t3) {
-        return oI(i2, void 0, void 0, function() {
+        return lI(i2, void 0, void 0, function() {
           var e3, n4, i3, r2, o2 = this;
-          return sI(this, function(s2) {
+          return uI(this, function(s2) {
             switch (s2.label) {
               case 0:
-                return Object(l.isNumber)(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(hI.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), t3.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
+                return Object(l.isNumber)(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(pI.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), t3.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
                   o2.doNextStep(true);
                 })) : this.doNextStep(true), [3, 6]);
               case 1:
@@ -35031,9 +35124,9 @@ void main(void){
           });
         });
       }, i2.handlePrevSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), oI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), lI(i2, void 0, void 0, function() {
           var e3, n4;
-          return sI(this, function(i3) {
+          return uI(this, function(i3) {
             switch (i3.label) {
               case 0:
                 return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(true)] : [2];
@@ -35043,9 +35136,9 @@ void main(void){
           });
         });
       }, i2.handleNextSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), oI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), lI(i2, void 0, void 0, function() {
           var e3, n4;
-          return sI(this, function(i3) {
+          return uI(this, function(i3) {
             switch (i3.label) {
               case 0:
                 return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(false)] : [2];
@@ -35069,23 +35162,23 @@ void main(void){
       }, error: function(t3, n4) {
         var r2, o2;
         ((r2 = i2.config.logger) === null || r2 === void 0 ? void 0 : r2.error) && (e2._tempLog += "ERROR - " + new Date().toISOString() + " - {" + i2.randomId + "}[" + n4 + "] " + t3 + "\n\n", (o2 = i2.config.logger) === null || o2 === void 0 || o2.error("[" + n4 + "] " + t3));
-      } }, i2.anchor = i2.config.anchor, i2.syncQueue = new QC(i2.receiveSyncHandler), i2.lock = new tI(i2.mode === "interactive"), i2.cacheImage.style.position = "absolute", i2.cacheImage.style.zIndex = "100", i2.setMedianControllerAttribute(), i2.frame.appendChild(i2.medianController), i2.frameResizeObserver.observe(i2.frame), i2.on(hI.syncReceive, function(t3) {
+      } }, i2.anchor = i2.config.anchor, i2.syncQueue = new QC(i2.receiveSyncHandler), i2.lock = new tI(i2.mode === "interactive"), i2.cacheImage.style.position = "absolute", i2.cacheImage.style.zIndex = "100", i2.setMedianControllerAttribute(), i2.frame.appendChild(i2.medianController), i2.frameResizeObserver.observe(i2.frame), i2.on(pI.syncReceive, function(t3) {
         i2.lock.unlock(t3.type, t3.uuid), i2.syncQueue.addTask(t3);
       }), i2.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, n4 = t3.task, r2 = qE.transform(e3);
-        r2.errorType === VE.RuntimeWarn ? i2.logger.warn(r2.message, i2.taskId) : i2.logger.error(r2.message, i2.taskId), i2.isLoading = false, i2.emit(hI.renderError, { error: r2, index: n4.slideIndex });
+        r2.errorType === VE.RuntimeWarn ? i2.logger.warn(r2.message, i2.taskId) : i2.logger.error(r2.message, i2.taskId), i2.isLoading = false, i2.emit(pI.renderError, { error: r2, index: n4.slideIndex });
       }), window.addEventListener("__slide_ref__", i2.handleSlideRef), i2.resizeView = Object(l.debounce)(i2.resizeView.bind(i2), 50), i2.player = i2.initPlayer(i2.config), i2.config.controller && i2.createController(), i2.player.view && i2.frame.appendChild(i2.player.view), i2.handleViewClick = Object(l.debounce)(i2.handleViewClick, 300), i2.player.errorChannel.on("error", function(t3, e3) {
         var n4 = qE.transform(t3);
-        n4.errorType === VE.RuntimeWarn ? i2.logger.warn(n4.message, i2.taskId) : i2.logger.error(n4.message, i2.taskId), i2.isLoading = false, e3 === i2.renderingIndex && i2.emit(hI.renderError, { error: t3, index: e3 });
+        n4.errorType === VE.RuntimeWarn ? i2.logger.warn(n4.message, i2.taskId) : i2.logger.error(n4.message, i2.taskId), i2.isLoading = false, e3 === i2.renderingIndex && i2.emit(pI.renderError, { error: t3, index: e3 });
       }), i2;
     }
     var n2;
-    return nI(e2, t2), e2.flushLog = function() {
-      return oI(this, void 0, void 0, function() {
-        return sI(this, function(t3) {
+    return oI(e2, t2), e2.flushLog = function() {
+      return lI(this, void 0, void 0, function() {
+        return uI(this, function(t3) {
           switch (t3.label) {
             case 0:
-              return e2._tempLog.length > 0 ? [4, pI == null ? void 0 : pI.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)] : [3, 2];
+              return e2._tempLog.length > 0 ? [4, gI == null ? void 0 : gI.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)] : [3, 2];
             case 1:
               t3.sent(), e2._tempLog = "", e2._tempLogIndex += 1, t3.label = 2;
             case 2:
@@ -35098,13 +35191,13 @@ void main(void){
     }, enumerable: false, configurable: true }), e2.prototype.initSlideConfig = function(t3) {
       return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (KR.RtcAudioClazz = t3.rtcAudio), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !Object(l.isUndefined)(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3;
     }, e2.prototype.initPlayer = function(t3) {
-      var e3, n3, i2, r2 = this, o2 = new KR({ mode: this.mode, useLocalCache: !!Object(l.isUndefined)(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: Object(l.isUndefined)(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate });
+      var e3, n3, i2, r2 = this, o2 = new KR({ mode: this.mode, useLocalCache: !!Object(l.isUndefined)(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: Object(l.isUndefined)(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate, volumeAdjuster: this.volumeAdjuster });
       return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on($R.renderStart, function(t4) {
-        r2.isLoading = true, r2.emit(hI.renderStart, t4);
+        r2.isLoading = true, r2.emit(pI.renderStart, t4);
       }), o2.on($R.renderEnd, function(t4) {
-        r2.isLoading = false, r2.player && (r2.designHeight = r2.player.designHeight, r2.designWidth = r2.player.designWidth, r2.cacheImage.style.width = r2.player.designWidth + "px", r2.cacheImage.style.height = r2.player.designHeight + "px", r2._slideCount = r2.player.slideCount), r2.emit(hI.renderEnd, t4);
+        r2.isLoading = false, r2.player && (r2.designHeight = r2.player.designHeight, r2.designWidth = r2.player.designWidth, r2.cacheImage.style.width = r2.player.designWidth + "px", r2.cacheImage.style.height = r2.player.designHeight + "px", r2._slideCount = r2.player.slideCount), r2.emit(pI.renderEnd, t4);
       }), o2.on($R.slideChange, function(t4) {
-        r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(hI.slideChange, t4);
+        r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(pI.slideChange, t4);
       }), o2.on($R.mainSeqStateChange, function(t4) {
         r2.__slideState.mainSeqState = t4, r2.emitStateChange();
       }), o2.on($R.mainSeqStepChange, function(t4) {
@@ -35113,16 +35206,16 @@ void main(void){
         var e4 = t4.id, n4 = t4.state;
         r2.__slideState.interactiveSeqState[e4] = n4, r2.emitStateChange();
       }), o2.on($R.animateStart, function() {
-        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(hI.animateStart));
+        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(pI.animateStart));
       }), o2.on($R.animateEnd, function() {
-        r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(hI.animateEnd));
+        r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(pI.animateEnd));
       }), o2.on($R.interactiveSeqAction, function(t4) {
         var e4 = t4.action, n4 = t4.seqId;
         r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "interactiveAnim", action: e4, seqId: n4 }), r2.emitStateChange();
       }), o2.on($R.mainSeqStepStart, function(t4) {
-        r2.emit(hI.mainSeqStepStart, t4);
+        r2.emit(pI.mainSeqStepStart, t4);
       }), o2.on($R.mainSeqStepEnd, function(t4) {
-        r2.emit(hI.mainSeqStepEnd, t4);
+        r2.emit(pI.mainSeqStepEnd, t4);
       }), o2.on($R.mediaPlay, function(t4) {
         var e4 = { type: "play", time: r2.timestamp() - 1e3 * t4.time };
         r2.__slideState.mediaState[t4.id] = e4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPlay", id: t4.id, state: e4 }), r2.emitStateChange();
@@ -35160,9 +35253,9 @@ void main(void){
       }
     }, e2.prototype.setSlideState = function(t3) {
       var e3, n3, i2;
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var r2, o2 = this;
-        return sI(this, function(s2) {
+        return uI(this, function(s2) {
           switch (s2.label) {
             case 0:
               return this.isSyncingSlideState = true, this.logger.info("stateChange receive " + JSON.stringify(t3), this.taskId), t3.taskId && t3.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t3.taskId, (e3 = this.player) === null || e3 === void 0 || e3.setResourceData(t3.taskId, this.__slideState.url)), t3.url && t3.url !== this.__slideState.url && (this.__slideState.url = t3.url, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(this.__slideState.taskId, t3.url)), Number.isInteger(t3.currentSlideIndex) && t3.currentSlideIndex !== this.__slideState.currentSlideIndex ? (this.__slideState.currentSlideIndex = t3.currentSlideIndex, [4, this.doRenderSlide(t3.currentSlideIndex)]) : [3, 2];
@@ -35202,9 +35295,9 @@ void main(void){
     }, Object.defineProperty(e2.prototype, "slideCount", { get: function() {
       return this._slideCount;
     }, enumerable: false, configurable: true }), e2.prototype.getSizeAsync = function() {
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var t3;
-        return sI(this, function(e3) {
+        return uI(this, function(e3) {
           switch (e3.label) {
             case 0:
               if (this.width > 0 && this.height > 0)
@@ -35224,8 +35317,8 @@ void main(void){
         });
       });
     }, e2.prototype.getSlideCountAsync = function() {
-      return oI(this, void 0, void 0, function() {
-        return sI(this, function(t3) {
+      return lI(this, void 0, void 0, function() {
+        return uI(this, function(t3) {
           switch (t3.label) {
             case 0:
               if (this._slideCount > 0)
@@ -35281,9 +35374,9 @@ void main(void){
       this.taskId = t3, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(t3, e3), this.__slideState.taskId = t3, this.__slideState.url = e3, this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "setResource", taskId: t3, url: e3 });
     }, e2.prototype._renderSlide = function(t3) {
       var e3;
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var n3 = this;
-        return sI(this, function(i2) {
+        return uI(this, function(i2) {
           switch (i2.label) {
             case 0:
               return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.indexOf(t3) < 0 && this.iosResetCache.push(t3), [4, (e3 = this.player) === null || e3 === void 0 ? void 0 : e3.renderSlide(t3)]);
@@ -35344,14 +35437,14 @@ void main(void){
     }, e2.prototype.emitStateChange = function() {
       if (this.mode !== "local" && !this.isSyncingSlideState) {
         var t3 = this.slideState;
-        !Object(l.isEqual)(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(hI.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
+        !Object(l.isEqual)(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(pI.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
       }
     }, e2.prototype.emitSyncDispatch = function(t3) {
       if (!this.lock.isLocked(t3.type)) {
         var e3 = Math.random().toString(32).substr(2);
         this.lock.addLock(t3.type, e3);
-        var n3 = iI(iI({}, t3), { uuid: e3 });
-        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(hI.syncDispatch, n3), this.logger.info("sync dispatch " + JSON.stringify(n3), this.taskId);
+        var n3 = sI(sI({}, t3), { uuid: e3 });
+        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(pI.syncDispatch, n3), this.logger.info("sync dispatch " + JSON.stringify(n3), this.taskId);
       }
     }, e2.prototype.setMainSeqStep = function(t3, e3) {
       var n3;
@@ -35367,9 +35460,9 @@ void main(void){
       (t3 = this.player) === null || t3 === void 0 || t3.resume();
     }, e2.prototype._doFrozen = function() {
       var t3;
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var e3, n3, i2, r2 = this;
-        return sI(this, function(o2) {
+        return uI(this, function(o2) {
           switch (o2.label) {
             case 0:
               return this.view && this.player ? [4, this.player.clock.waitUntil(function() {
@@ -35377,7 +35470,7 @@ void main(void){
               }, 6e4)] : [3, 2];
             case 1:
               for (n3 in o2.sent(), e3 = this.player.getSnapshot() || "", this.cacheImage.src = e3, this.frame.appendChild(this.cacheImage), this.player.destroy(), (t3 = this.playerController) === null || t3 === void 0 || t3.destroy(), this.player = void 0, this.__slideState.mediaState)
-                i2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = iI(iI({}, i2), { frozenTime: this.timestamp() });
+                i2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = sI(sI({}, i2), { frozenTime: this.timestamp() });
               o2.label = 2;
             case 2:
               return [2];
@@ -35391,14 +35484,14 @@ void main(void){
       });
     }, e2.prototype._doRelease = function() {
       var t3, e3;
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var n3, i2, r2, o2;
-        return sI(this, function(s2) {
+        return uI(this, function(s2) {
           switch (s2.label) {
             case 0:
               if (this.player)
                 return [2];
-              for (i2 in this.player = this.initPlayer(this.config), ((t3 = this.config) === null || t3 === void 0 ? void 0 : t3.controller) && this.createController(), this.player.view && (this.frame.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n3 = this.__slideState, this.__slideState = Object(l.cloneDeep)(cI), n3.mediaState)
+              for (i2 in this.player = this.initPlayer(this.config), ((t3 = this.config) === null || t3 === void 0 ? void 0 : t3.controller) && this.createController(), this.player.view && (this.frame.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n3 = this.__slideState, this.__slideState = Object(l.cloneDeep)(fI), n3.mediaState)
                 (r2 = n3.mediaState[i2]).type === "play" && (o2 = Math.max((e3 = r2.frozenTime) !== null && e3 !== void 0 ? e3 : 0, r2.time), r2.time = this.timestamp() - (o2 - r2.time), r2.frozenTime = void 0);
               return [4, this.setSlideState(n3)];
             case 1:
@@ -35432,14 +35525,14 @@ void main(void){
       } catch (t4) {
       }
     }, e2.prototype.waitLoadEnd = function() {
-      return oI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var t3;
-        return sI(this, function(e3) {
+        return uI(this, function(e3) {
           switch (e3.label) {
             case 0:
               t3 = 0, e3.label = 1;
             case 1:
-              return this.isLoading && t3 < 10 ? [4, lI(100)] : [3, 3];
+              return this.isLoading && t3 < 10 ? [4, cI(100)] : [3, 3];
             case 2:
               return e3.sent(), t3 += 1, [3, 1];
             case 3:
@@ -35447,6 +35540,8 @@ void main(void){
           }
         });
       });
+    }, e2.prototype.preload = function(t3) {
+      return this.player ? this.player.preload(t3) : Promise.resolve();
     }, e2.prototype.destroy = function() {
       var t3 = this;
       this.logger.info("pre destroy slide", ""), this.isLoading ? this.waitLoadEnd().then(function() {
@@ -35465,22 +35560,26 @@ void main(void){
         return false;
       var t3 = this.player.currentIndex === 1, e3 = this.mainSeqLength === 0 || this.mainSeqStep === 0, n3 = this.mainSeqState === "idle" || this.mainSeqState === null;
       return !(t3 && e3 && n3);
+    }, e2.prototype.updateGlobalVolume = function(t3) {
+      this.volumeAdjuster.volume = t3;
+    }, e2.prototype.getGlobalVolume = function() {
+      return this.volumeAdjuster.volume;
     }, e2.clearLocalCache = function() {
       KR.clearLocalCache();
     }, e2.disposeLocalCache = function() {
     }, e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = tP, e2.handleLogDownload = function() {
-      return oI(void 0, void 0, void 0, function() {
+      return lI(void 0, void 0, void 0, function() {
         var t3, e3, n3, i2, r2, o2, s2;
-        return sI(this, function(a2) {
+        return uI(this, function(a2) {
           switch (a2.label) {
             case 0:
-              return t3 = "", pI ? [4, pI.keys()] : [3, 5];
+              return t3 = "", gI ? [4, gI.keys()] : [3, 5];
             case 1:
               e3 = (a2.sent() || []).sort(function(t4, e4) {
                 return parseInt(t4.replace("run_time_log_", "")) - parseInt(e4.replace("run_time_log_", ""));
               }), n3 = 0, i2 = e3, a2.label = 2;
             case 2:
-              return n3 < i2.length ? (r2 = i2[n3], o2 = t3, [4, pI.getItem(r2)]) : [3, 5];
+              return n3 < i2.length ? (r2 = i2[n3], o2 = t3, [4, gI.getItem(r2)]) : [3, 5];
             case 3:
               t3 = o2 + (a2.sent() || ""), a2.label = 4;
             case 4:
@@ -35490,7 +35589,7 @@ void main(void){
           }
         });
       });
-    }, rI([(n2 = "Slide.initConfig", function(t3, e3, i2) {
+    }, aI([(n2 = "Slide.initConfig", function(t3, e3, i2) {
       var r2 = i2.value;
       i2.value = function() {
         for (var t4 = [], e4 = 0; e4 < arguments.length; e4++)
@@ -35517,15 +35616,15 @@ void main(void){
       };
     })], e2.prototype, "initSlideConfig", null), e2;
   }(a.a);
-  pI == null || pI.clear(), window.addEventListener("__slide_log__", fI.handleLogDownload), window.setInterval(function() {
-    fI.flushLog().catch(function() {
+  gI == null || gI.clear(), window.addEventListener("__slide_log__", vI.handleLogDownload), window.setInterval(function() {
+    vI.flushLog().catch(function() {
     });
   }, 9e3);
 }]);
 const SOUP = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-const SOUP_LEN = SOUP.length;
+const SOUP_LEN = 87;
 const ID_LEN = 20;
-const reusedIdCarrier = Array(ID_LEN);
+const reusedIdCarrier = [];
 const genUID = () => {
   for (let i = 0; i < ID_LEN; i++) {
     reusedIdCarrier[i] = SOUP.charAt(Math.random() * SOUP_LEN);
@@ -35546,7 +35645,7 @@ class SideEffectManager {
   }
   addDisposer(disposer, disposerID = this.genUID()) {
     this.flush(disposerID);
-    this.disposers.set(disposerID, Array.isArray(disposer) ? () => disposer.forEach(invoke) : disposer);
+    this.disposers.set(disposerID, Array.isArray(disposer) ? joinDisposers(disposer) : disposer);
     return disposerID;
   }
   add(executor, disposerID = this.genUID()) {
@@ -35577,11 +35676,7 @@ class SideEffectManager {
   flush(disposerID) {
     const disposer = this.remove(disposerID);
     if (disposer) {
-      try {
-        disposer();
-      } catch (e) {
-        console.error(e);
-      }
+      disposer();
     }
   }
   flushAll() {
@@ -35596,6 +35691,9 @@ class SideEffectManager {
     return uid;
   }
 }
+function joinDisposers(disposers) {
+  return () => disposers.forEach(invoke);
+}
 function clamp$1(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -37699,7 +37797,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.6-alpha.1";
+const version = "0.2.8";
 const SlideApp = {
   kind: "Slide",
   setup(context) {