@netless/app-slide 0.2.6 → 0.2.9

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 uI;
+    return cI;
   }), n.d(e, "waitUntil", function() {
-    return hI;
+    return dI;
   }), n.d(e, "SLIDE_EVENTS", function() {
-    return cI;
+    return pI;
   }), n.d(e, "Slide", function() {
-    return mI;
+    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 {
@@ -29473,26 +29474,26 @@ void main() {
       return this.object.hitArea ? this.object.hitArea : new g_(0, 0, this.object.width, this.object.height);
     }
     handleAction(t2, e2 = false) {
-      this.proxy && !e2 || (this.ctx.eventHub.emit(KR.hyperlinkTrigger, t2), this.execAction(t2));
+      this.proxy && !e2 || (this.ctx.eventHub.emit($R.hyperlinkTrigger, t2), this.execAction(t2));
     }
     execAction(t2) {
       var e2;
-      if (this.ctx.eventHub.emit(KR.userInput), t2.action === "ppaction://hlinksldjump") {
+      if (this.ctx.eventHub.emit($R.userInput), t2.action === "ppaction://hlinksldjump") {
         const n2 = ((e2 = t2 == null ? void 0 : t2.target) !== null && e2 !== void 0 ? e2 : "").match(/slide(\d+)\.xml/);
-        n2 && n2[1] && this.ctx.eventHub.emit(KR.requestGotoSlide, Number(n2[1]));
+        n2 && n2[1] && this.ctx.eventHub.emit($R.requestGotoSlide, Number(n2[1]));
       } else if (t2.action === "ppaction://hlinkshowjump?jump=nextslide")
-        this.ctx.eventHub.emit(KR.requestNextSlide);
+        this.ctx.eventHub.emit($R.requestNextSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=previousslide")
-        this.ctx.eventHub.emit(KR.requestPrevSlide);
+        this.ctx.eventHub.emit($R.requestPrevSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=firstslide")
-        this.ctx.eventHub.emit(KR.requestGotoSlide, 1);
+        this.ctx.eventHub.emit($R.requestGotoSlide, 1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslide")
-        this.ctx.eventHub.emit(KR.requestGotoSlide, -1);
+        this.ctx.eventHub.emit($R.requestGotoSlide, -1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslideviewed") {
         const t3 = this.ctx.lastViewedIndex;
-        this.ctx.eventHub.emit(KR.requestGotoSlide, t3);
+        this.ctx.eventHub.emit($R.requestGotoSlide, t3);
       } else
-        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(KR.requestGotoSlide, -1);
+        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit($R.requestGotoSlide, -1);
     }
   }
   class PM {
@@ -31000,7 +31001,7 @@ void main(void){
           return void this.ctx.logger.info("Media controller prevent seek event with paused state", this.ctx.taskId);
         t3.stopPropagation();
         const e3 = t3.offsetX / this.progress.clientWidth * this.duration;
-        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e3), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
+        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e3), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
       }, this.jumpToTime = (t3 = 0) => {
         const e3 = Math.floor(t3) + this.start;
         this.media.currentTime !== e3 && (this.media.currentTime = e3, this.changeBookmarkIndex(e3, e3 > this.media.currentTime));
@@ -31029,9 +31030,9 @@ void main(void){
           t3();
         });
       }, this.playMediaFromCtrl = () => {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent play event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.playMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaPlay, { id: this.targetId, time: this.media.currentTime - this.start }));
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent play event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.playMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaPlay, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.pauseMediaFromCtrl = () => {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.targetId = t2.targetId, this.ctx = t2.ctx, this.height = t2.height, this.width = t2.width, this.target = t2.target, this.media = t2.media, this.info = t2.info, this.shapeId = t2.shapeId, this.canvasElement = t2.canvasElement, this.getMedianContainer(), this.createMediaController(), this.info.cut && (this.start = (e2 = this.info.cut.start) !== null && e2 !== void 0 ? e2 : 0, this.end = (n2 = this.info.cut.end) !== null && n2 !== void 0 ? n2 : 0), this.info.bookmarkList && (this.bookmarkList = this.info.bookmarkList.sort((t3, e3) => t3.time - e3.time));
     }
     getMedianContainer() {
@@ -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, QR.RtcAudioClazz ? (this.rctClient = new QR.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);
@@ -31204,7 +31167,7 @@ void main(void){
       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 {
@@ -31229,16 +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.updateVolume = (t3) => {
-        QR.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoResource.source && (this.videoResource.source.volume = 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(() => {
@@ -31261,7 +31224,7 @@ void main(void){
       return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.currentTime) !== null && e2 !== void 0 ? e2 : 0;
     }
     set currentTime(t2) {
-      QR.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
+      KR.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
     }
     get paused() {
       var t2, e2;
@@ -31283,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();
-        QR.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() {
@@ -31303,7 +31263,7 @@ void main(void){
     }
     pause() {
       var t2;
-      this.isPlaying = false, QR.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
+      this.isPlaying = false, KR.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
         var t3;
         (t3 = this.videoResource.source) === null || t3 === void 0 || t3.pause();
       }), this.rtcAudio.pause()) : (t2 = this.videoResource.source) === null || t2 === void 0 || t2.pause();
@@ -31325,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 {
@@ -31353,13 +31313,13 @@ 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.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.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
@@ -31391,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() {
@@ -31417,7 +31377,7 @@ void main(void){
       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 });
     }
@@ -31440,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();
@@ -31467,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 {
@@ -31492,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);
     }
@@ -31500,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() {
@@ -31514,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]");
     }
@@ -31530,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);
@@ -31559,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)
@@ -31606,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;
@@ -31616,16 +31576,16 @@ 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);
-        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(KR.mainSeqStepStart, e3);
+        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepStart, e3);
       }), this.commonTimeNode.on("childTimeNodeEnd", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
         e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "end", this.autoPlay && this.ctx.clock.setTimeout(() => {
           this.handleNext();
-        }), this.isMainSeq && this.ctx.eventHub.emit(KR.mainSeqStepEnd, e3);
+        }), this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepEnd, e3);
       }), this.commonTimeNode.on("timeNodeEndSync", () => {
         this.isTimeNodeEndSync = true, this.commonTimeNode.resetForRepeat();
       }), this.commonTimeNode.on("timeNodeDestroy", () => {
@@ -31642,13 +31602,13 @@ void main(void){
       return this._currentSeqIndex;
     }
     set currentSeqIndex(t2) {
-      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit(KR.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(KR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t2, state: this._currentSeqState } });
+      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t2, state: this._currentSeqState } });
     }
     get currentSeqState() {
       return this._currentSeqState;
     }
     set currentSeqState(t2) {
-      this._currentSeqState = t2, this.isMainSeq ? this.ctx.eventHub.emit(KR.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(KR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
+      this._currentSeqState = t2, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
     }
     get stepLength() {
       return this.commonTimeNode.children.length;
@@ -31683,9 +31643,9 @@ void main(void){
             if (t3) {
               t3.interactiveContainer.interactive = true, t3.interactiveContainer.cursor = "pointer";
               const n2 = () => {
-                this.ctx.eventHub.emit(KR.userInput);
+                this.ctx.eventHub.emit($R.userInput);
                 const t4 = `shape ${e2} onClick`, { mode: n3 } = this.ctx;
-                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit(KR.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t4);
+                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit($R.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t4);
               };
               t3.interactiveContainer.on("pointerdown", n2), this.interactiveListeners.push([t3, n2]);
             }
@@ -31706,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)
@@ -31714,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) => {
@@ -31723,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) {
@@ -31741,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);
         }
       });
     }
@@ -31771,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);
@@ -31780,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));
     }
@@ -31792,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));
     }
@@ -31804,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;
@@ -31818,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);
     }
@@ -31831,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;
     }
@@ -31843,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;
@@ -31855,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);
@@ -31876,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]);
           }
         }
@@ -31902,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;
@@ -31922,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);
@@ -31934,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 }) => {
@@ -31955,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);
@@ -31968,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;
@@ -32021,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();
@@ -32051,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);
@@ -32088,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();
@@ -32126,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;
@@ -32147,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 {
@@ -32187,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 = () => {
@@ -32208,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) => {
@@ -32226,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;
       }
     }
@@ -32242,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) => {
@@ -32303,7 +32265,7 @@ void main(void){
     startReverseTimeLine() {
       this.isEndEventsEmitted = false, this.timeDelta = 0;
       const t2 = 1e3 / this.ctx.ticker.maxFPS;
-      this.duration <= t2 && this.duration > 0 ? (this.emit("timeUpdate", { delta: this.duration, duration: this.duration, isReverse: this.isReverse }), this.ctx.eventHub.emit(KR.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit(KR.animateStart), this.ctx.ticker.add(this.updateTimeLine));
+      this.duration <= t2 && this.duration > 0 ? (this.emit("timeUpdate", { delta: this.duration, duration: this.duration, isReverse: this.isReverse }), this.ctx.eventHub.emit($R.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit($R.animateStart), this.ctx.ticker.add(this.updateTimeLine));
     }
     startTimeLine(t2 = true) {
       if (t2 && (this.isEndEventsEmitted = false, this.eventHubs.global.emit(`time ${this.json.id} begin`), this.eventHubs.global.emit(`time ${this.json.id} onBegin`), this.eventHubs.runtime.emit(`runtime ${this.json.id} begin`)), this.json.iterate)
@@ -32312,10 +32274,10 @@ void main(void){
       const e2 = 1e3 / this.ctx.ticker.maxFPS;
       this.duration <= e2 && this.duration > 0 ? (this.timeDelta = this.isReverse ? 0 : this.duration, this.emit("timeUpdate", { delta: this.timeDelta, duration: this.duration, isReverse: this.isReverse }), this.emit("timelineEnd", { id: this.uuid, activeCount: this.applyCount, isReverse: this.isReverse }), this.ctx.ticker.addOnce(() => {
         this.onTimeLineEnd();
-      })) : this.duration > e2 && (this.ctx.eventHub.emit(KR.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
+      })) : 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) {
@@ -32420,7 +32382,7 @@ void main(void){
       });
     }
     dispose(t2 = false) {
-      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(KR.animateEnd);
+      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit($R.animateEnd);
       try {
         this.ctx.ticker.remove(this.updateTimeLine);
       } catch (t3) {
@@ -32456,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"));
@@ -32473,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 {
@@ -32498,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";
       }));
@@ -32516,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();
       });
     }
@@ -32574,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 {
@@ -32599,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();
@@ -32610,9 +32572,9 @@ void main(void){
     }
     initOnReuse() {
       super.initOnReuse(), this.ctx.timingEventHub.on("c:prev slide", (t2) => {
-        this.ctx.eventHub.emit(KR.requestPrevSlide, t2);
+        this.ctx.eventHub.emit($R.requestPrevSlide, t2);
       }), this.ctx.timingEventHub.on("c:next slide", (t2) => {
-        this.ctx.eventHub.emit(KR.requestNextSlide, t2);
+        this.ctx.eventHub.emit($R.requestNextSlide, t2);
       });
     }
     get interactiveContainer() {
@@ -32621,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]");
     }
@@ -32644,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;
@@ -32699,11 +32661,11 @@ void main(void){
     }
     nextStep(t2 = false) {
       var e2;
-      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2)) : this.ctx.eventHub.emit(KR.requestNextSlide, t2);
+      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2)) : this.ctx.eventHub.emit($R.requestNextSlide, t2);
     }
     prevStep(t2 = false) {
       var e2;
-      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t2)) : this.ctx.eventHub.emit(KR.requestPrevSlide, t2);
+      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t2)) : this.ctx.eventHub.emit($R.requestPrevSlide, t2);
     }
     applyInteractiveAction(t2) {
       var e2;
@@ -32718,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());
       });
@@ -32728,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];
@@ -32751,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 {
@@ -32776,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 = [];
     }
@@ -32809,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;
@@ -32839,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 : "";
@@ -32869,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 {
@@ -32894,23 +32856,23 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class XR {
+  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 = 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);
+      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* () {
+      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]");
@@ -32935,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]");
     }
@@ -32945,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]");
@@ -32954,12 +32916,12 @@ 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)) && QR.platform.isLowGpuMemory()) {
+          if (!(yield (e3 = this.localstorage) === null || e3 === void 0 ? void 0 : e3.getItem(r2)) && KR.platform.isLowGpuMemory()) {
             n2.createTiming(), n2.container.visible = true, n2.collectMainSeqStartValue(), n2.setMainSeqStep(0, "start");
             const t3 = Hy.create({ width: n2.json.width, height: n2.json.height, resolution: 1 });
             i2.renderer.render(n2.container, { renderTexture: t3 });
@@ -32989,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) => {
@@ -33003,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]);
@@ -33013,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 {
@@ -33038,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);
@@ -33054,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);
         }
@@ -33072,21 +33034,21 @@ 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 ZR extends a.a {
+  class YR extends a.a {
     constructor() {
       super(...arguments), this._volume = 0.5;
     }
@@ -33097,7 +33059,7 @@ void main(void){
       t2 < 0 && (t2 = 0), t2 > 1 && (t2 = 1), this._volume = t2, this.emit("update", this._volume);
     }
   }
-  var JR = function(t2, e2, n2, i2) {
+  var ZR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33123,14 +33085,14 @@ void main(void){
     });
   };
   r.skipHello();
-  const $R = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, KR = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput" };
-  class QR extends a.a {
+  const JR = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, $R = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput" };
+  class KR extends a.a {
     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.volumeAdjuster = new ZR(), 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 = () => {
+      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;
@@ -33156,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.volumeAdjuster), 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) {
@@ -33175,7 +33137,7 @@ void main(void){
       return ((t2 = this.currentStage) === null || t2 === void 0 ? void 0 : t2.json.prevIndex) ? this.currentStage.json.prevIndex : this.currentIndex - 1;
     }
     getMaxResolution(t2) {
-      return !Object(l.isUndefined)(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : QR.platform.isAndroid() || QR.platform.isIOS() ? 2 : 4;
+      return !Object(l.isUndefined)(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : KR.platform.isAndroid() || KR.platform.isIOS() ? 2 : 4;
     }
     updateMaxResolutionLevel(t2) {
       t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4);
@@ -33186,7 +33148,7 @@ void main(void){
       Object(l.isUndefined)(t2.minFPS) || (this.config.minFPS = t2.minFPS, this.app.ticker.minFPS = t2.minFPS), Object(l.isUndefined)(t2.maxFPS) || (this.config.maxFPS = t2.maxFPS, this.app.ticker.maxFPS = t2.maxFPS), Object(l.isUndefined)(t2.resolution) || (this.config.resolution = t2.resolution, this.updateResolution(this.scale * this.config.resolution)), Object(l.isUndefined)(t2.autoFPS) || (this.config.autoFPS = t2.autoFPS), Object(l.isUndefined)(t2.autoResolution) || (this.config.autoResolution = t2.autoResolution), Object(l.isUndefined)(t2.transactionBgColor) || (this.config.transactionBgColor = t2.transactionBgColor), this.taskId && this.logger.info("ppt player update config: " + JSON.stringify(this.config), this.taskId), Object(l.isUndefined)(t2.maxResolutionLevel) || (this.config.maxResolutionLevel = t2.maxResolutionLevel, this.updateMaxResolutionLevel(this.config.maxResolutionLevel));
     }
     preload(t2) {
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         t2 < 1 || t2 > this.slideCount || (this.logger.info(`preload slide ${t2} begin`, this.taskId), yield this.stagePool.preload(t2), this.logger.info(`preload slide ${t2} end`, this.taskId));
       });
     }
@@ -33205,14 +33167,14 @@ void main(void){
     }
     renderSlide(t2, e2 = false) {
       var n2;
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         if (this._isPaused)
           return void this.logger.info("ppt play prevent render slide with paused state", this.taskId);
-        this.logger.info("render slide " + t2, this.taskId), this.emit(KR.renderStart, t2);
+        this.logger.info("render slide " + t2, this.taskId), this.emit($R.renderStart, t2);
         const i2 = yield this.stagePool.getStage(t2);
         if (!i2)
           return;
-        this.translateEvent(i2.ctx.eventHub, [KR.mainSeqStepChange, KR.mainSeqStateChange, KR.hyperlinkTrigger, KR.interactiveSeqAction, KR.mainSeqStepStart, KR.mainSeqStepEnd, KR.animateStart, KR.animateEnd, KR.mediaPlay, KR.mediaPause, KR.mediaSeek, KR.requestGotoSlide, KR.requestNextSlide, KR.requestPrevSlide, KR.interactiveSeqStateChange, KR.userInput]), this.currentIndex = Number(t2);
+        this.translateEvent(i2.ctx.eventHub, [$R.mainSeqStepChange, $R.mainSeqStateChange, $R.hyperlinkTrigger, $R.interactiveSeqAction, $R.mainSeqStepStart, $R.mainSeqStepEnd, $R.animateStart, $R.animateEnd, $R.mediaPlay, $R.mediaPause, $R.mediaSeek, $R.requestGotoSlide, $R.requestNextSlide, $R.requestPrevSlide, $R.interactiveSeqStateChange, $R.userInput]), this.currentIndex = Number(t2);
         const { width: r2, height: o2, slideCount: s2 } = i2.json;
         this.slideCount = s2, this.designWidth = r2, this.designHeight = o2, i2.json.transition && i2.json.transition.type && !this.prevSlideBase64 && this.currentStage && (this.prevSlideBase64 = this.getBase64(this.currentStage)), (n2 = this.currentStage) === null || n2 === void 0 || n2.clearOnSlideChange();
         const a2 = this.currentStage;
@@ -33224,7 +33186,7 @@ void main(void){
         }
         i2.container.visible = false, this.app.stage.addChild(i2.container);
         let { transition: u2 } = i2.json;
-        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i2 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i2), this.prevSlideBase64 = null), this.isForward ? yield i2.startTiming() : i2.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i2.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i2.ctx.slideScopeEventHub.emit("slide-render", i2.ctx.slideIndex), this.emit(KR.renderEnd, t2), this.emit(KR.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
+        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i2 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i2), this.prevSlideBase64 = null), this.isForward ? yield i2.startTiming() : i2.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i2.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i2.ctx.slideScopeEventHub.emit("slide-render", i2.ctx.slideIndex), this.emit($R.renderEnd, t2), this.emit($R.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
           this.errorChannel.emit("error", qE.transform(e3), t2 + 1);
         }), this.preload(t2 - 1).catch((e3) => {
           this.errorChannel.emit("error", qE.transform(e3), t2 - 1);
@@ -33232,7 +33194,7 @@ void main(void){
       });
     }
     renderToBase64(t2, e2, n2) {
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         const i2 = yield this.stagePool.getStage(t2);
         if (i2) {
           const { width: r2, height: o2 } = i2.json;
@@ -33254,16 +33216,16 @@ void main(void){
       return e2.destroy(true), n2;
     }
     playTransaction(t2, e2, n2, i2, r2) {
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         const o2 = this.app.view.parentElement;
-        if (t2 && e2 && o2 && $R[n2.type] && this.transactionPlayer) {
+        if (t2 && e2 && o2 && JR[n2.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.transactionSprite.visible = false, this.app.stage.addChild(this.transactionSprite);
           const o3 = this.transactionPlayer.renderer.domElement, s2 = ky.from(o3), a2 = () => s2.update();
           return this.app.ticker.add(a2), this.transactionSprite.texture = s2, setTimeout(() => {
             this.transactionSprite.visible = true;
           }, 100), new Promise((o4) => {
             var s3, l2, u2, h2;
-            (s3 = this.transactionPlayer) === null || s3 === void 0 || s3.play({ reverse: !this.isForward, prevTextureUrl: t2, nextTextureUrl: e2, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: $R[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (u2 = (l2 = this.currentStage) === null || l2 === void 0 ? void 0 : l2.json.transition) === null || u2 === void 0 ? void 0 : u2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((h2 = this.config.maxFPS) !== null && h2 !== void 0 ? h2 : 60), onTransactionEnd: () => {
+            (s3 = this.transactionPlayer) === null || s3 === void 0 || s3.play({ reverse: !this.isForward, prevTextureUrl: t2, nextTextureUrl: e2, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: JR[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (u2 = (l2 = this.currentStage) === null || l2 === void 0 ? void 0 : l2.json.transition) === null || u2 === void 0 ? void 0 : u2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((h2 = this.config.maxFPS) !== null && h2 !== void 0 ? h2 : 60), onTransactionEnd: () => {
               var t3, e3;
               o4(), i2.container.visible = false, r2.container.visible = true, (t3 = this.app.stage) === null || t3 === void 0 || t3.removeChild(this.transactionSprite), (e3 = this.app.ticker) === null || e3 === void 0 || e3.remove(a2);
             } });
@@ -33281,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();
@@ -33356,7 +33318,7 @@ void main(void){
     }
     setMediaState(t2, e2) {
       var n2;
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         yield (n2 = this.currentStage) === null || n2 === void 0 ? void 0 : n2.setMediaState(t2, e2);
       });
     }
@@ -33380,7 +33342,7 @@ void main(void){
       return this.currentStage && this.getBase64(this.currentStage) || "";
     }
     createSnapshotForNextSlide(t2) {
-      return JR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         const e2 = this.nextSlideIndex, n2 = this.stagePool.getStageJson(e2);
         if (n2 && n2.transition && n2.transition.type && this.currentStage && this.transactionPlayer) {
           const e3 = t2 ? `snapshot-${this.currentStage.json.index}-start` : `snapshot-${this.currentStage.json.index}-end`;
@@ -33399,12 +33361,9 @@ 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(() => {
       });
     }
-    updateGlobalVolume(t2) {
-      this.volumeAdjuster.volume = t2;
-    }
     destroy() {
       var t2;
       try {
@@ -33423,23 +33382,23 @@ void main(void){
       }
     }
   }
-  QR.platform = VR, QR.RtcAudioClazz = null;
-  var tP = /* @__PURE__ */ new Map();
-  function eP(t2) {
-    var e2 = tP.get(t2.hookPoint) || [];
-    e2.push(t2), tP.set(t2.hookPoint, e2);
+  KR.platform = jR, KR.RtcAudioClazz = null;
+  var QR = /* @__PURE__ */ new Map();
+  function tP(t2) {
+    var e2 = QR.get(t2.hookPoint) || [];
+    e2.push(t2), QR.set(t2.hookPoint, e2);
   }
-  var nP, iP = [], rP = "ResizeObserver loop completed with undelivered notifications.";
+  var eP, nP = [], iP = "ResizeObserver loop completed with undelivered notifications.";
   !function(t2) {
     t2.BORDER_BOX = "border-box", t2.CONTENT_BOX = "content-box", t2.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-  }(nP || (nP = {}));
-  var oP, sP = function(t2) {
+  }(eP || (eP = {}));
+  var rP, oP = function(t2) {
     return Object.freeze(t2);
-  }, aP = function(t2, e2) {
-    this.inlineSize = t2, this.blockSize = e2, sP(this);
-  }, lP = function() {
+  }, sP = function(t2, e2) {
+    this.inlineSize = t2, this.blockSize = e2, oP(this);
+  }, aP = function() {
     function t2(t3, e2, n2, i2) {
-      return this.x = t3, this.y = e2, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, sP(this);
+      return this.x = t3, this.y = e2, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, oP(this);
     }
     return t2.prototype.toJSON = function() {
       var t3 = this;
@@ -33447,59 +33406,59 @@ void main(void){
     }, t2.fromRect = function(e2) {
       return new t2(e2.x, e2.y, e2.width, e2.height);
     }, t2;
-  }(), uP = function(t2) {
+  }(), lP = function(t2) {
     return t2 instanceof SVGElement && "getBBox" in t2;
-  }, hP = function(t2) {
-    if (uP(t2)) {
+  }, uP = function(t2) {
+    if (lP(t2)) {
       var e2 = t2.getBBox(), n2 = e2.width, i2 = e2.height;
       return !n2 && !i2;
     }
     var r2 = t2, o2 = r2.offsetWidth, s2 = r2.offsetHeight;
     return !(o2 || s2 || t2.getClientRects().length);
-  }, cP = function(t2) {
+  }, hP = function(t2) {
     var e2, n2;
     if (t2 instanceof Element)
       return true;
     var i2 = (n2 = (e2 = t2) === null || e2 === void 0 ? void 0 : e2.ownerDocument) === null || n2 === void 0 ? void 0 : n2.defaultView;
     return !!(i2 && t2 instanceof i2.Element);
-  }, dP = typeof window != "undefined" ? window : {}, pP = /* @__PURE__ */ new WeakMap(), fP = /auto|scroll/, mP = /^tb|vertical/, gP = /msie|trident/i.test(dP.navigator && dP.navigator.userAgent), vP = function(t2) {
+  }, cP = typeof window != "undefined" ? window : {}, dP = /* @__PURE__ */ new WeakMap(), pP = /auto|scroll/, fP = /^tb|vertical/, mP = /msie|trident/i.test(cP.navigator && cP.navigator.userAgent), gP = function(t2) {
     return parseFloat(t2 || "0");
-  }, _P = function(t2, e2, n2) {
-    return t2 === void 0 && (t2 = 0), e2 === void 0 && (e2 = 0), n2 === void 0 && (n2 = false), new aP((n2 ? e2 : t2) || 0, (n2 ? t2 : e2) || 0);
-  }, yP = sP({ devicePixelContentBoxSize: _P(), borderBoxSize: _P(), contentBoxSize: _P(), contentRect: new lP(0, 0, 0, 0) }), xP = function(t2, e2) {
-    if (e2 === void 0 && (e2 = false), pP.has(t2) && !e2)
-      return pP.get(t2);
-    if (hP(t2))
-      return pP.set(t2, yP), yP;
-    var n2 = getComputedStyle(t2), i2 = uP(t2) && t2.ownerSVGElement && t2.getBBox(), r2 = !gP && n2.boxSizing === "border-box", o2 = mP.test(n2.writingMode || ""), s2 = !i2 && fP.test(n2.overflowY || ""), a2 = !i2 && fP.test(n2.overflowX || ""), l2 = i2 ? 0 : vP(n2.paddingTop), u2 = i2 ? 0 : vP(n2.paddingRight), h2 = i2 ? 0 : vP(n2.paddingBottom), c2 = i2 ? 0 : vP(n2.paddingLeft), d2 = i2 ? 0 : vP(n2.borderTopWidth), p2 = i2 ? 0 : vP(n2.borderRightWidth), f2 = i2 ? 0 : vP(n2.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i2 ? 0 : vP(n2.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t2.offsetHeight - _2 - t2.clientHeight : 0, x2 = s2 ? t2.offsetWidth - v2 - t2.clientWidth : 0, b2 = r2 ? m2 + v2 : 0, T2 = r2 ? g2 + _2 : 0, w2 = i2 ? i2.width : vP(n2.width) - b2 - x2, S2 = i2 ? i2.height : vP(n2.height) - T2 - y2, E2 = w2 + m2 + x2 + v2, M2 = S2 + g2 + y2 + _2, A2 = sP({ devicePixelContentBoxSize: _P(Math.round(w2 * devicePixelRatio), Math.round(S2 * devicePixelRatio), o2), borderBoxSize: _P(E2, M2, o2), contentBoxSize: _P(w2, S2, o2), contentRect: new lP(c2, l2, w2, S2) });
-    return pP.set(t2, A2), A2;
-  }, bP = function(t2, e2, n2) {
-    var i2 = xP(t2, n2), r2 = i2.borderBoxSize, o2 = i2.contentBoxSize, s2 = i2.devicePixelContentBoxSize;
+  }, vP = function(t2, e2, n2) {
+    return t2 === void 0 && (t2 = 0), e2 === void 0 && (e2 = 0), n2 === void 0 && (n2 = false), new sP((n2 ? e2 : t2) || 0, (n2 ? t2 : e2) || 0);
+  }, _P = oP({ devicePixelContentBoxSize: vP(), borderBoxSize: vP(), contentBoxSize: vP(), contentRect: new aP(0, 0, 0, 0) }), yP = function(t2, e2) {
+    if (e2 === void 0 && (e2 = false), dP.has(t2) && !e2)
+      return dP.get(t2);
+    if (uP(t2))
+      return dP.set(t2, _P), _P;
+    var n2 = getComputedStyle(t2), i2 = lP(t2) && t2.ownerSVGElement && t2.getBBox(), r2 = !mP && n2.boxSizing === "border-box", o2 = fP.test(n2.writingMode || ""), s2 = !i2 && pP.test(n2.overflowY || ""), a2 = !i2 && pP.test(n2.overflowX || ""), l2 = i2 ? 0 : gP(n2.paddingTop), u2 = i2 ? 0 : gP(n2.paddingRight), h2 = i2 ? 0 : gP(n2.paddingBottom), c2 = i2 ? 0 : gP(n2.paddingLeft), d2 = i2 ? 0 : gP(n2.borderTopWidth), p2 = i2 ? 0 : gP(n2.borderRightWidth), f2 = i2 ? 0 : gP(n2.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i2 ? 0 : gP(n2.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t2.offsetHeight - _2 - t2.clientHeight : 0, x2 = s2 ? t2.offsetWidth - v2 - t2.clientWidth : 0, b2 = r2 ? m2 + v2 : 0, T2 = r2 ? g2 + _2 : 0, w2 = i2 ? i2.width : gP(n2.width) - b2 - x2, S2 = i2 ? i2.height : gP(n2.height) - T2 - y2, E2 = w2 + m2 + x2 + v2, M2 = S2 + g2 + y2 + _2, A2 = oP({ devicePixelContentBoxSize: vP(Math.round(w2 * devicePixelRatio), Math.round(S2 * devicePixelRatio), o2), borderBoxSize: vP(E2, M2, o2), contentBoxSize: vP(w2, S2, o2), contentRect: new aP(c2, l2, w2, S2) });
+    return dP.set(t2, A2), A2;
+  }, xP = function(t2, e2, n2) {
+    var i2 = yP(t2, n2), r2 = i2.borderBoxSize, o2 = i2.contentBoxSize, s2 = i2.devicePixelContentBoxSize;
     switch (e2) {
-      case nP.DEVICE_PIXEL_CONTENT_BOX:
+      case eP.DEVICE_PIXEL_CONTENT_BOX:
         return s2;
-      case nP.BORDER_BOX:
+      case eP.BORDER_BOX:
         return r2;
       default:
         return o2;
     }
+  }, bP = function(t2) {
+    var e2 = yP(t2);
+    this.target = t2, this.contentRect = e2.contentRect, this.borderBoxSize = oP([e2.borderBoxSize]), this.contentBoxSize = oP([e2.contentBoxSize]), this.devicePixelContentBoxSize = oP([e2.devicePixelContentBoxSize]);
   }, TP = function(t2) {
-    var e2 = xP(t2);
-    this.target = t2, this.contentRect = e2.contentRect, this.borderBoxSize = sP([e2.borderBoxSize]), this.contentBoxSize = sP([e2.contentBoxSize]), this.devicePixelContentBoxSize = sP([e2.devicePixelContentBoxSize]);
-  }, wP = function(t2) {
-    if (hP(t2))
+    if (uP(t2))
       return 1 / 0;
     for (var e2 = 0, n2 = t2.parentNode; n2; )
       e2 += 1, n2 = n2.parentNode;
     return e2;
-  }, SP = function() {
+  }, wP = function() {
     var t2 = 1 / 0, e2 = [];
-    iP.forEach(function(n3) {
+    nP.forEach(function(n3) {
       if (n3.activeTargets.length !== 0) {
         var i3 = [];
         n3.activeTargets.forEach(function(e3) {
-          var n4 = new TP(e3.target), r2 = wP(e3.target);
-          i3.push(n4), e3.lastReportedSize = bP(e3.target, e3.observedBox), r2 < t2 && (t2 = r2);
+          var n4 = new bP(e3.target), r2 = TP(e3.target);
+          i3.push(n4), e3.lastReportedSize = xP(e3.target, e3.observedBox), r2 < t2 && (t2 = r2);
         }), e2.push(function() {
           n3.callback.call(n3.observer, i3, n3.observer);
         }), n3.activeTargets.splice(0, n3.activeTargets.length);
@@ -33509,36 +33468,36 @@ void main(void){
       (0, i2[n2])();
     }
     return t2;
-  }, EP = function(t2) {
-    iP.forEach(function(e2) {
+  }, SP = function(t2) {
+    nP.forEach(function(e2) {
       e2.activeTargets.splice(0, e2.activeTargets.length), e2.skippedTargets.splice(0, e2.skippedTargets.length), e2.observationTargets.forEach(function(n2) {
-        n2.isActive() && (wP(n2.target) > t2 ? e2.activeTargets.push(n2) : e2.skippedTargets.push(n2));
+        n2.isActive() && (TP(n2.target) > t2 ? e2.activeTargets.push(n2) : e2.skippedTargets.push(n2));
       });
     });
-  }, MP = function() {
+  }, EP = function() {
     var t2, e2 = 0;
-    for (EP(e2); iP.some(function(t3) {
+    for (SP(e2); nP.some(function(t3) {
       return t3.activeTargets.length > 0;
     }); )
-      e2 = SP(), EP(e2);
-    return iP.some(function(t3) {
+      e2 = wP(), SP(e2);
+    return nP.some(function(t3) {
       return t3.skippedTargets.length > 0;
-    }) && (typeof ErrorEvent == "function" ? t2 = new ErrorEvent("error", { message: rP }) : ((t2 = document.createEvent("Event")).initEvent("error", false, false), t2.message = rP), window.dispatchEvent(t2)), e2 > 0;
-  }, AP = [], RP = function(t2) {
-    if (!oP) {
+    }) && (typeof ErrorEvent == "function" ? t2 = new ErrorEvent("error", { message: iP }) : ((t2 = document.createEvent("Event")).initEvent("error", false, false), t2.message = iP), window.dispatchEvent(t2)), e2 > 0;
+  }, MP = [], AP = function(t2) {
+    if (!rP) {
       var e2 = 0, n2 = document.createTextNode("");
       new MutationObserver(function() {
-        return AP.splice(0).forEach(function(t3) {
+        return MP.splice(0).forEach(function(t3) {
           return t3();
         });
-      }).observe(n2, { characterData: true }), oP = function() {
+      }).observe(n2, { characterData: true }), rP = function() {
         n2.textContent = "" + (e2 ? e2-- : e2++);
       };
     }
-    AP.push(t2), oP();
-  }, PP = 0, CP = { attributes: true, characterData: true, childList: true, subtree: true }, IP = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], OP = function(t2) {
+    MP.push(t2), rP();
+  }, RP = 0, PP = { attributes: true, characterData: true, childList: true, subtree: true }, CP = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], IP = function(t2) {
     return t2 === void 0 && (t2 = 0), Date.now() + t2;
-  }, LP = false, NP = new (function() {
+  }, OP = false, LP = new (function() {
     function t2() {
       var t3 = this;
       this.stopped = true, this.listener = function() {
@@ -33547,19 +33506,19 @@ void main(void){
     }
     return t2.prototype.run = function(t3) {
       var e2 = this;
-      if (t3 === void 0 && (t3 = 250), !LP) {
-        LP = true;
-        var n2, i2 = OP(t3);
+      if (t3 === void 0 && (t3 = 250), !OP) {
+        OP = true;
+        var n2, i2 = IP(t3);
         n2 = function() {
           var n3 = false;
           try {
-            n3 = MP();
+            n3 = EP();
           } finally {
-            if (LP = false, t3 = i2 - OP(), !PP)
+            if (OP = false, t3 = i2 - IP(), !RP)
               return;
             n3 ? e2.run(1e3) : t3 > 0 ? e2.run(t3) : e2.start();
           }
-        }, RP(function() {
+        }, AP(function() {
           requestAnimationFrame(n2);
         });
       }
@@ -33567,29 +33526,29 @@ void main(void){
       this.stop(), this.run();
     }, t2.prototype.observe = function() {
       var t3 = this, e2 = function() {
-        return t3.observer && t3.observer.observe(document.body, CP);
+        return t3.observer && t3.observer.observe(document.body, PP);
       };
-      document.body ? e2() : dP.addEventListener("DOMContentLoaded", e2);
+      document.body ? e2() : cP.addEventListener("DOMContentLoaded", e2);
     }, t2.prototype.start = function() {
       var t3 = this;
-      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), IP.forEach(function(e2) {
-        return dP.addEventListener(e2, t3.listener, true);
+      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), CP.forEach(function(e2) {
+        return cP.addEventListener(e2, t3.listener, true);
       }));
     }, t2.prototype.stop = function() {
       var t3 = this;
-      this.stopped || (this.observer && this.observer.disconnect(), IP.forEach(function(e2) {
-        return dP.removeEventListener(e2, t3.listener, true);
+      this.stopped || (this.observer && this.observer.disconnect(), CP.forEach(function(e2) {
+        return cP.removeEventListener(e2, t3.listener, true);
       }), this.stopped = true);
     }, t2;
-  }())(), DP = function(t2) {
-    !PP && t2 > 0 && NP.start(), !(PP += t2) && NP.stop();
-  }, FP = function() {
+  }())(), NP = function(t2) {
+    !RP && t2 > 0 && LP.start(), !(RP += t2) && LP.stop();
+  }, DP = function() {
     function t2(t3, e2) {
-      this.target = t3, this.observedBox = e2 || nP.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
+      this.target = t3, this.observedBox = e2 || eP.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
     }
     return t2.prototype.isActive = function() {
-      var t3, e2 = bP(this.target, this.observedBox, true);
-      return t3 = this.target, uP(t3) || function(t4) {
+      var t3, e2 = xP(this.target, this.observedBox, true);
+      return t3 = this.target, lP(t3) || function(t4) {
         switch (t4.tagName) {
           case "INPUT":
             if (t4.type !== "image")
@@ -33606,57 +33565,57 @@ void main(void){
         return false;
       }(t3) || getComputedStyle(t3).display !== "inline" || (this.lastReportedSize = e2), this.lastReportedSize.inlineSize !== e2.inlineSize || this.lastReportedSize.blockSize !== e2.blockSize;
     }, t2;
-  }(), BP = function(t2, e2) {
+  }(), FP = function(t2, e2) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t2, this.callback = e2;
-  }, UP = /* @__PURE__ */ new WeakMap(), kP = function(t2, e2) {
+  }, BP = /* @__PURE__ */ new WeakMap(), UP = function(t2, e2) {
     for (var n2 = 0; n2 < t2.length; n2 += 1)
       if (t2[n2].target === e2)
         return n2;
     return -1;
-  }, GP = function() {
+  }, kP = function() {
     function t2() {
     }
     return t2.connect = function(t3, e2) {
-      var n2 = new BP(t3, e2);
-      UP.set(t3, n2);
+      var n2 = new FP(t3, e2);
+      BP.set(t3, n2);
     }, t2.observe = function(t3, e2, n2) {
-      var i2 = UP.get(t3), r2 = i2.observationTargets.length === 0;
-      kP(i2.observationTargets, e2) < 0 && (r2 && iP.push(i2), i2.observationTargets.push(new FP(e2, n2 && n2.box)), DP(1), NP.schedule());
+      var i2 = BP.get(t3), r2 = i2.observationTargets.length === 0;
+      UP(i2.observationTargets, e2) < 0 && (r2 && nP.push(i2), i2.observationTargets.push(new DP(e2, n2 && n2.box)), NP(1), LP.schedule());
     }, t2.unobserve = function(t3, e2) {
-      var n2 = UP.get(t3), i2 = kP(n2.observationTargets, e2), r2 = n2.observationTargets.length === 1;
-      i2 >= 0 && (r2 && iP.splice(iP.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), DP(-1));
+      var n2 = BP.get(t3), i2 = UP(n2.observationTargets, e2), r2 = n2.observationTargets.length === 1;
+      i2 >= 0 && (r2 && nP.splice(nP.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), NP(-1));
     }, t2.disconnect = function(t3) {
-      var e2 = this, n2 = UP.get(t3);
+      var e2 = this, n2 = BP.get(t3);
       n2.observationTargets.slice().forEach(function(n3) {
         return e2.unobserve(t3, n3.target);
       }), n2.activeTargets.splice(0, n2.activeTargets.length);
     }, t2;
-  }(), HP = function() {
+  }(), GP = function() {
     function t2(t3) {
       if (arguments.length === 0)
         throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
       if (typeof t3 != "function")
         throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-      GP.connect(this, t3);
+      kP.connect(this, t3);
     }
     return t2.prototype.observe = function(t3, e2) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!cP(t3))
+      if (!hP(t3))
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      GP.observe(this, t3, e2);
+      kP.observe(this, t3, e2);
     }, t2.prototype.unobserve = function(t3) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!cP(t3))
+      if (!hP(t3))
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      GP.unobserve(this, t3);
+      kP.unobserve(this, t3);
     }, t2.prototype.disconnect = function() {
-      GP.disconnect(this);
+      kP.disconnect(this);
     }, t2.toString = function() {
       return "function ResizeObserver () { [polyfill code] }";
     }, t2;
-  }(), zP = function(t2, e2, n2, i2) {
+  }(), HP = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33680,7 +33639,7 @@ void main(void){
       }
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
-  }, jP = function(t2, e2) {
+  }, zP = function(t2, e2) {
     var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
       if (1 & r2[0])
         throw r2[1];
@@ -33743,14 +33702,14 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, VP = function() {
+  }, jP = function() {
     function t2(t3, e2, n2, i2, r2) {
       this.state = "idle", this.index = -1, this.slideIndex = -1, this.fn = n2, this.index = t3, this.slideIndex = e2, this.eventHub = i2, this.id = r2;
     }
     return t2.prototype.apply = function() {
-      return zP(this, void 0, void 0, function() {
+      return HP(this, void 0, void 0, function() {
         var t3;
-        return jP(this, function(e2) {
+        return zP(this, function(e2) {
           switch (e2.label) {
             case 0:
               this.eventHub.emit("task-start", this), e2.label = 1;
@@ -33766,7 +33725,7 @@ void main(void){
         });
       });
     }, t2;
-  }(), WP = function() {
+  }(), VP = function() {
     function t2() {
       var t3 = this;
       this.eventHub = new a.a(), this.tasks = [], this.index = 0, this.eventHub.on("task-end", function(e2) {
@@ -33788,7 +33747,7 @@ void main(void){
         e2.tasks.splice(t4, 1);
       });
     }, t2.prototype.addTask = function(t3, e2, n2) {
-      var i2 = new VP(this.index++, e2, t3, this.eventHub, n2);
+      var i2 = new jP(this.index++, e2, t3, this.eventHub, n2);
       this.tasks.push(i2), this.tasks.sort(function(t4, e3) {
         return t4.index - e3.index;
       }), this.replaceIdleTask(), this.tasks.length === 1 && i2.apply();
@@ -33800,7 +33759,7 @@ void main(void){
       this.eventHub.removeAllListeners();
     }, t2;
   }();
-  function XP(t2, e2) {
+  function WP(t2, e2) {
     var n2 = t2.__state.conversionName.toString(), i2 = Math.round(t2.r), r2 = Math.round(t2.g), o2 = Math.round(t2.b), s2 = t2.a, a2 = Math.round(t2.h), l2 = t2.s.toFixed(1), u2 = t2.v.toFixed(1);
     if (e2 || n2 === "THREE_CHAR_HEX" || n2 === "SIX_CHAR_HEX") {
       for (var h2 = t2.hex.toString(16); h2.length < 6; )
@@ -33809,28 +33768,28 @@ void main(void){
     }
     return n2 === "CSS_RGB" ? "rgb(" + i2 + "," + r2 + "," + o2 + ")" : n2 === "CSS_RGBA" ? "rgba(" + i2 + "," + r2 + "," + o2 + "," + s2 + ")" : n2 === "HEX" ? "0x" + t2.hex.toString(16) : n2 === "RGB_ARRAY" ? "[" + i2 + "," + r2 + "," + o2 + "]" : n2 === "RGBA_ARRAY" ? "[" + i2 + "," + r2 + "," + o2 + "," + s2 + "]" : n2 === "RGB_OBJ" ? "{r:" + i2 + ",g:" + r2 + ",b:" + o2 + "}" : n2 === "RGBA_OBJ" ? "{r:" + i2 + ",g:" + r2 + ",b:" + o2 + ",a:" + s2 + "}" : n2 === "HSV_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + "}" : n2 === "HSVA_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + ",a:" + s2 + "}" : "unknown format";
   }
-  var qP = Array.prototype.forEach, YP = Array.prototype.slice, ZP = { BREAK: {}, extend: function(t2) {
-    return this.each(YP.call(arguments, 1), function(e2) {
+  var XP = Array.prototype.forEach, qP = Array.prototype.slice, YP = { BREAK: {}, extend: function(t2) {
+    return this.each(qP.call(arguments, 1), function(e2) {
       (this.isObject(e2) ? Object.keys(e2) : []).forEach(function(n2) {
         this.isUndefined(e2[n2]) || (t2[n2] = e2[n2]);
       }.bind(this));
     }, this), t2;
   }, defaults: function(t2) {
-    return this.each(YP.call(arguments, 1), function(e2) {
+    return this.each(qP.call(arguments, 1), function(e2) {
       (this.isObject(e2) ? Object.keys(e2) : []).forEach(function(n2) {
         this.isUndefined(t2[n2]) && (t2[n2] = e2[n2]);
       }.bind(this));
     }, this), t2;
   }, compose: function() {
-    var t2 = YP.call(arguments);
+    var t2 = qP.call(arguments);
     return function() {
-      for (var e2 = YP.call(arguments), n2 = t2.length - 1; n2 >= 0; n2--)
+      for (var e2 = qP.call(arguments), n2 = t2.length - 1; n2 >= 0; n2--)
         e2 = [t2[n2].apply(this, e2)];
       return e2[0];
     };
   }, each: function(t2, e2, n2) {
     if (t2) {
-      if (qP && t2.forEach && t2.forEach === qP)
+      if (XP && t2.forEach && t2.forEach === XP)
         t2.forEach(e2, n2);
       else if (t2.length === t2.length + 0) {
         var i2, r2 = void 0;
@@ -33855,7 +33814,7 @@ void main(void){
       clearTimeout(i2), i2 = setTimeout(s2, e2), a2 && t2.apply(r2, o2);
     };
   }, toArray: function(t2) {
-    return t2.toArray ? t2.toArray() : YP.call(t2);
+    return t2.toArray ? t2.toArray() : qP.call(t2);
   }, isUndefined: function(t2) {
     return t2 === void 0;
   }, isNull: function(t2) {
@@ -33881,23 +33840,23 @@ void main(void){
     return t2 === false || t2 === true;
   }, isFunction: function(t2) {
     return t2 instanceof Function;
-  } }, JP = [{ litmus: ZP.isString, conversions: { THREE_CHAR_HEX: { read: function(t2) {
+  } }, ZP = [{ litmus: YP.isString, conversions: { THREE_CHAR_HEX: { read: function(t2) {
     var e2 = t2.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);
     return e2 !== null && { space: "HEX", hex: parseInt("0x" + e2[1].toString() + e2[1].toString() + e2[2].toString() + e2[2].toString() + e2[3].toString() + e2[3].toString(), 0) };
-  }, write: XP }, SIX_CHAR_HEX: { read: function(t2) {
+  }, write: WP }, SIX_CHAR_HEX: { read: function(t2) {
     var e2 = t2.match(/^#([A-F0-9]{6})$/i);
     return e2 !== null && { space: "HEX", hex: parseInt("0x" + e2[1].toString(), 0) };
-  }, write: XP }, CSS_RGB: { read: function(t2) {
+  }, write: WP }, CSS_RGB: { read: function(t2) {
     var e2 = t2.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e2 !== null && { space: "RGB", r: parseFloat(e2[1]), g: parseFloat(e2[2]), b: parseFloat(e2[3]) };
-  }, write: XP }, CSS_RGBA: { read: function(t2) {
+  }, write: WP }, CSS_RGBA: { read: function(t2) {
     var e2 = t2.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e2 !== null && { space: "RGB", r: parseFloat(e2[1]), g: parseFloat(e2[2]), b: parseFloat(e2[3]), a: parseFloat(e2[4]) };
-  }, write: XP } } }, { litmus: ZP.isNumber, conversions: { HEX: { read: function(t2) {
+  }, write: WP } } }, { litmus: YP.isNumber, conversions: { HEX: { read: function(t2) {
     return { space: "HEX", hex: t2, conversionName: "HEX" };
   }, write: function(t2) {
     return t2.hex;
-  } } } }, { litmus: ZP.isArray, conversions: { RGB_ARRAY: { read: function(t2) {
+  } } } }, { litmus: YP.isArray, conversions: { RGB_ARRAY: { read: function(t2) {
     return t2.length === 3 && { space: "RGB", r: t2[0], g: t2[1], b: t2[2] };
   }, write: function(t2) {
     return [t2.r, t2.g, t2.b];
@@ -33905,33 +33864,33 @@ void main(void){
     return t2.length === 4 && { space: "RGB", r: t2[0], g: t2[1], b: t2[2], a: t2[3] };
   }, write: function(t2) {
     return [t2.r, t2.g, t2.b, t2.a];
-  } } } }, { litmus: ZP.isObject, conversions: { RGBA_OBJ: { read: function(t2) {
-    return !!(ZP.isNumber(t2.r) && ZP.isNumber(t2.g) && ZP.isNumber(t2.b) && ZP.isNumber(t2.a)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b, a: t2.a };
+  } } } }, { litmus: YP.isObject, conversions: { RGBA_OBJ: { read: function(t2) {
+    return !!(YP.isNumber(t2.r) && YP.isNumber(t2.g) && YP.isNumber(t2.b) && YP.isNumber(t2.a)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b, a: t2.a };
   }, write: function(t2) {
     return { r: t2.r, g: t2.g, b: t2.b, a: t2.a };
   } }, RGB_OBJ: { read: function(t2) {
-    return !!(ZP.isNumber(t2.r) && ZP.isNumber(t2.g) && ZP.isNumber(t2.b)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b };
+    return !!(YP.isNumber(t2.r) && YP.isNumber(t2.g) && YP.isNumber(t2.b)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b };
   }, write: function(t2) {
     return { r: t2.r, g: t2.g, b: t2.b };
   } }, HSVA_OBJ: { read: function(t2) {
-    return !!(ZP.isNumber(t2.h) && ZP.isNumber(t2.s) && ZP.isNumber(t2.v) && ZP.isNumber(t2.a)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v, a: t2.a };
+    return !!(YP.isNumber(t2.h) && YP.isNumber(t2.s) && YP.isNumber(t2.v) && YP.isNumber(t2.a)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v, a: t2.a };
   }, write: function(t2) {
     return { h: t2.h, s: t2.s, v: t2.v, a: t2.a };
   } }, HSV_OBJ: { read: function(t2) {
-    return !!(ZP.isNumber(t2.h) && ZP.isNumber(t2.s) && ZP.isNumber(t2.v)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v };
+    return !!(YP.isNumber(t2.h) && YP.isNumber(t2.s) && YP.isNumber(t2.v)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v };
   }, write: function(t2) {
     return { h: t2.h, s: t2.s, v: t2.v };
-  } } } }], $P = void 0, KP = void 0, QP = function() {
-    KP = false;
-    var t2 = arguments.length > 1 ? ZP.toArray(arguments) : arguments[0];
-    return ZP.each(JP, function(e2) {
+  } } } }], JP = void 0, $P = void 0, KP = function() {
+    $P = false;
+    var t2 = arguments.length > 1 ? YP.toArray(arguments) : arguments[0];
+    return YP.each(ZP, function(e2) {
       if (e2.litmus(t2))
-        return ZP.each(e2.conversions, function(e3, n2) {
-          if ($P = e3.read(t2), KP === false && $P !== false)
-            return KP = $P, $P.conversionName = n2, $P.conversion = e3, ZP.BREAK;
-        }), ZP.BREAK;
-    }), KP;
-  }, tC = void 0, eC = { hsv_to_rgb: function(t2, e2, n2) {
+        return YP.each(e2.conversions, function(e3, n2) {
+          if (JP = e3.read(t2), $P === false && JP !== false)
+            return $P = JP, JP.conversionName = n2, JP.conversion = e3, YP.BREAK;
+        }), YP.BREAK;
+    }), $P;
+  }, QP = void 0, tC = { hsv_to_rgb: function(t2, e2, n2) {
     var i2 = Math.floor(t2 / 60) % 6, r2 = t2 / 60 - Math.floor(t2 / 60), o2 = n2 * (1 - e2), s2 = n2 * (1 - r2 * e2), a2 = n2 * (1 - (1 - r2) * e2), l2 = [[n2, a2, o2], [s2, n2, o2], [o2, n2, a2], [o2, s2, n2], [a2, o2, n2], [n2, o2, s2]][i2];
     return { r: 255 * l2[0], g: 255 * l2[1], b: 255 * l2[2] };
   }, rgb_to_hsv: function(t2, e2, n2) {
@@ -33943,15 +33902,15 @@ void main(void){
   }, component_from_hex: function(t2, e2) {
     return t2 >> 8 * e2 & 255;
   }, hex_with_component: function(t2, e2, n2) {
-    return n2 << (tC = 8 * e2) | t2 & ~(255 << tC);
-  } }, nC = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t2) {
+    return n2 << (QP = 8 * e2) | t2 & ~(255 << QP);
+  } }, eC = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t2) {
     return typeof t2;
   } : function(t2) {
     return t2 && typeof Symbol == "function" && t2.constructor === Symbol && t2 !== Symbol.prototype ? "symbol" : typeof t2;
-  }, iC = function(t2, e2) {
+  }, nC = function(t2, e2) {
     if (!(t2 instanceof e2))
       throw new TypeError("Cannot call a class as a function");
-  }, rC = function() {
+  }, iC = function() {
     function t2(t3, e2) {
       for (var n2 = 0; n2 < e2.length; n2++) {
         var i2 = e2[n2];
@@ -33961,7 +33920,7 @@ void main(void){
     return function(e2, n2, i2) {
       return n2 && t2(e2.prototype, n2), i2 && t2(e2, i2), e2;
     };
-  }(), oC = function t2(e2, n2, i2) {
+  }(), rC = function t2(e2, n2, i2) {
     e2 === null && (e2 = Function.prototype);
     var r2 = Object.getOwnPropertyDescriptor(e2, n2);
     if (r2 === void 0) {
@@ -33972,67 +33931,67 @@ void main(void){
       return r2.value;
     var s2 = r2.get;
     return s2 !== void 0 ? s2.call(i2) : void 0;
-  }, sC = function(t2, e2) {
+  }, oC = function(t2, e2) {
     if (typeof e2 != "function" && e2 !== null)
       throw new TypeError("Super expression must either be null or a function, not " + typeof e2);
     t2.prototype = Object.create(e2 && e2.prototype, { constructor: { value: t2, enumerable: false, writable: true, configurable: true } }), e2 && (Object.setPrototypeOf ? Object.setPrototypeOf(t2, e2) : t2.__proto__ = e2);
-  }, aC = function(t2, e2) {
+  }, sC = function(t2, e2) {
     if (!t2)
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return !e2 || typeof e2 != "object" && typeof e2 != "function" ? t2 : e2;
-  }, lC = function() {
+  }, aC = function() {
     function t2() {
-      if (iC(this, t2), this.__state = QP.apply(this, arguments), this.__state === false)
+      if (nC(this, t2), this.__state = KP.apply(this, arguments), this.__state === false)
         throw new Error("Failed to interpret color arguments");
       this.__state.a = this.__state.a || 1;
     }
-    return rC(t2, [{ key: "toString", value: function() {
-      return XP(this);
+    return iC(t2, [{ key: "toString", value: function() {
+      return WP(this);
     } }, { key: "toHexString", value: function() {
-      return XP(this, true);
+      return WP(this, true);
     } }, { key: "toOriginal", value: function() {
       return this.__state.conversion.write(this);
     } }]), t2;
   }();
-  function uC(t2, e2, n2) {
+  function lC(t2, e2, n2) {
     Object.defineProperty(t2, e2, { get: function() {
-      return this.__state.space === "RGB" || lC.recalculateRGB(this, e2, n2), this.__state[e2];
+      return this.__state.space === "RGB" || aC.recalculateRGB(this, e2, n2), this.__state[e2];
     }, set: function(t3) {
-      this.__state.space !== "RGB" && (lC.recalculateRGB(this, e2, n2), this.__state.space = "RGB"), this.__state[e2] = t3;
+      this.__state.space !== "RGB" && (aC.recalculateRGB(this, e2, n2), this.__state.space = "RGB"), this.__state[e2] = t3;
     } });
   }
-  function hC(t2, e2) {
+  function uC(t2, e2) {
     Object.defineProperty(t2, e2, { get: function() {
-      return this.__state.space === "HSV" || lC.recalculateHSV(this), this.__state[e2];
+      return this.__state.space === "HSV" || aC.recalculateHSV(this), this.__state[e2];
     }, set: function(t3) {
-      this.__state.space !== "HSV" && (lC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e2] = t3;
+      this.__state.space !== "HSV" && (aC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e2] = t3;
     } });
   }
-  lC.recalculateRGB = function(t2, e2, n2) {
+  aC.recalculateRGB = function(t2, e2, n2) {
     if (t2.__state.space === "HEX")
-      t2.__state[e2] = eC.component_from_hex(t2.__state.hex, n2);
+      t2.__state[e2] = tC.component_from_hex(t2.__state.hex, n2);
     else {
       if (t2.__state.space !== "HSV")
         throw new Error("Corrupted color state");
-      ZP.extend(t2.__state, eC.hsv_to_rgb(t2.__state.h, t2.__state.s, t2.__state.v));
+      YP.extend(t2.__state, tC.hsv_to_rgb(t2.__state.h, t2.__state.s, t2.__state.v));
     }
-  }, lC.recalculateHSV = function(t2) {
-    var e2 = eC.rgb_to_hsv(t2.r, t2.g, t2.b);
-    ZP.extend(t2.__state, { s: e2.s, v: e2.v }), ZP.isNaN(e2.h) ? ZP.isUndefined(t2.__state.h) && (t2.__state.h = 0) : t2.__state.h = e2.h;
-  }, lC.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], uC(lC.prototype, "r", 2), uC(lC.prototype, "g", 1), uC(lC.prototype, "b", 0), hC(lC.prototype, "h"), hC(lC.prototype, "s"), hC(lC.prototype, "v"), Object.defineProperty(lC.prototype, "a", { get: function() {
+  }, aC.recalculateHSV = function(t2) {
+    var e2 = tC.rgb_to_hsv(t2.r, t2.g, t2.b);
+    YP.extend(t2.__state, { s: e2.s, v: e2.v }), YP.isNaN(e2.h) ? YP.isUndefined(t2.__state.h) && (t2.__state.h = 0) : t2.__state.h = e2.h;
+  }, aC.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], lC(aC.prototype, "r", 2), lC(aC.prototype, "g", 1), lC(aC.prototype, "b", 0), uC(aC.prototype, "h"), uC(aC.prototype, "s"), uC(aC.prototype, "v"), Object.defineProperty(aC.prototype, "a", { get: function() {
     return this.__state.a;
   }, set: function(t2) {
     this.__state.a = t2;
-  } }), Object.defineProperty(lC.prototype, "hex", { get: function() {
-    return this.__state.space !== "HEX" && (this.__state.hex = eC.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
+  } }), Object.defineProperty(aC.prototype, "hex", { get: function() {
+    return this.__state.space !== "HEX" && (this.__state.hex = tC.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
   }, set: function(t2) {
     this.__state.space = "HEX", this.__state.hex = t2;
   } });
-  var cC = function() {
+  var hC = function() {
     function t2(e2, n2) {
-      iC(this, t2), this.initialValue = e2[n2], this.domElement = document.createElement("div"), this.object = e2, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
+      nC(this, t2), this.initialValue = e2[n2], this.domElement = document.createElement("div"), this.object = e2, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
     }
-    return rC(t2, [{ key: "onChange", value: function(t3) {
+    return iC(t2, [{ key: "onChange", value: function(t3) {
       return this.__onChange = t3, this;
     } }, { key: "onFinishChange", value: function(t3) {
       return this.__onFinishChange = t3, this;
@@ -34045,29 +34004,29 @@ void main(void){
     } }, { key: "isModified", value: function() {
       return this.initialValue !== this.getValue();
     } }]), t2;
-  }(), dC = {};
-  ZP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t2, e2) {
-    ZP.each(t2, function(t3) {
-      dC[t3] = e2;
+  }(), cC = {};
+  YP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t2, e2) {
+    YP.each(t2, function(t3) {
+      cC[t3] = e2;
     });
   });
-  var pC = /(\d+(\.\d+)?)px/;
-  function fC(t2) {
-    if (t2 === "0" || ZP.isUndefined(t2))
+  var dC = /(\d+(\.\d+)?)px/;
+  function pC(t2) {
+    if (t2 === "0" || YP.isUndefined(t2))
       return 0;
-    var e2 = t2.match(pC);
-    return ZP.isNull(e2) ? 0 : parseFloat(e2[1]);
+    var e2 = t2.match(dC);
+    return YP.isNull(e2) ? 0 : parseFloat(e2[1]);
   }
-  var mC = { makeSelectable: function(t2, e2) {
+  var fC = { makeSelectable: function(t2, e2) {
     t2 !== void 0 && t2.style !== void 0 && (t2.onselectstart = e2 ? function() {
       return false;
     } : function() {
     }, t2.style.MozUserSelect = e2 ? "auto" : "none", t2.style.KhtmlUserSelect = e2 ? "auto" : "none", t2.unselectable = e2 ? "on" : "off");
   }, makeFullscreen: function(t2, e2, n2) {
     var i2 = n2, r2 = e2;
-    ZP.isUndefined(r2) && (r2 = true), ZP.isUndefined(i2) && (i2 = true), t2.style.position = "absolute", r2 && (t2.style.left = 0, t2.style.right = 0), i2 && (t2.style.top = 0, t2.style.bottom = 0);
+    YP.isUndefined(r2) && (r2 = true), YP.isUndefined(i2) && (i2 = true), t2.style.position = "absolute", r2 && (t2.style.left = 0, t2.style.right = 0), i2 && (t2.style.top = 0, t2.style.bottom = 0);
   }, fakeEvent: function(t2, e2, n2, i2) {
-    var r2 = n2 || {}, o2 = dC[e2];
+    var r2 = n2 || {}, o2 = cC[e2];
     if (!o2)
       throw new Error("Event type " + e2 + " not supported.");
     var s2 = document.createEvent(o2);
@@ -34078,18 +34037,18 @@ void main(void){
         break;
       case "KeyboardEvents":
         var u2 = s2.initKeyboardEvent || s2.initKeyEvent;
-        ZP.defaults(r2, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e2, r2.bubbles || false, r2.cancelable, window, r2.ctrlKey, r2.altKey, r2.shiftKey, r2.metaKey, r2.keyCode, r2.charCode);
+        YP.defaults(r2, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e2, r2.bubbles || false, r2.cancelable, window, r2.ctrlKey, r2.altKey, r2.shiftKey, r2.metaKey, r2.keyCode, r2.charCode);
         break;
       default:
         s2.initEvent(e2, r2.bubbles || false, r2.cancelable || true);
     }
-    ZP.defaults(s2, i2), t2.dispatchEvent(s2);
+    YP.defaults(s2, i2), t2.dispatchEvent(s2);
   }, bind: function(t2, e2, n2, i2) {
     var r2 = i2 || false;
-    return t2.addEventListener ? t2.addEventListener(e2, n2, r2) : t2.attachEvent && t2.attachEvent("on" + e2, n2), mC;
+    return t2.addEventListener ? t2.addEventListener(e2, n2, r2) : t2.attachEvent && t2.attachEvent("on" + e2, n2), fC;
   }, unbind: function(t2, e2, n2, i2) {
     var r2 = i2 || false;
-    return t2.removeEventListener ? t2.removeEventListener(e2, n2, r2) : t2.detachEvent && t2.detachEvent("on" + e2, n2), mC;
+    return t2.removeEventListener ? t2.removeEventListener(e2, n2, r2) : t2.detachEvent && t2.detachEvent("on" + e2, n2), fC;
   }, addClass: function(t2, e2) {
     if (t2.className === void 0)
       t2.className = e2;
@@ -34097,7 +34056,7 @@ void main(void){
       var n2 = t2.className.split(/ +/);
       n2.indexOf(e2) === -1 && (n2.push(e2), t2.className = n2.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""));
     }
-    return mC;
+    return fC;
   }, removeClass: function(t2, e2) {
     if (e2)
       if (t2.className === e2)
@@ -34108,15 +34067,15 @@ void main(void){
       }
     else
       t2.className = void 0;
-    return mC;
+    return fC;
   }, hasClass: function(t2, e2) {
     return new RegExp("(?:^|\\s+)" + e2 + "(?:\\s+|$)").test(t2.className) || false;
   }, getWidth: function(t2) {
     var e2 = getComputedStyle(t2);
-    return fC(e2["border-left-width"]) + fC(e2["border-right-width"]) + fC(e2["padding-left"]) + fC(e2["padding-right"]) + fC(e2.width);
+    return pC(e2["border-left-width"]) + pC(e2["border-right-width"]) + pC(e2["padding-left"]) + pC(e2["padding-right"]) + pC(e2.width);
   }, getHeight: function(t2) {
     var e2 = getComputedStyle(t2);
-    return fC(e2["border-top-width"]) + fC(e2["border-bottom-width"]) + fC(e2["padding-top"]) + fC(e2["padding-bottom"]) + fC(e2.height);
+    return pC(e2["border-top-width"]) + pC(e2["border-bottom-width"]) + pC(e2["padding-top"]) + pC(e2["padding-bottom"]) + pC(e2.height);
   }, getOffset: function(t2) {
     var e2 = t2, n2 = { left: 0, top: 0 };
     if (e2.offsetParent)
@@ -34126,86 +34085,86 @@ void main(void){
     return n2;
   }, isActive: function(t2) {
     return t2 === document.activeElement && (t2.type || t2.href);
-  } }, gC = function(t2) {
+  } }, mC = function(t2) {
     function e2(t3, n2) {
-      iC(this, e2);
-      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
-      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), mC.bind(i2.__checkbox, "change", function() {
+      nC(this, e2);
+      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
+      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), fC.bind(i2.__checkbox, "change", function() {
         r2.setValue(!r2.__prev);
       }, false), i2.domElement.appendChild(i2.__checkbox), i2.updateDisplay(), i2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
-      var n2 = oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
+    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
+      var n2 = rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), this.__prev = this.getValue(), n2;
     } }, { key: "updateDisplay", value: function() {
-      return this.getValue() === true ? (this.__checkbox.setAttribute("checked", "checked"), this.__checkbox.checked = true, this.__prev = true) : (this.__checkbox.checked = false, this.__prev = false), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.getValue() === true ? (this.__checkbox.setAttribute("checked", "checked"), this.__checkbox.checked = true, this.__prev = true) : (this.__checkbox.checked = false, this.__prev = false), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(cC), vC = function(t2) {
+  }(hC), gC = function(t2) {
     function e2(t3, n2, i2) {
-      iC(this, e2);
-      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2, s2 = r2;
-      if (r2.__select = document.createElement("select"), ZP.isArray(o2)) {
+      nC(this, e2);
+      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2, s2 = r2;
+      if (r2.__select = document.createElement("select"), YP.isArray(o2)) {
         var a2 = {};
-        ZP.each(o2, function(t4) {
+        YP.each(o2, function(t4) {
           a2[t4] = t4;
         }), o2 = a2;
       }
-      return ZP.each(o2, function(t4, e3) {
+      return YP.each(o2, function(t4, e3) {
         var n3 = document.createElement("option");
         n3.innerHTML = e3, n3.setAttribute("value", t4), s2.__select.appendChild(n3);
-      }), r2.updateDisplay(), mC.bind(r2.__select, "change", function() {
+      }), r2.updateDisplay(), fC.bind(r2.__select, "change", function() {
         var t4 = this.options[this.selectedIndex].value;
         s2.setValue(t4);
       }), r2.domElement.appendChild(r2.__select), r2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
-      var n2 = oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
+    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
+      var n2 = rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), n2;
     } }, { key: "updateDisplay", value: function() {
-      return mC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this));
+      return fC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this));
     } }]), e2;
-  }(cC), _C = function(t2) {
+  }(hC), vC = function(t2) {
     function e2(t3, n2) {
-      iC(this, e2);
-      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
+      nC(this, e2);
+      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
       function o2() {
         r2.setValue(r2.__input.value);
       }
-      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), mC.bind(i2.__input, "keyup", o2), mC.bind(i2.__input, "change", o2), mC.bind(i2.__input, "blur", function() {
+      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), fC.bind(i2.__input, "keyup", o2), fC.bind(i2.__input, "change", o2), fC.bind(i2.__input, "blur", function() {
         r2.__onFinishChange && r2.__onFinishChange.call(r2, r2.getValue());
-      }), mC.bind(i2.__input, "keydown", function(t4) {
+      }), fC.bind(i2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && this.blur();
       }), i2.updateDisplay(), i2.domElement.appendChild(i2.__input), i2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
-      return mC.isActive(this.__input) || (this.__input.value = this.getValue()), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
+      return fC.isActive(this.__input) || (this.__input.value = this.getValue()), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(cC);
-  function yC(t2) {
+  }(hC);
+  function _C(t2) {
     var e2 = t2.toString();
     return e2.indexOf(".") > -1 ? e2.length - e2.indexOf(".") - 1 : 0;
   }
-  var xC = function(t2) {
+  var yC = function(t2) {
     function e2(t3, n2, i2) {
-      iC(this, e2);
-      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2 || {};
-      return r2.__min = o2.min, r2.__max = o2.max, r2.__step = o2.step, ZP.isUndefined(r2.__step) ? r2.initialValue === 0 ? r2.__impliedStep = 1 : r2.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r2.initialValue)) / Math.LN10)) / 10 : r2.__impliedStep = r2.__step, r2.__precision = yC(r2.__impliedStep), r2;
+      nC(this, e2);
+      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2 || {};
+      return r2.__min = o2.min, r2.__max = o2.max, r2.__step = o2.step, YP.isUndefined(r2.__step) ? r2.initialValue === 0 ? r2.__impliedStep = 1 : r2.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r2.initialValue)) / Math.LN10)) / 10 : r2.__impliedStep = r2.__step, r2.__precision = _C(r2.__impliedStep), r2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
+    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
       var n2 = t3;
-      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, n2);
+      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, n2);
     } }, { key: "min", value: function(t3) {
       return this.__min = t3, this;
     } }, { key: "max", value: function(t3) {
       return this.__max = t3, this;
     } }, { key: "step", value: function(t3) {
-      return this.__step = t3, this.__impliedStep = t3, this.__precision = yC(t3), this;
+      return this.__step = t3, this.__impliedStep = t3, this.__precision = _C(t3), this;
     } }]), e2;
-  }(cC);
-  var bC = function(t2) {
+  }(hC);
+  var xC = function(t2) {
     function e2(t3, n2, i2) {
-      iC(this, e2);
-      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, i2));
+      nC(this, e2);
+      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, i2));
       r2.__truncationSuspended = false;
       var o2 = r2, s2 = void 0;
       function a2() {
@@ -34216,101 +34175,101 @@ void main(void){
         o2.setValue(o2.getValue() + e3 * o2.__impliedStep), s2 = t4.clientY;
       }
       function u2() {
-        mC.unbind(window, "mousemove", l2), mC.unbind(window, "mouseup", u2), a2();
+        fC.unbind(window, "mousemove", l2), fC.unbind(window, "mouseup", u2), a2();
       }
-      return r2.__input = document.createElement("input"), r2.__input.setAttribute("type", "text"), mC.bind(r2.__input, "change", function() {
+      return r2.__input = document.createElement("input"), r2.__input.setAttribute("type", "text"), fC.bind(r2.__input, "change", function() {
         var t4 = parseFloat(o2.__input.value);
-        ZP.isNaN(t4) || o2.setValue(t4);
-      }), mC.bind(r2.__input, "blur", function() {
+        YP.isNaN(t4) || o2.setValue(t4);
+      }), fC.bind(r2.__input, "blur", function() {
         a2();
-      }), mC.bind(r2.__input, "mousedown", function(t4) {
-        mC.bind(window, "mousemove", l2), mC.bind(window, "mouseup", u2), s2 = t4.clientY;
-      }), mC.bind(r2.__input, "keydown", function(t4) {
+      }), fC.bind(r2.__input, "mousedown", function(t4) {
+        fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), s2 = t4.clientY;
+      }), fC.bind(r2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && (o2.__truncationSuspended = true, this.blur(), o2.__truncationSuspended = false, a2());
       }), r2.updateDisplay(), r2.domElement.appendChild(r2.__input), r2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
+    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
       var t3, n2, i2;
-      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t3 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t3 * i2) / i2), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t3 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t3 * i2) / i2), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(xC);
-  function TC(t2, e2, n2, i2, r2) {
+  }(yC);
+  function bC(t2, e2, n2, i2, r2) {
     return i2 + (t2 - e2) / (n2 - e2) * (r2 - i2);
   }
-  var wC = function(t2) {
+  var TC = function(t2) {
     function e2(t3, n2, i2, r2, o2) {
-      iC(this, e2);
-      var s2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, { min: i2, max: r2, step: o2 })), a2 = s2;
+      nC(this, e2);
+      var s2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, { min: i2, max: r2, step: o2 })), a2 = s2;
       function l2(t4) {
         t4.preventDefault();
         var e3 = a2.__background.getBoundingClientRect();
-        return a2.setValue(TC(t4.clientX, e3.left, e3.right, a2.__min, a2.__max)), false;
+        return a2.setValue(bC(t4.clientX, e3.left, e3.right, a2.__min, a2.__max)), false;
       }
       function u2() {
-        mC.unbind(window, "mousemove", l2), mC.unbind(window, "mouseup", u2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        fC.unbind(window, "mousemove", l2), fC.unbind(window, "mouseup", u2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
       function h2(t4) {
         var e3 = t4.touches[0].clientX, n3 = a2.__background.getBoundingClientRect();
-        a2.setValue(TC(e3, n3.left, n3.right, a2.__min, a2.__max));
+        a2.setValue(bC(e3, n3.left, n3.right, a2.__min, a2.__max));
       }
       function c2() {
-        mC.unbind(window, "touchmove", h2), mC.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        fC.unbind(window, "touchmove", h2), fC.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
-      return s2.__background = document.createElement("div"), s2.__foreground = document.createElement("div"), mC.bind(s2.__background, "mousedown", function(t4) {
-        document.activeElement.blur(), mC.bind(window, "mousemove", l2), mC.bind(window, "mouseup", u2), l2(t4);
-      }), mC.bind(s2.__background, "touchstart", function(t4) {
+      return s2.__background = document.createElement("div"), s2.__foreground = document.createElement("div"), fC.bind(s2.__background, "mousedown", function(t4) {
+        document.activeElement.blur(), fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), l2(t4);
+      }), fC.bind(s2.__background, "touchstart", function(t4) {
         if (t4.touches.length !== 1)
           return;
-        mC.bind(window, "touchmove", h2), mC.bind(window, "touchend", c2), h2(t4);
-      }), mC.addClass(s2.__background, "slider"), mC.addClass(s2.__foreground, "slider-fg"), s2.updateDisplay(), s2.__background.appendChild(s2.__foreground), s2.domElement.appendChild(s2.__background), s2;
+        fC.bind(window, "touchmove", h2), fC.bind(window, "touchend", c2), h2(t4);
+      }), fC.addClass(s2.__background, "slider"), fC.addClass(s2.__foreground, "slider-fg"), s2.updateDisplay(), s2.__background.appendChild(s2.__foreground), s2.domElement.appendChild(s2.__background), s2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
+    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
       var t3 = (this.getValue() - this.__min) / (this.__max - this.__min);
-      return this.__foreground.style.width = 100 * t3 + "%", oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.__foreground.style.width = 100 * t3 + "%", rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(xC), SC = function(t2) {
+  }(yC), wC = function(t2) {
     function e2(t3, n2, i2) {
-      iC(this, e2);
-      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = r2;
-      return r2.__button = document.createElement("div"), r2.__button.innerHTML = i2 === void 0 ? "Fire" : i2, mC.bind(r2.__button, "click", function(t4) {
+      nC(this, e2);
+      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = r2;
+      return r2.__button = document.createElement("div"), r2.__button.innerHTML = i2 === void 0 ? "Fire" : i2, fC.bind(r2.__button, "click", function(t4) {
         return t4.preventDefault(), o2.fire(), false;
-      }), mC.addClass(r2.__button, "button"), r2.domElement.appendChild(r2.__button), r2;
+      }), fC.addClass(r2.__button, "button"), r2.domElement.appendChild(r2.__button), r2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "fire", value: function() {
+    return oC(e2, t2), iC(e2, [{ key: "fire", value: function() {
       this.__onChange && this.__onChange.call(this), this.getValue().call(this.object), this.__onFinishChange && this.__onFinishChange.call(this, this.getValue());
     } }]), e2;
-  }(cC), EC = function(t2) {
+  }(hC), SC = function(t2) {
     function e2(t3, n2) {
-      iC(this, e2);
-      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2));
-      i2.__color = new lC(i2.getValue()), i2.__temp = new lC(0);
+      nC(this, e2);
+      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2));
+      i2.__color = new aC(i2.getValue()), i2.__temp = new aC(0);
       var r2 = i2;
-      i2.domElement = document.createElement("div"), mC.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", mC.bind(i2.__input, "keydown", function(t4) {
+      i2.domElement = document.createElement("div"), fC.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", fC.bind(i2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && c2.call(this);
-      }), mC.bind(i2.__input, "blur", c2), mC.bind(i2.__selector, "mousedown", function() {
-        mC.addClass(this, "drag").bind(window, "mouseup", function() {
-          mC.removeClass(r2.__selector, "drag");
+      }), fC.bind(i2.__input, "blur", c2), fC.bind(i2.__selector, "mousedown", function() {
+        fC.addClass(this, "drag").bind(window, "mouseup", function() {
+          fC.removeClass(r2.__selector, "drag");
         });
-      }), mC.bind(i2.__selector, "touchstart", function() {
-        mC.addClass(this, "drag").bind(window, "touchend", function() {
-          mC.removeClass(r2.__selector, "drag");
+      }), fC.bind(i2.__selector, "touchstart", function() {
+        fC.addClass(this, "drag").bind(window, "touchend", function() {
+          fC.removeClass(r2.__selector, "drag");
         });
       });
       var o2, s2 = document.createElement("div");
       function a2(t4) {
-        p2(t4), mC.bind(window, "mousemove", p2), mC.bind(window, "touchmove", p2), mC.bind(window, "mouseup", u2), mC.bind(window, "touchend", u2);
+        p2(t4), fC.bind(window, "mousemove", p2), fC.bind(window, "touchmove", p2), fC.bind(window, "mouseup", u2), fC.bind(window, "touchend", u2);
       }
       function l2(t4) {
-        f2(t4), mC.bind(window, "mousemove", f2), mC.bind(window, "touchmove", f2), mC.bind(window, "mouseup", h2), mC.bind(window, "touchend", h2);
+        f2(t4), fC.bind(window, "mousemove", f2), fC.bind(window, "touchmove", f2), fC.bind(window, "mouseup", h2), fC.bind(window, "touchend", h2);
       }
       function u2() {
-        mC.unbind(window, "mousemove", p2), mC.unbind(window, "touchmove", p2), mC.unbind(window, "mouseup", u2), mC.unbind(window, "touchend", u2), d2();
+        fC.unbind(window, "mousemove", p2), fC.unbind(window, "touchmove", p2), fC.unbind(window, "mouseup", u2), fC.unbind(window, "touchend", u2), d2();
       }
       function h2() {
-        mC.unbind(window, "mousemove", f2), mC.unbind(window, "touchmove", f2), mC.unbind(window, "mouseup", h2), mC.unbind(window, "touchend", h2), d2();
+        fC.unbind(window, "mousemove", f2), fC.unbind(window, "touchmove", f2), fC.unbind(window, "mouseup", h2), fC.unbind(window, "touchend", h2), d2();
       }
       function c2() {
-        var t4 = QP(this.value);
+        var t4 = KP(this.value);
         t4 !== false ? (r2.__color.__state = t4, r2.setValue(r2.__color.toOriginal())) : this.value = r2.__color.toString();
       }
       function d2() {
@@ -34326,28 +34285,28 @@ void main(void){
         var e3 = r2.__hue_field.getBoundingClientRect(), n3 = 1 - ((t4.touches && t4.touches[0] || t4).clientY - e3.top) / (e3.bottom - e3.top);
         return n3 > 1 ? n3 = 1 : n3 < 0 && (n3 = 0), r2.__color.h = 360 * n3, r2.setValue(r2.__color.toOriginal()), false;
       }
-      return ZP.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), ZP.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), ZP.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), ZP.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), ZP.extend(s2.style, { width: "100%", height: "100%", background: "none" }), AC(s2, "top", "rgba(0,0,0,0)", "#000"), ZP.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i2.__hue_field).style.background = "", o2.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o2.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", ZP.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), mC.bind(i2.__saturation_field, "mousedown", a2), mC.bind(i2.__saturation_field, "touchstart", a2), mC.bind(i2.__field_knob, "mousedown", a2), mC.bind(i2.__field_knob, "touchstart", a2), mC.bind(i2.__hue_field, "mousedown", l2), mC.bind(i2.__hue_field, "touchstart", l2), i2.__saturation_field.appendChild(s2), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
+      return YP.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), YP.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), YP.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), YP.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), YP.extend(s2.style, { width: "100%", height: "100%", background: "none" }), MC(s2, "top", "rgba(0,0,0,0)", "#000"), YP.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i2.__hue_field).style.background = "", o2.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o2.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", YP.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), fC.bind(i2.__saturation_field, "mousedown", a2), fC.bind(i2.__saturation_field, "touchstart", a2), fC.bind(i2.__field_knob, "mousedown", a2), fC.bind(i2.__field_knob, "touchstart", a2), fC.bind(i2.__hue_field, "mousedown", l2), fC.bind(i2.__hue_field, "touchstart", l2), i2.__saturation_field.appendChild(s2), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
     }
-    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
-      var t3 = QP(this.getValue());
+    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
+      var t3 = KP(this.getValue());
       if (t3 !== false) {
         var e3 = false;
-        ZP.each(lC.COMPONENTS, function(n3) {
-          if (!ZP.isUndefined(t3[n3]) && !ZP.isUndefined(this.__color.__state[n3]) && t3[n3] !== this.__color.__state[n3])
+        YP.each(aC.COMPONENTS, function(n3) {
+          if (!YP.isUndefined(t3[n3]) && !YP.isUndefined(this.__color.__state[n3]) && t3[n3] !== this.__color.__state[n3])
             return e3 = true, {};
-        }, this), e3 && ZP.extend(this.__color.__state, t3);
+        }, this), e3 && YP.extend(this.__color.__state, t3);
       }
-      ZP.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
+      YP.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
       var n2 = this.__color.v < 0.5 || this.__color.s > 0.5 ? 255 : 0, i2 = 255 - n2;
-      ZP.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, AC(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), ZP.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
+      YP.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, MC(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), YP.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
     } }]), e2;
-  }(cC), MC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
-  function AC(t2, e2, n2, i2) {
-    t2.style.background = "", ZP.each(MC, function(r2) {
+  }(hC), EC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
+  function MC(t2, e2, n2, i2) {
+    t2.style.background = "", YP.each(EC, function(r2) {
       t2.style.cssText += "background: " + r2 + "linear-gradient(" + e2 + ", " + n2 + " 0%, " + i2 + " 100%); ";
     });
   }
-  var RC = function(t2, e2) {
+  var AC = function(t2, e2) {
     var n2 = e2 || document, i2 = document.createElement("style");
     i2.type = "text/css", i2.innerHTML = t2;
     var r2 = n2.getElementsByTagName("head")[0];
@@ -34355,7 +34314,7 @@ void main(void){
       r2.appendChild(i2);
     } catch (t3) {
     }
-  }, PC = `<div id="dg-save" class="dg dialogue">
+  }, RC = `<div id="dg-save" class="dg dialogue">
 
   Here's the new load parameter for your <code>GUI</code>'s constructor:
 
@@ -34375,50 +34334,50 @@ void main(void){
 
   </div>
 
-</div>`, CC = function(t2, e2) {
+</div>`, PC = function(t2, e2) {
     var n2 = t2[e2];
-    return ZP.isArray(arguments[2]) || ZP.isObject(arguments[2]) ? new vC(t2, e2, arguments[2]) : ZP.isNumber(n2) ? ZP.isNumber(arguments[2]) && ZP.isNumber(arguments[3]) ? ZP.isNumber(arguments[4]) ? new wC(t2, e2, arguments[2], arguments[3], arguments[4]) : new wC(t2, e2, arguments[2], arguments[3]) : ZP.isNumber(arguments[4]) ? new bC(t2, e2, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new bC(t2, e2, { min: arguments[2], max: arguments[3] }) : ZP.isString(n2) ? new _C(t2, e2) : ZP.isFunction(n2) ? new SC(t2, e2, "") : ZP.isBoolean(n2) ? new gC(t2, e2) : null;
+    return YP.isArray(arguments[2]) || YP.isObject(arguments[2]) ? new gC(t2, e2, arguments[2]) : YP.isNumber(n2) ? YP.isNumber(arguments[2]) && YP.isNumber(arguments[3]) ? YP.isNumber(arguments[4]) ? new TC(t2, e2, arguments[2], arguments[3], arguments[4]) : new TC(t2, e2, arguments[2], arguments[3]) : YP.isNumber(arguments[4]) ? new xC(t2, e2, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new xC(t2, e2, { min: arguments[2], max: arguments[3] }) : YP.isString(n2) ? new vC(t2, e2) : YP.isFunction(n2) ? new wC(t2, e2, "") : YP.isBoolean(n2) ? new mC(t2, e2) : null;
   };
-  var IC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t2) {
+  var CC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t2) {
     setTimeout(t2, 1e3 / 60);
-  }, OC = function() {
+  }, IC = function() {
     function t2() {
-      iC(this, t2), this.backgroundElement = document.createElement("div"), ZP.extend(this.backgroundElement.style, { backgroundColor: "rgba(0,0,0,0.8)", top: 0, left: 0, display: "none", zIndex: "1000", opacity: 0, WebkitTransition: "opacity 0.2s linear", transition: "opacity 0.2s linear" }), mC.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), ZP.extend(this.domElement.style, { position: "fixed", display: "none", zIndex: "1001", opacity: 0, WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear", transition: "transform 0.2s ease-out, opacity 0.2s linear" }), document.body.appendChild(this.backgroundElement), document.body.appendChild(this.domElement);
+      nC(this, t2), this.backgroundElement = document.createElement("div"), YP.extend(this.backgroundElement.style, { backgroundColor: "rgba(0,0,0,0.8)", top: 0, left: 0, display: "none", zIndex: "1000", opacity: 0, WebkitTransition: "opacity 0.2s linear", transition: "opacity 0.2s linear" }), fC.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), YP.extend(this.domElement.style, { position: "fixed", display: "none", zIndex: "1001", opacity: 0, WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear", transition: "transform 0.2s ease-out, opacity 0.2s linear" }), document.body.appendChild(this.backgroundElement), document.body.appendChild(this.domElement);
       var e2 = this;
-      mC.bind(this.backgroundElement, "click", function() {
+      fC.bind(this.backgroundElement, "click", function() {
         e2.hide();
       });
     }
-    return rC(t2, [{ key: "show", value: function() {
+    return iC(t2, [{ key: "show", value: function() {
       var t3 = this;
-      this.backgroundElement.style.display = "block", this.domElement.style.display = "block", this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)", this.layout(), ZP.defer(function() {
+      this.backgroundElement.style.display = "block", this.domElement.style.display = "block", this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)", this.layout(), YP.defer(function() {
         t3.backgroundElement.style.opacity = 1, t3.domElement.style.opacity = 1, t3.domElement.style.webkitTransform = "scale(1)";
       });
     } }, { key: "hide", value: function() {
       var t3 = this, e2 = function e3() {
-        t3.domElement.style.display = "none", t3.backgroundElement.style.display = "none", mC.unbind(t3.domElement, "webkitTransitionEnd", e3), mC.unbind(t3.domElement, "transitionend", e3), mC.unbind(t3.domElement, "oTransitionEnd", e3);
+        t3.domElement.style.display = "none", t3.backgroundElement.style.display = "none", fC.unbind(t3.domElement, "webkitTransitionEnd", e3), fC.unbind(t3.domElement, "transitionend", e3), fC.unbind(t3.domElement, "oTransitionEnd", e3);
       };
-      mC.bind(this.domElement, "webkitTransitionEnd", e2), mC.bind(this.domElement, "transitionend", e2), mC.bind(this.domElement, "oTransitionEnd", e2), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
+      fC.bind(this.domElement, "webkitTransitionEnd", e2), fC.bind(this.domElement, "transitionend", e2), fC.bind(this.domElement, "oTransitionEnd", e2), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
     } }, { key: "layout", value: function() {
-      this.domElement.style.left = window.innerWidth / 2 - mC.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - mC.getHeight(this.domElement) / 2 + "px";
+      this.domElement.style.left = window.innerWidth / 2 - fC.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - fC.getHeight(this.domElement) / 2 + "px";
     } }]), t2;
   }();
-  RC(function(t2) {
+  AC(function(t2) {
     if (t2 && typeof window != "undefined") {
       var e2 = document.createElement("style");
       return e2.setAttribute("type", "text/css"), e2.innerHTML = t2, document.head.appendChild(e2), t2;
     }
   }(".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n"));
-  var LC = function() {
+  var OC = function() {
     try {
       return !!window.localStorage;
     } catch (t2) {
       return false;
     }
-  }(), NC = void 0, DC = true, FC = void 0, BC = false, UC = [], kC = function t2(e2) {
+  }(), LC = void 0, NC = true, DC = void 0, FC = false, BC = [], UC = function t2(e2) {
     var n2 = this, i2 = e2 || {};
-    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), mC.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = ZP.defaults(i2, { closeOnTop: false, autoPlace: true, width: t2.DEFAULT_WIDTH }), i2 = ZP.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), ZP.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), ZP.isUndefined(i2.parent) && i2.hideable && UC.push(this), i2.resizable = ZP.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && ZP.isUndefined(i2.scrollable) && (i2.scrollable = true);
-    var r2, o2 = LC && localStorage.getItem(WC(this, "isLocal")) === "true", s2 = void 0, a2 = void 0;
+    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), fC.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = YP.defaults(i2, { closeOnTop: false, autoPlace: true, width: t2.DEFAULT_WIDTH }), i2 = YP.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), YP.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), YP.isUndefined(i2.parent) && i2.hideable && BC.push(this), i2.resizable = YP.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && YP.isUndefined(i2.scrollable) && (i2.scrollable = true);
+    var r2, o2 = OC && localStorage.getItem(VC(this, "isLocal")) === "true", s2 = void 0, a2 = void 0;
     if (Object.defineProperties(this, { parent: { get: function() {
       return i2.parent;
     } }, scrollable: { get: function() {
@@ -34437,7 +34396,7 @@ void main(void){
     } }, width: { get: function() {
       return i2.width;
     }, set: function(t3) {
-      i2.width = t3, JC(n2, t3);
+      i2.width = t3, ZC(n2, t3);
     } }, name: { get: function() {
       return i2.name;
     }, set: function(t3) {
@@ -34445,50 +34404,50 @@ void main(void){
     } }, closed: { get: function() {
       return i2.closed;
     }, set: function(e3) {
-      i2.closed = e3, i2.closed ? mC.addClass(n2.__ul, t2.CLASS_CLOSED) : mC.removeClass(n2.__ul, t2.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e3 ? t2.TEXT_OPEN : t2.TEXT_CLOSED);
+      i2.closed = e3, i2.closed ? fC.addClass(n2.__ul, t2.CLASS_CLOSED) : fC.removeClass(n2.__ul, t2.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e3 ? t2.TEXT_OPEN : t2.TEXT_CLOSED);
     } }, load: { get: function() {
       return i2.load;
     } }, useLocalStorage: { get: function() {
       return o2;
     }, set: function(t3) {
-      LC && (o2 = t3, t3 ? mC.bind(window, "unload", s2) : mC.unbind(window, "unload", s2), localStorage.setItem(WC(n2, "isLocal"), t3));
-    } } }), ZP.isUndefined(i2.parent)) {
-      if (this.closed = i2.closed || false, mC.addClass(this.domElement, t2.CLASS_MAIN), mC.makeSelectable(this.domElement, false), LC && o2) {
+      OC && (o2 = t3, t3 ? fC.bind(window, "unload", s2) : fC.unbind(window, "unload", s2), localStorage.setItem(VC(n2, "isLocal"), t3));
+    } } }), YP.isUndefined(i2.parent)) {
+      if (this.closed = i2.closed || false, fC.addClass(this.domElement, t2.CLASS_MAIN), fC.makeSelectable(this.domElement, false), OC && o2) {
         n2.useLocalStorage = true;
-        var l2 = localStorage.getItem(WC(this, "gui"));
+        var l2 = localStorage.getItem(VC(this, "gui"));
         l2 && (i2.load = JSON.parse(l2));
       }
-      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t2.TEXT_CLOSED, mC.addClass(this.__closeButton, t2.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (mC.addClass(this.__closeButton, t2.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (mC.addClass(this.__closeButton, t2.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), mC.bind(this.__closeButton, "click", function() {
+      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t2.TEXT_CLOSED, fC.addClass(this.__closeButton, t2.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (fC.addClass(this.__closeButton, t2.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (fC.addClass(this.__closeButton, t2.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), fC.bind(this.__closeButton, "click", function() {
         n2.closed = !n2.closed;
       });
     } else {
       i2.closed === void 0 && (i2.closed = true);
       var u2 = document.createTextNode(i2.name);
-      mC.addClass(u2, "controller-name"), a2 = GC(n2, u2);
-      mC.addClass(this.__ul, t2.CLASS_CLOSED), mC.addClass(a2, "title"), mC.bind(a2, "click", function(t3) {
+      fC.addClass(u2, "controller-name"), a2 = kC(n2, u2);
+      fC.addClass(this.__ul, t2.CLASS_CLOSED), fC.addClass(a2, "title"), fC.bind(a2, "click", function(t3) {
         return t3.preventDefault(), n2.closed = !n2.closed, false;
       }), i2.closed || (this.closed = false);
     }
-    i2.autoPlace && (ZP.isUndefined(i2.parent) && (DC && (FC = document.createElement("div"), mC.addClass(FC, "dg"), mC.addClass(FC, t2.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(FC), DC = false), FC.appendChild(this.domElement), mC.addClass(this.domElement, t2.CLASS_AUTO_PLACE)), this.parent || JC(n2, i2.width)), this.__resizeHandler = function() {
+    i2.autoPlace && (YP.isUndefined(i2.parent) && (NC && (DC = document.createElement("div"), fC.addClass(DC, "dg"), fC.addClass(DC, t2.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(DC), NC = false), DC.appendChild(this.domElement), fC.addClass(this.domElement, t2.CLASS_AUTO_PLACE)), this.parent || ZC(n2, i2.width)), this.__resizeHandler = function() {
       n2.onResizeDebounced();
-    }, mC.bind(window, "resize", this.__resizeHandler), mC.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), mC.bind(this.__ul, "transitionend", this.__resizeHandler), mC.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && ZC(this), s2 = function() {
-      LC && localStorage.getItem(WC(n2, "isLocal")) === "true" && localStorage.setItem(WC(n2, "gui"), JSON.stringify(n2.getSaveObject()));
-    }, this.saveToLocalStorageIfPossible = s2, i2.parent || ((r2 = n2.getRoot()).width += 1, ZP.defer(function() {
+    }, fC.bind(window, "resize", this.__resizeHandler), fC.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), fC.bind(this.__ul, "transitionend", this.__resizeHandler), fC.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && YC(this), s2 = function() {
+      OC && localStorage.getItem(VC(n2, "isLocal")) === "true" && localStorage.setItem(VC(n2, "gui"), JSON.stringify(n2.getSaveObject()));
+    }, this.saveToLocalStorageIfPossible = s2, i2.parent || ((r2 = n2.getRoot()).width += 1, YP.defer(function() {
       r2.width -= 1;
     }));
   };
-  function GC(t2, e2, n2) {
+  function kC(t2, e2, n2) {
     var i2 = document.createElement("li");
     return e2 && i2.appendChild(e2), n2 ? t2.__ul.insertBefore(i2, n2) : t2.__ul.appendChild(i2), t2.onResize(), i2;
   }
-  function HC(t2) {
-    mC.unbind(window, "resize", t2.__resizeHandler), t2.saveToLocalStorageIfPossible && mC.unbind(window, "unload", t2.saveToLocalStorageIfPossible);
+  function GC(t2) {
+    fC.unbind(window, "resize", t2.__resizeHandler), t2.saveToLocalStorageIfPossible && fC.unbind(window, "unload", t2.saveToLocalStorageIfPossible);
   }
-  function zC(t2, e2) {
+  function HC(t2, e2) {
     var n2 = t2.__preset_select[t2.__preset_select.selectedIndex];
     n2.innerHTML = e2 ? n2.value + "*" : n2.value;
   }
-  function jC(t2, e2) {
+  function zC(t2, e2) {
     var n2 = t2.getRoot(), i2 = n2.__rememberedObjects.indexOf(e2.object);
     if (i2 !== -1) {
       var r2 = n2.__rememberedObjectIndecesToControllers[i2];
@@ -34508,31 +34467,31 @@ void main(void){
       }
     }
   }
-  function VC(t2, e2, n2, i2) {
+  function jC(t2, e2, n2, i2) {
     if (e2[n2] === void 0)
       throw new Error('Object "' + e2 + '" has no property "' + n2 + '"');
     var r2 = void 0;
     if (i2.color)
-      r2 = new EC(e2, n2);
+      r2 = new SC(e2, n2);
     else {
       var o2 = [e2, n2].concat(i2.factoryArgs);
-      r2 = CC.apply(t2, o2);
+      r2 = PC.apply(t2, o2);
     }
-    i2.before instanceof cC && (i2.before = i2.before.__li), jC(t2, r2), mC.addClass(r2.domElement, "c");
+    i2.before instanceof hC && (i2.before = i2.before.__li), zC(t2, r2), fC.addClass(r2.domElement, "c");
     var s2 = document.createElement("span");
-    mC.addClass(s2, "property-name"), s2.innerHTML = r2.property;
+    fC.addClass(s2, "property-name"), s2.innerHTML = r2.property;
     var a2 = document.createElement("div");
     a2.appendChild(s2), a2.appendChild(r2.domElement);
-    var l2 = GC(t2, a2, i2.before);
-    return mC.addClass(l2, kC.CLASS_CONTROLLER_ROW), r2 instanceof EC ? mC.addClass(l2, "color") : mC.addClass(l2, nC(r2.getValue())), function(t3, e3, n3) {
-      if (n3.__li = e3, n3.__gui = t3, ZP.extend(n3, { options: function(e4) {
+    var l2 = kC(t2, a2, i2.before);
+    return fC.addClass(l2, UC.CLASS_CONTROLLER_ROW), r2 instanceof SC ? fC.addClass(l2, "color") : fC.addClass(l2, eC(r2.getValue())), function(t3, e3, n3) {
+      if (n3.__li = e3, n3.__gui = t3, YP.extend(n3, { options: function(e4) {
         if (arguments.length > 1) {
           var i4 = n3.__li.nextElementSibling;
-          return n3.remove(), VC(t3, n3.object, n3.property, { before: i4, factoryArgs: [ZP.toArray(arguments)] });
+          return n3.remove(), jC(t3, n3.object, n3.property, { before: i4, factoryArgs: [YP.toArray(arguments)] });
         }
-        if (ZP.isArray(e4) || ZP.isObject(e4)) {
+        if (YP.isArray(e4) || YP.isObject(e4)) {
           var r4 = n3.__li.nextElementSibling;
-          return n3.remove(), VC(t3, n3.object, n3.property, { before: r4, factoryArgs: [e4] });
+          return n3.remove(), jC(t3, n3.object, n3.property, { before: r4, factoryArgs: [e4] });
         }
       }, name: function(t4) {
         return n3.__li.firstElementChild.firstElementChild.innerHTML = t4, n3;
@@ -34540,157 +34499,157 @@ void main(void){
         return n3.__gui.listen(n3), n3;
       }, remove: function() {
         return n3.__gui.remove(n3), n3;
-      } }), n3 instanceof wC) {
-        var i3 = new bC(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
-        ZP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t4) {
+      } }), n3 instanceof TC) {
+        var i3 = new xC(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
+        YP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t4) {
           var e4 = n3[t4], r4 = i3[t4];
           n3[t4] = i3[t4] = function() {
             var t5 = Array.prototype.slice.call(arguments);
             return r4.apply(i3, t5), e4.apply(n3, t5);
           };
-        }), mC.addClass(e3, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
-      } else if (n3 instanceof bC) {
+        }), fC.addClass(e3, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
+      } else if (n3 instanceof xC) {
         var r3 = function(e4) {
-          if (ZP.isNumber(n3.__min) && ZP.isNumber(n3.__max)) {
+          if (YP.isNumber(n3.__min) && YP.isNumber(n3.__max)) {
             var i4 = n3.__li.firstElementChild.firstElementChild.innerHTML, r4 = n3.__gui.__listening.indexOf(n3) > -1;
             n3.remove();
-            var o3 = VC(t3, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
+            var o3 = jC(t3, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
             return o3.name(i4), r4 && o3.listen(), o3;
           }
           return e4;
         };
-        n3.min = ZP.compose(r3, n3.min), n3.max = ZP.compose(r3, n3.max);
+        n3.min = YP.compose(r3, n3.min), n3.max = YP.compose(r3, n3.max);
       } else
-        n3 instanceof gC ? (mC.bind(e3, "click", function() {
-          mC.fakeEvent(n3.__checkbox, "click");
-        }), mC.bind(n3.__checkbox, "click", function(t4) {
+        n3 instanceof mC ? (fC.bind(e3, "click", function() {
+          fC.fakeEvent(n3.__checkbox, "click");
+        }), fC.bind(n3.__checkbox, "click", function(t4) {
           t4.stopPropagation();
-        })) : n3 instanceof SC ? (mC.bind(e3, "click", function() {
-          mC.fakeEvent(n3.__button, "click");
-        }), mC.bind(e3, "mouseover", function() {
-          mC.addClass(n3.__button, "hover");
-        }), mC.bind(e3, "mouseout", function() {
-          mC.removeClass(n3.__button, "hover");
-        })) : n3 instanceof EC && (mC.addClass(e3, "color"), n3.updateDisplay = ZP.compose(function(t4) {
+        })) : n3 instanceof wC ? (fC.bind(e3, "click", function() {
+          fC.fakeEvent(n3.__button, "click");
+        }), fC.bind(e3, "mouseover", function() {
+          fC.addClass(n3.__button, "hover");
+        }), fC.bind(e3, "mouseout", function() {
+          fC.removeClass(n3.__button, "hover");
+        })) : n3 instanceof SC && (fC.addClass(e3, "color"), n3.updateDisplay = YP.compose(function(t4) {
           return e3.style.borderLeftColor = n3.__color.toString(), t4;
         }, n3.updateDisplay), n3.updateDisplay());
-      n3.setValue = ZP.compose(function(e4) {
-        return t3.getRoot().__preset_select && n3.isModified() && zC(t3.getRoot(), true), e4;
+      n3.setValue = YP.compose(function(e4) {
+        return t3.getRoot().__preset_select && n3.isModified() && HC(t3.getRoot(), true), e4;
       }, n3.setValue);
     }(t2, l2, r2), t2.__controllers.push(r2), r2;
   }
-  function WC(t2, e2) {
+  function VC(t2, e2) {
     return document.location.href + "." + e2;
   }
-  function XC(t2, e2, n2) {
+  function WC(t2, e2, n2) {
     var i2 = document.createElement("option");
     i2.innerHTML = e2, i2.value = e2, t2.__preset_select.appendChild(i2), n2 && (t2.__preset_select.selectedIndex = t2.__preset_select.length - 1);
   }
-  function qC(t2, e2) {
+  function XC(t2, e2) {
     e2.style.display = t2.useLocalStorage ? "block" : "none";
   }
-  function YC(t2) {
+  function qC(t2) {
     var e2 = t2.__save_row = document.createElement("li");
-    mC.addClass(t2.domElement, "has-save"), t2.__ul.insertBefore(e2, t2.__ul.firstChild), mC.addClass(e2, "save-row");
+    fC.addClass(t2.domElement, "has-save"), t2.__ul.insertBefore(e2, t2.__ul.firstChild), fC.addClass(e2, "save-row");
     var n2 = document.createElement("span");
-    n2.innerHTML = "&nbsp;", mC.addClass(n2, "button gears");
+    n2.innerHTML = "&nbsp;", fC.addClass(n2, "button gears");
     var i2 = document.createElement("span");
-    i2.innerHTML = "Save", mC.addClass(i2, "button"), mC.addClass(i2, "save");
+    i2.innerHTML = "Save", fC.addClass(i2, "button"), fC.addClass(i2, "save");
     var r2 = document.createElement("span");
-    r2.innerHTML = "New", mC.addClass(r2, "button"), mC.addClass(r2, "save-as");
+    r2.innerHTML = "New", fC.addClass(r2, "button"), fC.addClass(r2, "save-as");
     var o2 = document.createElement("span");
-    o2.innerHTML = "Revert", mC.addClass(o2, "button"), mC.addClass(o2, "revert");
+    o2.innerHTML = "Revert", fC.addClass(o2, "button"), fC.addClass(o2, "revert");
     var s2 = t2.__preset_select = document.createElement("select");
-    if (t2.load && t2.load.remembered ? ZP.each(t2.load.remembered, function(e3, n3) {
-      XC(t2, n3, n3 === t2.preset);
-    }) : XC(t2, "Default", false), mC.bind(s2, "change", function() {
+    if (t2.load && t2.load.remembered ? YP.each(t2.load.remembered, function(e3, n3) {
+      WC(t2, n3, n3 === t2.preset);
+    }) : WC(t2, "Default", false), fC.bind(s2, "change", function() {
       for (var e3 = 0; e3 < t2.__preset_select.length; e3++)
         t2.__preset_select[e3].innerHTML = t2.__preset_select[e3].value;
       t2.preset = this.value;
-    }), e2.appendChild(s2), e2.appendChild(n2), e2.appendChild(i2), e2.appendChild(r2), e2.appendChild(o2), LC) {
+    }), e2.appendChild(s2), e2.appendChild(n2), e2.appendChild(i2), e2.appendChild(r2), e2.appendChild(o2), OC) {
       var a2 = document.getElementById("dg-local-explain"), l2 = document.getElementById("dg-local-storage");
-      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(WC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), qC(t2, a2), mC.bind(l2, "change", function() {
-        t2.useLocalStorage = !t2.useLocalStorage, qC(t2, a2);
+      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(VC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), XC(t2, a2), fC.bind(l2, "change", function() {
+        t2.useLocalStorage = !t2.useLocalStorage, XC(t2, a2);
       });
     }
     var u2 = document.getElementById("dg-new-constructor");
-    mC.bind(u2, "keydown", function(t3) {
-      !t3.metaKey || t3.which !== 67 && t3.keyCode !== 67 || NC.hide();
-    }), mC.bind(n2, "click", function() {
-      u2.innerHTML = JSON.stringify(t2.getSaveObject(), void 0, 2), NC.show(), u2.focus(), u2.select();
-    }), mC.bind(i2, "click", function() {
+    fC.bind(u2, "keydown", function(t3) {
+      !t3.metaKey || t3.which !== 67 && t3.keyCode !== 67 || LC.hide();
+    }), fC.bind(n2, "click", function() {
+      u2.innerHTML = JSON.stringify(t2.getSaveObject(), void 0, 2), LC.show(), u2.focus(), u2.select();
+    }), fC.bind(i2, "click", function() {
       t2.save();
-    }), mC.bind(r2, "click", function() {
+    }), fC.bind(r2, "click", function() {
       var e3 = prompt("Enter a new preset name.");
       e3 && t2.saveAs(e3);
-    }), mC.bind(o2, "click", function() {
+    }), fC.bind(o2, "click", function() {
       t2.revert();
     });
   }
-  function ZC(t2) {
+  function YC(t2) {
     var e2 = void 0;
     function n2(n3) {
       return n3.preventDefault(), t2.width += e2 - n3.clientX, t2.onResize(), e2 = n3.clientX, false;
     }
     function i2() {
-      mC.removeClass(t2.__closeButton, kC.CLASS_DRAG), mC.unbind(window, "mousemove", n2), mC.unbind(window, "mouseup", i2);
+      fC.removeClass(t2.__closeButton, UC.CLASS_DRAG), fC.unbind(window, "mousemove", n2), fC.unbind(window, "mouseup", i2);
     }
     function r2(r3) {
-      return r3.preventDefault(), e2 = r3.clientX, mC.addClass(t2.__closeButton, kC.CLASS_DRAG), mC.bind(window, "mousemove", n2), mC.bind(window, "mouseup", i2), false;
+      return r3.preventDefault(), e2 = r3.clientX, fC.addClass(t2.__closeButton, UC.CLASS_DRAG), fC.bind(window, "mousemove", n2), fC.bind(window, "mouseup", i2), false;
     }
-    t2.__resize_handle = document.createElement("div"), ZP.extend(t2.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), mC.bind(t2.__resize_handle, "mousedown", r2), mC.bind(t2.__closeButton, "mousedown", r2), t2.domElement.insertBefore(t2.__resize_handle, t2.domElement.firstElementChild);
+    t2.__resize_handle = document.createElement("div"), YP.extend(t2.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), fC.bind(t2.__resize_handle, "mousedown", r2), fC.bind(t2.__closeButton, "mousedown", r2), t2.domElement.insertBefore(t2.__resize_handle, t2.domElement.firstElementChild);
   }
-  function JC(t2, e2) {
+  function ZC(t2, e2) {
     t2.domElement.style.width = e2 + "px", t2.__save_row && t2.autoPlace && (t2.__save_row.style.width = e2 + "px"), t2.__closeButton && (t2.__closeButton.style.width = e2 + "px");
   }
-  function $C(t2, e2) {
+  function JC(t2, e2) {
     var n2 = {};
-    return ZP.each(t2.__rememberedObjects, function(i2, r2) {
+    return YP.each(t2.__rememberedObjects, function(i2, r2) {
       var o2 = {}, s2 = t2.__rememberedObjectIndecesToControllers[r2];
-      ZP.each(s2, function(t3, n3) {
+      YP.each(s2, function(t3, n3) {
         o2[n3] = e2 ? t3.initialValue : t3.getValue();
       }), n2[r2] = o2;
     }), n2;
   }
-  kC.toggleHide = function() {
-    BC = !BC, ZP.each(UC, function(t2) {
-      t2.domElement.style.display = BC ? "none" : "";
+  UC.toggleHide = function() {
+    FC = !FC, YP.each(BC, function(t2) {
+      t2.domElement.style.display = FC ? "none" : "";
     });
-  }, kC.CLASS_AUTO_PLACE = "a", kC.CLASS_AUTO_PLACE_CONTAINER = "ac", kC.CLASS_MAIN = "main", kC.CLASS_CONTROLLER_ROW = "cr", kC.CLASS_TOO_TALL = "taller-than-window", kC.CLASS_CLOSED = "closed", kC.CLASS_CLOSE_BUTTON = "close-button", kC.CLASS_CLOSE_TOP = "close-top", kC.CLASS_CLOSE_BOTTOM = "close-bottom", kC.CLASS_DRAG = "drag", kC.DEFAULT_WIDTH = 245, kC.TEXT_CLOSED = "Close Controls", kC.TEXT_OPEN = "Open Controls", kC._keydownHandler = function(t2) {
-    document.activeElement.type === "text" || t2.which !== 72 && t2.keyCode !== 72 || kC.toggleHide();
-  }, mC.bind(window, "keydown", kC._keydownHandler, false), ZP.extend(kC.prototype, { add: function(t2, e2) {
-    return VC(this, t2, e2, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
+  }, UC.CLASS_AUTO_PLACE = "a", UC.CLASS_AUTO_PLACE_CONTAINER = "ac", UC.CLASS_MAIN = "main", UC.CLASS_CONTROLLER_ROW = "cr", UC.CLASS_TOO_TALL = "taller-than-window", UC.CLASS_CLOSED = "closed", UC.CLASS_CLOSE_BUTTON = "close-button", UC.CLASS_CLOSE_TOP = "close-top", UC.CLASS_CLOSE_BOTTOM = "close-bottom", UC.CLASS_DRAG = "drag", UC.DEFAULT_WIDTH = 245, UC.TEXT_CLOSED = "Close Controls", UC.TEXT_OPEN = "Open Controls", UC._keydownHandler = function(t2) {
+    document.activeElement.type === "text" || t2.which !== 72 && t2.keyCode !== 72 || UC.toggleHide();
+  }, fC.bind(window, "keydown", UC._keydownHandler, false), YP.extend(UC.prototype, { add: function(t2, e2) {
+    return jC(this, t2, e2, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
   }, addColor: function(t2, e2) {
-    return VC(this, t2, e2, { color: true });
+    return jC(this, t2, e2, { color: true });
   }, remove: function(t2) {
     this.__ul.removeChild(t2.__li), this.__controllers.splice(this.__controllers.indexOf(t2), 1);
     var e2 = this;
-    ZP.defer(function() {
+    YP.defer(function() {
       e2.onResize();
     });
   }, destroy: function() {
     if (this.parent)
       throw new Error("Only the root GUI should be removed with .destroy(). For subfolders, use gui.removeFolder(folder) instead.");
-    this.autoPlace && FC.removeChild(this.domElement);
+    this.autoPlace && DC.removeChild(this.domElement);
     var t2 = this;
-    ZP.each(this.__folders, function(e2) {
+    YP.each(this.__folders, function(e2) {
       t2.removeFolder(e2);
-    }), mC.unbind(window, "keydown", kC._keydownHandler, false), HC(this);
+    }), fC.unbind(window, "keydown", UC._keydownHandler, false), GC(this);
   }, addFolder: function(t2) {
     if (this.__folders[t2] !== void 0)
       throw new Error('You already have a folder in this GUI by the name "' + t2 + '"');
     var e2 = { name: t2, parent: this };
     e2.autoPlace = this.autoPlace, this.load && this.load.folders && this.load.folders[t2] && (e2.closed = this.load.folders[t2].closed, e2.load = this.load.folders[t2]);
-    var n2 = new kC(e2);
+    var n2 = new UC(e2);
     this.__folders[t2] = n2;
-    var i2 = GC(this, n2.domElement);
-    return mC.addClass(i2, "folder"), n2;
+    var i2 = kC(this, n2.domElement);
+    return fC.addClass(i2, "folder"), n2;
   }, removeFolder: function(t2) {
-    this.__ul.removeChild(t2.domElement.parentElement), delete this.__folders[t2.name], this.load && this.load.folders && this.load.folders[t2.name] && delete this.load.folders[t2.name], HC(t2);
+    this.__ul.removeChild(t2.domElement.parentElement), delete this.__folders[t2.name], this.load && this.load.folders && this.load.folders[t2.name] && delete this.load.folders[t2.name], GC(t2);
     var e2 = this;
-    ZP.each(t2.__folders, function(e3) {
+    YP.each(t2.__folders, function(e3) {
       t2.removeFolder(e3);
-    }), ZP.defer(function() {
+    }), YP.defer(function() {
       e2.onResize();
     });
   }, open: function() {
@@ -34704,60 +34663,60 @@ void main(void){
   }, onResize: function() {
     var t2 = this.getRoot();
     if (t2.scrollable) {
-      var e2 = mC.getOffset(t2.__ul).top, n2 = 0;
-      ZP.each(t2.__ul.childNodes, function(e3) {
-        t2.autoPlace && e3 === t2.__save_row || (n2 += mC.getHeight(e3));
-      }), window.innerHeight - e2 - 20 < n2 ? (mC.addClass(t2.domElement, kC.CLASS_TOO_TALL), t2.__ul.style.height = window.innerHeight - e2 - 20 + "px") : (mC.removeClass(t2.domElement, kC.CLASS_TOO_TALL), t2.__ul.style.height = "auto");
+      var e2 = fC.getOffset(t2.__ul).top, n2 = 0;
+      YP.each(t2.__ul.childNodes, function(e3) {
+        t2.autoPlace && e3 === t2.__save_row || (n2 += fC.getHeight(e3));
+      }), window.innerHeight - e2 - 20 < n2 ? (fC.addClass(t2.domElement, UC.CLASS_TOO_TALL), t2.__ul.style.height = window.innerHeight - e2 - 20 + "px") : (fC.removeClass(t2.domElement, UC.CLASS_TOO_TALL), t2.__ul.style.height = "auto");
     }
-    t2.__resize_handle && ZP.defer(function() {
+    t2.__resize_handle && YP.defer(function() {
       t2.__resize_handle.style.height = t2.__ul.offsetHeight + "px";
     }), t2.__closeButton && (t2.__closeButton.style.width = t2.width + "px");
-  }, onResizeDebounced: ZP.debounce(function() {
+  }, onResizeDebounced: YP.debounce(function() {
     this.onResize();
   }, 50), remember: function() {
-    if (ZP.isUndefined(NC) && ((NC = new OC()).domElement.innerHTML = PC), this.parent)
+    if (YP.isUndefined(LC) && ((LC = new IC()).domElement.innerHTML = RC), this.parent)
       throw new Error("You can only call remember on a top level GUI.");
     var t2 = this;
-    ZP.each(Array.prototype.slice.call(arguments), function(e2) {
-      t2.__rememberedObjects.length === 0 && YC(t2), t2.__rememberedObjects.indexOf(e2) === -1 && t2.__rememberedObjects.push(e2);
-    }), this.autoPlace && JC(this, this.width);
+    YP.each(Array.prototype.slice.call(arguments), function(e2) {
+      t2.__rememberedObjects.length === 0 && qC(t2), t2.__rememberedObjects.indexOf(e2) === -1 && t2.__rememberedObjects.push(e2);
+    }), this.autoPlace && ZC(this, this.width);
   }, getRoot: function() {
     for (var t2 = this; t2.parent; )
       t2 = t2.parent;
     return t2;
   }, getSaveObject: function() {
     var t2 = this.load;
-    return t2.closed = this.closed, this.__rememberedObjects.length > 0 && (t2.preset = this.preset, t2.remembered || (t2.remembered = {}), t2.remembered[this.preset] = $C(this)), t2.folders = {}, ZP.each(this.__folders, function(e2, n2) {
+    return t2.closed = this.closed, this.__rememberedObjects.length > 0 && (t2.preset = this.preset, t2.remembered || (t2.remembered = {}), t2.remembered[this.preset] = JC(this)), t2.folders = {}, YP.each(this.__folders, function(e2, n2) {
       t2.folders[n2] = e2.getSaveObject();
     }), t2;
   }, save: function() {
-    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = $C(this), zC(this, false), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = JC(this), HC(this, false), this.saveToLocalStorageIfPossible();
   }, saveAs: function(t2) {
-    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = $C(this, true)), this.load.remembered[t2] = $C(this), this.preset = t2, XC(this, t2, true), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = JC(this, true)), this.load.remembered[t2] = JC(this), this.preset = t2, WC(this, t2, true), this.saveToLocalStorageIfPossible();
   }, revert: function(t2) {
-    ZP.each(this.__controllers, function(e2) {
-      this.getRoot().load.remembered ? jC(t2 || this.getRoot(), e2) : e2.setValue(e2.initialValue), e2.__onFinishChange && e2.__onFinishChange.call(e2, e2.getValue());
-    }, this), ZP.each(this.__folders, function(t3) {
+    YP.each(this.__controllers, function(e2) {
+      this.getRoot().load.remembered ? zC(t2 || this.getRoot(), e2) : e2.setValue(e2.initialValue), e2.__onFinishChange && e2.__onFinishChange.call(e2, e2.getValue());
+    }, this), YP.each(this.__folders, function(t3) {
       t3.revert(t3);
-    }), t2 || zC(this.getRoot(), false);
+    }), t2 || HC(this.getRoot(), false);
   }, listen: function(t2) {
     var e2 = this.__listening.length === 0;
     this.__listening.push(t2), e2 && function t3(e3) {
-      e3.length !== 0 && IC.call(window, function() {
+      e3.length !== 0 && CC.call(window, function() {
         t3(e3);
       });
-      ZP.each(e3, function(t4) {
+      YP.each(e3, function(t4) {
         t4.updateDisplay();
       });
     }(this.__listening);
   }, updateDisplay: function() {
-    ZP.each(this.__controllers, function(t2) {
+    YP.each(this.__controllers, function(t2) {
       t2.updateDisplay();
-    }), ZP.each(this.__folders, function(t2) {
+    }), YP.each(this.__folders, function(t2) {
       t2.updateDisplay();
     });
   } });
-  var KC = kC, QC = function() {
+  var $C = UC, KC = function() {
     function t2(t3) {
       this.runTime = { fps: 0, resolution: "" }, this.target = t3.target, this.data = t3.params, this.player = t3.player, this.gui = this.createControllerGUI(), this.createStats(), this.addEventListener();
     }
@@ -34767,7 +34726,7 @@ void main(void){
         t3.player.view && (t3.controller.runTimeFps.setValue(t3.player.fps.value), t3.controller.drawCall.setValue(t3.player.runtime.drawCall), t3.controller.runTimeResolution.setValue(t3.player.view.width + "*" + t3.player.view.height));
       }, 500);
     }, t2.prototype.createControllerGUI = function() {
-      var t3, e2, n2, i2, r2, o2 = new KC({ autoPlace: true, closed: true });
+      var t3, e2, n2, i2, r2, o2 = new $C({ autoPlace: true, closed: true });
       o2.domElement.style.opacity = ".6", o2.domElement.style.transformOrigin = "100% 0", o2.domElement.style.transform = "scale(1)", this.target.appendChild(o2.domElement), o2.domElement.style.position = "absolute", o2.domElement.style.right = "0", o2.domElement.style.top = "0", o2.domElement.style.zIndex = "2";
       var s2 = o2.add({ FPS: 0 }, "FPS", 0), a2 = o2.add({ drawCall: 0 }, "drawCall", 0), l2 = o2.add({ "\u5206\u8FA8\u7387": "" }, "\u5206\u8FA8\u7387", ""), u2 = o2.add({ "\u989D\u5916\u8BA1\u7B97": 0 }, "\u989D\u5916\u8BA1\u7B97", 0, 200), h2 = o2.addFolder("renderOptions");
       return this.controller = { runTimeResolution: l2, runTimeFps: s2, drawCall: a2, moreCalculation: u2, minFPS: h2.add({ "\u6700\u4F4Efps": (t3 = this.data.minFPS) !== null && t3 !== void 0 ? t3 : 40 }, "\u6700\u4F4Efps", 0, 60), maxFPS: h2.add({ "\u6700\u9AD8fps": (e2 = this.data.maxFPS) !== null && e2 !== void 0 ? e2 : 50 }, "\u6700\u9AD8fps", 0, 60), resolution: h2.add({ "\u76EE\u6807\u5206\u8FA8\u500D\u7387": (n2 = this.data.resolution) !== null && n2 !== void 0 ? n2 : window.devicePixelRatio }, "\u76EE\u6807\u5206\u8FA8\u500D\u7387", 0.5, 6), autoResolution: h2.add({ "\u81EA\u52A8\u5206\u8FA8\u7387": (i2 = this.data.autoResolution) !== null && i2 !== void 0 && i2 }, "\u81EA\u52A8\u5206\u8FA8\u7387", true), autoFps: h2.add({ "\u81EA\u52A8fps": (r2 = this.data.autoFPS) === null || r2 === void 0 || r2 }, "\u81EA\u52A8fps", true), transactionBgColor: h2.addColor({ "\u5207\u9875\u80CC\u666F\u8272": this.data.transactionBgColor }, "\u5207\u9875\u80CC\u666F\u8272") }, this.controller.runTimeFps.disabled = true, this.controller.runTimeResolution.disabled = true, o2;
@@ -34798,7 +34757,7 @@ void main(void){
       } catch (t3) {
       }
     }, t2;
-  }(), tI = function() {
+  }(), QC = function() {
     function t2(t3) {
       var e2 = this;
       this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
@@ -34814,7 +34773,7 @@ void main(void){
     }, t2.prototype.addTask = function(t3) {
       this.tasks.push(t3), this.isScheduling || this.schedule();
     }, t2;
-  }(), eI = function() {
+  }(), tI = function() {
     function t2(t3) {
       this.autoUnlock = /* @__PURE__ */ Object.create(null), this.locks = /* @__PURE__ */ Object.create(null), this.available = false, this.available = t3;
     }
@@ -34828,7 +34787,7 @@ void main(void){
     }, t2.prototype.isLocked = function(t3) {
       return !!this.available && !!this.locks[t3];
     }, t2;
-  }(), nI = function() {
+  }(), eI = function() {
     function t2() {
       var t3 = this;
       this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
@@ -34851,7 +34810,120 @@ void main(void){
     }, t2.prototype.destroy = function() {
       this.isDestroy = true;
     }, t2;
-  }(), iI = 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;
@@ -34868,14 +34940,14 @@ void main(void){
       }
       t2(e2, n2), e2.prototype = n2 === null ? Object.create(n2) : (i2.prototype = n2.prototype, new i2());
     };
-  }(), rI = function() {
-    return (rI = 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);
-  }, oI = 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);
@@ -34883,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;
-  }, sI = function(t2, e2, n2, i2) {
+  }, lI = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -34907,7 +34979,7 @@ void main(void){
       }
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
-  }, aI = function(t2, e2) {
+  }, uI = function(t2, e2) {
     var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
       if (1 & r2[0])
         throw r2[1];
@@ -34970,20 +35042,20 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, lI = window.ResizeObserver || HP, uI = function(t2) {
+  }, hI = window.ResizeObserver || GP, cI = function(t2) {
     return new Promise(function(e2) {
       return setTimeout(e2, t2);
     });
   };
-  function hI(t2, e2) {
-    return sI(this, void 0, void 0, function() {
+  function dI(t2, e2) {
+    return lI(this, void 0, void 0, function() {
       var n2;
-      return aI(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, uI(50)] : [3, 3];
+            return !t2() && Date.now() - n2 < e2 ? [4, cI(50)] : [3, 3];
           case 2:
             return i2.sent(), [3, 1];
           case 3:
@@ -34992,25 +35064,25 @@ void main(void){
       });
     });
   }
-  var cI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, dI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, pI = "";
+  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 {
-    pI = "0.5.16-alpha.3";
+    mI = "0.6.3";
   } catch (t2) {
-    pI = "development";
+    mI = "development";
   }
-  var fI = null;
+  var gI = null;
   try {
-    fI = 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 mI = function(t2) {
+  var vI = function(t2) {
     function e2(n3) {
       var i2 = t2.call(this) || this;
-      return i2.iosResetCache = [], i2.needClearCacheImage = false, i2.version = pI, i2.__slideState = Object(l.cloneDeep)(dI), i2.userInputTime = 0, i2.isSyncingSlideState = false, i2.frozenTaskManager = new nI(), i2.randomId = Math.random().toString(32).substr(2), i2.resize = false, i2.isAnimating = false, i2.renderingTaskManager = new WP(), 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 lI(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() {
@@ -35026,12 +35098,12 @@ void main(void){
       }, i2.handleSlideRef = function() {
         console.log(i2), window.__slide = i2;
       }, i2.receiveSyncHandler = function(t3) {
-        return sI(i2, void 0, void 0, function() {
+        return lI(i2, void 0, void 0, function() {
           var e3, n4, i3, r2, o2 = this;
-          return aI(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(cI.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:
@@ -35052,9 +35124,9 @@ void main(void){
           });
         });
       }, i2.handlePrevSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), sI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), lI(i2, void 0, void 0, function() {
           var e3, n4;
-          return aI(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];
@@ -35064,9 +35136,9 @@ void main(void){
           });
         });
       }, i2.handleNextSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), sI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), lI(i2, void 0, void 0, function() {
           var e3, n4;
-          return aI(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];
@@ -35090,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 tI(i2.receiveSyncHandler), i2.lock = new eI(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(cI.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(cI.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(cI.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 iI(e2, t2), e2.flushLog = function() {
-      return sI(this, void 0, void 0, function() {
-        return aI(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, fI == null ? void 0 : fI.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:
@@ -35117,51 +35189,51 @@ void main(void){
     }, Object.defineProperty(e2.prototype, "dispatchIncrId", { get: function() {
       return this._dispatchIncrId++;
     }, enumerable: false, configurable: true }), e2.prototype.initSlideConfig = function(t3) {
-      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (QR.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;
+      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 QR({ 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 });
-      return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on(KR.renderStart, function(t4) {
-        r2.isLoading = true, r2.emit(cI.renderStart, t4);
-      }), o2.on(KR.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(cI.renderEnd, t4);
-      }), o2.on(KR.slideChange, function(t4) {
-        r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(cI.slideChange, t4);
-      }), o2.on(KR.mainSeqStateChange, function(t4) {
+      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(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(pI.renderEnd, t4);
+      }), o2.on($R.slideChange, function(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(KR.mainSeqStepChange, function(t4) {
+      }), o2.on($R.mainSeqStepChange, function(t4) {
         r2.__slideState.mainSeqStep = t4, r2.emitStateChange();
-      }), o2.on(KR.interactiveSeqStateChange, function(t4) {
+      }), o2.on($R.interactiveSeqStateChange, function(t4) {
         var e4 = t4.id, n4 = t4.state;
         r2.__slideState.interactiveSeqState[e4] = n4, r2.emitStateChange();
-      }), o2.on(KR.animateStart, function() {
-        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(cI.animateStart));
-      }), o2.on(KR.animateEnd, function() {
-        r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(cI.animateEnd));
-      }), o2.on(KR.interactiveSeqAction, function(t4) {
+      }), o2.on($R.animateStart, function() {
+        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(pI.animateStart));
+      }), o2.on($R.animateEnd, function() {
+        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(KR.mainSeqStepStart, function(t4) {
-        r2.emit(cI.mainSeqStepStart, t4);
-      }), o2.on(KR.mainSeqStepEnd, function(t4) {
-        r2.emit(cI.mainSeqStepEnd, t4);
-      }), o2.on(KR.mediaPlay, function(t4) {
+      }), o2.on($R.mainSeqStepStart, function(t4) {
+        r2.emit(pI.mainSeqStepStart, t4);
+      }), o2.on($R.mainSeqStepEnd, function(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();
-      }), o2.on(KR.mediaPause, function(t4) {
+      }), o2.on($R.mediaPause, function(t4) {
         var e4 = { type: "pause", time: t4.time };
         r2.__slideState.mediaState[t4.id] = e4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPause", id: t4.id, state: e4 }), r2.emitStateChange();
-      }), o2.on(KR.mediaSeek, function(t4) {
+      }), o2.on($R.mediaSeek, function(t4) {
         var e4 = { type: "pause", time: 0 };
         t4.isPlaying ? (e4.type = "play", r2.__slideState.mediaState[t4.id] ? e4.time = r2.__slideState.mediaState[t4.id].time - 1e3 * t4.time : e4.time = r2.timestamp() - 1e3 * t4.time, r2.__slideState.mediaState[t4.id] = e4) : (e4.type = "pause", e4.time = t4.time, r2.__slideState.mediaState[t4.id] = e4), r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaSeek", id: t4.id, time: t4.time, state: e4 }), r2.emitStateChange();
-      }), o2.on(KR.requestPrevSlide, function(t4) {
+      }), o2.on($R.requestPrevSlide, function(t4) {
         r2.handlePrevSlide(t4);
-      }), o2.on(KR.requestNextSlide, function(t4) {
+      }), o2.on($R.requestNextSlide, function(t4) {
         r2.handleNextSlide(t4);
-      }), o2.on(KR.requestGotoSlide, function(t4) {
+      }), o2.on($R.requestGotoSlide, function(t4) {
         r2.config.navigatorDelegate ? r2.config.navigatorDelegate.gotoPage(t4) : r2.handleGotoSlide(t4);
-      }), (e3 = o2.view) === null || e3 === void 0 || e3.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i2 = o2.view) === null || i2 === void 0 || i2.addEventListener("click", this.handleViewClick), o2.on(KR.userInput, this.userInputHandle), o2;
+      }), (e3 = o2.view) === null || e3 === void 0 || e3.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i2 = o2.view) === null || i2 === void 0 || i2.addEventListener("click", this.handleViewClick), o2.on($R.userInput, this.userInputHandle), o2;
     }, e2.prototype.createController = function() {
-      this.player && (this.playerController = new QC({ player: this.player, params: this.player.config || {}, target: this.frame }));
+      this.player && (this.playerController = new KC({ player: this.player, params: this.player.config || {}, target: this.frame }));
     }, e2.prototype.setMedianControllerAttribute = function() {
       this.medianController.className = "median-container", this.medianController.style.position = "absolute", this.medianController.style.left = "0", this.medianController.style.top = "0", this.medianController.style.zIndex = "2";
     }, e2.prototype.frameResizeHandler = function() {
@@ -35181,9 +35253,9 @@ void main(void){
       }
     }, e2.prototype.setSlideState = function(t3) {
       var e3, n3, i2;
-      return sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var r2, o2 = this;
-        return aI(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];
@@ -35223,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 sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var t3;
-        return aI(this, function(e3) {
+        return uI(this, function(e3) {
           switch (e3.label) {
             case 0:
               if (this.width > 0 && this.height > 0)
@@ -35245,8 +35317,8 @@ void main(void){
         });
       });
     }, e2.prototype.getSlideCountAsync = function() {
-      return sI(this, void 0, void 0, function() {
-        return aI(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)
@@ -35302,12 +35374,12 @@ 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 sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var n3 = this;
-        return aI(this, function(i2) {
+        return uI(this, function(i2) {
           switch (i2.label) {
             case 0:
-              return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((QR.platform.isIOS() || QR.platform.isAndroid()) && this.iosResetCache.indexOf(t3) < 0 && this.iosResetCache.push(t3), [4, (e3 = this.player) === null || e3 === void 0 ? void 0 : e3.renderSlide(t3)]);
+              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)]);
             case 1:
               return i2.sent(), this.__slideState.currentSlideIndex = t3, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.emitStateChange(), setTimeout(function() {
                 var t4, e4;
@@ -35326,8 +35398,8 @@ void main(void){
         (n3 !== this.player.currentIndex || this.renderingTaskManager.hasStartTask()) && (n3 > this.slideCount && this.slideCount > 0 || this.poseRenderSlide(n3, e3));
       }
     }, e2.prototype.needCreateNewPlayer = function() {
-      var t3 = QR.platform.isLowGpuMemory() ? 15 : 30;
-      return (QR.platform.isIOS() || QR.platform.isAndroid()) && this.iosResetCache.length > t3;
+      var t3 = KR.platform.isLowGpuMemory() ? 15 : 30;
+      return (KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.length > t3;
     }, e2.prototype.poseRenderSlide = function(t3, e3) {
       this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t3, isForward: e3 }) : this.mode === "sync" ? (this.doRenderSlide(t3, e3), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t3, isForward: e3 })) : this.doRenderSlide(t3, e3);
     }, e2.prototype.doRenderSlide = function(t3, e3) {
@@ -35365,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(cI.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 = rI(rI({}, t3), { uuid: e3 });
-        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(cI.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;
@@ -35388,9 +35460,9 @@ void main(void){
       (t3 = this.player) === null || t3 === void 0 || t3.resume();
     }, e2.prototype._doFrozen = function() {
       var t3;
-      return sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var e3, n3, i2, r2 = this;
-        return aI(this, function(o2) {
+        return uI(this, function(o2) {
           switch (o2.label) {
             case 0:
               return this.view && this.player ? [4, this.player.clock.waitUntil(function() {
@@ -35398,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] = rI(rI({}, 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];
@@ -35412,14 +35484,14 @@ void main(void){
       });
     }, e2.prototype._doRelease = function() {
       var t3, e3;
-      return sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var n3, i2, r2, o2;
-        return aI(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)(dI), 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:
@@ -35453,14 +35525,14 @@ void main(void){
       } catch (t4) {
       }
     }, e2.prototype.waitLoadEnd = function() {
-      return sI(this, void 0, void 0, function() {
+      return lI(this, void 0, void 0, function() {
         var t3;
-        return aI(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, uI(100)] : [3, 3];
+              return this.isLoading && t3 < 10 ? [4, cI(100)] : [3, 3];
             case 2:
               return e3.sent(), t3 += 1, [3, 1];
             case 3:
@@ -35468,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() {
@@ -35487,24 +35561,25 @@ void main(void){
       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) {
-      var e3;
-      (e3 = this.player) === null || e3 === void 0 || e3.updateGlobalVolume(t3);
+      this.volumeAdjuster.volume = t3;
+    }, e2.prototype.getGlobalVolume = function() {
+      return this.volumeAdjuster.volume;
     }, e2.clearLocalCache = function() {
-      QR.clearLocalCache();
+      KR.clearLocalCache();
     }, e2.disposeLocalCache = function() {
-    }, e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = eP, e2.handleLogDownload = function() {
-      return sI(void 0, void 0, void 0, function() {
+    }, e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = tP, e2.handleLogDownload = function() {
+      return lI(void 0, void 0, void 0, function() {
         var t3, e3, n3, i2, r2, o2, s2;
-        return aI(this, function(a2) {
+        return uI(this, function(a2) {
           switch (a2.label) {
             case 0:
-              return t3 = "", fI ? [4, fI.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, fI.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:
@@ -35514,12 +35589,12 @@ void main(void){
           }
         });
       });
-    }, oI([(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++)
           t4[e4] = arguments[e4];
-        for (var i3 = tP.get(n2) || [], o2 = t4, s2 = 0, a2 = i3; s2 < a2.length; s2++) {
+        for (var i3 = QR.get(n2) || [], o2 = t4, s2 = 0, a2 = i3; s2 < a2.length; s2++) {
           var l2 = a2[s2];
           try {
             o2 = l2.before(o2);
@@ -35541,15 +35616,15 @@ void main(void){
       };
     })], e2.prototype, "initSlideConfig", null), e2;
   }(a.a);
-  fI == null || fI.clear(), window.addEventListener("__slide_log__", mI.handleLogDownload), window.setInterval(function() {
-    mI.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);
@@ -35570,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()) {
@@ -35601,11 +35676,7 @@ class SideEffectManager {
   flush(disposerID) {
     const disposer = this.remove(disposerID);
     if (disposer) {
-      try {
-        disposer();
-      } catch (e) {
-        console.error(e);
-      }
+      disposer();
     }
   }
   flushAll() {
@@ -35620,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);
 }
@@ -37367,9 +37441,15 @@ class SlideDocsViewer {
     this.slideController = null;
     this.isViewMounted = false;
     this.onError = ({ error }) => {
+      var _a;
       this.viewer.setPaused();
+      this.$overlay.textContent = `Error on slide[page=${(_a = this.slideController) == null ? void 0 : _a.page}]: ${error.message}`;
+      this.$overlay.style.opacity = "1";
       logger.warn("[Slide] render error", error);
     };
+    this.onRenderEnd = () => {
+      this.$overlay.style.opacity = "";
+    };
     this.refreshPages = () => {
       if (this.slideController) {
         this.viewer.pages = createDocsViewerPages(this.slideController.slide);
@@ -37438,6 +37518,7 @@ class SlideDocsViewer {
   render() {
     this.viewer.$content.appendChild(this.renderSlideContainer());
     this.viewer.$content.appendChild(this.renderWhiteboardView());
+    this.viewer.$content.appendChild(this.renderOverlay());
     this.sideEffect.addEventListener(window, "keydown", (ev) => {
       if (this.box.focus && this.slideController) {
         switch (ev.key) {
@@ -37455,6 +37536,14 @@ class SlideDocsViewer {
       }
     });
   }
+  renderOverlay() {
+    if (!this.$overlay) {
+      const $overlay = document.createElement("div");
+      $overlay.className = this.wrapClassName("overlay");
+      this.$overlay = $overlay;
+    }
+    return this.$overlay;
+  }
   renderSlideContainer() {
     if (!this.$slide) {
       const $slide = document.createElement("div");
@@ -37476,6 +37565,7 @@ class SlideDocsViewer {
     this.box.mountFooter(this.viewer.$footer);
     this.slideController = this.mountSlideController({
       anchor: this.$slide,
+      onRenderEnd: this.onRenderEnd,
       onTransitionStart: this.viewer.setPlaying,
       onTransitionEnd: this.viewer.setPaused,
       onReady: this.refreshPages,
@@ -37566,7 +37656,7 @@ const addHooks = (emitter) => {
     apps.focus(appId);
   });
 };
-var styles = /* @__PURE__ */ (() => ".netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;user-select:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;color:#191919}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly.netless-app-slide-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input{color:#a6a6a8}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:#222}.telebox-color-scheme-dark .netless-app-slide-footer{color:#a6a6a8;background:#2d2d33;border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-wb-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.netless-app-slide-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.netless-app-slide-slide canvas{transform:scale(var(--netless-app-slide-scale, 1))}\n")();
+var styles = /* @__PURE__ */ (() => ".netless-app-slide-content{position:relative;height:100%;overflow:hidden}.netless-app-slide-preview-mask{display:none;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%}.netless-app-slide-preview{display:flex;flex-direction:column;align-items:center;position:absolute;z-index:300;top:0;left:0;width:33%;max-width:200px;height:100%;padding-top:10px;transform:translate(-100%);background:rgba(237,237,240,.9);box-shadow:inset -1px 0 #0000001c;transition:transform .4s}.netless-app-slide-preview-active .netless-app-slide-preview-mask{display:block}.netless-app-slide-preview-active .netless-app-slide-preview{transform:translate(0)}.netless-app-slide-preview-page{position:relative;display:block;width:55%;margin-bottom:10px;font-size:0;color:transparent;outline:none;border:7px solid transparent;border-radius:4px;transition:border-color .3s;user-select:none}.netless-app-slide-preview-page:hover,.netless-app-slide-preview-page.netless-app-slide-preview-page-active{border-color:#444e601a}.netless-app-slide-preview-page>img{width:100%;height:auto;box-sizing:border-box;border:1px solid rgba(0,0,0,.5);border-radius:1px;background-color:#fff;box-shadow:0 2px 8px #0000004d}.netless-app-slide-preview-page-name{position:absolute;top:1px;left:-10px;transform:translate(-100%);text-align:right;font-size:12px;color:#5f5f5f;user-select:none}.netless-app-slide-footer{box-sizing:border-box;height:26px;display:flex;align-items:center;padding:0 16px;border-top:1px solid #eeeef7;color:#191919}.netless-app-slide-float-footer{width:100%;min-height:26px;position:absolute;left:0;bottom:0;z-index:2000;background:rgba(249,249,252,.9);transition:opacity .4s}.netless-app-slide-footer-btn{box-sizing:border-box;width:26px;height:26px;font-size:0;margin:0;padding:3px;border:none;border-radius:1px;outline:none;color:currentColor;background:transparent;transition:background .4s;cursor:pointer;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-footer-btn:hover{background:rgba(237,237,240,.9)}@media (hover: none){.netless-app-slide-footer-btn:hover{background:transparent!important}}.netless-app-slide-footer-btn>svg{width:100%;height:100%}.netless-app-slide-footer-btn>svg:nth-of-type(2){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(1){display:none}.netless-app-slide-footer-btn.netless-app-slide-footer-btn-playing>svg:nth-of-type(2){display:initial}.netless-app-slide-footer-btn~.netless-app-slide-footer-btn{margin-left:15px}.netless-app-slide-page-jumps{flex:1;display:flex;justify-content:center;align-items:center}.netless-app-slide-page-number{margin-left:auto;font-size:13px;user-select:none;white-space:nowrap;word-break:keep-all}.netless-app-slide-page-number-input{border:none;outline:none;width:3em;margin:0;padding:0 2px;text-align:right;font-size:13px;line-height:1;font-weight:400;font-family:inherit;border-radius:2px;color:currentColor;background:transparent;transition:background .4s;user-select:text;-webkit-tap-highlight-color:rgba(0,0,0,0)}.netless-app-slide-page-number-input:hover,.netless-app-slide-page-number-input:focus,.netless-app-slide-page-number-input:active{background:#fff;box-shadow:#63636333 0 2px 8px}.netless-app-slide-readonly.netless-app-slide-footer{display:none}.telebox-color-scheme-dark .netless-app-slide-page-number-input{color:#a6a6a8}.telebox-color-scheme-dark .netless-app-slide-page-number-input:active,.telebox-color-scheme-dark .netless-app-slide-page-number-input:focus,.telebox-color-scheme-dark .netless-app-slide-page-number-input:hover{color:#222}.telebox-color-scheme-dark .netless-app-slide-footer{color:#a6a6a8;background:#2d2d33;border-top:none}.telebox-color-scheme-dark .netless-app-slide-footer-btn:hover{background:#212126}.telebox-color-scheme-dark .netless-app-slide-preview{background:rgba(50,50,50,.9)}.netless-app-slide-wb-view{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;overflow:hidden}.netless-app-slide-overlay{display:flex;align-items:center;justify-content:center;position:absolute;z-index:200;top:0;left:0;width:100%;height:100%;background:rgba(255,0,0,.25);transition:opacity .3s;opacity:0;pointer-events:none}.netless-app-slide-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.netless-app-slide-slide canvas{transform:scale(var(--netless-app-slide-scale, 1))}\n")();
 function previewSlide({
   container,
   taskId,
@@ -37723,7 +37813,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.6";
+const version = "0.2.9";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -37777,6 +37867,7 @@ const SlideApp = {
         }
         const page = slideController.slide.slideState.currentSlideIndex;
         log("[Slide] page to", page, synced ? "(synced)" : "", "(on ready)");
+        slideController.slide.on("renderEnd", options.onRenderEnd);
       });
       return slideController;
     };