@netless/app-slide 0.2.3 → 0.2.6-alpha.0

package/dist/main.es.js

@@ -17,66 +17,6 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const s = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", e = s.length, t = Array(20), i = () => {
-  for (let i2 = 0; i2 < 20; i2++)
-    t[i2] = s.charAt(Math.random() * e);
-  return t.join("");
-};
-function r(s2) {
-  try {
-    return s2();
-  } catch (e2) {
-    console.error(e2);
-  }
-}
-class n {
-  constructor() {
-    this.disposers = /* @__PURE__ */ new Map();
-  }
-  addDisposer(s2, e2 = this.genUID()) {
-    return this.flush(e2), this.disposers.set(e2, Array.isArray(s2) ? () => s2.forEach(r) : s2), e2;
-  }
-  add(s2, e2 = this.genUID()) {
-    const t2 = s2();
-    return t2 ? this.addDisposer(t2, e2) : e2;
-  }
-  addEventListener(s2, e2, t2, i2, r2 = this.genUID()) {
-    return s2.addEventListener(e2, t2, i2), this.addDisposer(() => s2.removeEventListener(e2, t2, i2), r2), r2;
-  }
-  setTimeout(s2, e2, t2 = this.genUID()) {
-    const i2 = window.setTimeout(() => {
-      this.remove(t2), s2();
-    }, e2);
-    return this.addDisposer(() => window.clearTimeout(i2), t2);
-  }
-  setInterval(s2, e2, t2 = this.genUID()) {
-    const i2 = window.setInterval(s2, e2);
-    return this.addDisposer(() => window.clearInterval(i2), t2);
-  }
-  remove(s2) {
-    const e2 = this.disposers.get(s2);
-    return this.disposers.delete(s2), e2;
-  }
-  flush(s2) {
-    const e2 = this.remove(s2);
-    if (e2)
-      try {
-        e2();
-      } catch (t2) {
-        console.error(t2);
-      }
-  }
-  flushAll() {
-    this.disposers.forEach(r), this.disposers.clear();
-  }
-  genUID() {
-    let s2;
-    do {
-      s2 = i();
-    } while (this.disposers.has(s2));
-    return s2;
-  }
-}
 var Slide = function(t2) {
   var e2 = {};
   function n2(i2) {
@@ -6551,13 +6491,13 @@ var Slide = function(t2) {
   n2.r(e2), n2.d(e2, "ErrorType", function() {
     return VE;
   }), n2.d(e2, "delay", function() {
-    return rI;
+    return lI;
   }), n2.d(e2, "waitUntil", function() {
-    return oI;
+    return uI;
   }), n2.d(e2, "SLIDE_EVENTS", function() {
-    return sI;
-  }), n2.d(e2, "Slide", function() {
     return hI;
+  }), n2.d(e2, "Slide", function() {
+    return fI;
   });
   var i2 = {};
   n2.r(i2), n2.d(i2, "ACESFilmicToneMapping", function() {
@@ -29533,26 +29473,26 @@ void main() {
       return this.object.hitArea ? this.object.hitArea : new g_(0, 0, this.object.width, this.object.height);
     }
     handleAction(t3, e3 = false) {
-      this.proxy && !e3 || (this.ctx.eventHub.emit(JR.hyperlinkTrigger, t3), this.execAction(t3));
+      this.proxy && !e3 || (this.ctx.eventHub.emit($R.hyperlinkTrigger, t3), this.execAction(t3));
     }
     execAction(t3) {
       var e3;
-      if (this.ctx.eventHub.emit(JR.userInput), t3.action === "ppaction://hlinksldjump") {
+      if (this.ctx.eventHub.emit($R.userInput), t3.action === "ppaction://hlinksldjump") {
         const n3 = ((e3 = t3 == null ? void 0 : t3.target) !== null && e3 !== void 0 ? e3 : "").match(/slide(\d+)\.xml/);
-        n3 && n3[1] && this.ctx.eventHub.emit(JR.requestGotoSlide, Number(n3[1]));
+        n3 && n3[1] && this.ctx.eventHub.emit($R.requestGotoSlide, Number(n3[1]));
       } else if (t3.action === "ppaction://hlinkshowjump?jump=nextslide")
-        this.ctx.eventHub.emit(JR.requestNextSlide);
+        this.ctx.eventHub.emit($R.requestNextSlide);
       else if (t3.action === "ppaction://hlinkshowjump?jump=previousslide")
-        this.ctx.eventHub.emit(JR.requestPrevSlide);
+        this.ctx.eventHub.emit($R.requestPrevSlide);
       else if (t3.action === "ppaction://hlinkshowjump?jump=firstslide")
-        this.ctx.eventHub.emit(JR.requestGotoSlide, 1);
+        this.ctx.eventHub.emit($R.requestGotoSlide, 1);
       else if (t3.action === "ppaction://hlinkshowjump?jump=lastslide")
-        this.ctx.eventHub.emit(JR.requestGotoSlide, -1);
+        this.ctx.eventHub.emit($R.requestGotoSlide, -1);
       else if (t3.action === "ppaction://hlinkshowjump?jump=lastslideviewed") {
         const t4 = this.ctx.lastViewedIndex;
-        this.ctx.eventHub.emit(JR.requestGotoSlide, t4);
+        this.ctx.eventHub.emit($R.requestGotoSlide, t4);
       } else
-        t3.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(JR.requestGotoSlide, -1);
+        t3.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit($R.requestGotoSlide, -1);
     }
   }
   class PM {
@@ -29775,6 +29715,9 @@ void main() {
     }
     initOnReuse() {
     }
+    isStatic() {
+      return true;
+    }
     getTextElement() {
       return null;
     }
@@ -30264,7 +30207,7 @@ void main(void){
   }
   class TA {
     constructor(t3, e3, n3, i3, r3) {
-      this.ctx = t3, this.fillStyle = e3, this.width = n3, this.height = i3, this.config = r3, this.clonedObjects = [], this._displayObject = null;
+      this.ctx = t3, this.fillStyle = e3, this.width = n3, this.height = i3, this.config = r3, this.clonedObjects = [], this._displayObject = null, this.gradientHash = fM()(`${JSON.stringify(e3)}${Math.ceil(n3)}${Math.ceil(i3)}`);
     }
     get displayObject() {
       return this._displayObject || (this._displayObject = this.createDisplayObject()), this._displayObject;
@@ -30285,8 +30228,15 @@ void main(void){
       }
       if (this.fillStyle.fillType === "solidFill" || this.fillStyle.fillType === "noFill")
         return null;
-      if (this.fillStyle.fillType === "gradientFill")
-        return hA(this.fillStyle, this.width, this.height);
+      if (this.fillStyle.fillType === "gradientFill") {
+        const t4 = new Ow();
+        let e3 = TA.gradientPool.get(this.gradientHash);
+        if (!e3) {
+          const t5 = hA(this.fillStyle, this.width, this.height), n3 = Hy.create({ width: this.width, height: this.height, resolution: this.ctx.renderer.resolution });
+          this.ctx.renderer.render(t5, { renderTexture: n3 }), e3 = n3, TA.gradientPool.set(this.gradientHash, e3), t5.destroy({ children: true, texture: true });
+        }
+        return t4.texture = e3, t4;
+      }
       if (this.fillStyle.fillType === "blipFill") {
         const { src: e3, filters: n3 } = this.fillStyle, i3 = this.ctx.spriteTexture.getTexture(e3), r3 = this.ctx.spriteTexture.getFrameData(e3);
         if (i3) {
@@ -30341,6 +30291,7 @@ void main(void){
       }), this.clonedObjects = [];
     }
   }
+  TA.gradientPool = /* @__PURE__ */ new Map();
   var wA = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
@@ -31004,6 +30955,9 @@ void main(void){
     }
     initOnReuse() {
     }
+    isStatic() {
+      return !!this.json.cacheAsBitMap;
+    }
     destroy() {
       var t3, e3, n3, i3;
       (t3 = this.text) === null || t3 === void 0 || t3.destroy(), this.fillColorFilter.destroy(), this.strokeColorFilter.destroy(), this.backgroundFill.destroy(), (e3 = this.backgroundGraphics) === null || e3 === void 0 || e3.destroy(), this.strokeFill.destroy(), (n3 = this.strokeGraphics) === null || n3 === void 0 || n3.destroy(), this.renderContainer.destroy(), (i3 = this.arrowRenderTexture) === null || i3 === void 0 || i3.destroy(true), this.arrowList = [];
@@ -31046,7 +31000,7 @@ void main(void){
           return void this.ctx.logger.info("Media controller prevent seek event with paused state", this.ctx.taskId);
         t4.stopPropagation();
         const e4 = t4.offsetX / this.progress.clientWidth * this.duration;
-        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e4), this.ctx.mode !== "local" && this.ctx.eventHub.emit(JR.mediaSeek, { id: this.targetId, time: e4, isPlaying: this.media.isPlaying });
+        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e4), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaSeek, { id: this.targetId, time: e4, isPlaying: this.media.isPlaying });
       }, this.jumpToTime = (t4 = 0) => {
         const e4 = Math.floor(t4) + this.start;
         this.media.currentTime !== e4 && (this.media.currentTime = e4, this.changeBookmarkIndex(e4, e4 > this.media.currentTime));
@@ -31075,9 +31029,9 @@ void main(void){
           t4();
         });
       }, 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(JR.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(JR.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 = t3.targetId, this.ctx = t3.ctx, this.height = t3.height, this.width = t3.width, this.target = t3.target, this.media = t3.media, this.info = t3.info, this.shapeId = t3.shapeId, this.canvasElement = t3.canvasElement, this.getMedianContainer(), this.createMediaController(), this.info.cut && (this.start = (e3 = this.info.cut.start) !== null && e3 !== void 0 ? e3 : 0, this.end = (n3 = this.info.cut.end) !== null && n3 !== void 0 ? n3 : 0), this.info.bookmarkList && (this.bookmarkList = this.info.bookmarkList.sort((t4, e4) => t4.time - e4.time));
     }
     getMedianContainer() {
@@ -31163,13 +31117,51 @@ void main(void){
       this.unbindEvent(), this.playCallBackList = [], (t3 = this.container) === null || t3 === void 0 || t3.removeChild(this.mediaController);
     }
   }
-  var VA = n2(49);
-  class WA extends a.a {
+  var VA = n2(49), WA = function(t3, e3, n3, i3) {
+    return new (n3 || (n3 = Promise))(function(r3, o2) {
+      function s3(t4) {
+        try {
+          l2(i3.next(t4));
+        } catch (t5) {
+          o2(t5);
+        }
+      }
+      function a2(t4) {
+        try {
+          l2(i3.throw(t4));
+        } catch (t5) {
+          o2(t5);
+        }
+      }
+      function l2(t4) {
+        var e4;
+        t4.done ? r3(t4.value) : (e4 = t4.value, e4 instanceof n3 ? e4 : new n3(function(t5) {
+          t5(e4);
+        })).then(s3, a2);
+      }
+      l2((i3 = i3.apply(t3, e3 || [])).next());
+    });
+  };
+  class XA extends a.a {
     constructor(t3, e3) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.url = t3, this.runningAudio = e3, $R.RtcAudioClazz ? (this.rctClient = new $R.RtcAudioClazz(t3), 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: [t3] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play")));
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this._isResourceExist = "unknow", this.url = t3, this.runningAudio = e3, KR.RtcAudioClazz ? (this.rctClient = new KR.RtcAudioClazz(t3), 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: [t3] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play"))), this.detectResourceExist();
     }
     startTimeChangeEmit() {
-      this.currentTime !== this.lastTime && (this.lastTime = this.currentTime, this.emit("timeupdate")), this.isEnded || requestAnimationFrame(() => this.startTimeChangeEmit());
+      this.currentTime !== this.lastTime && (this.lastTime = this.currentTime, this.emit("timeupdate")), this.isEnded || setTimeout(() => this.startTimeChangeEmit(), 300);
+    }
+    detectResourceExist() {
+      return new Promise((t3) => {
+        fetch(this.url, { method: "HEAD" }).then((e3) => {
+          this._isResourceExist = e3.ok ? "true" : "false", t3(e3.ok);
+        }).catch(() => {
+          this._isResourceExist = "false", t3(false);
+        });
+      });
+    }
+    isResourceExist() {
+      return WA(this, void 0, void 0, function* () {
+        return this._isResourceExist !== "unknow" ? this._isResourceExist === "true" : this.detectResourceExist();
+      });
     }
     play() {
       var t3, e3, n3;
@@ -31209,7 +31201,7 @@ void main(void){
       return this.rctClient ? this.rctClient.isPaused : !!this.howl && this.howl.playing();
     }
   }
-  var XA = function(t3, e3, n3, i3) {
+  var qA = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -31234,14 +31226,14 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class qA extends a.a {
+  class YA extends a.a {
     constructor(t3) {
       var e3, n3;
       super(), this.type = "video", this.sprite = new Ow(), this.isPlaying = false, this.isGlobalPause = false, this.id = t3.id, this.start = (e3 = t3.video.cut) === null || e3 === void 0 ? void 0 : e3.start, this.end = (n3 = t3.video.cut) === null || n3 === void 0 ? void 0 : n3.end, this.container = t3.container, this.ctx = t3.ctx, this.ctx.medias[this.id] = this;
       let i3 = t3.video.src;
       this.ctx.loaderDelegate && (i3 = this.ctx.loaderDelegate.redirectMedia(i3), this.ctx.logger.info(`redirect media url from ${t3.video.src} to ${i3} by delegate.`, t3.ctx.taskId)), this.videoResource = new Iy(i3, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true });
       let r3 = t3.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (r3 = this.ctx.loaderDelegate.redirectMedia(r3), this.ctx.logger.info(`redirect media url from ${t3.video.src.replace(/4$/, "3")} to ${r3} by delegate.`, t3.ctx.taskId)), this.rtcAudio = new WA(r3, t3.ctx.runningAudio);
+      this.ctx.loaderDelegate && (r3 = this.ctx.loaderDelegate.redirectMedia(r3), this.ctx.logger.info(`redirect media url from ${t3.video.src.replace(/4$/, "3")} to ${r3} by delegate.`, t3.ctx.taskId)), this.rtcAudio = new XA(r3, t3.ctx.runningAudio);
       const { video: o2, width: s3, height: a2, target: l2 } = t3;
       this.controller = new jA({ targetId: t3.id, shapeId: t3.shapeId, ctx: t3.ctx, width: s3, height: a2, target: l2, media: this, info: o2, canvasElement: t3.canvasElement }), this.controller.addPlayCallBack(() => {
         this.sprite.width = s3, this.sprite.height = a2, this.ctx.clock.setTimeout(() => {
@@ -31264,7 +31256,7 @@ void main(void){
       return (e3 = (t3 = this.videoResource.source) === null || t3 === void 0 ? void 0 : t3.currentTime) !== null && e3 !== void 0 ? e3 : 0;
     }
     set currentTime(t3) {
-      this.videoResource.source && (this.videoResource.source.currentTime = t3);
+      KR.RtcAudioClazz && (this.rtcAudio.currentTime = t3), this.videoResource.source && (this.videoResource.source.currentTime = t3);
     }
     get paused() {
       var t3, e3;
@@ -31286,13 +31278,19 @@ void main(void){
     }
     play() {
       var t3;
-      return XA(this, void 0, void 0, function* () {
+      return qA(this, void 0, void 0, function* () {
         this.isPlaying = true, yield this.load(), yield this.ctx.clock.waitUntil(() => {
           const t4 = this.videoResource.source;
           return !!(t4 && t4.videoWidth > 0);
         }, 3e3);
         const e3 = this.videoResource.source;
-        e3 && e3.videoWidth <= 0 || ($R.RtcAudioClazz && (this.rtcAudio.play(), this.videoResource.source.volume = 0), yield (t3 = this.videoResource.source) === null || t3 === void 0 ? void 0 : t3.play());
+        if (e3 && e3.videoWidth <= 0)
+          return;
+        const n3 = yield this.rtcAudio.isResourceExist();
+        KR.RtcAudioClazz && n3 ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
+          var t4;
+          (t4 = this.videoResource.source) === null || t4 === void 0 || t4.play();
+        }), this.rtcAudio.play()) : yield (t3 = this.videoResource.source) === null || t3 === void 0 ? void 0 : t3.play();
       });
     }
     load() {
@@ -31300,7 +31298,10 @@ void main(void){
     }
     pause() {
       var t3;
-      this.isPlaying = false, $R.RtcAudioClazz && this.rtcAudio.pause(), (t3 = this.videoResource.source) === null || t3 === void 0 || t3.pause();
+      this.isPlaying = false, KR.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
+        var t4;
+        (t4 = this.videoResource.source) === null || t4 === void 0 || t4.pause();
+      }), this.rtcAudio.pause()) : (t3 = this.videoResource.source) === null || t3 === void 0 || t3.pause();
     }
     globalPause() {
       this.isPlaying && (this.isGlobalPause = true, this.pause());
@@ -31322,7 +31323,7 @@ void main(void){
       this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t3 = this.videoResource) === null || t3 === void 0 || t3.destroy(), this.rtcAudio.destroy(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  var YA = function(t3, e3, n3, i3) {
+  var ZA = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -31347,11 +31348,11 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class ZA extends a.a {
+  class JA extends a.a {
     constructor(t3) {
       super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.id = t3.id;
       let e3 = t3.audio.src;
-      t3.ctx.loaderDelegate && (e3 = t3.ctx.loaderDelegate.redirectMedia(e3), t3.ctx.logger.info(`redirect media url from ${t3.audio.src} to ${e3} by delegate.`, t3.ctx.taskId)), this.audioPlayer = new WA(e3, t3.ctx.runningAudio), t3.audio.cut && (this.start = t3.audio.cut.start, this.end = t3.audio.cut.end), this.ctx = t3.ctx, this.ctx.medias[this.id] = this;
+      t3.ctx.loaderDelegate && (e3 = t3.ctx.loaderDelegate.redirectMedia(e3), t3.ctx.logger.info(`redirect media url from ${t3.audio.src} to ${e3} by delegate.`, t3.ctx.taskId)), this.audioPlayer = new XA(e3, t3.ctx.runningAudio), t3.audio.cut && (this.start = t3.audio.cut.start, this.end = t3.audio.cut.end), this.ctx = t3.ctx, this.ctx.medias[this.id] = this;
       const { width: n3, height: i3, target: r3 } = t3;
       this.controller = new jA({ targetId: t3.id, shapeId: t3.shapeId, ctx: t3.ctx, height: i3, width: n3, target: r3, media: this, info: t3.audio, canvasElement: t3.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);
     }
@@ -31383,7 +31384,7 @@ void main(void){
       this.controller.hide();
     }
     play() {
-      return YA(this, void 0, void 0, function* () {
+      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());
       });
     }
@@ -31409,7 +31410,7 @@ void main(void){
       this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  class JA extends GA {
+  class $A extends GA {
     constructor(t3, e3, n3, i3) {
       super(Object.assign(Object.assign({}, t3), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e3, n3, i3), this.isInteractiveOutside = false, this.cmd = new EM(this), this.media = t3 == null ? void 0 : t3.media, this.picFill = new TA(this.ctx, t3.picFill, t3.width, t3.height, { useFilter: false, useSlideBackgroundFill: false });
     }
@@ -31432,7 +31433,7 @@ void main(void){
         const s3 = (t3 = this.backgroundGraphics) === null || t3 === void 0 ? void 0 : t3.getClonedDisplayObject();
         ((e3 = this.backgroundGraphics) === null || e3 === void 0 ? void 0 : e3.isNeedMask(o2.width, o2.height)) && s3 && (o2.mask = s3, this.container.addChild(s3)), o2.width = this.designWidth, o2.height = this.designHeight, o2 instanceof jE && this.ctx.slideScopeEventHub.once("slide-render", (t4) => {
           this.ctx.slideIndex === t4 && o2.play();
-        }), this.container.addChild(o2), ((n3 = this.media) === null || n3 === void 0 ? void 0 : n3.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 }), (i3 = this.mediaPlayer) === null || i3 === void 0 || i3.sprite) : ((r3 = this.media) === null || r3 === void 0 ? void 0 : r3.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.container.addChild(o2), ((n3 = this.media) === null || n3 === void 0 ? void 0 : n3.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 }), (i3 = this.mediaPlayer) === null || i3 === void 0 || i3.sprite) : ((r3 = this.media) === null || r3 === void 0 ? void 0 : r3.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.mediaPlayer.showController();
         }), this.container.on("mouseout", () => {
           this.mediaPlayer.hideController();
@@ -31451,11 +31452,15 @@ void main(void){
     initOnReuse() {
       super.initOnReuse(), this.mediaPlayer && (this.container.interactive = true);
     }
+    isStatic() {
+      const t3 = this.json;
+      return (!t3.media || t3.media.type !== "video") && super.isStatic();
+    }
     destroy() {
       this.mediaPlayer && (this.picFill.displayObject && !this.isInteractiveOutside && (this.container.interactive = false), this.mediaPlayer.destroy(), this.mediaPlayer = void 0), this.picFill.destroy();
     }
   }
-  var $A = function(t3, e3, n3, i3) {
+  var KA = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -31480,7 +31485,7 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class KA extends PM {
+  class QA extends PM {
     constructor(t3, e3, n3, i3, r3) {
       super(t3, e3, n3), this.children = [], this.cacheSprite = new Ow(), this.cacheContainer = new ty(), this.json = t3, this.json.fillStyle && this.json.fillStyle.fillType === "groupFill" && i3 && (this.json.fillStyle = i3), this.container.name = t3.id, this.cacheContainer.name = t3.id + "-cache-container", this.ctx.timingTargets.addTarget(t3.id, this), this.updateTransform(this.json), this.fillObject = new TA(this.ctx, t3.fillStyle, t3.width, t3.height, { useFilter: false, useSlideBackgroundFill: false }), this.createChildren(r3);
     }
@@ -31488,10 +31493,10 @@ void main(void){
       var e3, n3, i3, r3;
       const o2 = { x: (n3 = (e3 = this.json.position) === null || e3 === void 0 ? void 0 : e3.x) !== null && n3 !== void 0 ? n3 : 0, y: (r3 = (i3 = this.json.position) === null || i3 === void 0 ? void 0 : i3.y) !== null && r3 !== void 0 ? r3 : 0 };
       for (let e4 = 0, n4 = this.json.children.length; e4 < n4; e4++)
-        t3.addSubMTask(() => $A(this, void 0, void 0, function* () {
+        t3.addSubMTask(() => KA(this, void 0, void 0, function* () {
           const n5 = this.json.children[e4];
           let i4 = null;
-          (n5 == null ? void 0 : n5.type) === "Shape" ? i4 = new GA(n5, this.ctx, o2, this.json.fillStyle) : (n5 == null ? void 0 : n5.type) === "Picture" ? i4 = new JA(n5, this.ctx, o2, this.json.fillStyle) : (n5 == null ? void 0 : n5.type) === "Container" && (i4 = new KA(n5, this.ctx, o2, this.json.fillStyle, t3)), i4 && this.children.push(i4);
+          (n5 == null ? void 0 : n5.type) === "Shape" ? i4 = new GA(n5, this.ctx, o2, this.json.fillStyle) : (n5 == null ? void 0 : n5.type) === "Picture" ? i4 = new $A(n5, this.ctx, o2, this.json.fillStyle) : (n5 == null ? void 0 : n5.type) === "Container" && (i4 = new QA(n5, this.ctx, o2, this.json.fillStyle, t3)), i4 && this.children.push(i4);
         }), "@ContainerImpl[child.init]");
     }
     get interactiveContainer() {
@@ -31502,7 +31507,7 @@ void main(void){
     }
     preRender(t3) {
       for (const e3 of this.children)
-        t3.addSubMTask(() => $A(this, void 0, void 0, function* () {
+        t3.addSubMTask(() => KA(this, void 0, void 0, function* () {
           e3.preRender(t3);
         }), "@ContainerImpl[child.preRender]");
     }
@@ -31516,13 +31521,22 @@ void main(void){
       return null;
     }
     render(t3) {
-      for (const e3 of this.children)
-        e3.render(t3), t3.addSubMTask(() => $A(this, void 0, void 0, function* () {
+      let e3 = new ty();
+      for (const n3 of this.children)
+        n3.render(t3), t3.addSubMTask(() => KA(this, void 0, void 0, function* () {
           var t4;
-          e3.renderContainer && this.cacheContainer.addChild(e3.renderContainer), (e3.json.hlinkHover || e3.json.hlinkClick) && ((t4 = e3.hyperlink) === null || t4 === void 0 || t4.addProxy(this.container));
+          n3.isStatic() && !this.json.cacheAsTexture && n3.json.width < 4096 && n3.json.height < 4096 ? e3.addChild(n3.renderContainer) : (e3.children.length > 0 && (e3.cacheAsBitmap = true, this.cacheContainer.addChild(e3), e3 = new ty()), this.cacheContainer.addChild(n3.renderContainer)), (n3.json.hlinkHover || n3.json.hlinkClick) && ((t4 = n3.hyperlink) === null || t4 === void 0 || t4.addProxy(this.container));
         }), "@ContainerImpl[child.render]");
-      t3.addSubMTask(() => $A(this, void 0, void 0, function* () {
-        this.container.addChild(this.cacheContainer);
+      t3.addMTask(() => KA(this, void 0, void 0, function* () {
+        e3.children.length > 0 && (e3.cacheAsBitmap = true, this.cacheContainer.addChild(e3));
+      }), "@ContainerImpl[child.render]"), t3.addSubMTask(() => KA(this, void 0, void 0, function* () {
+        this.container.addChild(this.cacheContainer), this.json.cacheAsTexture && (!function(t4, e4, n3, i3, r3) {
+          const o2 = t4.getBounds(), s3 = Math.min(o2.x, e4.x, o2.x + o2.width, e4.x + e4.width), a2 = Math.max(o2.x, e4.x, o2.x + o2.width, e4.x + e4.width), l2 = Math.min(o2.y, e4.y, o2.y + o2.height, e4.y + e4.height), u2 = a2 - s3, h2 = Math.max(o2.y, e4.y, o2.y + o2.height, e4.y + e4.height) - l2;
+          let c2 = KE(e4.x - o2.x), d2 = KE(e4.y - o2.y);
+          r3 || (c2 = Math.max(0, c2), d2 = Math.max(0, d2));
+          const p2 = Hy.create({ width: u2, height: h2, resolution: i3.renderer.resolution });
+          t4.position.x = c2, t4.position.y = d2, i3.renderer.render(t4, { renderTexture: p2 }), n3.texture = p2, n3.position.x = -c2, n3.position.y = -d2;
+        }(this.cacheContainer, new d_(this.designX, this.designY, this.designWidth, this.designHeight), this.cacheSprite, this.ctx, false), this.container.addChild(this.cacheSprite), this.cacheContainer.position.x = 0, this.cacheContainer.position.y = 0, this.cacheContainer.visible = false);
       }), "@ContainerImpl[child.append]");
     }
     clearOnSlideChange() {
@@ -31531,11 +31545,14 @@ void main(void){
     initOnReuse() {
       this.children.forEach((t3) => t3.initOnReuse());
     }
+    isStatic() {
+      return !!this.json.cacheAsTexture;
+    }
     destroy() {
       this.cacheSprite && this.cacheSprite.destroy({ texture: true }), this.children.forEach((t3) => t3.destroy()), this.container.destroy({ children: true, texture: true, baseTexture: true }), this.cacheContainer.destroy({ children: true, texture: true, baseTexture: true });
     }
   }
-  class QA extends a.a {
+  class tR extends a.a {
     constructor(t3, e3, n3, i3) {
       super(), this.cond = {}, this.timeoutIds = [], this.condHandle = (t4, e4 = {}) => {
         if (t4)
@@ -31582,7 +31599,7 @@ void main(void){
       }), this.timeoutIds.forEach((t3) => this.ctx.clock.clearTimeout(t3));
     }
   }
-  class tR extends a.a {
+  class eR extends a.a {
     constructor(t3) {
       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 = (t4 = false) => {
         var e4, n4, i4, r4, o3, s4;
@@ -31592,16 +31609,16 @@ void main(void){
         this.isTimeNodeEndSync && (this.isTimeNodeEndSync = false, this.currentSeqState = "idle", this.currentSeqIndex = 0), this.hasNext() || !this.isMainSeq ? this.currentSeqState === "idle" ? (e4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || e4 === void 0 || e4.commonTimeNode.startTimeNodeForce() : this.currentSeqState === "running" ? ((n4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || n4 === void 0 || n4.commonTimeNode.seekToEnd(false, true), this.currentSeqState = "end", this.incrSeqIndex(), (i4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || i4 === void 0 || i4.commonTimeNode.startTimeNodeForce()) : this.currentSeqState === "end" && (this.incrSeqIndex(), (r4 = this.commonTimeNode.children[this.currentSeqIndex]) === null || r4 === void 0 || r4.commonTimeNode.startTimeNodeForce()) : this.globalEventHub.emit("c:next slide", t4);
       };
       const { json: e3, iterateType: n3, isIterate: i3, isSub: r3, parent: o2, ctx: s3, eventHub: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t3;
-      this.isMainSeq = e3.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e3.ctn.nodeType === "interactiveSeq", this.id = e3.ctn.id, this.isIterate = i3, this.json = e3, this.ctx = s3, this.globalEventHub = l2, this.commonTimeNode = new RR({ json: e3.ctn, isSub: r3, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s3, parent: o2, isIterate: false, iterateType: n3, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 || this.isInteractiveSeq }), this.bindShapeEvent(), this.nextConds = new QA("mainSeq", e3.nextCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new QA("mainSeq", e3.preCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
+      this.isMainSeq = e3.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e3.ctn.nodeType === "interactiveSeq", this.id = e3.ctn.id, this.isIterate = i3, this.json = e3, this.ctx = s3, this.globalEventHub = l2, this.commonTimeNode = new PR({ json: e3.ctn, isSub: r3, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s3, parent: o2, isIterate: false, iterateType: n3, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 || this.isInteractiveSeq }), this.bindShapeEvent(), this.nextConds = new tR("mainSeq", e3.nextCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new tR("mainSeq", e3.preCondLst, { global: l2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
         this.currentSeqIndex = 0, this.currentSeqState = "idle";
       }), this.commonTimeNode.on("childTimeNodeStart", (t4) => {
         const e4 = this.commonTimeNode.children.findIndex((e5) => e5.commonTimeNode.uuid === t4.id);
-        e4 >= 0 && (this.currentSeqIndex = e4), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(JR.mainSeqStepStart, e4);
+        e4 >= 0 && (this.currentSeqIndex = e4), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepStart, e4);
       }), this.commonTimeNode.on("childTimeNodeEnd", (t4) => {
         const e4 = this.commonTimeNode.children.findIndex((e5) => e5.commonTimeNode.uuid === t4.id);
         e4 >= 0 && (this.currentSeqIndex = e4), this.currentSeqState = "end", this.autoPlay && this.ctx.clock.setTimeout(() => {
           this.handleNext();
-        }), this.isMainSeq && this.ctx.eventHub.emit(JR.mainSeqStepEnd, e4);
+        }), this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepEnd, e4);
       }), this.commonTimeNode.on("timeNodeEndSync", () => {
         this.isTimeNodeEndSync = true, this.commonTimeNode.resetForRepeat();
       }), this.commonTimeNode.on("timeNodeDestroy", () => {
@@ -31618,13 +31635,13 @@ void main(void){
       return this._currentSeqIndex;
     }
     set currentSeqIndex(t3) {
-      this._currentSeqIndex = t3, this.isMainSeq ? this.ctx.eventHub.emit(JR.mainSeqStepChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(JR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t3, state: this._currentSeqState } });
+      this._currentSeqIndex = t3, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStepChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t3, state: this._currentSeqState } });
     }
     get currentSeqState() {
       return this._currentSeqState;
     }
     set currentSeqState(t3) {
-      this._currentSeqState = t3, this.isMainSeq ? this.ctx.eventHub.emit(JR.mainSeqStateChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(JR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t3 } });
+      this._currentSeqState = t3, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStateChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t3 } });
     }
     get stepLength() {
       return this.commonTimeNode.children.length;
@@ -31659,9 +31676,9 @@ void main(void){
             if (t4) {
               t4.interactiveContainer.interactive = true, t4.interactiveContainer.cursor = "pointer";
               const n3 = () => {
-                this.ctx.eventHub.emit(JR.userInput);
+                this.ctx.eventHub.emit($R.userInput);
                 const t5 = `shape ${e3} onClick`, { mode: n4 } = this.ctx;
-                n4 !== "interactive" && n4 !== "sync" || this.ctx.eventHub.emit(JR.interactiveSeqAction, { action: t5, seqId: this.json.ctn.id }), n4 !== "sync" && n4 !== "local" || this.globalEventHub.emit(t5);
+                n4 !== "interactive" && n4 !== "sync" || this.ctx.eventHub.emit($R.interactiveSeqAction, { action: t5, seqId: this.json.ctn.id }), n4 !== "sync" && n4 !== "local" || this.globalEventHub.emit(t5);
               };
               t4.interactiveContainer.on("pointerdown", n3), this.interactiveListeners.push([t4, n3]);
             }
@@ -31682,7 +31699,7 @@ void main(void){
       this.currentSeqIndex = n3, this.currentSeqState = e3 === "start" ? "idle" : "end";
     }
   }
-  function eR(t3, e3, n3) {
+  function nR(t3, e3, n3) {
     const i3 = e3.split(".");
     i3.reduce((r3, o2, s3) => {
       if (r3)
@@ -31690,7 +31707,7 @@ void main(void){
       console.warn(`${t3} not support ${e3}`);
     }, t3);
   }
-  function nR(t3, e3) {
+  function iR(t3, e3) {
     if (!e3)
       return null;
     return e3.split(".").reduce((n3, i3) => {
@@ -31699,7 +31716,7 @@ void main(void){
       console.warn(`${t3} not support ${e3}`);
     }, t3);
   }
-  class iR {
+  class rR {
     constructor(t3) {
       this.timingTarget = null, this.runtimeNodeEventHub = new a.a(), this.basicOnTimeNodeEnd = () => {
         if (this.isConflict) {
@@ -31717,29 +31734,29 @@ void main(void){
         }
       };
       const { isIterate: e3, isSub: n3, json: i3, ctx: r3, parent: o2, eventHub: s3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t3;
-      this.json = i3, this.id = i3.cBhvr.ctn.id, this.ctx = r3, this.globalEventHub = s3, this.commonTimeNode = new RR({ json: i3.cBhvr.ctn, isSub: n3, eventHubs: { global: s3, runtime: this.runtimeNodeEventHub }, ctx: r3, parent: o2, isIterate: e3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i3.cBhvr.target, e3, { 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 = i3, this.id = i3.cBhvr.ctn.id, this.ctx = r3, this.globalEventHub = s3, this.commonTimeNode = new PR({ json: i3.cBhvr.ctn, isSub: n3, eventHubs: { global: s3, runtime: this.runtimeNodeEventHub }, ctx: r3, parent: o2, isIterate: e3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i3.cBhvr.target, e3, { 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(t3) {
       let e3 = t3.id;
       return t3.type === "shape" && t3.txEl && (e3 = `${e3}-txEl-${t3.txEl.range[0]}`), this.commonTimeNode.isIterate && (e3 = `${e3}-iterate-${this.commonTimeNode.iterateIndex}`), e3;
     }
   }
-  class rR extends iR {
+  class oR extends rR {
     constructor(t3) {
       super(t3), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.updateStartValue = () => {
-        this.timingTarget && (this.startVal = nR(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = iR(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.onSeekToStart = () => {
         const t4 = this.json.cBhvr.attrList[0];
-        this.startVal !== null && this.timingTarget && eR(this.timingTarget, t4, this.startVal);
+        this.startVal !== null && this.timingTarget && nR(this.timingTarget, t4, this.startVal);
       }, this.onSeekToEnd = () => {
         const t4 = this.json.cBhvr.attrList[0], e3 = this.json.cBhvr.to || this.json.to;
-        e3 && this.timingTarget && eR(this.timingTarget, t4, e3);
+        e3 && this.timingTarget && nR(this.timingTarget, t4, e3);
       }, this.commonTimeNode.on("timeNodeStart", this.updateStartValue), this.commonTimeNode.on("timeNodeCreate", this.updateStartValue), this.commonTimeNode.on("timeUpdate", ({ duration: t4, delta: e3 }) => {
         if (e3 / t4 >= 1) {
           const t5 = this.json.cBhvr.attrList[0];
           this.json.cBhvr.attrList.length > 1 && console.warn("this.json.cBhvr.attrList.length > 0");
           const e4 = this.json.cBhvr.to || this.json.to;
-          e4 && this.timingTarget && eR(this.timingTarget, t5, e4);
+          e4 && this.timingTarget && nR(this.timingTarget, t5, e4);
         }
       });
     }
@@ -31747,7 +31764,7 @@ void main(void){
       return this.json.cBhvr.attrList[0];
     }
   }
-  var oR = function(t3, e3, n3, i3) {
+  var sR = function(t3, e3, n3, i3) {
     var r3, o2 = arguments.length, s3 = o2 < 3 ? e3 : i3 === null ? i3 = Object.getOwnPropertyDescriptor(e3, n3) : i3;
     if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
       s3 = Reflect.decorate(t3, e3, n3, i3);
@@ -31756,7 +31773,7 @@ void main(void){
         (r3 = t3[a2]) && (s3 = (o2 < 3 ? r3(s3) : o2 > 3 ? r3(e3, n3, s3) : r3(e3, n3)) || s3);
     return o2 > 3 && s3 && Object.defineProperty(e3, n3, s3), s3;
   };
-  class sR {
+  class aR {
     constructor(t3, e3) {
       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: (t4) => t4 / Math.PI * 180, exp: Math.exp, floor: Math.floor, ln: Math.log, max: Math.max, min: Math.min, rad: (t4) => t4 / 180 * Math.PI, rand: Math.random, sin: Math.sin, sinh: Math.sinh, sqrt: Math.sqrt, tan: Math.tan, tanh: Math.tanh }, this.timingTarget = e3, this.val = t3.val.value, this.time = t3.time, t3.fmla && (this.fmla = this.parseFmla(t3.fmla));
     }
@@ -31768,7 +31785,7 @@ void main(void){
       }), new Function("vars", "math", "$", "return " + e3);
     }
   }
-  class aR extends sR {
+  class lR extends aR {
     constructor(t3, e3, n3) {
       super(t3, e3), this.value = t3.val.value, n3 && (this.fmla = this.parseFmla(n3));
     }
@@ -31780,8 +31797,8 @@ void main(void){
       return t3.fmla ? t3.fmla(n3, this.math, r3) : r3;
     }
   }
-  oR([YE()], aR.prototype, "interpolationFrom", null);
-  class lR extends sR {
+  sR([YE()], lR.prototype, "interpolationFrom", null);
+  class uR extends aR {
     constructor(t3, e3) {
       var n3;
       super(t3, e3), this.value = (n3 = t3.val) === null || n3 === void 0 ? void 0 : n3.value;
@@ -31794,8 +31811,8 @@ void main(void){
       return this.value || "";
     }
   }
-  oR([YE()], lR.prototype, "interpolationFrom", null);
-  class uR extends sR {
+  sR([YE()], uR.prototype, "interpolationFrom", null);
+  class hR extends aR {
     constructor(t3, e3) {
       super(t3, e3), this.fn = this.parseFmla(this.val);
     }
@@ -31807,8 +31824,8 @@ void main(void){
       return t3.fmla ? t3.fmla(n3, this.math, r3) : r3;
     }
   }
-  oR([YE()], uR.prototype, "interpolationFrom", null);
-  class hR extends sR {
+  sR([YE()], hR.prototype, "interpolationFrom", null);
+  class cR extends aR {
     constructor(t3, e3) {
       super(t3, e3), this.value = t3.val.value;
     }
@@ -31819,11 +31836,11 @@ void main(void){
       return this.value;
     }
   }
-  oR([YE()], hR.prototype, "interpolationFrom", null);
-  class cR extends iR {
+  sR([YE()], cR.prototype, "interpolationFrom", null);
+  class dR extends rR {
     constructor(t3) {
       super(t3), 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 = nR(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = iR(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.updateVars = () => {
         var t4, e3, n3, i3;
         ((t4 = this.timingTarget) === null || t4 === void 0 ? void 0 : t4.ppt_h) && (this.vars.ppt_h = this.timingTarget.ppt_h), ((e3 = this.timingTarget) === null || e3 === void 0 ? void 0 : e3.ppt_w) && (this.vars.ppt_w = this.timingTarget.ppt_w), ((n3 = this.timingTarget) === null || n3 === void 0 ? void 0 : n3.ppt_x) && (this.vars.ppt_x = this.timingTarget.ppt_x), ((i3 = this.timingTarget) === null || i3 === void 0 ? void 0 : i3.ppt_y) && (this.vars.ppt_y = this.timingTarget.ppt_y), this.isColorAnim;
@@ -31831,12 +31848,12 @@ void main(void){
         const n3 = e3 / t4, i3 = this.keyFrames.findIndex((t5) => n3 <= t5[0]), { attrList: r3 } = this.json.cBhvr;
         if (i3 < 0) {
           const t5 = this.keyFrames[this.keyFrames.length - 1];
-          return void (this.timingTarget && r3 && r3[0] && eR(this.timingTarget, r3[0], t5[1].resolveValue(this.vars)));
+          return void (this.timingTarget && r3 && r3[0] && nR(this.timingTarget, r3[0], t5[1].resolveValue(this.vars)));
         }
         const o2 = i3 - 1, s3 = this.keyFrames[i3], a2 = this.keyFrames[o2] || s3, l2 = s3[0] - a2[0] == 0 ? 1 : (n3 - a2[0]) / (s3[0] - a2[0]), u2 = s3[1].interpolationFrom(a2[1], l2, this.vars);
-        this.timingTarget && r3 && r3[0] && eR(this.timingTarget, r3[0], u2);
+        this.timingTarget && r3 && r3[0] && nR(this.timingTarget, r3[0], u2);
       }, this.onSeekToStart = () => {
-        this.startVal !== null && this.timingTarget && eR(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
+        this.startVal !== null && this.timingTarget && nR(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);
@@ -31852,24 +31869,24 @@ void main(void){
           if (this.json.from || this.startVal) {
             const t5 = { time: 0, val: { type: "string", value: this.json.from || this.startVal.toString() }, fmla: "" };
             if (e3 === "num" && this.timingTarget) {
-              const e4 = new uR(t5, this.timingTarget);
+              const e4 = new hR(t5, this.timingTarget);
               this.keyFrames.push([t5.time, e4]);
             }
           }
           const t4 = { time: 1, val: { type: "string", value: this.json.to }, fmla: "" };
           if (e3 === "num" && this.timingTarget) {
-            const e4 = new uR(t4, this.timingTarget);
+            const e4 = new hR(t4, this.timingTarget);
             this.keyFrames.push([t4.time, e4]);
           }
         } else if (this.json.by) {
           const n3 = { time: 0, val: { type: "string", value: this.json.cBhvr.attrList[0] }, fmla: "" };
           if (e3 === "num" && this.timingTarget) {
-            const t4 = new uR(n3, this.timingTarget);
+            const t4 = new hR(n3, this.timingTarget);
             this.keyFrames.push([n3.time, t4]);
           }
           const i3 = { time: 1, val: { type: "string", value: (((t3 = n3.val) === null || t3 === void 0 ? void 0 : t3.value) || "") + "+" + this.json.by }, fmla: "" };
           if (e3 === "num" && this.timingTarget) {
-            const t4 = new uR(i3, this.timingTarget);
+            const t4 = new hR(i3, this.timingTarget);
             this.keyFrames.push([i3.time, t4]);
           }
         }
@@ -31878,15 +31895,15 @@ void main(void){
         for (const t4 of this.json.tavLst)
           if (t4.val && this.timingTarget) {
             let n3 = null;
-            t4.val.type === "string" ? e3 === "num" ? n3 = new uR(t4, this.timingTarget) : e3 === "str" && (n3 = new lR(t4, this.timingTarget)) : t4.val.type === "number" ? n3 = new aR(t4, this.timingTarget) : t4.val.type === "color" ? (this.isColorAnim = true, n3 = new hR(t4, this.timingTarget)) : t4.val.type === "boolean" && console.warn("not implements"), n3 && this.keyFrames.push([t4.time, n3]);
+            t4.val.type === "string" ? e3 === "num" ? n3 = new hR(t4, this.timingTarget) : e3 === "str" && (n3 = new uR(t4, this.timingTarget)) : t4.val.type === "number" ? n3 = new lR(t4, this.timingTarget) : t4.val.type === "color" ? (this.isColorAnim = true, n3 = new cR(t4, this.timingTarget)) : t4.val.type === "boolean" && console.warn("not implements"), n3 && this.keyFrames.push([t4.time, n3]);
           }
       }
     }
   }
-  var dR = n2(50), pR = n2.n(dR), fR = n2(51), mR = n2.n(fR);
-  class gR extends Gx {
+  var pR = n2(50), fR = n2.n(pR), mR = n2(51), gR = n2.n(mR);
+  class vR extends Gx {
     constructor() {
-      super(mR.a, pR.a, { percent: 0, direction: 1, transition: 0 });
+      super(gR.a, fR.a, { percent: 0, direction: 1, transition: 0 });
     }
     set transition(t3) {
       this.uniforms.transition = t3;
@@ -31898,10 +31915,10 @@ void main(void){
       this.uniforms.direction = t3;
     }
   }
-  var vR = n2(52), _R = n2.n(vR);
-  class yR extends Gx {
+  var _R = n2(52), yR = n2.n(_R);
+  class xR extends Gx {
     constructor() {
-      super(void 0, _R.a, { percent: 0, transition: 1 });
+      super(void 0, yR.a, { percent: 0, transition: 1 });
     }
     set transition(t3) {
       this.uniforms.transition = Math.pow(t3, t3);
@@ -31910,7 +31927,7 @@ void main(void){
       this.uniforms.percent = t3;
     }
   }
-  class xR extends iR {
+  class bR extends rR {
     constructor(t3) {
       var e3;
       super(t3), this.filterType = "", this.isConflict = true, this.activeWhenConflict = "prev", this.onTimeUpdate = ({ duration: t4, delta: e4 }) => {
@@ -31931,10 +31948,10 @@ void main(void){
       if (i3) {
         const t4 = i3[1], e4 = i3[3];
         if (t4 === "wipe") {
-          const n4 = new gR();
+          const n4 = new vR();
           e4 === "up" ? n4.direction = 1 : e4 === "down" ? n4.direction = 2 : e4 === "left" ? n4.direction = 3 : e4 === "right" && (n4.direction = 4), this.filter = n4, this.filterType = `${t4}-${e4}`;
         } else if (t4 === "fade") {
-          const e5 = new yR();
+          const e5 = new xR();
           this.filter = e5, this.filterType = "" + t4;
         }
         this.filter && (this.filter.transition = n3);
@@ -31944,7 +31961,7 @@ void main(void){
       return this.filterType;
     }
   }
-  class bR extends iR {
+  class TR extends rR {
     constructor(t3) {
       super(t3), this.isConflict = true, this.activeWhenConflict = "next", this.startPos = null, this.onTimeNodeStart = () => {
         var t4, e3;
@@ -31997,7 +32014,7 @@ void main(void){
       this.path = e3;
     }
   }
-  class TR extends iR {
+  class wR extends rR {
     constructor(t3) {
       super(t3), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.onTimelineStart = (t4) => {
         t4.isReverse || this.updateCurrentValue();
@@ -32027,34 +32044,34 @@ void main(void){
       this.timingTarget && (this.current = { x: this.timingTarget.scale.x, y: this.timingTarget.scale.y });
     }
   }
-  class wR extends iR {
+  class SR extends rR {
     constructor(t3) {
       super(t3), this.isConflict = false, this.activeWhenConflict = "next", this.isTimelineStart = false, this.startColorString = null, this.currentColorString = "#FFFFFFFF", this.onTimelineStart = (t4) => {
         if (this.isTimelineStart)
           return;
         this.isTimelineStart = true, t4.isReverse || this.updateCurrentValue(), this.from.isInit() || this.from.fromHexString(this.currentColorString), this.to.isInit() || this.from.by(this.by, this.to);
         const [e3] = this.json.cBhvr.attrList[0].split(".");
-        eR(this.timingTarget, e3 + ".on", "true");
+        nR(this.timingTarget, e3 + ".on", "true");
       }, this.onTimeNodeEnd = () => {
         if (this.json.cBhvr.ctn.fill === "remove") {
           const [t4] = this.json.cBhvr.attrList[0].split(".");
-          eR(this.timingTarget, t4 + ".on", "false");
+          nR(this.timingTarget, t4 + ".on", "false");
         }
         this.isTimelineStart = false;
       }, this.onSeekToStart = () => {
         var t4;
         if (this.timingTarget && (this.onTimeUpdate({ duration: 1, delta: 0 }), ((t4 = this.timingTarget.fill) === null || t4 === void 0 ? void 0 : t4.designColor.toUpperCase()) === this.from.toHexString().toUpperCase())) {
           const [t5] = this.json.cBhvr.attrList[0].split(".");
-          eR(this.timingTarget, t5 + ".on", "false");
+          nR(this.timingTarget, t5 + ".on", "false");
         }
       }, this.onTimeNodeStart = () => {
         if (this.timingTarget) {
-          const t4 = nR(this.timingTarget, this.json.cBhvr.attrList[0]);
+          const t4 = iR(this.timingTarget, this.json.cBhvr.attrList[0]);
           t4 && (this.startColorString = t4);
         }
       }, this.onTimeUpdate = ({ delta: t4, duration: e3 }) => {
         const n3 = t4 / e3;
-        this.to.interpolationFrom(this.from, n3, this.target), this.timingTarget && eR(this.timingTarget, this.json.cBhvr.attrList[0], this.target.toHexString());
+        this.to.interpolationFrom(this.from, n3, this.target), this.timingTarget && nR(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);
@@ -32064,12 +32081,12 @@ void main(void){
     }
     updateCurrentValue() {
       if (this.timingTarget) {
-        const t3 = nR(this.timingTarget, this.json.cBhvr.attrList[0]);
+        const t3 = iR(this.timingTarget, this.json.cBhvr.attrList[0]);
         t3 && (this.currentColorString = t3);
       }
     }
   }
-  class SR extends iR {
+  class ER extends rR {
     constructor(t3) {
       super(t3), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.lastVal = null, this.onTimelineStart = (t4) => {
         this.lastVal = null, t4.isReverse || this.updateCurrentValue();
@@ -32102,7 +32119,7 @@ void main(void){
       this.currentVal = (t3 = this.timingTarget) === null || t3 === void 0 ? void 0 : t3.r;
     }
   }
-  class ER extends iR {
+  class MR extends rR {
     constructor(t3) {
       super(t3), this.isConflict = false, this.activeWhenConflict = "next", this.isApplied = false, this.onTimeUpdate = () => {
         var t4, e3;
@@ -32123,7 +32140,7 @@ void main(void){
       return ((e3 = (t3 = this.json) === null || t3 === void 0 ? void 0 : t3.cmd) !== null && e3 !== void 0 ? e3 : "") + ((i3 = (n3 = this.json) === null || n3 === void 0 ? void 0 : n3.cmdType) !== null && i3 !== void 0 ? i3 : "");
     }
   }
-  class MR {
+  class AR {
     constructor(t3) {
       this.runtimeNodeEventHub = new a.a(), this.stopAudio = () => {
         this.audio.stop();
@@ -32131,14 +32148,14 @@ void main(void){
         this.stopAudio(), this.audio.destroy(), this.ctx.activeMedia.delete(this.audio);
       };
       const { json: e3, isIterate: n3, isSub: i3, eventHub: r3, ctx: o2, parent: s3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t3;
-      this.json = e3, this.id = e3.cMediaNode.ctn.id, this.commonTimeNode = new RR({ json: e3.cMediaNode.ctn, isSub: i3, eventHubs: { global: r3, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s3, isIterate: n3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 });
+      this.json = e3, this.id = e3.cMediaNode.ctn.id, this.commonTimeNode = new PR({ json: e3.cMediaNode.ctn, isSub: i3, eventHubs: { global: r3, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s3, isIterate: n3, iterateType: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 });
       let d2 = e3.cMediaNode.tgtEl;
-      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e3.cMediaNode.tgtEl} to ${d2} by delegate.`, o2.taskId)), this.audio = new WA(d2, o2.runningAudio), o2.activeMedia.add(this.audio), this.commonTimeNode.on("timelineStart", () => {
+      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e3.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;
     }
   }
-  var AR = function(t3, e3, n3, i3) {
+  var RR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32163,7 +32180,7 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class RR extends a.a {
+  class PR extends a.a {
     constructor(t3) {
       var e3, n3;
       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 = () => {
@@ -32184,7 +32201,7 @@ void main(void){
       const { isSub: i3, isIterate: r3, ctx: o2, eventHubs: s3, parent: a2, json: l2, iterateType: u2, iterateId: h2, iterateIndex: c2, isInInteractiveSeq: d2 } = t3;
       this.isSub = i3, this.isInInteractiveSeq = d2, this.isIterate = r3, this.parentTimeNode = a2, this.json = l2, this.ctx = o2, this.iterateIndex = c2, this.eventHubs = s3, this.iterateType = u2, this.iterateId = h2, this.tmFilter = (n3 = (e3 = l2.tmFilter) === null || e3 === void 0 ? void 0 : e3.split(";").map((t4) => t4.split(",").map((t5) => parseFloat(t5.trim())))) !== null && n3 !== void 0 ? n3 : [];
       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 QA(this.json.id || "", l2.stCondLst, s3, this.ctx), this.endConds = new QA(this.json.id || "", l2.endCondLst, s3, this.ctx), l2.endSync && (this.endSync = new QA(this.json.id || "", [l2.endSync], s3, 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 tR(this.json.id || "", l2.stCondLst, s3, this.ctx), this.endConds = new tR(this.json.id || "", l2.endCondLst, s3, this.ctx), l2.endSync && (this.endSync = new tR(this.json.id || "", [l2.endSync], s3, this.ctx), this.endSync.on("active", () => {
         var t4;
         this.json.nodeType === "interactiveSeq" && (this.isActive = false, this.shouldSeekOnStart = true, this.emit("timeNodeEndSync"), (t4 = this.endSync) === null || t4 === void 0 || t4.reset());
       })), this.startConds.on("active", (t4) => {
@@ -32202,7 +32219,7 @@ void main(void){
         n4 === t3 && (e3 = false, this.ctx.eventHub.removeListener("IterateTimeNodeEnd", i3));
       };
       for (this.ctx.eventHub.on("IterateTimeNodeEnd", i3); e3; ) {
-        const e4 = JSON.parse(JSON.stringify(this.json)), i4 = new RR({ json: e4, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e4.iterate.type, iterateIndex: n3, iterateId: t3, isInInteractiveSeq: this.isInInteractiveSeq });
+        const e4 = JSON.parse(JSON.stringify(this.json)), i4 = new PR({ json: e4, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e4.iterate.type, iterateIndex: n3, iterateId: t3, isInInteractiveSeq: this.isInInteractiveSeq });
         this.iterateShadows[n3] = i4, n3 += 1;
       }
     }
@@ -32218,7 +32235,7 @@ void main(void){
     createTimeNode(t3, e3) {
       let n3 = null;
       const i3 = { json: t3, isSub: e3, 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 t3.type === "seq" ? n3 = new tR(i3) : t3.type === "par" ? n3 = new PR(i3) : t3.type === "set" ? n3 = new rR(i3) : t3.type === "anim" ? n3 = new cR(i3) : t3.type === "animEffect" ? n3 = new xR(i3) : t3.type === "animMotion" ? n3 = new bR(i3) : t3.type === "animScale" ? n3 = new TR(i3) : t3.type === "animClr" ? n3 = new wR(i3) : t3.type === "animRot" ? n3 = new SR(i3) : t3.type === "cmd" ? n3 = new ER(i3) : t3.type === "audio" && (n3 = new MR(i3)), n3;
+      return t3.type === "seq" ? n3 = new eR(i3) : t3.type === "par" ? n3 = new CR(i3) : t3.type === "set" ? n3 = new oR(i3) : t3.type === "anim" ? n3 = new dR(i3) : t3.type === "animEffect" ? n3 = new bR(i3) : t3.type === "animMotion" ? n3 = new TR(i3) : t3.type === "animScale" ? n3 = new wR(i3) : t3.type === "animClr" ? n3 = new SR(i3) : t3.type === "animRot" ? n3 = new ER(i3) : t3.type === "cmd" ? n3 = new MR(i3) : t3.type === "audio" && (n3 = new AR(i3)), n3;
     }
     createSubList(t3) {
       this.subList = [], t3.forEach((t4) => {
@@ -32279,7 +32296,7 @@ void main(void){
     startReverseTimeLine() {
       this.isEndEventsEmitted = false, this.timeDelta = 0;
       const t3 = 1e3 / this.ctx.ticker.maxFPS;
-      this.duration <= t3 && this.duration > 0 ? (this.emit("timeUpdate", { delta: this.duration, duration: this.duration, isReverse: this.isReverse }), this.ctx.eventHub.emit(JR.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t3 && (this.ctx.eventHub.emit(JR.animateStart), this.ctx.ticker.add(this.updateTimeLine));
+      this.duration <= t3 && 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 > t3 && (this.ctx.eventHub.emit($R.animateStart), this.ctx.ticker.add(this.updateTimeLine));
     }
     startTimeLine(t3 = true) {
       if (t3 && (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)
@@ -32288,10 +32305,10 @@ void main(void){
       const e3 = 1e3 / this.ctx.ticker.maxFPS;
       this.duration <= e3 && 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 > e3 && (this.ctx.eventHub.emit(JR.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
+      })) : this.duration > e3 && (this.ctx.eventHub.emit($R.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
     }
     startIterate() {
-      return AR(this, void 0, void 0, function* () {
+      return RR(this, void 0, void 0, function* () {
         if (this.json.iterate) {
           this.isIterateEnd = false;
           for (const t3 of this.iterateShadows) {
@@ -32396,7 +32413,7 @@ void main(void){
       });
     }
     dispose(t3 = false) {
-      this.isConflictDispose = t3, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(JR.animateEnd);
+      this.isConflictDispose = t3, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit($R.animateEnd);
       try {
         this.ctx.ticker.remove(this.updateTimeLine);
       } catch (t4) {
@@ -32432,11 +32449,11 @@ void main(void){
       this.emit("timeNodeDestroy"), this.isDestroy = true, this.dispose(), this.startConds.removeAllListeners(), this.endConds.removeAllListeners(), this.children.forEach((t3) => t3.commonTimeNode.destroy()), this.clearSubList();
     }
   }
-  class PR extends a.a {
+  class CR extends a.a {
     constructor(t3) {
       super(), this.isRunning = false, this.runtimeNodeEventHub = new a.a();
       const { json: e3, iterateType: n3, isIterate: i3, isSub: r3, parent: o2, ctx: s3, eventHub: l2, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 } = t3;
-      this.id = e3.ctn.id, this.json = e3, this.ctx = s3, this.isIterate = i3, this.globalEventHub = l2, this.commonTimeNode = new RR({ json: e3.ctn, isSub: r3, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s3, parent: o2, isIterate: false, iterateType: n3, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
+      this.id = e3.ctn.id, this.json = e3, this.ctx = s3, this.isIterate = i3, this.globalEventHub = l2, this.commonTimeNode = new PR({ json: e3.ctn, isSub: r3, eventHubs: { global: l2, runtime: this.runtimeNodeEventHub }, ctx: s3, parent: o2, isIterate: false, iterateType: n3, iterateIndex: u2, iterateId: h2, isInInteractiveSeq: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
         this.commonTimeNode.children.forEach((t4) => {
           t4.commonTimeNode.setReverse(this.commonTimeNode.getReverse()), t4.commonTimeNode.startTimeNode();
         }), this.isRunning || (this.isRunning = true, this.globalEventHub.emit(`runtime ${this.id} begin`), this.emit("begin"));
@@ -32449,7 +32466,7 @@ void main(void){
       });
     }
   }
-  var CR = function(t3, e3, n3, i3) {
+  var IR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32474,11 +32491,11 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class IR {
+  class OR {
     constructor(t3, e3, n3) {
       this.json = t3, this.ctx = n3, this.globalEventHub = e3;
       const i3 = t3.timeNodeList.find((t4) => t4.type === "par" && t4.ctn.nodeType === "tmRoot");
-      i3 && (this.tmRoot = new PR({ json: i3, isSub: false, isIterate: false, eventHub: e3, ctx: n3, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t4) => {
+      i3 && (this.tmRoot = new CR({ json: i3, isSub: false, isIterate: false, eventHub: e3, ctx: n3, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t4) => {
         var e4, n4, i4;
         return ((e4 = t4.json) === null || e4 === void 0 ? void 0 : e4.type) === "seq" && ((i4 = (n4 = t4.json) === null || n4 === void 0 ? void 0 : n4.ctn) === null || i4 === void 0 ? void 0 : i4.nodeType) === "mainSeq";
       }));
@@ -32492,7 +32509,7 @@ void main(void){
     }
     start() {
       var t3, e3;
-      return CR(this, void 0, void 0, function* () {
+      return IR(this, void 0, void 0, function* () {
         this.json.autoPlayMainSeq ? (yield this.ctx.clock.delay(16), (t3 = this.mainSeq) === null || t3 === void 0 || t3.commonTimeNode.startTimeNode()) : (e3 = this.mainSeq) === null || e3 === void 0 || e3.commonTimeNode.startTimeNode();
       });
     }
@@ -32550,7 +32567,7 @@ void main(void){
       this.globalEventHub.emit(t3);
     }
   }
-  var OR = function(t3, e3, n3, i3) {
+  var LR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32575,7 +32592,7 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class LR extends KA {
+  class NR extends QA {
     constructor(t3, e3, n3, i3) {
       super({ id: "stage", width: t3.width, height: t3.height, type: "Container", children: t3.children }, e3, n3, void 0, i3), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t3, e3.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e3;
       const r3 = new Aw();
@@ -32586,21 +32603,21 @@ void main(void){
     }
     initOnReuse() {
       super.initOnReuse(), this.ctx.timingEventHub.on("c:prev slide", (t3) => {
-        this.ctx.eventHub.emit(JR.requestPrevSlide, t3);
+        this.ctx.eventHub.emit($R.requestPrevSlide, t3);
       }), this.ctx.timingEventHub.on("c:next slide", (t3) => {
-        this.ctx.eventHub.emit(JR.requestNextSlide, t3);
+        this.ctx.eventHub.emit($R.requestNextSlide, t3);
       });
     }
     get interactiveContainer() {
       return this.container;
     }
     render(t3) {
-      this.isRendered || (this.isRendered = true, super.render(t3), t3.addSubMTask(() => OR(this, void 0, void 0, function* () {
+      this.isRendered || (this.isRendered = true, super.render(t3), t3.addSubMTask(() => LR(this, void 0, void 0, function* () {
         this.ctx.eventHub.emit("StageRenderEnd");
       }), "@StageImpl[emit.StageRenderEnd]"));
     }
     createTiming() {
-      this.json.timing && !this.timing && (this.timing = new IR(this.json.timing, this.ctx.timingEventHub, this.ctx));
+      this.json.timing && !this.timing && (this.timing = new OR(this.json.timing, this.ctx.timingEventHub, this.ctx));
     }
     startTiming() {
       var t3;
@@ -32655,11 +32672,11 @@ void main(void){
     }
     nextStep(t3 = false) {
       var e3;
-      this.hasTiming() && ((e3 = this.timing) === null || e3 === void 0 ? void 0 : e3.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t3)) : this.ctx.eventHub.emit(JR.requestNextSlide, t3);
+      this.hasTiming() && ((e3 = this.timing) === null || e3 === void 0 ? void 0 : e3.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t3)) : this.ctx.eventHub.emit($R.requestNextSlide, t3);
     }
     prevStep(t3 = false) {
       var e3;
-      this.hasTiming() && ((e3 = this.timing) === null || e3 === void 0 ? void 0 : e3.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t3)) : this.ctx.eventHub.emit(JR.requestPrevSlide, t3);
+      this.hasTiming() && ((e3 = this.timing) === null || e3 === void 0 ? void 0 : e3.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t3)) : this.ctx.eventHub.emit($R.requestPrevSlide, t3);
     }
     applyInteractiveAction(t3) {
       var e3;
@@ -32674,7 +32691,7 @@ void main(void){
       (i3 = this.timing) === null || i3 === void 0 || i3.setInteractiveSeqState(t3, e3, n3);
     }
     setMediaState(t3, e3) {
-      return OR(this, void 0, void 0, function* () {
+      return LR(this, void 0, void 0, function* () {
         const n3 = this.ctx.medias[t3];
         n3 && (e3 ? yield n3.play() : yield n3.pause());
       });
@@ -32684,7 +32701,7 @@ void main(void){
       n3 && n3.seek(e3);
     }
   }
-  class NR {
+  class DR {
     constructor(t3) {
       this.ticker = t3, this.tasks = [], this.couldRunning = false, this.applyNext = () => {
         const t4 = this.tasks[0];
@@ -32707,7 +32724,7 @@ void main(void){
       this.couldRunning = false;
     }
   }
-  var DR = function(t3, e3, n3, i3) {
+  var FR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32732,8 +32749,8 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  const FR = (t3) => new Promise((e3) => setTimeout(e3, t3));
-  class BR extends a.a {
+  const BR = (t3) => new Promise((e3) => setTimeout(e3, t3));
+  class UR extends a.a {
     constructor(t3, e3, n3) {
       super(), this.slideIndex = t3, this.taskId = e3, this.logger = n3, this.uuid = eM(), this.isCancel = false, this.tasks = [];
     }
@@ -32765,10 +32782,10 @@ void main(void){
       }));
     }
     applyAll() {
-      return DR(this, void 0, void 0, function* () {
+      return FR(this, void 0, void 0, function* () {
         for (; !this.tasks.every((t3) => t3.state === "finish"); )
           if (this.tasks.some((t3) => t3.state === "running"))
-            yield FR(16);
+            yield BR(16);
           else {
             if (this.tasks.some((t3) => t3.state === "error"))
               return;
@@ -32795,16 +32812,16 @@ void main(void){
       });
     }
   }
-  var UR = n2(53);
-  const kR = new (n2.n(UR)).a(), GR = kR.getDevice(), HR = kR.getBrowser(), zR = kR.getOS(), jR = { isDesktop() {
+  var kR = n2(53);
+  const GR = new (n2.n(kR)).a(), HR = GR.getDevice(), zR = GR.getBrowser(), jR = GR.getOS(), VR = { isDesktop() {
     let t3 = true;
-    return GR.type === "mobile" && (t3 = false), /Samsung/.test(HR.name || "") && (t3 = false), window.__nativeTags && window.__nativeTags.platform && (t3 = false), t3;
+    return HR.type === "mobile" && (t3 = false), /Samsung/.test(zR.name || "") && (t3 = false), window.__nativeTags && window.__nativeTags.platform && (t3 = false), t3;
   }, isIOS() {
     let t3 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t3 = true), zR.name && /iOS/.test(zR.name) && (t3 = true), t3;
+    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t3 = true), jR.name && /iOS/.test(jR.name) && (t3 = true), t3;
   }, isAndroid() {
     let t3 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t3 = true), zR.name && /android/i.test(zR.name) && (t3 = true), t3;
+    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t3 = true), jR.name && /android/i.test(jR.name) && (t3 = true), t3;
   }, isLowGpuMemory() {
     var t3, e3;
     const n3 = (e3 = (t3 = window.__nativeTags) === null || t3 === void 0 ? void 0 : t3.platform) !== null && e3 !== void 0 ? e3 : "";
@@ -32825,7 +32842,7 @@ void main(void){
     }
     return true;
   } };
-  var VR = function(t3, e3, n3, i3) {
+  var WR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32850,23 +32867,23 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class WR {
+  class XR {
     constructor(t3, e3, n3, i3, r3, o2, s3, a2, l2, u2, h2, c2, d2) {
-      this.loader = t3, this.mode = e3, this.renderer = n3, this.ticker = i3, this.view = r3, this.clock = o2, this.objPoolGroup = s3, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, 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(i3);
+      this.loader = t3, this.mode = e3, this.renderer = n3, this.ticker = i3, this.view = r3, this.clock = o2, this.objPoolGroup = s3, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, this.currentStageIndex = 0, this.cacheCount = VR.isDesktop() ? 2 : 1, this.stageStates = /* @__PURE__ */ Object.create(null), this.stageJsons = /* @__PURE__ */ Object.create(null), this.stageCtxs = /* @__PURE__ */ Object.create(null), this.stageImpls = /* @__PURE__ */ Object.create(null), this.taskId = "", this.url = "", this.runningAudio = /* @__PURE__ */ new Map(), this.activeMedia = /* @__PURE__ */ new Set(), this.microTaskManager = new DR(i3);
     }
     setResourceData(t3, e3) {
       this.taskId = t3, this.url = e3;
     }
     createCtx(t3) {
       const { task: e3 } = this.stageStates[t3];
-      e3.addMTask(() => VR(this, void 0, void 0, function* () {
+      e3.addMTask(() => WR(this, void 0, void 0, function* () {
         const e4 = new dM(this.loader), n3 = new a.a(), i3 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new bM(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new wM(n3), eventHub: n3, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new TM(), clock: this.clock, spriteTexture: e4, slideIndex: t3, 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 };
         this.stageCtxs[t3] = i3;
       }), "@StagePool[createCtx]");
     }
     loadStageJson(t3) {
       const { task: e3 } = this.stageStates[t3];
-      e3.addMTask(() => VR(this, void 0, void 0, function* () {
+      e3.addMTask(() => WR(this, void 0, void 0, function* () {
         const e4 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t3}.json`);
         this.stageJsons[t3] = e4, this.stageCtxs[t3].stageWidth = e4.width, this.stageCtxs[t3].stageHeight = e4.height;
       }), "@StagePool[loadStageJson]");
@@ -32891,7 +32908,7 @@ void main(void){
     createStage(t3) {
       const { task: e3 } = this.stageStates[t3];
       e3.addMTask(() => {
-        const n3 = this.stageJsons[t3], i3 = this.stageCtxs[t3], r3 = new LR(n3, i3, { x: 0, y: 0 }, e3);
+        const n3 = this.stageJsons[t3], i3 = this.stageCtxs[t3], r3 = new NR(n3, i3, { x: 0, y: 0 }, e3);
         return this.stageImpls[t3] = r3, Promise.resolve();
       }, "@StagePool[createStage]");
     }
@@ -32901,7 +32918,7 @@ void main(void){
     }
     createGraphicsTexture(t3) {
       const { task: e3 } = this.stageStates[t3];
-      e3.addMTask(() => VR(this, void 0, void 0, function* () {
+      e3.addMTask(() => WR(this, void 0, void 0, function* () {
         const n3 = this.stageCtxs[t3];
         n3.graphicsTexture.pack().forEach((t4, i3) => {
           e3.addSubMTask(() => n3.graphicsTexture.render(t4, i3, this.objPoolGroup), "@StagePool[graphicsTexture.render]");
@@ -32910,12 +32927,12 @@ void main(void){
     }
     renderStage(t3) {
       const { task: e3 } = this.stageStates[t3];
-      e3.addMTask(() => VR(this, void 0, void 0, function* () {
+      e3.addMTask(() => WR(this, void 0, void 0, function* () {
         const n3 = this.stageImpls[t3], i3 = this.stageCtxs[t3];
-        yield n3.render(e3), e3.addSubMTask(() => VR(this, void 0, void 0, function* () {
+        yield n3.render(e3), e3.addSubMTask(() => WR(this, void 0, void 0, function* () {
           var e4;
           const r3 = `snapshot-${t3.toString()}-start`;
-          if (!(yield (e4 = this.localstorage) === null || e4 === void 0 ? void 0 : e4.getItem(r3)) && $R.platform.isLowGpuMemory()) {
+          if (!(yield (e4 = this.localstorage) === null || e4 === void 0 ? void 0 : e4.getItem(r3)) && KR.platform.isLowGpuMemory()) {
             n3.createTiming(), n3.container.visible = true, n3.collectMainSeqStartValue(), n3.setMainSeqStep(0, "start");
             const t4 = Hy.create({ width: n3.json.width, height: n3.json.height, resolution: 1 });
             i3.renderer.render(n3.container, { renderTexture: t4 });
@@ -32945,7 +32962,7 @@ void main(void){
     preload(t3, e3 = false) {
       if (this.stageImpls[t3] || this.stageStates[t3])
         return Promise.resolve();
-      const n3 = new BR(t3, this.taskId, this.logger);
+      const n3 = new UR(t3, this.taskId, this.logger);
       return n3.on("task-error", (t4, e4) => {
         delete this.stageStates[e4], delete this.stageImpls[e4], delete this.stageCtxs[e4], this.errorChannel.emit("error", t4, e4);
       }), this.stageStates[t3] = { state: "load", task: n3 }, this.createCtx(t3), this.loadStageJson(t3), this.loadSpriteSheets(t3), this.createStage(t3), this.preRenderStage(t3), this.createGraphicsTexture(t3), this.renderStage(t3), this.microTaskManager.addTask(n3), e3 ? n3.applyAll() : new Promise((e4) => {
@@ -32959,7 +32976,7 @@ void main(void){
       return this.stageJsons[t3] || null;
     }
     getStage(t3) {
-      return VR(this, void 0, void 0, function* () {
+      return WR(this, void 0, void 0, function* () {
         this.currentStageIndex = t3;
         const e3 = this.stageStates[t3];
         return (e3 == null ? void 0 : e3.state) === "finish" && this.stageImpls[t3] ? this.stageImpls[t3] : (e3 == null ? void 0 : e3.state) === "load" ? (yield e3.task.applyAll(), this.stageImpls[t3]) : (yield this.preload(t3, true), this.stageImpls[t3]);
@@ -32969,7 +32986,7 @@ void main(void){
       this.runningAudio.clear();
     }
   }
-  var XR = function(t3, e3, n3, i3) {
+  var qR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -32994,10 +33011,10 @@ void main(void){
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
   };
-  class qR {
+  class YR {
     constructor(t3) {
       var e3;
-      this.logger = t3, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e3 = qR.localCache) === null || e3 === void 0 || e3.ready(() => {
+      this.logger = t3, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e3 = YR.localCache) === null || e3 === void 0 || e3.ready(() => {
         this.isIndexDBReady = true;
       }).catch(() => {
         t3.warn("local storage not ready", this.taskId);
@@ -33010,17 +33027,17 @@ void main(void){
       this.taskId = t3;
     }
     getItem(t3) {
-      return XR(this, void 0, void 0, function* () {
+      return qR(this, void 0, void 0, function* () {
         let e3 = null;
-        return this.couldUseIndexDBCache && qR.localCache && (e3 = yield iM(() => qR.localCache.getItem(`${this.taskId}/${t3}`), 500)), e3 = e3 === nM ? null : e3, e3 || this.memoryCache.get(t3) || null;
+        return this.couldUseIndexDBCache && YR.localCache && (e3 = yield iM(() => YR.localCache.getItem(`${this.taskId}/${t3}`), 500)), e3 = e3 === nM ? null : e3, e3 || this.memoryCache.get(t3) || null;
       });
     }
     setItem(t3, e3, n3 = false) {
-      return XR(this, void 0, void 0, function* () {
+      return qR(this, void 0, void 0, function* () {
         if (!this.couldUseIndexDBCache)
           return n3 && this.memoryCache.set(t3, e3), Promise.resolve();
-        if (qR.localCache) {
-          (yield iM(() => qR.localCache.setItem(`${this.taskId}/${t3}`, e3).catch(() => {
+        if (YR.localCache) {
+          (yield iM(() => YR.localCache.setItem(`${this.taskId}/${t3}`, e3).catch(() => {
             n3 && this.memoryCache.set(t3, e3);
           }), 500)) === nM && n3 && this.memoryCache.set(t3, e3);
         }
@@ -33028,21 +33045,21 @@ void main(void){
     }
     dispose() {
       var t3;
-      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t3 = qR.localCache) === null || t3 === void 0 || t3.keys().then((t4) => {
+      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t3 = YR.localCache) === null || t3 === void 0 || t3.keys().then((t4) => {
         t4.filter((t5) => t5.indexOf(this.taskId) >= 0).forEach((t5) => {
           var e3;
-          (e3 = qR.localCache) === null || e3 === void 0 || e3.removeItem(t5).catch(() => {
+          (e3 = YR.localCache) === null || e3 === void 0 || e3.removeItem(t5).catch(() => {
           });
         });
       }));
     }
   }
-  qR.localCache = null;
+  YR.localCache = null;
   try {
-    qR.localCache = o.createInstance({ name: "slide_local_cache", driver: o.INDEXEDDB, version: 1 });
+    YR.localCache = o.createInstance({ name: "slide_local_cache", driver: o.INDEXEDDB, version: 1 });
   } catch (t3) {
   }
-  var YR = function(t3, e3, n3, i3) {
+  var ZR = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -33068,14 +33085,14 @@ void main(void){
     });
   };
   r2.skipHello();
-  const ZR = { 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" }, JR = { 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 $R 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(t3, e3 = {}) {
       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 = t3.logger, this.mode = t3.mode, this.localStorage = new qR(this.logger);
+      }, this.logger = t3.logger, this.mode = t3.mode, this.localStorage = new YR(this.logger);
       let n3 = Math.max(window.devicePixelRatio, 2);
-      jR.isDesktop() || (n3 = 1), this.config = { minFPS: Object(l.isUndefined)(e3.minFPS) ? 30 : e3.minFPS, maxFPS: Object(l.isUndefined)(e3.maxFPS) ? 40 : e3.maxFPS, resolution: Object(l.isUndefined)(e3.resolution) ? n3 : e3.resolution, autoFPS: !Object(l.isUndefined)(e3.autoFPS) && e3.autoFPS, autoResolution: !Object(l.isUndefined)(e3.autoResolution) && e3.autoResolution, transactionBgColor: Object(l.isUndefined)(e3.transactionBgColor) ? 0 : e3.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e3.maxResolutionLevel) }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new sM(this.localStorage, t3.useLocalCache, this.logger, t3.resourceTimeout, t3.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;
+      VR.isDesktop() || (n3 = 1), this.config = { minFPS: Object(l.isUndefined)(e3.minFPS) ? 30 : e3.minFPS, maxFPS: Object(l.isUndefined)(e3.maxFPS) ? 40 : e3.maxFPS, resolution: Object(l.isUndefined)(e3.resolution) ? n3 : e3.resolution, autoFPS: !Object(l.isUndefined)(e3.autoFPS) && e3.autoFPS, autoResolution: !Object(l.isUndefined)(e3.autoResolution) && e3.autoResolution, transactionBgColor: Object(l.isUndefined)(e3.transactionBgColor) ? 0 : e3.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e3.maxResolutionLevel) }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new sM(this.localStorage, t3.useLocalCache, this.logger, t3.resourceTimeout, t3.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 i3 = this.app.renderer, { drawElements: r3 } = i3.gl;
       i3.gl.drawElements = (...t4) => {
         r3.call(i3.gl, ...t4), this.drawCall += 1;
@@ -33101,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 WR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t3.loadDelegate, this.isPlayerPaused, this.maxResolution), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
+      }, null, ey.LOW), this.clock = new lM(this.app.ticker), this.objPoolGroup = eM(), this.stagePool = new XR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t3.loadDelegate, this.isPlayerPaused, this.maxResolution), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
       try {
         this.transactionPlayer = new og();
       } catch (t4) {
@@ -33120,7 +33137,7 @@ void main(void){
       return ((t3 = this.currentStage) === null || t3 === void 0 ? void 0 : t3.json.prevIndex) ? this.currentStage.json.prevIndex : this.currentIndex - 1;
     }
     getMaxResolution(t3) {
-      return !Object(l.isUndefined)(t3) && Number.isInteger(t3) ? (t3 < 1 && (t3 = 1), t3 > 4 && (t3 = 4), t3) : $R.platform.isAndroid() || $R.platform.isIOS() ? 2 : 4;
+      return !Object(l.isUndefined)(t3) && Number.isInteger(t3) ? (t3 < 1 && (t3 = 1), t3 > 4 && (t3 = 4), t3) : KR.platform.isAndroid() || KR.platform.isIOS() ? 2 : 4;
     }
     updateMaxResolutionLevel(t3) {
       t3 < 1 && (t3 = 1), t3 > 4 && (t3 = 4);
@@ -33131,7 +33148,7 @@ void main(void){
       Object(l.isUndefined)(t3.minFPS) || (this.config.minFPS = t3.minFPS, this.app.ticker.minFPS = t3.minFPS), Object(l.isUndefined)(t3.maxFPS) || (this.config.maxFPS = t3.maxFPS, this.app.ticker.maxFPS = t3.maxFPS), Object(l.isUndefined)(t3.resolution) || (this.config.resolution = t3.resolution, this.updateResolution(this.scale * this.config.resolution)), Object(l.isUndefined)(t3.autoFPS) || (this.config.autoFPS = t3.autoFPS), Object(l.isUndefined)(t3.autoResolution) || (this.config.autoResolution = t3.autoResolution), Object(l.isUndefined)(t3.transactionBgColor) || (this.config.transactionBgColor = t3.transactionBgColor), this.taskId && this.logger.info("ppt player update config: " + JSON.stringify(this.config), this.taskId), Object(l.isUndefined)(t3.maxResolutionLevel) || (this.config.maxResolutionLevel = t3.maxResolutionLevel, this.updateMaxResolutionLevel(this.config.maxResolutionLevel));
     }
     preload(t3) {
-      return YR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         t3 < 1 || t3 > this.slideCount || (this.logger.info(`preload slide ${t3} begin`, this.taskId), yield this.stagePool.preload(t3), this.logger.info(`preload slide ${t3} end`, this.taskId));
       });
     }
@@ -33150,14 +33167,14 @@ void main(void){
     }
     renderSlide(t3, e3 = false) {
       var n3;
-      return YR(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 " + t3, this.taskId), this.emit(JR.renderStart, t3);
+        this.logger.info("render slide " + t3, this.taskId), this.emit($R.renderStart, t3);
         const i3 = yield this.stagePool.getStage(t3);
         if (!i3)
           return;
-        this.translateEvent(i3.ctx.eventHub, [JR.mainSeqStepChange, JR.mainSeqStateChange, JR.hyperlinkTrigger, JR.interactiveSeqAction, JR.mainSeqStepStart, JR.mainSeqStepEnd, JR.animateStart, JR.animateEnd, JR.mediaPlay, JR.mediaPause, JR.mediaSeek, JR.requestGotoSlide, JR.requestNextSlide, JR.requestPrevSlide, JR.interactiveSeqStateChange, JR.userInput]), this.currentIndex = Number(t3);
+        this.translateEvent(i3.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(t3);
         const { width: r3, height: o2, slideCount: s3 } = i3.json;
         this.slideCount = s3, this.designWidth = r3, this.designHeight = o2, i3.json.transition && i3.json.transition.type && !this.prevSlideBase64 && this.currentStage && (this.prevSlideBase64 = this.getBase64(this.currentStage)), (n3 = this.currentStage) === null || n3 === void 0 || n3.clearOnSlideChange();
         const a2 = this.currentStage;
@@ -33169,23 +33186,23 @@ void main(void){
         }
         i3.container.visible = false, this.app.stage.addChild(i3.container);
         let { transition: u2 } = i3.json;
-        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i3 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i3), this.prevSlideBase64 = null), this.isForward ? yield i3.startTiming() : i3.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i3.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i3.ctx.slideScopeEventHub.emit("slide-render", i3.ctx.slideIndex), this.emit(JR.renderEnd, t3), this.emit(JR.slideChange, t3), this.preload(t3 + 1).catch((e4) => {
+        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i3 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i3), this.prevSlideBase64 = null), this.isForward ? yield i3.startTiming() : i3.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i3.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i3.ctx.slideScopeEventHub.emit("slide-render", i3.ctx.slideIndex), this.emit($R.renderEnd, t3), this.emit($R.slideChange, t3), this.preload(t3 + 1).catch((e4) => {
           this.errorChannel.emit("error", qE.transform(e4), t3 + 1);
         }), this.preload(t3 - 1).catch((e4) => {
           this.errorChannel.emit("error", qE.transform(e4), t3 - 1);
         });
       });
     }
-    renderToBase64(t3, e3) {
-      return YR(this, void 0, void 0, function* () {
-        const n3 = yield this.stagePool.getStage(t3);
-        if (n3) {
-          const { width: i3, height: r3 } = n3.json;
-          this.designWidth = i3, this.designHeight = r3;
-          const o2 = Hy.create({ width: this.designWidth, height: this.designHeight, resolution: e3 });
-          n3.container.visible = true, this.app.renderer.render(n3.container, { renderTexture: o2 });
-          const s3 = this.app.renderer.plugins.extract.base64(o2, "image/jpeg");
-          return this.stagePool.destroyStageByIndex(t3), s3;
+    renderToBase64(t3, e3, n3) {
+      return ZR(this, void 0, void 0, function* () {
+        const i3 = yield this.stagePool.getStage(t3);
+        if (i3) {
+          const { width: r3, height: o2 } = i3.json;
+          this.designWidth = r3, this.designHeight = o2;
+          const s3 = Hy.create({ width: this.designWidth, height: this.designHeight, resolution: e3 });
+          i3.container.visible = true, this.app.renderer.render(i3.container, { renderTexture: s3 });
+          const a2 = this.app.renderer.plugins.extract.base64(s3, n3);
+          return this.stagePool.destroyStageByIndex(t3), a2;
         }
         return "__null__";
       });
@@ -33199,16 +33216,16 @@ void main(void){
       return e3.destroy(true), n3;
     }
     playTransaction(t3, e3, n3, i3, r3) {
-      return YR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         const o2 = this.app.view.parentElement;
-        if (t3 && e3 && o2 && ZR[n3.type] && this.transactionPlayer) {
+        if (t3 && e3 && o2 && JR[n3.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.transactionSprite.visible = false, this.app.stage.addChild(this.transactionSprite);
           const o3 = this.transactionPlayer.renderer.domElement, s3 = ky.from(o3), a2 = () => s3.update();
           return this.app.ticker.add(a2), this.transactionSprite.texture = s3, setTimeout(() => {
             this.transactionSprite.visible = true;
           }, 100), new Promise((o4) => {
             var s4, l2, u2, h2;
-            (s4 = this.transactionPlayer) === null || s4 === void 0 || s4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: ZR[n3.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: () => {
+            (s4 = this.transactionPlayer) === null || s4 === void 0 || s4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: JR[n3.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 t4, e4;
               o4(), i3.container.visible = false, r3.container.visible = true, (t4 = this.app.stage) === null || t4 === void 0 || t4.removeChild(this.transactionSprite), (e4 = this.app.ticker) === null || e4 === void 0 || e4.remove(a2);
             } });
@@ -33226,7 +33243,7 @@ void main(void){
     }
     updateResolution(t3, e3) {
       this.app.ticker.addOnce(() => {
-        let n3 = jR.isDesktop() ? t3 : 1;
+        let n3 = VR.isDesktop() ? t3 : 1;
         for (; n3 * this.designWidth > this.maxResolution.x || n3 * this.designHeight > this.maxResolution.y; )
           n3 -= 0.1;
         this.app.renderer.resolution = n3, this.app.renderer.plugins.interaction.resolution = this.app.renderer.resolution, this.app.renderer.resize(this.designWidth, this.designHeight), Object(l.isFunction)(e3) && e3();
@@ -33301,7 +33318,7 @@ void main(void){
     }
     setMediaState(t3, e3) {
       var n3;
-      return YR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         yield (n3 = this.currentStage) === null || n3 === void 0 ? void 0 : n3.setMediaState(t3, e3);
       });
     }
@@ -33325,7 +33342,7 @@ void main(void){
       return this.currentStage && this.getBase64(this.currentStage) || "";
     }
     createSnapshotForNextSlide(t3) {
-      return YR(this, void 0, void 0, function* () {
+      return ZR(this, void 0, void 0, function* () {
         const e3 = this.nextSlideIndex, n3 = this.stagePool.getStageJson(e3);
         if (n3 && n3.transition && n3.transition.type && this.currentStage && this.transactionPlayer) {
           const e4 = t3 ? `snapshot-${this.currentStage.json.index}-start` : `snapshot-${this.currentStage.json.index}-end`;
@@ -33344,7 +33361,7 @@ void main(void){
     }
     static clearLocalCache() {
       var t3;
-      (t3 = qR.localCache) === null || t3 === void 0 || t3.clear().catch(() => {
+      (t3 = YR.localCache) === null || t3 === void 0 || t3.clear().catch(() => {
       });
     }
     destroy() {
@@ -33365,18 +33382,23 @@ void main(void){
       }
     }
   }
-  $R.platform = jR, $R.RtcAudioClazz = null;
-  var KR, QR = [], tP = "ResizeObserver loop completed with undelivered notifications.";
+  KR.platform = VR, KR.RtcAudioClazz = null;
+  var QR = /* @__PURE__ */ new Map();
+  function tP(t3) {
+    var e3 = QR.get(t3.hookPoint) || [];
+    e3.push(t3), QR.set(t3.hookPoint, e3);
+  }
+  var eP, nP = [], iP = "ResizeObserver loop completed with undelivered notifications.";
   !function(t3) {
     t3.BORDER_BOX = "border-box", t3.CONTENT_BOX = "content-box", t3.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-  }(KR || (KR = {}));
-  var eP, nP = function(t3) {
+  }(eP || (eP = {}));
+  var rP, oP = function(t3) {
     return Object.freeze(t3);
-  }, iP = function(t3, e3) {
-    this.inlineSize = t3, this.blockSize = e3, nP(this);
-  }, rP = function() {
+  }, sP = function(t3, e3) {
+    this.inlineSize = t3, this.blockSize = e3, oP(this);
+  }, aP = function() {
     function t3(t4, e3, n3, i3) {
-      return this.x = t4, this.y = e3, this.width = n3, this.height = i3, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, nP(this);
+      return this.x = t4, this.y = e3, this.width = n3, this.height = i3, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, oP(this);
     }
     return t3.prototype.toJSON = function() {
       var t4 = this;
@@ -33384,59 +33406,59 @@ void main(void){
     }, t3.fromRect = function(e3) {
       return new t3(e3.x, e3.y, e3.width, e3.height);
     }, t3;
-  }(), oP = function(t3) {
+  }(), lP = function(t3) {
     return t3 instanceof SVGElement && "getBBox" in t3;
-  }, sP = function(t3) {
-    if (oP(t3)) {
+  }, uP = function(t3) {
+    if (lP(t3)) {
       var e3 = t3.getBBox(), n3 = e3.width, i3 = e3.height;
       return !n3 && !i3;
     }
     var r3 = t3, o2 = r3.offsetWidth, s3 = r3.offsetHeight;
     return !(o2 || s3 || t3.getClientRects().length);
-  }, aP = function(t3) {
+  }, hP = function(t3) {
     var e3, n3;
     if (t3 instanceof Element)
       return true;
     var i3 = (n3 = (e3 = t3) === null || e3 === void 0 ? void 0 : e3.ownerDocument) === null || n3 === void 0 ? void 0 : n3.defaultView;
     return !!(i3 && t3 instanceof i3.Element);
-  }, lP = typeof window != "undefined" ? window : {}, uP = /* @__PURE__ */ new WeakMap(), hP = /auto|scroll/, cP = /^tb|vertical/, dP = /msie|trident/i.test(lP.navigator && lP.navigator.userAgent), pP = function(t3) {
+  }, 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(t3) {
     return parseFloat(t3 || "0");
-  }, fP = function(t3, e3, n3) {
-    return t3 === void 0 && (t3 = 0), e3 === void 0 && (e3 = 0), n3 === void 0 && (n3 = false), new iP((n3 ? e3 : t3) || 0, (n3 ? t3 : e3) || 0);
-  }, mP = nP({ devicePixelContentBoxSize: fP(), borderBoxSize: fP(), contentBoxSize: fP(), contentRect: new rP(0, 0, 0, 0) }), gP = function(t3, e3) {
-    if (e3 === void 0 && (e3 = false), uP.has(t3) && !e3)
-      return uP.get(t3);
-    if (sP(t3))
-      return uP.set(t3, mP), mP;
-    var n3 = getComputedStyle(t3), i3 = oP(t3) && t3.ownerSVGElement && t3.getBBox(), r3 = !dP && n3.boxSizing === "border-box", o2 = cP.test(n3.writingMode || ""), s3 = !i3 && hP.test(n3.overflowY || ""), a2 = !i3 && hP.test(n3.overflowX || ""), l2 = i3 ? 0 : pP(n3.paddingTop), u2 = i3 ? 0 : pP(n3.paddingRight), h2 = i3 ? 0 : pP(n3.paddingBottom), c2 = i3 ? 0 : pP(n3.paddingLeft), d2 = i3 ? 0 : pP(n3.borderTopWidth), p2 = i3 ? 0 : pP(n3.borderRightWidth), f2 = i3 ? 0 : pP(n3.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i3 ? 0 : pP(n3.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t3.offsetHeight - _2 - t3.clientHeight : 0, x2 = s3 ? t3.offsetWidth - v2 - t3.clientWidth : 0, b2 = r3 ? m2 + v2 : 0, T2 = r3 ? g2 + _2 : 0, w2 = i3 ? i3.width : pP(n3.width) - b2 - x2, S2 = i3 ? i3.height : pP(n3.height) - T2 - y2, E2 = w2 + m2 + x2 + v2, M2 = S2 + g2 + y2 + _2, A2 = nP({ devicePixelContentBoxSize: fP(Math.round(w2 * devicePixelRatio), Math.round(S2 * devicePixelRatio), o2), borderBoxSize: fP(E2, M2, o2), contentBoxSize: fP(w2, S2, o2), contentRect: new rP(c2, l2, w2, S2) });
-    return uP.set(t3, A2), A2;
   }, vP = function(t3, e3, n3) {
-    var i3 = gP(t3, n3), r3 = i3.borderBoxSize, o2 = i3.contentBoxSize, s3 = i3.devicePixelContentBoxSize;
+    return t3 === void 0 && (t3 = 0), e3 === void 0 && (e3 = 0), n3 === void 0 && (n3 = false), new sP((n3 ? e3 : t3) || 0, (n3 ? t3 : e3) || 0);
+  }, _P = oP({ devicePixelContentBoxSize: vP(), borderBoxSize: vP(), contentBoxSize: vP(), contentRect: new aP(0, 0, 0, 0) }), yP = function(t3, e3) {
+    if (e3 === void 0 && (e3 = false), dP.has(t3) && !e3)
+      return dP.get(t3);
+    if (uP(t3))
+      return dP.set(t3, _P), _P;
+    var n3 = getComputedStyle(t3), i3 = lP(t3) && t3.ownerSVGElement && t3.getBBox(), r3 = !mP && n3.boxSizing === "border-box", o2 = fP.test(n3.writingMode || ""), s3 = !i3 && pP.test(n3.overflowY || ""), a2 = !i3 && pP.test(n3.overflowX || ""), l2 = i3 ? 0 : gP(n3.paddingTop), u2 = i3 ? 0 : gP(n3.paddingRight), h2 = i3 ? 0 : gP(n3.paddingBottom), c2 = i3 ? 0 : gP(n3.paddingLeft), d2 = i3 ? 0 : gP(n3.borderTopWidth), p2 = i3 ? 0 : gP(n3.borderRightWidth), f2 = i3 ? 0 : gP(n3.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i3 ? 0 : gP(n3.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t3.offsetHeight - _2 - t3.clientHeight : 0, x2 = s3 ? t3.offsetWidth - v2 - t3.clientWidth : 0, b2 = r3 ? m2 + v2 : 0, T2 = r3 ? g2 + _2 : 0, w2 = i3 ? i3.width : gP(n3.width) - b2 - x2, S2 = i3 ? i3.height : gP(n3.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(t3, A2), A2;
+  }, xP = function(t3, e3, n3) {
+    var i3 = yP(t3, n3), r3 = i3.borderBoxSize, o2 = i3.contentBoxSize, s3 = i3.devicePixelContentBoxSize;
     switch (e3) {
-      case KR.DEVICE_PIXEL_CONTENT_BOX:
+      case eP.DEVICE_PIXEL_CONTENT_BOX:
         return s3;
-      case KR.BORDER_BOX:
+      case eP.BORDER_BOX:
         return r3;
       default:
         return o2;
     }
-  }, _P = function(t3) {
-    var e3 = gP(t3);
-    this.target = t3, this.contentRect = e3.contentRect, this.borderBoxSize = nP([e3.borderBoxSize]), this.contentBoxSize = nP([e3.contentBoxSize]), this.devicePixelContentBoxSize = nP([e3.devicePixelContentBoxSize]);
-  }, yP = function(t3) {
-    if (sP(t3))
+  }, bP = function(t3) {
+    var e3 = yP(t3);
+    this.target = t3, this.contentRect = e3.contentRect, this.borderBoxSize = oP([e3.borderBoxSize]), this.contentBoxSize = oP([e3.contentBoxSize]), this.devicePixelContentBoxSize = oP([e3.devicePixelContentBoxSize]);
+  }, TP = function(t3) {
+    if (uP(t3))
       return 1 / 0;
     for (var e3 = 0, n3 = t3.parentNode; n3; )
       e3 += 1, n3 = n3.parentNode;
     return e3;
-  }, xP = function() {
+  }, wP = function() {
     var t3 = 1 / 0, e3 = [];
-    QR.forEach(function(n4) {
+    nP.forEach(function(n4) {
       if (n4.activeTargets.length !== 0) {
         var i4 = [];
         n4.activeTargets.forEach(function(e4) {
-          var n5 = new _P(e4.target), r3 = yP(e4.target);
-          i4.push(n5), e4.lastReportedSize = vP(e4.target, e4.observedBox), r3 < t3 && (t3 = r3);
+          var n5 = new bP(e4.target), r3 = TP(e4.target);
+          i4.push(n5), e4.lastReportedSize = xP(e4.target, e4.observedBox), r3 < t3 && (t3 = r3);
         }), e3.push(function() {
           n4.callback.call(n4.observer, i4, n4.observer);
         }), n4.activeTargets.splice(0, n4.activeTargets.length);
@@ -33446,36 +33468,36 @@ void main(void){
       (0, i3[n3])();
     }
     return t3;
-  }, bP = function(t3) {
-    QR.forEach(function(e3) {
+  }, SP = function(t3) {
+    nP.forEach(function(e3) {
       e3.activeTargets.splice(0, e3.activeTargets.length), e3.skippedTargets.splice(0, e3.skippedTargets.length), e3.observationTargets.forEach(function(n3) {
-        n3.isActive() && (yP(n3.target) > t3 ? e3.activeTargets.push(n3) : e3.skippedTargets.push(n3));
+        n3.isActive() && (TP(n3.target) > t3 ? e3.activeTargets.push(n3) : e3.skippedTargets.push(n3));
       });
     });
-  }, TP = function() {
+  }, EP = function() {
     var t3, e3 = 0;
-    for (bP(e3); QR.some(function(t4) {
+    for (SP(e3); nP.some(function(t4) {
       return t4.activeTargets.length > 0;
     }); )
-      e3 = xP(), bP(e3);
-    return QR.some(function(t4) {
+      e3 = wP(), SP(e3);
+    return nP.some(function(t4) {
       return t4.skippedTargets.length > 0;
-    }) && (typeof ErrorEvent == "function" ? t3 = new ErrorEvent("error", { message: tP }) : ((t3 = document.createEvent("Event")).initEvent("error", false, false), t3.message = tP), window.dispatchEvent(t3)), e3 > 0;
-  }, wP = [], SP = function(t3) {
-    if (!eP) {
+    }) && (typeof ErrorEvent == "function" ? t3 = new ErrorEvent("error", { message: iP }) : ((t3 = document.createEvent("Event")).initEvent("error", false, false), t3.message = iP), window.dispatchEvent(t3)), e3 > 0;
+  }, MP = [], AP = function(t3) {
+    if (!rP) {
       var e3 = 0, n3 = document.createTextNode("");
       new MutationObserver(function() {
-        return wP.splice(0).forEach(function(t4) {
+        return MP.splice(0).forEach(function(t4) {
           return t4();
         });
-      }).observe(n3, { characterData: true }), eP = function() {
+      }).observe(n3, { characterData: true }), rP = function() {
         n3.textContent = "" + (e3 ? e3-- : e3++);
       };
     }
-    wP.push(t3), eP();
-  }, EP = 0, MP = { attributes: true, characterData: true, childList: true, subtree: true }, AP = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], RP = function(t3) {
+    MP.push(t3), 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(t3) {
     return t3 === void 0 && (t3 = 0), Date.now() + t3;
-  }, PP = false, CP = new (function() {
+  }, OP = false, LP = new (function() {
     function t3() {
       var t4 = this;
       this.stopped = true, this.listener = function() {
@@ -33484,19 +33506,19 @@ void main(void){
     }
     return t3.prototype.run = function(t4) {
       var e3 = this;
-      if (t4 === void 0 && (t4 = 250), !PP) {
-        PP = true;
-        var n3, i3 = RP(t4);
+      if (t4 === void 0 && (t4 = 250), !OP) {
+        OP = true;
+        var n3, i3 = IP(t4);
         n3 = function() {
           var n4 = false;
           try {
-            n4 = TP();
+            n4 = EP();
           } finally {
-            if (PP = false, t4 = i3 - RP(), !EP)
+            if (OP = false, t4 = i3 - IP(), !RP)
               return;
             n4 ? e3.run(1e3) : t4 > 0 ? e3.run(t4) : e3.start();
           }
-        }, SP(function() {
+        }, AP(function() {
           requestAnimationFrame(n3);
         });
       }
@@ -33504,29 +33526,29 @@ void main(void){
       this.stop(), this.run();
     }, t3.prototype.observe = function() {
       var t4 = this, e3 = function() {
-        return t4.observer && t4.observer.observe(document.body, MP);
+        return t4.observer && t4.observer.observe(document.body, PP);
       };
-      document.body ? e3() : lP.addEventListener("DOMContentLoaded", e3);
+      document.body ? e3() : cP.addEventListener("DOMContentLoaded", e3);
     }, t3.prototype.start = function() {
       var t4 = this;
-      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), AP.forEach(function(e3) {
-        return lP.addEventListener(e3, t4.listener, true);
+      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), CP.forEach(function(e3) {
+        return cP.addEventListener(e3, t4.listener, true);
       }));
     }, t3.prototype.stop = function() {
       var t4 = this;
-      this.stopped || (this.observer && this.observer.disconnect(), AP.forEach(function(e3) {
-        return lP.removeEventListener(e3, t4.listener, true);
+      this.stopped || (this.observer && this.observer.disconnect(), CP.forEach(function(e3) {
+        return cP.removeEventListener(e3, t4.listener, true);
       }), this.stopped = true);
     }, t3;
-  }())(), IP = function(t3) {
-    !EP && t3 > 0 && CP.start(), !(EP += t3) && CP.stop();
-  }, OP = function() {
+  }())(), NP = function(t3) {
+    !RP && t3 > 0 && LP.start(), !(RP += t3) && LP.stop();
+  }, DP = function() {
     function t3(t4, e3) {
-      this.target = t4, this.observedBox = e3 || KR.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
+      this.target = t4, this.observedBox = e3 || eP.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
     }
     return t3.prototype.isActive = function() {
-      var t4, e3 = vP(this.target, this.observedBox, true);
-      return t4 = this.target, oP(t4) || function(t5) {
+      var t4, e3 = xP(this.target, this.observedBox, true);
+      return t4 = this.target, lP(t4) || function(t5) {
         switch (t5.tagName) {
           case "INPUT":
             if (t5.type !== "image")
@@ -33543,57 +33565,57 @@ void main(void){
         return false;
       }(t4) || getComputedStyle(t4).display !== "inline" || (this.lastReportedSize = e3), this.lastReportedSize.inlineSize !== e3.inlineSize || this.lastReportedSize.blockSize !== e3.blockSize;
     }, t3;
-  }(), LP = function(t3, e3) {
+  }(), FP = function(t3, e3) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t3, this.callback = e3;
-  }, NP = /* @__PURE__ */ new WeakMap(), DP = function(t3, e3) {
+  }, BP = /* @__PURE__ */ new WeakMap(), UP = function(t3, e3) {
     for (var n3 = 0; n3 < t3.length; n3 += 1)
       if (t3[n3].target === e3)
         return n3;
     return -1;
-  }, FP = function() {
+  }, kP = function() {
     function t3() {
     }
     return t3.connect = function(t4, e3) {
-      var n3 = new LP(t4, e3);
-      NP.set(t4, n3);
+      var n3 = new FP(t4, e3);
+      BP.set(t4, n3);
     }, t3.observe = function(t4, e3, n3) {
-      var i3 = NP.get(t4), r3 = i3.observationTargets.length === 0;
-      DP(i3.observationTargets, e3) < 0 && (r3 && QR.push(i3), i3.observationTargets.push(new OP(e3, n3 && n3.box)), IP(1), CP.schedule());
+      var i3 = BP.get(t4), r3 = i3.observationTargets.length === 0;
+      UP(i3.observationTargets, e3) < 0 && (r3 && nP.push(i3), i3.observationTargets.push(new DP(e3, n3 && n3.box)), NP(1), LP.schedule());
     }, t3.unobserve = function(t4, e3) {
-      var n3 = NP.get(t4), i3 = DP(n3.observationTargets, e3), r3 = n3.observationTargets.length === 1;
-      i3 >= 0 && (r3 && QR.splice(QR.indexOf(n3), 1), n3.observationTargets.splice(i3, 1), IP(-1));
+      var n3 = BP.get(t4), i3 = UP(n3.observationTargets, e3), r3 = n3.observationTargets.length === 1;
+      i3 >= 0 && (r3 && nP.splice(nP.indexOf(n3), 1), n3.observationTargets.splice(i3, 1), NP(-1));
     }, t3.disconnect = function(t4) {
-      var e3 = this, n3 = NP.get(t4);
+      var e3 = this, n3 = BP.get(t4);
       n3.observationTargets.slice().forEach(function(n4) {
         return e3.unobserve(t4, n4.target);
       }), n3.activeTargets.splice(0, n3.activeTargets.length);
     }, t3;
-  }(), BP = function() {
+  }(), GP = function() {
     function t3(t4) {
       if (arguments.length === 0)
         throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
       if (typeof t4 != "function")
         throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-      FP.connect(this, t4);
+      kP.connect(this, t4);
     }
     return t3.prototype.observe = function(t4, e3) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!aP(t4))
+      if (!hP(t4))
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      FP.observe(this, t4, e3);
+      kP.observe(this, t4, e3);
     }, t3.prototype.unobserve = function(t4) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!aP(t4))
+      if (!hP(t4))
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      FP.unobserve(this, t4);
+      kP.unobserve(this, t4);
     }, t3.prototype.disconnect = function() {
-      FP.disconnect(this);
+      kP.disconnect(this);
     }, t3.toString = function() {
       return "function ResizeObserver () { [polyfill code] }";
     }, t3;
-  }(), UP = function(t3, e3, n3, i3) {
+  }(), HP = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -33617,7 +33639,7 @@ void main(void){
       }
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
-  }, kP = function(t3, e3) {
+  }, zP = function(t3, e3) {
     var n3, i3, r3, o2, s3 = { label: 0, sent: function() {
       if (1 & r3[0])
         throw r3[1];
@@ -33680,14 +33702,14 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, GP = function() {
+  }, jP = function() {
     function t3(t4, e3, n3, i3, r3) {
       this.state = "idle", this.index = -1, this.slideIndex = -1, this.fn = n3, this.index = t4, this.slideIndex = e3, this.eventHub = i3, this.id = r3;
     }
     return t3.prototype.apply = function() {
-      return UP(this, void 0, void 0, function() {
+      return HP(this, void 0, void 0, function() {
         var t4;
-        return kP(this, function(e3) {
+        return zP(this, function(e3) {
           switch (e3.label) {
             case 0:
               this.eventHub.emit("task-start", this), e3.label = 1;
@@ -33703,7 +33725,7 @@ void main(void){
         });
       });
     }, t3;
-  }(), HP = function() {
+  }(), VP = function() {
     function t3() {
       var t4 = this;
       this.eventHub = new a.a(), this.tasks = [], this.index = 0, this.eventHub.on("task-end", function(e3) {
@@ -33725,7 +33747,7 @@ void main(void){
         e3.tasks.splice(t5, 1);
       });
     }, t3.prototype.addTask = function(t4, e3, n3) {
-      var i3 = new GP(this.index++, e3, t4, this.eventHub, n3);
+      var i3 = new jP(this.index++, e3, t4, this.eventHub, n3);
       this.tasks.push(i3), this.tasks.sort(function(t5, e4) {
         return t5.index - e4.index;
       }), this.replaceIdleTask(), this.tasks.length === 1 && i3.apply();
@@ -33737,7 +33759,7 @@ void main(void){
       this.eventHub.removeAllListeners();
     }, t3;
   }();
-  function zP(t3, e3) {
+  function WP(t3, e3) {
     var n3 = t3.__state.conversionName.toString(), i3 = Math.round(t3.r), r3 = Math.round(t3.g), o2 = Math.round(t3.b), s3 = t3.a, a2 = Math.round(t3.h), l2 = t3.s.toFixed(1), u2 = t3.v.toFixed(1);
     if (e3 || n3 === "THREE_CHAR_HEX" || n3 === "SIX_CHAR_HEX") {
       for (var h2 = t3.hex.toString(16); h2.length < 6; )
@@ -33746,28 +33768,28 @@ void main(void){
     }
     return n3 === "CSS_RGB" ? "rgb(" + i3 + "," + r3 + "," + o2 + ")" : n3 === "CSS_RGBA" ? "rgba(" + i3 + "," + r3 + "," + o2 + "," + s3 + ")" : n3 === "HEX" ? "0x" + t3.hex.toString(16) : n3 === "RGB_ARRAY" ? "[" + i3 + "," + r3 + "," + o2 + "]" : n3 === "RGBA_ARRAY" ? "[" + i3 + "," + r3 + "," + o2 + "," + s3 + "]" : n3 === "RGB_OBJ" ? "{r:" + i3 + ",g:" + r3 + ",b:" + o2 + "}" : n3 === "RGBA_OBJ" ? "{r:" + i3 + ",g:" + r3 + ",b:" + o2 + ",a:" + s3 + "}" : n3 === "HSV_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + "}" : n3 === "HSVA_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + ",a:" + s3 + "}" : "unknown format";
   }
-  var jP = Array.prototype.forEach, VP = Array.prototype.slice, WP = { BREAK: {}, extend: function(t3) {
-    return this.each(VP.call(arguments, 1), function(e3) {
+  var XP = Array.prototype.forEach, qP = Array.prototype.slice, YP = { BREAK: {}, extend: function(t3) {
+    return this.each(qP.call(arguments, 1), function(e3) {
       (this.isObject(e3) ? Object.keys(e3) : []).forEach(function(n3) {
         this.isUndefined(e3[n3]) || (t3[n3] = e3[n3]);
       }.bind(this));
     }, this), t3;
   }, defaults: function(t3) {
-    return this.each(VP.call(arguments, 1), function(e3) {
+    return this.each(qP.call(arguments, 1), function(e3) {
       (this.isObject(e3) ? Object.keys(e3) : []).forEach(function(n3) {
         this.isUndefined(t3[n3]) && (t3[n3] = e3[n3]);
       }.bind(this));
     }, this), t3;
   }, compose: function() {
-    var t3 = VP.call(arguments);
+    var t3 = qP.call(arguments);
     return function() {
-      for (var e3 = VP.call(arguments), n3 = t3.length - 1; n3 >= 0; n3--)
+      for (var e3 = qP.call(arguments), n3 = t3.length - 1; n3 >= 0; n3--)
         e3 = [t3[n3].apply(this, e3)];
       return e3[0];
     };
   }, each: function(t3, e3, n3) {
     if (t3) {
-      if (jP && t3.forEach && t3.forEach === jP)
+      if (XP && t3.forEach && t3.forEach === XP)
         t3.forEach(e3, n3);
       else if (t3.length === t3.length + 0) {
         var i3, r3 = void 0;
@@ -33792,7 +33814,7 @@ void main(void){
       clearTimeout(i3), i3 = setTimeout(s3, e3), a2 && t3.apply(r3, o2);
     };
   }, toArray: function(t3) {
-    return t3.toArray ? t3.toArray() : VP.call(t3);
+    return t3.toArray ? t3.toArray() : qP.call(t3);
   }, isUndefined: function(t3) {
     return t3 === void 0;
   }, isNull: function(t3) {
@@ -33818,23 +33840,23 @@ void main(void){
     return t3 === false || t3 === true;
   }, isFunction: function(t3) {
     return t3 instanceof Function;
-  } }, XP = [{ litmus: WP.isString, conversions: { THREE_CHAR_HEX: { read: function(t3) {
+  } }, ZP = [{ litmus: YP.isString, conversions: { THREE_CHAR_HEX: { read: function(t3) {
     var e3 = t3.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);
     return e3 !== null && { space: "HEX", hex: parseInt("0x" + e3[1].toString() + e3[1].toString() + e3[2].toString() + e3[2].toString() + e3[3].toString() + e3[3].toString(), 0) };
-  }, write: zP }, SIX_CHAR_HEX: { read: function(t3) {
+  }, write: WP }, SIX_CHAR_HEX: { read: function(t3) {
     var e3 = t3.match(/^#([A-F0-9]{6})$/i);
     return e3 !== null && { space: "HEX", hex: parseInt("0x" + e3[1].toString(), 0) };
-  }, write: zP }, CSS_RGB: { read: function(t3) {
+  }, write: WP }, CSS_RGB: { read: function(t3) {
     var e3 = t3.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e3 !== null && { space: "RGB", r: parseFloat(e3[1]), g: parseFloat(e3[2]), b: parseFloat(e3[3]) };
-  }, write: zP }, CSS_RGBA: { read: function(t3) {
+  }, write: WP }, CSS_RGBA: { read: function(t3) {
     var e3 = t3.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e3 !== null && { space: "RGB", r: parseFloat(e3[1]), g: parseFloat(e3[2]), b: parseFloat(e3[3]), a: parseFloat(e3[4]) };
-  }, write: zP } } }, { litmus: WP.isNumber, conversions: { HEX: { read: function(t3) {
+  }, write: WP } } }, { litmus: YP.isNumber, conversions: { HEX: { read: function(t3) {
     return { space: "HEX", hex: t3, conversionName: "HEX" };
   }, write: function(t3) {
     return t3.hex;
-  } } } }, { litmus: WP.isArray, conversions: { RGB_ARRAY: { read: function(t3) {
+  } } } }, { litmus: YP.isArray, conversions: { RGB_ARRAY: { read: function(t3) {
     return t3.length === 3 && { space: "RGB", r: t3[0], g: t3[1], b: t3[2] };
   }, write: function(t3) {
     return [t3.r, t3.g, t3.b];
@@ -33842,33 +33864,33 @@ void main(void){
     return t3.length === 4 && { space: "RGB", r: t3[0], g: t3[1], b: t3[2], a: t3[3] };
   }, write: function(t3) {
     return [t3.r, t3.g, t3.b, t3.a];
-  } } } }, { litmus: WP.isObject, conversions: { RGBA_OBJ: { read: function(t3) {
-    return !!(WP.isNumber(t3.r) && WP.isNumber(t3.g) && WP.isNumber(t3.b) && WP.isNumber(t3.a)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b, a: t3.a };
+  } } } }, { litmus: YP.isObject, conversions: { RGBA_OBJ: { read: function(t3) {
+    return !!(YP.isNumber(t3.r) && YP.isNumber(t3.g) && YP.isNumber(t3.b) && YP.isNumber(t3.a)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b, a: t3.a };
   }, write: function(t3) {
     return { r: t3.r, g: t3.g, b: t3.b, a: t3.a };
   } }, RGB_OBJ: { read: function(t3) {
-    return !!(WP.isNumber(t3.r) && WP.isNumber(t3.g) && WP.isNumber(t3.b)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b };
+    return !!(YP.isNumber(t3.r) && YP.isNumber(t3.g) && YP.isNumber(t3.b)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b };
   }, write: function(t3) {
     return { r: t3.r, g: t3.g, b: t3.b };
   } }, HSVA_OBJ: { read: function(t3) {
-    return !!(WP.isNumber(t3.h) && WP.isNumber(t3.s) && WP.isNumber(t3.v) && WP.isNumber(t3.a)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v, a: t3.a };
+    return !!(YP.isNumber(t3.h) && YP.isNumber(t3.s) && YP.isNumber(t3.v) && YP.isNumber(t3.a)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v, a: t3.a };
   }, write: function(t3) {
     return { h: t3.h, s: t3.s, v: t3.v, a: t3.a };
   } }, HSV_OBJ: { read: function(t3) {
-    return !!(WP.isNumber(t3.h) && WP.isNumber(t3.s) && WP.isNumber(t3.v)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v };
+    return !!(YP.isNumber(t3.h) && YP.isNumber(t3.s) && YP.isNumber(t3.v)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v };
   }, write: function(t3) {
     return { h: t3.h, s: t3.s, v: t3.v };
-  } } } }], qP = void 0, YP = void 0, ZP = function() {
-    YP = false;
-    var t3 = arguments.length > 1 ? WP.toArray(arguments) : arguments[0];
-    return WP.each(XP, function(e3) {
+  } } } }], JP = void 0, $P = void 0, KP = function() {
+    $P = false;
+    var t3 = arguments.length > 1 ? YP.toArray(arguments) : arguments[0];
+    return YP.each(ZP, function(e3) {
       if (e3.litmus(t3))
-        return WP.each(e3.conversions, function(e4, n3) {
-          if (qP = e4.read(t3), YP === false && qP !== false)
-            return YP = qP, qP.conversionName = n3, qP.conversion = e4, WP.BREAK;
-        }), WP.BREAK;
-    }), YP;
-  }, JP = void 0, $P = { hsv_to_rgb: function(t3, e3, n3) {
+        return YP.each(e3.conversions, function(e4, n3) {
+          if (JP = e4.read(t3), $P === false && JP !== false)
+            return $P = JP, JP.conversionName = n3, JP.conversion = e4, YP.BREAK;
+        }), YP.BREAK;
+    }), $P;
+  }, QP = void 0, tC = { hsv_to_rgb: function(t3, e3, n3) {
     var i3 = Math.floor(t3 / 60) % 6, r3 = t3 / 60 - Math.floor(t3 / 60), o2 = n3 * (1 - e3), s3 = n3 * (1 - r3 * e3), a2 = n3 * (1 - (1 - r3) * e3), l2 = [[n3, a2, o2], [s3, n3, o2], [o2, n3, a2], [o2, s3, n3], [a2, o2, n3], [n3, o2, s3]][i3];
     return { r: 255 * l2[0], g: 255 * l2[1], b: 255 * l2[2] };
   }, rgb_to_hsv: function(t3, e3, n3) {
@@ -33880,15 +33902,15 @@ void main(void){
   }, component_from_hex: function(t3, e3) {
     return t3 >> 8 * e3 & 255;
   }, hex_with_component: function(t3, e3, n3) {
-    return n3 << (JP = 8 * e3) | t3 & ~(255 << JP);
-  } }, KP = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t3) {
+    return n3 << (QP = 8 * e3) | t3 & ~(255 << QP);
+  } }, eC = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t3) {
     return typeof t3;
   } : function(t3) {
     return t3 && typeof Symbol == "function" && t3.constructor === Symbol && t3 !== Symbol.prototype ? "symbol" : typeof t3;
-  }, QP = function(t3, e3) {
+  }, nC = function(t3, e3) {
     if (!(t3 instanceof e3))
       throw new TypeError("Cannot call a class as a function");
-  }, tC = function() {
+  }, iC = function() {
     function t3(t4, e3) {
       for (var n3 = 0; n3 < e3.length; n3++) {
         var i3 = e3[n3];
@@ -33898,7 +33920,7 @@ void main(void){
     return function(e3, n3, i3) {
       return n3 && t3(e3.prototype, n3), i3 && t3(e3, i3), e3;
     };
-  }(), eC = function t3(e3, n3, i3) {
+  }(), rC = function t3(e3, n3, i3) {
     e3 === null && (e3 = Function.prototype);
     var r3 = Object.getOwnPropertyDescriptor(e3, n3);
     if (r3 === void 0) {
@@ -33909,67 +33931,67 @@ void main(void){
       return r3.value;
     var s3 = r3.get;
     return s3 !== void 0 ? s3.call(i3) : void 0;
-  }, nC = function(t3, e3) {
+  }, oC = function(t3, e3) {
     if (typeof e3 != "function" && e3 !== null)
       throw new TypeError("Super expression must either be null or a function, not " + typeof e3);
     t3.prototype = Object.create(e3 && e3.prototype, { constructor: { value: t3, enumerable: false, writable: true, configurable: true } }), e3 && (Object.setPrototypeOf ? Object.setPrototypeOf(t3, e3) : t3.__proto__ = e3);
-  }, iC = function(t3, e3) {
+  }, sC = function(t3, e3) {
     if (!t3)
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return !e3 || typeof e3 != "object" && typeof e3 != "function" ? t3 : e3;
-  }, rC = function() {
+  }, aC = function() {
     function t3() {
-      if (QP(this, t3), this.__state = ZP.apply(this, arguments), this.__state === false)
+      if (nC(this, t3), 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 tC(t3, [{ key: "toString", value: function() {
-      return zP(this);
+    return iC(t3, [{ key: "toString", value: function() {
+      return WP(this);
     } }, { key: "toHexString", value: function() {
-      return zP(this, true);
+      return WP(this, true);
     } }, { key: "toOriginal", value: function() {
       return this.__state.conversion.write(this);
     } }]), t3;
   }();
-  function oC(t3, e3, n3) {
+  function lC(t3, e3, n3) {
     Object.defineProperty(t3, e3, { get: function() {
-      return this.__state.space === "RGB" || rC.recalculateRGB(this, e3, n3), this.__state[e3];
+      return this.__state.space === "RGB" || aC.recalculateRGB(this, e3, n3), this.__state[e3];
     }, set: function(t4) {
-      this.__state.space !== "RGB" && (rC.recalculateRGB(this, e3, n3), this.__state.space = "RGB"), this.__state[e3] = t4;
+      this.__state.space !== "RGB" && (aC.recalculateRGB(this, e3, n3), this.__state.space = "RGB"), this.__state[e3] = t4;
     } });
   }
-  function sC(t3, e3) {
+  function uC(t3, e3) {
     Object.defineProperty(t3, e3, { get: function() {
-      return this.__state.space === "HSV" || rC.recalculateHSV(this), this.__state[e3];
+      return this.__state.space === "HSV" || aC.recalculateHSV(this), this.__state[e3];
     }, set: function(t4) {
-      this.__state.space !== "HSV" && (rC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e3] = t4;
+      this.__state.space !== "HSV" && (aC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e3] = t4;
     } });
   }
-  rC.recalculateRGB = function(t3, e3, n3) {
+  aC.recalculateRGB = function(t3, e3, n3) {
     if (t3.__state.space === "HEX")
-      t3.__state[e3] = $P.component_from_hex(t3.__state.hex, n3);
+      t3.__state[e3] = tC.component_from_hex(t3.__state.hex, n3);
     else {
       if (t3.__state.space !== "HSV")
         throw new Error("Corrupted color state");
-      WP.extend(t3.__state, $P.hsv_to_rgb(t3.__state.h, t3.__state.s, t3.__state.v));
+      YP.extend(t3.__state, tC.hsv_to_rgb(t3.__state.h, t3.__state.s, t3.__state.v));
     }
-  }, rC.recalculateHSV = function(t3) {
-    var e3 = $P.rgb_to_hsv(t3.r, t3.g, t3.b);
-    WP.extend(t3.__state, { s: e3.s, v: e3.v }), WP.isNaN(e3.h) ? WP.isUndefined(t3.__state.h) && (t3.__state.h = 0) : t3.__state.h = e3.h;
-  }, rC.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], oC(rC.prototype, "r", 2), oC(rC.prototype, "g", 1), oC(rC.prototype, "b", 0), sC(rC.prototype, "h"), sC(rC.prototype, "s"), sC(rC.prototype, "v"), Object.defineProperty(rC.prototype, "a", { get: function() {
+  }, aC.recalculateHSV = function(t3) {
+    var e3 = tC.rgb_to_hsv(t3.r, t3.g, t3.b);
+    YP.extend(t3.__state, { s: e3.s, v: e3.v }), YP.isNaN(e3.h) ? YP.isUndefined(t3.__state.h) && (t3.__state.h = 0) : t3.__state.h = e3.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(t3) {
     this.__state.a = t3;
-  } }), Object.defineProperty(rC.prototype, "hex", { get: function() {
-    return this.__state.space !== "HEX" && (this.__state.hex = $P.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(t3) {
     this.__state.space = "HEX", this.__state.hex = t3;
   } });
-  var aC = function() {
+  var hC = function() {
     function t3(e3, n3) {
-      QP(this, t3), this.initialValue = e3[n3], this.domElement = document.createElement("div"), this.object = e3, this.property = n3, this.__onChange = void 0, this.__onFinishChange = void 0;
+      nC(this, t3), this.initialValue = e3[n3], this.domElement = document.createElement("div"), this.object = e3, this.property = n3, this.__onChange = void 0, this.__onFinishChange = void 0;
     }
-    return tC(t3, [{ key: "onChange", value: function(t4) {
+    return iC(t3, [{ key: "onChange", value: function(t4) {
       return this.__onChange = t4, this;
     } }, { key: "onFinishChange", value: function(t4) {
       return this.__onFinishChange = t4, this;
@@ -33982,29 +34004,29 @@ void main(void){
     } }, { key: "isModified", value: function() {
       return this.initialValue !== this.getValue();
     } }]), t3;
-  }(), lC = {};
-  WP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t3, e3) {
-    WP.each(t3, function(t4) {
-      lC[t4] = e3;
+  }(), cC = {};
+  YP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t3, e3) {
+    YP.each(t3, function(t4) {
+      cC[t4] = e3;
     });
   });
-  var uC = /(\d+(\.\d+)?)px/;
-  function hC(t3) {
-    if (t3 === "0" || WP.isUndefined(t3))
+  var dC = /(\d+(\.\d+)?)px/;
+  function pC(t3) {
+    if (t3 === "0" || YP.isUndefined(t3))
       return 0;
-    var e3 = t3.match(uC);
-    return WP.isNull(e3) ? 0 : parseFloat(e3[1]);
+    var e3 = t3.match(dC);
+    return YP.isNull(e3) ? 0 : parseFloat(e3[1]);
   }
-  var cC = { makeSelectable: function(t3, e3) {
+  var fC = { makeSelectable: function(t3, e3) {
     t3 !== void 0 && t3.style !== void 0 && (t3.onselectstart = e3 ? function() {
       return false;
     } : function() {
     }, t3.style.MozUserSelect = e3 ? "auto" : "none", t3.style.KhtmlUserSelect = e3 ? "auto" : "none", t3.unselectable = e3 ? "on" : "off");
   }, makeFullscreen: function(t3, e3, n3) {
     var i3 = n3, r3 = e3;
-    WP.isUndefined(r3) && (r3 = true), WP.isUndefined(i3) && (i3 = true), t3.style.position = "absolute", r3 && (t3.style.left = 0, t3.style.right = 0), i3 && (t3.style.top = 0, t3.style.bottom = 0);
+    YP.isUndefined(r3) && (r3 = true), YP.isUndefined(i3) && (i3 = true), t3.style.position = "absolute", r3 && (t3.style.left = 0, t3.style.right = 0), i3 && (t3.style.top = 0, t3.style.bottom = 0);
   }, fakeEvent: function(t3, e3, n3, i3) {
-    var r3 = n3 || {}, o2 = lC[e3];
+    var r3 = n3 || {}, o2 = cC[e3];
     if (!o2)
       throw new Error("Event type " + e3 + " not supported.");
     var s3 = document.createEvent(o2);
@@ -34015,18 +34037,18 @@ void main(void){
         break;
       case "KeyboardEvents":
         var u2 = s3.initKeyboardEvent || s3.initKeyEvent;
-        WP.defaults(r3, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e3, r3.bubbles || false, r3.cancelable, window, r3.ctrlKey, r3.altKey, r3.shiftKey, r3.metaKey, r3.keyCode, r3.charCode);
+        YP.defaults(r3, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e3, r3.bubbles || false, r3.cancelable, window, r3.ctrlKey, r3.altKey, r3.shiftKey, r3.metaKey, r3.keyCode, r3.charCode);
         break;
       default:
         s3.initEvent(e3, r3.bubbles || false, r3.cancelable || true);
     }
-    WP.defaults(s3, i3), t3.dispatchEvent(s3);
+    YP.defaults(s3, i3), t3.dispatchEvent(s3);
   }, bind: function(t3, e3, n3, i3) {
     var r3 = i3 || false;
-    return t3.addEventListener ? t3.addEventListener(e3, n3, r3) : t3.attachEvent && t3.attachEvent("on" + e3, n3), cC;
+    return t3.addEventListener ? t3.addEventListener(e3, n3, r3) : t3.attachEvent && t3.attachEvent("on" + e3, n3), fC;
   }, unbind: function(t3, e3, n3, i3) {
     var r3 = i3 || false;
-    return t3.removeEventListener ? t3.removeEventListener(e3, n3, r3) : t3.detachEvent && t3.detachEvent("on" + e3, n3), cC;
+    return t3.removeEventListener ? t3.removeEventListener(e3, n3, r3) : t3.detachEvent && t3.detachEvent("on" + e3, n3), fC;
   }, addClass: function(t3, e3) {
     if (t3.className === void 0)
       t3.className = e3;
@@ -34034,7 +34056,7 @@ void main(void){
       var n3 = t3.className.split(/ +/);
       n3.indexOf(e3) === -1 && (n3.push(e3), t3.className = n3.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""));
     }
-    return cC;
+    return fC;
   }, removeClass: function(t3, e3) {
     if (e3)
       if (t3.className === e3)
@@ -34045,15 +34067,15 @@ void main(void){
       }
     else
       t3.className = void 0;
-    return cC;
+    return fC;
   }, hasClass: function(t3, e3) {
     return new RegExp("(?:^|\\s+)" + e3 + "(?:\\s+|$)").test(t3.className) || false;
   }, getWidth: function(t3) {
     var e3 = getComputedStyle(t3);
-    return hC(e3["border-left-width"]) + hC(e3["border-right-width"]) + hC(e3["padding-left"]) + hC(e3["padding-right"]) + hC(e3.width);
+    return pC(e3["border-left-width"]) + pC(e3["border-right-width"]) + pC(e3["padding-left"]) + pC(e3["padding-right"]) + pC(e3.width);
   }, getHeight: function(t3) {
     var e3 = getComputedStyle(t3);
-    return hC(e3["border-top-width"]) + hC(e3["border-bottom-width"]) + hC(e3["padding-top"]) + hC(e3["padding-bottom"]) + hC(e3.height);
+    return pC(e3["border-top-width"]) + pC(e3["border-bottom-width"]) + pC(e3["padding-top"]) + pC(e3["padding-bottom"]) + pC(e3.height);
   }, getOffset: function(t3) {
     var e3 = t3, n3 = { left: 0, top: 0 };
     if (e3.offsetParent)
@@ -34063,86 +34085,86 @@ void main(void){
     return n3;
   }, isActive: function(t3) {
     return t3 === document.activeElement && (t3.type || t3.href);
-  } }, dC = function(t3) {
+  } }, mC = function(t3) {
     function e3(t4, n3) {
-      QP(this, e3);
-      var i3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), r3 = i3;
-      return i3.__prev = i3.getValue(), i3.__checkbox = document.createElement("input"), i3.__checkbox.setAttribute("type", "checkbox"), cC.bind(i3.__checkbox, "change", function() {
+      nC(this, e3);
+      var i3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), r3 = i3;
+      return i3.__prev = i3.getValue(), i3.__checkbox = document.createElement("input"), i3.__checkbox.setAttribute("type", "checkbox"), fC.bind(i3.__checkbox, "change", function() {
         r3.setValue(!r3.__prev);
       }, false), i3.domElement.appendChild(i3.__checkbox), i3.updateDisplay(), i3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "setValue", value: function(t4) {
-      var n3 = eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
+    return oC(e3, t3), iC(e3, [{ key: "setValue", value: function(t4) {
+      var n3 = rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), this.__prev = this.getValue(), n3;
     } }, { 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), eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.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(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(aC), pC = function(t3) {
+  }(hC), gC = function(t3) {
     function e3(t4, n3, i3) {
-      QP(this, e3);
-      var r3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = i3, s3 = r3;
-      if (r3.__select = document.createElement("select"), WP.isArray(o2)) {
+      nC(this, e3);
+      var r3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = i3, s3 = r3;
+      if (r3.__select = document.createElement("select"), YP.isArray(o2)) {
         var a2 = {};
-        WP.each(o2, function(t5) {
+        YP.each(o2, function(t5) {
           a2[t5] = t5;
         }), o2 = a2;
       }
-      return WP.each(o2, function(t5, e4) {
+      return YP.each(o2, function(t5, e4) {
         var n4 = document.createElement("option");
         n4.innerHTML = e4, n4.setAttribute("value", t5), s3.__select.appendChild(n4);
-      }), r3.updateDisplay(), cC.bind(r3.__select, "change", function() {
+      }), r3.updateDisplay(), fC.bind(r3.__select, "change", function() {
         var t5 = this.options[this.selectedIndex].value;
         s3.setValue(t5);
       }), r3.domElement.appendChild(r3.__select), r3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "setValue", value: function(t4) {
-      var n3 = eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
+    return oC(e3, t3), iC(e3, [{ key: "setValue", value: function(t4) {
+      var n3 = rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), n3;
     } }, { key: "updateDisplay", value: function() {
-      return cC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this));
+      return fC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this));
     } }]), e3;
-  }(aC), fC = function(t3) {
+  }(hC), vC = function(t3) {
     function e3(t4, n3) {
-      QP(this, e3);
-      var i3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), r3 = i3;
+      nC(this, e3);
+      var i3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), r3 = i3;
       function o2() {
         r3.setValue(r3.__input.value);
       }
-      return i3.__input = document.createElement("input"), i3.__input.setAttribute("type", "text"), cC.bind(i3.__input, "keyup", o2), cC.bind(i3.__input, "change", o2), cC.bind(i3.__input, "blur", function() {
+      return i3.__input = document.createElement("input"), i3.__input.setAttribute("type", "text"), fC.bind(i3.__input, "keyup", o2), fC.bind(i3.__input, "change", o2), fC.bind(i3.__input, "blur", function() {
         r3.__onFinishChange && r3.__onFinishChange.call(r3, r3.getValue());
-      }), cC.bind(i3.__input, "keydown", function(t5) {
+      }), fC.bind(i3.__input, "keydown", function(t5) {
         t5.keyCode === 13 && this.blur();
       }), i3.updateDisplay(), i3.domElement.appendChild(i3.__input), i3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "updateDisplay", value: function() {
-      return cC.isActive(this.__input) || (this.__input.value = this.getValue()), eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+    return oC(e3, t3), iC(e3, [{ key: "updateDisplay", value: function() {
+      return fC.isActive(this.__input) || (this.__input.value = this.getValue()), rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(aC);
-  function mC(t3) {
+  }(hC);
+  function _C(t3) {
     var e3 = t3.toString();
     return e3.indexOf(".") > -1 ? e3.length - e3.indexOf(".") - 1 : 0;
   }
-  var gC = function(t3) {
+  var yC = function(t3) {
     function e3(t4, n3, i3) {
-      QP(this, e3);
-      var r3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = i3 || {};
-      return r3.__min = o2.min, r3.__max = o2.max, r3.__step = o2.step, WP.isUndefined(r3.__step) ? r3.initialValue === 0 ? r3.__impliedStep = 1 : r3.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r3.initialValue)) / Math.LN10)) / 10 : r3.__impliedStep = r3.__step, r3.__precision = mC(r3.__impliedStep), r3;
+      nC(this, e3);
+      var r3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = i3 || {};
+      return r3.__min = o2.min, r3.__max = o2.max, r3.__step = o2.step, YP.isUndefined(r3.__step) ? r3.initialValue === 0 ? r3.__impliedStep = 1 : r3.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r3.initialValue)) / Math.LN10)) / 10 : r3.__impliedStep = r3.__step, r3.__precision = _C(r3.__impliedStep), r3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "setValue", value: function(t4) {
+    return oC(e3, t3), iC(e3, [{ key: "setValue", value: function(t4) {
       var n3 = t4;
-      return this.__min !== void 0 && n3 < this.__min ? n3 = this.__min : this.__max !== void 0 && n3 > this.__max && (n3 = this.__max), this.__step !== void 0 && n3 % this.__step != 0 && (n3 = Math.round(n3 / this.__step) * this.__step), eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, n3);
+      return this.__min !== void 0 && n3 < this.__min ? n3 = this.__min : this.__max !== void 0 && n3 > this.__max && (n3 = this.__max), this.__step !== void 0 && n3 % this.__step != 0 && (n3 = Math.round(n3 / this.__step) * this.__step), rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, n3);
     } }, { key: "min", value: function(t4) {
       return this.__min = t4, this;
     } }, { key: "max", value: function(t4) {
       return this.__max = t4, this;
     } }, { key: "step", value: function(t4) {
-      return this.__step = t4, this.__impliedStep = t4, this.__precision = mC(t4), this;
+      return this.__step = t4, this.__impliedStep = t4, this.__precision = _C(t4), this;
     } }]), e3;
-  }(aC);
-  var vC = function(t3) {
+  }(hC);
+  var xC = function(t3) {
     function e3(t4, n3, i3) {
-      QP(this, e3);
-      var r3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3, i3));
+      nC(this, e3);
+      var r3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3, i3));
       r3.__truncationSuspended = false;
       var o2 = r3, s3 = void 0;
       function a2() {
@@ -34153,101 +34175,101 @@ void main(void){
         o2.setValue(o2.getValue() + e4 * o2.__impliedStep), s3 = t5.clientY;
       }
       function u2() {
-        cC.unbind(window, "mousemove", l2), cC.unbind(window, "mouseup", u2), a2();
+        fC.unbind(window, "mousemove", l2), fC.unbind(window, "mouseup", u2), a2();
       }
-      return r3.__input = document.createElement("input"), r3.__input.setAttribute("type", "text"), cC.bind(r3.__input, "change", function() {
+      return r3.__input = document.createElement("input"), r3.__input.setAttribute("type", "text"), fC.bind(r3.__input, "change", function() {
         var t5 = parseFloat(o2.__input.value);
-        WP.isNaN(t5) || o2.setValue(t5);
-      }), cC.bind(r3.__input, "blur", function() {
+        YP.isNaN(t5) || o2.setValue(t5);
+      }), fC.bind(r3.__input, "blur", function() {
         a2();
-      }), cC.bind(r3.__input, "mousedown", function(t5) {
-        cC.bind(window, "mousemove", l2), cC.bind(window, "mouseup", u2), s3 = t5.clientY;
-      }), cC.bind(r3.__input, "keydown", function(t5) {
+      }), fC.bind(r3.__input, "mousedown", function(t5) {
+        fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), s3 = t5.clientY;
+      }), fC.bind(r3.__input, "keydown", function(t5) {
         t5.keyCode === 13 && (o2.__truncationSuspended = true, this.blur(), o2.__truncationSuspended = false, a2());
       }), r3.updateDisplay(), r3.domElement.appendChild(r3.__input), r3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "updateDisplay", value: function() {
+    return oC(e3, t3), iC(e3, [{ key: "updateDisplay", value: function() {
       var t4, n3, i3;
-      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t4 = this.getValue(), n3 = this.__precision, i3 = Math.pow(10, n3), Math.round(t4 * i3) / i3), eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t4 = this.getValue(), n3 = this.__precision, i3 = Math.pow(10, n3), Math.round(t4 * i3) / i3), rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(gC);
-  function _C(t3, e3, n3, i3, r3) {
+  }(yC);
+  function bC(t3, e3, n3, i3, r3) {
     return i3 + (t3 - e3) / (n3 - e3) * (r3 - i3);
   }
-  var yC = function(t3) {
+  var TC = function(t3) {
     function e3(t4, n3, i3, r3, o2) {
-      QP(this, e3);
-      var s3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3, { min: i3, max: r3, step: o2 })), a2 = s3;
+      nC(this, e3);
+      var s3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3, { min: i3, max: r3, step: o2 })), a2 = s3;
       function l2(t5) {
         t5.preventDefault();
         var e4 = a2.__background.getBoundingClientRect();
-        return a2.setValue(_C(t5.clientX, e4.left, e4.right, a2.__min, a2.__max)), false;
+        return a2.setValue(bC(t5.clientX, e4.left, e4.right, a2.__min, a2.__max)), false;
       }
       function u2() {
-        cC.unbind(window, "mousemove", l2), cC.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(t5) {
         var e4 = t5.touches[0].clientX, n4 = a2.__background.getBoundingClientRect();
-        a2.setValue(_C(e4, n4.left, n4.right, a2.__min, a2.__max));
+        a2.setValue(bC(e4, n4.left, n4.right, a2.__min, a2.__max));
       }
       function c2() {
-        cC.unbind(window, "touchmove", h2), cC.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 s3.__background = document.createElement("div"), s3.__foreground = document.createElement("div"), cC.bind(s3.__background, "mousedown", function(t5) {
-        document.activeElement.blur(), cC.bind(window, "mousemove", l2), cC.bind(window, "mouseup", u2), l2(t5);
-      }), cC.bind(s3.__background, "touchstart", function(t5) {
+      return s3.__background = document.createElement("div"), s3.__foreground = document.createElement("div"), fC.bind(s3.__background, "mousedown", function(t5) {
+        document.activeElement.blur(), fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), l2(t5);
+      }), fC.bind(s3.__background, "touchstart", function(t5) {
         if (t5.touches.length !== 1)
           return;
-        cC.bind(window, "touchmove", h2), cC.bind(window, "touchend", c2), h2(t5);
-      }), cC.addClass(s3.__background, "slider"), cC.addClass(s3.__foreground, "slider-fg"), s3.updateDisplay(), s3.__background.appendChild(s3.__foreground), s3.domElement.appendChild(s3.__background), s3;
+        fC.bind(window, "touchmove", h2), fC.bind(window, "touchend", c2), h2(t5);
+      }), fC.addClass(s3.__background, "slider"), fC.addClass(s3.__foreground, "slider-fg"), s3.updateDisplay(), s3.__background.appendChild(s3.__foreground), s3.domElement.appendChild(s3.__background), s3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "updateDisplay", value: function() {
+    return oC(e3, t3), iC(e3, [{ key: "updateDisplay", value: function() {
       var t4 = (this.getValue() - this.__min) / (this.__max - this.__min);
-      return this.__foreground.style.width = 100 * t4 + "%", eC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+      return this.__foreground.style.width = 100 * t4 + "%", rC(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(gC), xC = function(t3) {
+  }(yC), wC = function(t3) {
     function e3(t4, n3, i3) {
-      QP(this, e3);
-      var r3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = r3;
-      return r3.__button = document.createElement("div"), r3.__button.innerHTML = i3 === void 0 ? "Fire" : i3, cC.bind(r3.__button, "click", function(t5) {
+      nC(this, e3);
+      var r3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3)), o2 = r3;
+      return r3.__button = document.createElement("div"), r3.__button.innerHTML = i3 === void 0 ? "Fire" : i3, fC.bind(r3.__button, "click", function(t5) {
         return t5.preventDefault(), o2.fire(), false;
-      }), cC.addClass(r3.__button, "button"), r3.domElement.appendChild(r3.__button), r3;
+      }), fC.addClass(r3.__button, "button"), r3.domElement.appendChild(r3.__button), r3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "fire", value: function() {
+    return oC(e3, t3), iC(e3, [{ key: "fire", value: function() {
       this.__onChange && this.__onChange.call(this), this.getValue().call(this.object), this.__onFinishChange && this.__onFinishChange.call(this, this.getValue());
     } }]), e3;
-  }(aC), bC = function(t3) {
+  }(hC), SC = function(t3) {
     function e3(t4, n3) {
-      QP(this, e3);
-      var i3 = iC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3));
-      i3.__color = new rC(i3.getValue()), i3.__temp = new rC(0);
+      nC(this, e3);
+      var i3 = sC(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n3));
+      i3.__color = new aC(i3.getValue()), i3.__temp = new aC(0);
       var r3 = i3;
-      i3.domElement = document.createElement("div"), cC.makeSelectable(i3.domElement, false), i3.__selector = document.createElement("div"), i3.__selector.className = "selector", i3.__saturation_field = document.createElement("div"), i3.__saturation_field.className = "saturation-field", i3.__field_knob = document.createElement("div"), i3.__field_knob.className = "field-knob", i3.__field_knob_border = "2px solid ", i3.__hue_knob = document.createElement("div"), i3.__hue_knob.className = "hue-knob", i3.__hue_field = document.createElement("div"), i3.__hue_field.className = "hue-field", i3.__input = document.createElement("input"), i3.__input.type = "text", i3.__input_textShadow = "0 1px 1px ", cC.bind(i3.__input, "keydown", function(t5) {
+      i3.domElement = document.createElement("div"), fC.makeSelectable(i3.domElement, false), i3.__selector = document.createElement("div"), i3.__selector.className = "selector", i3.__saturation_field = document.createElement("div"), i3.__saturation_field.className = "saturation-field", i3.__field_knob = document.createElement("div"), i3.__field_knob.className = "field-knob", i3.__field_knob_border = "2px solid ", i3.__hue_knob = document.createElement("div"), i3.__hue_knob.className = "hue-knob", i3.__hue_field = document.createElement("div"), i3.__hue_field.className = "hue-field", i3.__input = document.createElement("input"), i3.__input.type = "text", i3.__input_textShadow = "0 1px 1px ", fC.bind(i3.__input, "keydown", function(t5) {
         t5.keyCode === 13 && c2.call(this);
-      }), cC.bind(i3.__input, "blur", c2), cC.bind(i3.__selector, "mousedown", function() {
-        cC.addClass(this, "drag").bind(window, "mouseup", function() {
-          cC.removeClass(r3.__selector, "drag");
+      }), fC.bind(i3.__input, "blur", c2), fC.bind(i3.__selector, "mousedown", function() {
+        fC.addClass(this, "drag").bind(window, "mouseup", function() {
+          fC.removeClass(r3.__selector, "drag");
         });
-      }), cC.bind(i3.__selector, "touchstart", function() {
-        cC.addClass(this, "drag").bind(window, "touchend", function() {
-          cC.removeClass(r3.__selector, "drag");
+      }), fC.bind(i3.__selector, "touchstart", function() {
+        fC.addClass(this, "drag").bind(window, "touchend", function() {
+          fC.removeClass(r3.__selector, "drag");
         });
       });
       var o2, s3 = document.createElement("div");
       function a2(t5) {
-        p2(t5), cC.bind(window, "mousemove", p2), cC.bind(window, "touchmove", p2), cC.bind(window, "mouseup", u2), cC.bind(window, "touchend", u2);
+        p2(t5), fC.bind(window, "mousemove", p2), fC.bind(window, "touchmove", p2), fC.bind(window, "mouseup", u2), fC.bind(window, "touchend", u2);
       }
       function l2(t5) {
-        f2(t5), cC.bind(window, "mousemove", f2), cC.bind(window, "touchmove", f2), cC.bind(window, "mouseup", h2), cC.bind(window, "touchend", h2);
+        f2(t5), fC.bind(window, "mousemove", f2), fC.bind(window, "touchmove", f2), fC.bind(window, "mouseup", h2), fC.bind(window, "touchend", h2);
       }
       function u2() {
-        cC.unbind(window, "mousemove", p2), cC.unbind(window, "touchmove", p2), cC.unbind(window, "mouseup", u2), cC.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() {
-        cC.unbind(window, "mousemove", f2), cC.unbind(window, "touchmove", f2), cC.unbind(window, "mouseup", h2), cC.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 t5 = ZP(this.value);
+        var t5 = KP(this.value);
         t5 !== false ? (r3.__color.__state = t5, r3.setValue(r3.__color.toOriginal())) : this.value = r3.__color.toString();
       }
       function d2() {
@@ -34263,28 +34285,28 @@ void main(void){
         var e4 = r3.__hue_field.getBoundingClientRect(), n4 = 1 - ((t5.touches && t5.touches[0] || t5).clientY - e4.top) / (e4.bottom - e4.top);
         return n4 > 1 ? n4 = 1 : n4 < 0 && (n4 = 0), r3.__color.h = 360 * n4, r3.setValue(r3.__color.toOriginal()), false;
       }
-      return WP.extend(i3.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), WP.extend(i3.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i3.__field_knob_border + (i3.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), WP.extend(i3.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), WP.extend(i3.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), WP.extend(s3.style, { width: "100%", height: "100%", background: "none" }), wC(s3, "top", "rgba(0,0,0,0)", "#000"), WP.extend(i3.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i3.__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%);", WP.extend(i3.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i3.__input_textShadow + "rgba(0,0,0,0.7)" }), cC.bind(i3.__saturation_field, "mousedown", a2), cC.bind(i3.__saturation_field, "touchstart", a2), cC.bind(i3.__field_knob, "mousedown", a2), cC.bind(i3.__field_knob, "touchstart", a2), cC.bind(i3.__hue_field, "mousedown", l2), cC.bind(i3.__hue_field, "touchstart", l2), i3.__saturation_field.appendChild(s3), i3.__selector.appendChild(i3.__field_knob), i3.__selector.appendChild(i3.__saturation_field), i3.__selector.appendChild(i3.__hue_field), i3.__hue_field.appendChild(i3.__hue_knob), i3.domElement.appendChild(i3.__input), i3.domElement.appendChild(i3.__selector), i3.updateDisplay(), i3;
+      return YP.extend(i3.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), YP.extend(i3.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i3.__field_knob_border + (i3.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), YP.extend(i3.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), YP.extend(i3.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), YP.extend(s3.style, { width: "100%", height: "100%", background: "none" }), MC(s3, "top", "rgba(0,0,0,0)", "#000"), YP.extend(i3.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i3.__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(i3.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i3.__input_textShadow + "rgba(0,0,0,0.7)" }), fC.bind(i3.__saturation_field, "mousedown", a2), fC.bind(i3.__saturation_field, "touchstart", a2), fC.bind(i3.__field_knob, "mousedown", a2), fC.bind(i3.__field_knob, "touchstart", a2), fC.bind(i3.__hue_field, "mousedown", l2), fC.bind(i3.__hue_field, "touchstart", l2), i3.__saturation_field.appendChild(s3), i3.__selector.appendChild(i3.__field_knob), i3.__selector.appendChild(i3.__saturation_field), i3.__selector.appendChild(i3.__hue_field), i3.__hue_field.appendChild(i3.__hue_knob), i3.domElement.appendChild(i3.__input), i3.domElement.appendChild(i3.__selector), i3.updateDisplay(), i3;
     }
-    return nC(e3, t3), tC(e3, [{ key: "updateDisplay", value: function() {
-      var t4 = ZP(this.getValue());
+    return oC(e3, t3), iC(e3, [{ key: "updateDisplay", value: function() {
+      var t4 = KP(this.getValue());
       if (t4 !== false) {
         var e4 = false;
-        WP.each(rC.COMPONENTS, function(n4) {
-          if (!WP.isUndefined(t4[n4]) && !WP.isUndefined(this.__color.__state[n4]) && t4[n4] !== this.__color.__state[n4])
+        YP.each(aC.COMPONENTS, function(n4) {
+          if (!YP.isUndefined(t4[n4]) && !YP.isUndefined(this.__color.__state[n4]) && t4[n4] !== this.__color.__state[n4])
             return e4 = true, {};
-        }, this), e4 && WP.extend(this.__color.__state, t4);
+        }, this), e4 && YP.extend(this.__color.__state, t4);
       }
-      WP.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
+      YP.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
       var n3 = this.__color.v < 0.5 || this.__color.s > 0.5 ? 255 : 0, i3 = 255 - n3;
-      WP.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(" + n3 + "," + n3 + "," + n3 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, wC(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), WP.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n3 + "," + n3 + "," + n3 + ")", textShadow: this.__input_textShadow + "rgba(" + i3 + "," + i3 + "," + i3 + ",.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(" + n3 + "," + n3 + "," + n3 + ")" }), 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(" + n3 + "," + n3 + "," + n3 + ")", textShadow: this.__input_textShadow + "rgba(" + i3 + "," + i3 + "," + i3 + ",.7)" });
     } }]), e3;
-  }(aC), TC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
-  function wC(t3, e3, n3, i3) {
-    t3.style.background = "", WP.each(TC, function(r3) {
+  }(hC), EC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
+  function MC(t3, e3, n3, i3) {
+    t3.style.background = "", YP.each(EC, function(r3) {
       t3.style.cssText += "background: " + r3 + "linear-gradient(" + e3 + ", " + n3 + " 0%, " + i3 + " 100%); ";
     });
   }
-  var SC = function(t3, e3) {
+  var AC = function(t3, e3) {
     var n3 = e3 || document, i3 = document.createElement("style");
     i3.type = "text/css", i3.innerHTML = t3;
     var r3 = n3.getElementsByTagName("head")[0];
@@ -34292,7 +34314,7 @@ void main(void){
       r3.appendChild(i3);
     } catch (t4) {
     }
-  }, EC = `<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:
 
@@ -34312,50 +34334,50 @@ void main(void){
 
   </div>
 
-</div>`, MC = function(t3, e3) {
+</div>`, PC = function(t3, e3) {
     var n3 = t3[e3];
-    return WP.isArray(arguments[2]) || WP.isObject(arguments[2]) ? new pC(t3, e3, arguments[2]) : WP.isNumber(n3) ? WP.isNumber(arguments[2]) && WP.isNumber(arguments[3]) ? WP.isNumber(arguments[4]) ? new yC(t3, e3, arguments[2], arguments[3], arguments[4]) : new yC(t3, e3, arguments[2], arguments[3]) : WP.isNumber(arguments[4]) ? new vC(t3, e3, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new vC(t3, e3, { min: arguments[2], max: arguments[3] }) : WP.isString(n3) ? new fC(t3, e3) : WP.isFunction(n3) ? new xC(t3, e3, "") : WP.isBoolean(n3) ? new dC(t3, e3) : null;
+    return YP.isArray(arguments[2]) || YP.isObject(arguments[2]) ? new gC(t3, e3, arguments[2]) : YP.isNumber(n3) ? YP.isNumber(arguments[2]) && YP.isNumber(arguments[3]) ? YP.isNumber(arguments[4]) ? new TC(t3, e3, arguments[2], arguments[3], arguments[4]) : new TC(t3, e3, arguments[2], arguments[3]) : YP.isNumber(arguments[4]) ? new xC(t3, e3, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new xC(t3, e3, { min: arguments[2], max: arguments[3] }) : YP.isString(n3) ? new vC(t3, e3) : YP.isFunction(n3) ? new wC(t3, e3, "") : YP.isBoolean(n3) ? new mC(t3, e3) : null;
   };
-  var AC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t3) {
+  var CC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t3) {
     setTimeout(t3, 1e3 / 60);
-  }, RC = function() {
+  }, IC = function() {
     function t3() {
-      QP(this, t3), this.backgroundElement = document.createElement("div"), WP.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" }), cC.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), WP.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, t3), 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 e3 = this;
-      cC.bind(this.backgroundElement, "click", function() {
+      fC.bind(this.backgroundElement, "click", function() {
         e3.hide();
       });
     }
-    return tC(t3, [{ key: "show", value: function() {
+    return iC(t3, [{ key: "show", value: function() {
       var t4 = 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(), WP.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() {
         t4.backgroundElement.style.opacity = 1, t4.domElement.style.opacity = 1, t4.domElement.style.webkitTransform = "scale(1)";
       });
     } }, { key: "hide", value: function() {
       var t4 = this, e3 = function e4() {
-        t4.domElement.style.display = "none", t4.backgroundElement.style.display = "none", cC.unbind(t4.domElement, "webkitTransitionEnd", e4), cC.unbind(t4.domElement, "transitionend", e4), cC.unbind(t4.domElement, "oTransitionEnd", e4);
+        t4.domElement.style.display = "none", t4.backgroundElement.style.display = "none", fC.unbind(t4.domElement, "webkitTransitionEnd", e4), fC.unbind(t4.domElement, "transitionend", e4), fC.unbind(t4.domElement, "oTransitionEnd", e4);
       };
-      cC.bind(this.domElement, "webkitTransitionEnd", e3), cC.bind(this.domElement, "transitionend", e3), cC.bind(this.domElement, "oTransitionEnd", e3), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
+      fC.bind(this.domElement, "webkitTransitionEnd", e3), fC.bind(this.domElement, "transitionend", e3), fC.bind(this.domElement, "oTransitionEnd", e3), 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 - cC.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - cC.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";
     } }]), t3;
   }();
-  SC(function(t3) {
+  AC(function(t3) {
     if (t3 && typeof window != "undefined") {
       var e3 = document.createElement("style");
       return e3.setAttribute("type", "text/css"), e3.innerHTML = t3, document.head.appendChild(e3), t3;
     }
   }(".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 PC = function() {
+  var OC = function() {
     try {
       return !!window.localStorage;
     } catch (t3) {
       return false;
     }
-  }(), CC = void 0, IC = true, OC = void 0, LC = false, NC = [], DC = function t3(e3) {
+  }(), LC = void 0, NC = true, DC = void 0, FC = false, BC = [], UC = function t3(e3) {
     var n3 = this, i3 = e3 || {};
-    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), cC.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i3 = WP.defaults(i3, { closeOnTop: false, autoPlace: true, width: t3.DEFAULT_WIDTH }), i3 = WP.defaults(i3, { resizable: i3.autoPlace, hideable: i3.autoPlace }), WP.isUndefined(i3.load) ? i3.load = { preset: "Default" } : i3.preset && (i3.load.preset = i3.preset), WP.isUndefined(i3.parent) && i3.hideable && NC.push(this), i3.resizable = WP.isUndefined(i3.parent) && i3.resizable, i3.autoPlace && WP.isUndefined(i3.scrollable) && (i3.scrollable = true);
-    var r3, o2 = PC && localStorage.getItem(HC(this, "isLocal")) === "true", s3 = 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 = [], i3 = YP.defaults(i3, { closeOnTop: false, autoPlace: true, width: t3.DEFAULT_WIDTH }), i3 = YP.defaults(i3, { resizable: i3.autoPlace, hideable: i3.autoPlace }), YP.isUndefined(i3.load) ? i3.load = { preset: "Default" } : i3.preset && (i3.load.preset = i3.preset), YP.isUndefined(i3.parent) && i3.hideable && BC.push(this), i3.resizable = YP.isUndefined(i3.parent) && i3.resizable, i3.autoPlace && YP.isUndefined(i3.scrollable) && (i3.scrollable = true);
+    var r3, o2 = OC && localStorage.getItem(VC(this, "isLocal")) === "true", s3 = void 0, a2 = void 0;
     if (Object.defineProperties(this, { parent: { get: function() {
       return i3.parent;
     } }, scrollable: { get: function() {
@@ -34374,7 +34396,7 @@ void main(void){
     } }, width: { get: function() {
       return i3.width;
     }, set: function(t4) {
-      i3.width = t4, XC(n3, t4);
+      i3.width = t4, ZC(n3, t4);
     } }, name: { get: function() {
       return i3.name;
     }, set: function(t4) {
@@ -34382,50 +34404,50 @@ void main(void){
     } }, closed: { get: function() {
       return i3.closed;
     }, set: function(e4) {
-      i3.closed = e4, i3.closed ? cC.addClass(n3.__ul, t3.CLASS_CLOSED) : cC.removeClass(n3.__ul, t3.CLASS_CLOSED), this.onResize(), n3.__closeButton && (n3.__closeButton.innerHTML = e4 ? t3.TEXT_OPEN : t3.TEXT_CLOSED);
+      i3.closed = e4, i3.closed ? fC.addClass(n3.__ul, t3.CLASS_CLOSED) : fC.removeClass(n3.__ul, t3.CLASS_CLOSED), this.onResize(), n3.__closeButton && (n3.__closeButton.innerHTML = e4 ? t3.TEXT_OPEN : t3.TEXT_CLOSED);
     } }, load: { get: function() {
       return i3.load;
     } }, useLocalStorage: { get: function() {
       return o2;
     }, set: function(t4) {
-      PC && (o2 = t4, t4 ? cC.bind(window, "unload", s3) : cC.unbind(window, "unload", s3), localStorage.setItem(HC(n3, "isLocal"), t4));
-    } } }), WP.isUndefined(i3.parent)) {
-      if (this.closed = i3.closed || false, cC.addClass(this.domElement, t3.CLASS_MAIN), cC.makeSelectable(this.domElement, false), PC && o2) {
+      OC && (o2 = t4, t4 ? fC.bind(window, "unload", s3) : fC.unbind(window, "unload", s3), localStorage.setItem(VC(n3, "isLocal"), t4));
+    } } }), YP.isUndefined(i3.parent)) {
+      if (this.closed = i3.closed || false, fC.addClass(this.domElement, t3.CLASS_MAIN), fC.makeSelectable(this.domElement, false), OC && o2) {
         n3.useLocalStorage = true;
-        var l2 = localStorage.getItem(HC(this, "gui"));
+        var l2 = localStorage.getItem(VC(this, "gui"));
         l2 && (i3.load = JSON.parse(l2));
       }
-      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t3.TEXT_CLOSED, cC.addClass(this.__closeButton, t3.CLASS_CLOSE_BUTTON), i3.closeOnTop ? (cC.addClass(this.__closeButton, t3.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (cC.addClass(this.__closeButton, t3.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), cC.bind(this.__closeButton, "click", function() {
+      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t3.TEXT_CLOSED, fC.addClass(this.__closeButton, t3.CLASS_CLOSE_BUTTON), i3.closeOnTop ? (fC.addClass(this.__closeButton, t3.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (fC.addClass(this.__closeButton, t3.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), fC.bind(this.__closeButton, "click", function() {
         n3.closed = !n3.closed;
       });
     } else {
       i3.closed === void 0 && (i3.closed = true);
       var u2 = document.createTextNode(i3.name);
-      cC.addClass(u2, "controller-name"), a2 = FC(n3, u2);
-      cC.addClass(this.__ul, t3.CLASS_CLOSED), cC.addClass(a2, "title"), cC.bind(a2, "click", function(t4) {
+      fC.addClass(u2, "controller-name"), a2 = kC(n3, u2);
+      fC.addClass(this.__ul, t3.CLASS_CLOSED), fC.addClass(a2, "title"), fC.bind(a2, "click", function(t4) {
         return t4.preventDefault(), n3.closed = !n3.closed, false;
       }), i3.closed || (this.closed = false);
     }
-    i3.autoPlace && (WP.isUndefined(i3.parent) && (IC && (OC = document.createElement("div"), cC.addClass(OC, "dg"), cC.addClass(OC, t3.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(OC), IC = false), OC.appendChild(this.domElement), cC.addClass(this.domElement, t3.CLASS_AUTO_PLACE)), this.parent || XC(n3, i3.width)), this.__resizeHandler = function() {
+    i3.autoPlace && (YP.isUndefined(i3.parent) && (NC && (DC = document.createElement("div"), fC.addClass(DC, "dg"), fC.addClass(DC, t3.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(DC), NC = false), DC.appendChild(this.domElement), fC.addClass(this.domElement, t3.CLASS_AUTO_PLACE)), this.parent || ZC(n3, i3.width)), this.__resizeHandler = function() {
       n3.onResizeDebounced();
-    }, cC.bind(window, "resize", this.__resizeHandler), cC.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), cC.bind(this.__ul, "transitionend", this.__resizeHandler), cC.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i3.resizable && WC(this), s3 = function() {
-      PC && localStorage.getItem(HC(n3, "isLocal")) === "true" && localStorage.setItem(HC(n3, "gui"), JSON.stringify(n3.getSaveObject()));
-    }, this.saveToLocalStorageIfPossible = s3, i3.parent || ((r3 = n3.getRoot()).width += 1, WP.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(), i3.resizable && YC(this), s3 = function() {
+      OC && localStorage.getItem(VC(n3, "isLocal")) === "true" && localStorage.setItem(VC(n3, "gui"), JSON.stringify(n3.getSaveObject()));
+    }, this.saveToLocalStorageIfPossible = s3, i3.parent || ((r3 = n3.getRoot()).width += 1, YP.defer(function() {
       r3.width -= 1;
     }));
   };
-  function FC(t3, e3, n3) {
+  function kC(t3, e3, n3) {
     var i3 = document.createElement("li");
     return e3 && i3.appendChild(e3), n3 ? t3.__ul.insertBefore(i3, n3) : t3.__ul.appendChild(i3), t3.onResize(), i3;
   }
-  function BC(t3) {
-    cC.unbind(window, "resize", t3.__resizeHandler), t3.saveToLocalStorageIfPossible && cC.unbind(window, "unload", t3.saveToLocalStorageIfPossible);
+  function GC(t3) {
+    fC.unbind(window, "resize", t3.__resizeHandler), t3.saveToLocalStorageIfPossible && fC.unbind(window, "unload", t3.saveToLocalStorageIfPossible);
   }
-  function UC(t3, e3) {
+  function HC(t3, e3) {
     var n3 = t3.__preset_select[t3.__preset_select.selectedIndex];
     n3.innerHTML = e3 ? n3.value + "*" : n3.value;
   }
-  function kC(t3, e3) {
+  function zC(t3, e3) {
     var n3 = t3.getRoot(), i3 = n3.__rememberedObjects.indexOf(e3.object);
     if (i3 !== -1) {
       var r3 = n3.__rememberedObjectIndecesToControllers[i3];
@@ -34445,31 +34467,31 @@ void main(void){
       }
     }
   }
-  function GC(t3, e3, n3, i3) {
+  function jC(t3, e3, n3, i3) {
     if (e3[n3] === void 0)
       throw new Error('Object "' + e3 + '" has no property "' + n3 + '"');
     var r3 = void 0;
     if (i3.color)
-      r3 = new bC(e3, n3);
+      r3 = new SC(e3, n3);
     else {
       var o2 = [e3, n3].concat(i3.factoryArgs);
-      r3 = MC.apply(t3, o2);
+      r3 = PC.apply(t3, o2);
     }
-    i3.before instanceof aC && (i3.before = i3.before.__li), kC(t3, r3), cC.addClass(r3.domElement, "c");
+    i3.before instanceof hC && (i3.before = i3.before.__li), zC(t3, r3), fC.addClass(r3.domElement, "c");
     var s3 = document.createElement("span");
-    cC.addClass(s3, "property-name"), s3.innerHTML = r3.property;
+    fC.addClass(s3, "property-name"), s3.innerHTML = r3.property;
     var a2 = document.createElement("div");
     a2.appendChild(s3), a2.appendChild(r3.domElement);
-    var l2 = FC(t3, a2, i3.before);
-    return cC.addClass(l2, DC.CLASS_CONTROLLER_ROW), r3 instanceof bC ? cC.addClass(l2, "color") : cC.addClass(l2, KP(r3.getValue())), function(t4, e4, n4) {
-      if (n4.__li = e4, n4.__gui = t4, WP.extend(n4, { options: function(e5) {
+    var l2 = kC(t3, a2, i3.before);
+    return fC.addClass(l2, UC.CLASS_CONTROLLER_ROW), r3 instanceof SC ? fC.addClass(l2, "color") : fC.addClass(l2, eC(r3.getValue())), function(t4, e4, n4) {
+      if (n4.__li = e4, n4.__gui = t4, YP.extend(n4, { options: function(e5) {
         if (arguments.length > 1) {
           var i5 = n4.__li.nextElementSibling;
-          return n4.remove(), GC(t4, n4.object, n4.property, { before: i5, factoryArgs: [WP.toArray(arguments)] });
+          return n4.remove(), jC(t4, n4.object, n4.property, { before: i5, factoryArgs: [YP.toArray(arguments)] });
         }
-        if (WP.isArray(e5) || WP.isObject(e5)) {
+        if (YP.isArray(e5) || YP.isObject(e5)) {
           var r5 = n4.__li.nextElementSibling;
-          return n4.remove(), GC(t4, n4.object, n4.property, { before: r5, factoryArgs: [e5] });
+          return n4.remove(), jC(t4, n4.object, n4.property, { before: r5, factoryArgs: [e5] });
         }
       }, name: function(t5) {
         return n4.__li.firstElementChild.firstElementChild.innerHTML = t5, n4;
@@ -34477,157 +34499,157 @@ void main(void){
         return n4.__gui.listen(n4), n4;
       }, remove: function() {
         return n4.__gui.remove(n4), n4;
-      } }), n4 instanceof yC) {
-        var i4 = new vC(n4.object, n4.property, { min: n4.__min, max: n4.__max, step: n4.__step });
-        WP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t5) {
+      } }), n4 instanceof TC) {
+        var i4 = new xC(n4.object, n4.property, { min: n4.__min, max: n4.__max, step: n4.__step });
+        YP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t5) {
           var e5 = n4[t5], r5 = i4[t5];
           n4[t5] = i4[t5] = function() {
             var t6 = Array.prototype.slice.call(arguments);
             return r5.apply(i4, t6), e5.apply(n4, t6);
           };
-        }), cC.addClass(e4, "has-slider"), n4.domElement.insertBefore(i4.domElement, n4.domElement.firstElementChild);
-      } else if (n4 instanceof vC) {
+        }), fC.addClass(e4, "has-slider"), n4.domElement.insertBefore(i4.domElement, n4.domElement.firstElementChild);
+      } else if (n4 instanceof xC) {
         var r4 = function(e5) {
-          if (WP.isNumber(n4.__min) && WP.isNumber(n4.__max)) {
+          if (YP.isNumber(n4.__min) && YP.isNumber(n4.__max)) {
             var i5 = n4.__li.firstElementChild.firstElementChild.innerHTML, r5 = n4.__gui.__listening.indexOf(n4) > -1;
             n4.remove();
-            var o3 = GC(t4, n4.object, n4.property, { before: n4.__li.nextElementSibling, factoryArgs: [n4.__min, n4.__max, n4.__step] });
+            var o3 = jC(t4, n4.object, n4.property, { before: n4.__li.nextElementSibling, factoryArgs: [n4.__min, n4.__max, n4.__step] });
             return o3.name(i5), r5 && o3.listen(), o3;
           }
           return e5;
         };
-        n4.min = WP.compose(r4, n4.min), n4.max = WP.compose(r4, n4.max);
+        n4.min = YP.compose(r4, n4.min), n4.max = YP.compose(r4, n4.max);
       } else
-        n4 instanceof dC ? (cC.bind(e4, "click", function() {
-          cC.fakeEvent(n4.__checkbox, "click");
-        }), cC.bind(n4.__checkbox, "click", function(t5) {
+        n4 instanceof mC ? (fC.bind(e4, "click", function() {
+          fC.fakeEvent(n4.__checkbox, "click");
+        }), fC.bind(n4.__checkbox, "click", function(t5) {
           t5.stopPropagation();
-        })) : n4 instanceof xC ? (cC.bind(e4, "click", function() {
-          cC.fakeEvent(n4.__button, "click");
-        }), cC.bind(e4, "mouseover", function() {
-          cC.addClass(n4.__button, "hover");
-        }), cC.bind(e4, "mouseout", function() {
-          cC.removeClass(n4.__button, "hover");
-        })) : n4 instanceof bC && (cC.addClass(e4, "color"), n4.updateDisplay = WP.compose(function(t5) {
+        })) : n4 instanceof wC ? (fC.bind(e4, "click", function() {
+          fC.fakeEvent(n4.__button, "click");
+        }), fC.bind(e4, "mouseover", function() {
+          fC.addClass(n4.__button, "hover");
+        }), fC.bind(e4, "mouseout", function() {
+          fC.removeClass(n4.__button, "hover");
+        })) : n4 instanceof SC && (fC.addClass(e4, "color"), n4.updateDisplay = YP.compose(function(t5) {
           return e4.style.borderLeftColor = n4.__color.toString(), t5;
         }, n4.updateDisplay), n4.updateDisplay());
-      n4.setValue = WP.compose(function(e5) {
-        return t4.getRoot().__preset_select && n4.isModified() && UC(t4.getRoot(), true), e5;
+      n4.setValue = YP.compose(function(e5) {
+        return t4.getRoot().__preset_select && n4.isModified() && HC(t4.getRoot(), true), e5;
       }, n4.setValue);
     }(t3, l2, r3), t3.__controllers.push(r3), r3;
   }
-  function HC(t3, e3) {
+  function VC(t3, e3) {
     return document.location.href + "." + e3;
   }
-  function zC(t3, e3, n3) {
+  function WC(t3, e3, n3) {
     var i3 = document.createElement("option");
     i3.innerHTML = e3, i3.value = e3, t3.__preset_select.appendChild(i3), n3 && (t3.__preset_select.selectedIndex = t3.__preset_select.length - 1);
   }
-  function jC(t3, e3) {
+  function XC(t3, e3) {
     e3.style.display = t3.useLocalStorage ? "block" : "none";
   }
-  function VC(t3) {
+  function qC(t3) {
     var e3 = t3.__save_row = document.createElement("li");
-    cC.addClass(t3.domElement, "has-save"), t3.__ul.insertBefore(e3, t3.__ul.firstChild), cC.addClass(e3, "save-row");
+    fC.addClass(t3.domElement, "has-save"), t3.__ul.insertBefore(e3, t3.__ul.firstChild), fC.addClass(e3, "save-row");
     var n3 = document.createElement("span");
-    n3.innerHTML = "&nbsp;", cC.addClass(n3, "button gears");
+    n3.innerHTML = "&nbsp;", fC.addClass(n3, "button gears");
     var i3 = document.createElement("span");
-    i3.innerHTML = "Save", cC.addClass(i3, "button"), cC.addClass(i3, "save");
+    i3.innerHTML = "Save", fC.addClass(i3, "button"), fC.addClass(i3, "save");
     var r3 = document.createElement("span");
-    r3.innerHTML = "New", cC.addClass(r3, "button"), cC.addClass(r3, "save-as");
+    r3.innerHTML = "New", fC.addClass(r3, "button"), fC.addClass(r3, "save-as");
     var o2 = document.createElement("span");
-    o2.innerHTML = "Revert", cC.addClass(o2, "button"), cC.addClass(o2, "revert");
+    o2.innerHTML = "Revert", fC.addClass(o2, "button"), fC.addClass(o2, "revert");
     var s3 = t3.__preset_select = document.createElement("select");
-    if (t3.load && t3.load.remembered ? WP.each(t3.load.remembered, function(e4, n4) {
-      zC(t3, n4, n4 === t3.preset);
-    }) : zC(t3, "Default", false), cC.bind(s3, "change", function() {
+    if (t3.load && t3.load.remembered ? YP.each(t3.load.remembered, function(e4, n4) {
+      WC(t3, n4, n4 === t3.preset);
+    }) : WC(t3, "Default", false), fC.bind(s3, "change", function() {
       for (var e4 = 0; e4 < t3.__preset_select.length; e4++)
         t3.__preset_select[e4].innerHTML = t3.__preset_select[e4].value;
       t3.preset = this.value;
-    }), e3.appendChild(s3), e3.appendChild(n3), e3.appendChild(i3), e3.appendChild(r3), e3.appendChild(o2), PC) {
+    }), e3.appendChild(s3), e3.appendChild(n3), e3.appendChild(i3), e3.appendChild(r3), e3.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(HC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), jC(t3, a2), cC.bind(l2, "change", function() {
-        t3.useLocalStorage = !t3.useLocalStorage, jC(t3, a2);
+      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(VC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), XC(t3, a2), fC.bind(l2, "change", function() {
+        t3.useLocalStorage = !t3.useLocalStorage, XC(t3, a2);
       });
     }
     var u2 = document.getElementById("dg-new-constructor");
-    cC.bind(u2, "keydown", function(t4) {
-      !t4.metaKey || t4.which !== 67 && t4.keyCode !== 67 || CC.hide();
-    }), cC.bind(n3, "click", function() {
-      u2.innerHTML = JSON.stringify(t3.getSaveObject(), void 0, 2), CC.show(), u2.focus(), u2.select();
-    }), cC.bind(i3, "click", function() {
+    fC.bind(u2, "keydown", function(t4) {
+      !t4.metaKey || t4.which !== 67 && t4.keyCode !== 67 || LC.hide();
+    }), fC.bind(n3, "click", function() {
+      u2.innerHTML = JSON.stringify(t3.getSaveObject(), void 0, 2), LC.show(), u2.focus(), u2.select();
+    }), fC.bind(i3, "click", function() {
       t3.save();
-    }), cC.bind(r3, "click", function() {
+    }), fC.bind(r3, "click", function() {
       var e4 = prompt("Enter a new preset name.");
       e4 && t3.saveAs(e4);
-    }), cC.bind(o2, "click", function() {
+    }), fC.bind(o2, "click", function() {
       t3.revert();
     });
   }
-  function WC(t3) {
+  function YC(t3) {
     var e3 = void 0;
     function n3(n4) {
       return n4.preventDefault(), t3.width += e3 - n4.clientX, t3.onResize(), e3 = n4.clientX, false;
     }
     function i3() {
-      cC.removeClass(t3.__closeButton, DC.CLASS_DRAG), cC.unbind(window, "mousemove", n3), cC.unbind(window, "mouseup", i3);
+      fC.removeClass(t3.__closeButton, UC.CLASS_DRAG), fC.unbind(window, "mousemove", n3), fC.unbind(window, "mouseup", i3);
     }
     function r3(r4) {
-      return r4.preventDefault(), e3 = r4.clientX, cC.addClass(t3.__closeButton, DC.CLASS_DRAG), cC.bind(window, "mousemove", n3), cC.bind(window, "mouseup", i3), false;
+      return r4.preventDefault(), e3 = r4.clientX, fC.addClass(t3.__closeButton, UC.CLASS_DRAG), fC.bind(window, "mousemove", n3), fC.bind(window, "mouseup", i3), false;
     }
-    t3.__resize_handle = document.createElement("div"), WP.extend(t3.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), cC.bind(t3.__resize_handle, "mousedown", r3), cC.bind(t3.__closeButton, "mousedown", r3), t3.domElement.insertBefore(t3.__resize_handle, t3.domElement.firstElementChild);
+    t3.__resize_handle = document.createElement("div"), YP.extend(t3.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), fC.bind(t3.__resize_handle, "mousedown", r3), fC.bind(t3.__closeButton, "mousedown", r3), t3.domElement.insertBefore(t3.__resize_handle, t3.domElement.firstElementChild);
   }
-  function XC(t3, e3) {
+  function ZC(t3, e3) {
     t3.domElement.style.width = e3 + "px", t3.__save_row && t3.autoPlace && (t3.__save_row.style.width = e3 + "px"), t3.__closeButton && (t3.__closeButton.style.width = e3 + "px");
   }
-  function qC(t3, e3) {
+  function JC(t3, e3) {
     var n3 = {};
-    return WP.each(t3.__rememberedObjects, function(i3, r3) {
+    return YP.each(t3.__rememberedObjects, function(i3, r3) {
       var o2 = {}, s3 = t3.__rememberedObjectIndecesToControllers[r3];
-      WP.each(s3, function(t4, n4) {
+      YP.each(s3, function(t4, n4) {
         o2[n4] = e3 ? t4.initialValue : t4.getValue();
       }), n3[r3] = o2;
     }), n3;
   }
-  DC.toggleHide = function() {
-    LC = !LC, WP.each(NC, function(t3) {
-      t3.domElement.style.display = LC ? "none" : "";
+  UC.toggleHide = function() {
+    FC = !FC, YP.each(BC, function(t3) {
+      t3.domElement.style.display = FC ? "none" : "";
     });
-  }, DC.CLASS_AUTO_PLACE = "a", DC.CLASS_AUTO_PLACE_CONTAINER = "ac", DC.CLASS_MAIN = "main", DC.CLASS_CONTROLLER_ROW = "cr", DC.CLASS_TOO_TALL = "taller-than-window", DC.CLASS_CLOSED = "closed", DC.CLASS_CLOSE_BUTTON = "close-button", DC.CLASS_CLOSE_TOP = "close-top", DC.CLASS_CLOSE_BOTTOM = "close-bottom", DC.CLASS_DRAG = "drag", DC.DEFAULT_WIDTH = 245, DC.TEXT_CLOSED = "Close Controls", DC.TEXT_OPEN = "Open Controls", DC._keydownHandler = function(t3) {
-    document.activeElement.type === "text" || t3.which !== 72 && t3.keyCode !== 72 || DC.toggleHide();
-  }, cC.bind(window, "keydown", DC._keydownHandler, false), WP.extend(DC.prototype, { add: function(t3, e3) {
-    return GC(this, t3, e3, { 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(t3) {
+    document.activeElement.type === "text" || t3.which !== 72 && t3.keyCode !== 72 || UC.toggleHide();
+  }, fC.bind(window, "keydown", UC._keydownHandler, false), YP.extend(UC.prototype, { add: function(t3, e3) {
+    return jC(this, t3, e3, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
   }, addColor: function(t3, e3) {
-    return GC(this, t3, e3, { color: true });
+    return jC(this, t3, e3, { color: true });
   }, remove: function(t3) {
     this.__ul.removeChild(t3.__li), this.__controllers.splice(this.__controllers.indexOf(t3), 1);
     var e3 = this;
-    WP.defer(function() {
+    YP.defer(function() {
       e3.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 && OC.removeChild(this.domElement);
+    this.autoPlace && DC.removeChild(this.domElement);
     var t3 = this;
-    WP.each(this.__folders, function(e3) {
+    YP.each(this.__folders, function(e3) {
       t3.removeFolder(e3);
-    }), cC.unbind(window, "keydown", DC._keydownHandler, false), BC(this);
+    }), fC.unbind(window, "keydown", UC._keydownHandler, false), GC(this);
   }, addFolder: function(t3) {
     if (this.__folders[t3] !== void 0)
       throw new Error('You already have a folder in this GUI by the name "' + t3 + '"');
     var e3 = { name: t3, parent: this };
     e3.autoPlace = this.autoPlace, this.load && this.load.folders && this.load.folders[t3] && (e3.closed = this.load.folders[t3].closed, e3.load = this.load.folders[t3]);
-    var n3 = new DC(e3);
+    var n3 = new UC(e3);
     this.__folders[t3] = n3;
-    var i3 = FC(this, n3.domElement);
-    return cC.addClass(i3, "folder"), n3;
+    var i3 = kC(this, n3.domElement);
+    return fC.addClass(i3, "folder"), n3;
   }, removeFolder: function(t3) {
-    this.__ul.removeChild(t3.domElement.parentElement), delete this.__folders[t3.name], this.load && this.load.folders && this.load.folders[t3.name] && delete this.load.folders[t3.name], BC(t3);
+    this.__ul.removeChild(t3.domElement.parentElement), delete this.__folders[t3.name], this.load && this.load.folders && this.load.folders[t3.name] && delete this.load.folders[t3.name], GC(t3);
     var e3 = this;
-    WP.each(t3.__folders, function(e4) {
+    YP.each(t3.__folders, function(e4) {
       t3.removeFolder(e4);
-    }), WP.defer(function() {
+    }), YP.defer(function() {
       e3.onResize();
     });
   }, open: function() {
@@ -34641,60 +34663,60 @@ void main(void){
   }, onResize: function() {
     var t3 = this.getRoot();
     if (t3.scrollable) {
-      var e3 = cC.getOffset(t3.__ul).top, n3 = 0;
-      WP.each(t3.__ul.childNodes, function(e4) {
-        t3.autoPlace && e4 === t3.__save_row || (n3 += cC.getHeight(e4));
-      }), window.innerHeight - e3 - 20 < n3 ? (cC.addClass(t3.domElement, DC.CLASS_TOO_TALL), t3.__ul.style.height = window.innerHeight - e3 - 20 + "px") : (cC.removeClass(t3.domElement, DC.CLASS_TOO_TALL), t3.__ul.style.height = "auto");
+      var e3 = fC.getOffset(t3.__ul).top, n3 = 0;
+      YP.each(t3.__ul.childNodes, function(e4) {
+        t3.autoPlace && e4 === t3.__save_row || (n3 += fC.getHeight(e4));
+      }), window.innerHeight - e3 - 20 < n3 ? (fC.addClass(t3.domElement, UC.CLASS_TOO_TALL), t3.__ul.style.height = window.innerHeight - e3 - 20 + "px") : (fC.removeClass(t3.domElement, UC.CLASS_TOO_TALL), t3.__ul.style.height = "auto");
     }
-    t3.__resize_handle && WP.defer(function() {
+    t3.__resize_handle && YP.defer(function() {
       t3.__resize_handle.style.height = t3.__ul.offsetHeight + "px";
     }), t3.__closeButton && (t3.__closeButton.style.width = t3.width + "px");
-  }, onResizeDebounced: WP.debounce(function() {
+  }, onResizeDebounced: YP.debounce(function() {
     this.onResize();
   }, 50), remember: function() {
-    if (WP.isUndefined(CC) && ((CC = new RC()).domElement.innerHTML = EC), 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 t3 = this;
-    WP.each(Array.prototype.slice.call(arguments), function(e3) {
-      t3.__rememberedObjects.length === 0 && VC(t3), t3.__rememberedObjects.indexOf(e3) === -1 && t3.__rememberedObjects.push(e3);
-    }), this.autoPlace && XC(this, this.width);
+    YP.each(Array.prototype.slice.call(arguments), function(e3) {
+      t3.__rememberedObjects.length === 0 && qC(t3), t3.__rememberedObjects.indexOf(e3) === -1 && t3.__rememberedObjects.push(e3);
+    }), this.autoPlace && ZC(this, this.width);
   }, getRoot: function() {
     for (var t3 = this; t3.parent; )
       t3 = t3.parent;
     return t3;
   }, getSaveObject: function() {
     var t3 = this.load;
-    return t3.closed = this.closed, this.__rememberedObjects.length > 0 && (t3.preset = this.preset, t3.remembered || (t3.remembered = {}), t3.remembered[this.preset] = qC(this)), t3.folders = {}, WP.each(this.__folders, function(e3, n3) {
+    return t3.closed = this.closed, this.__rememberedObjects.length > 0 && (t3.preset = this.preset, t3.remembered || (t3.remembered = {}), t3.remembered[this.preset] = JC(this)), t3.folders = {}, YP.each(this.__folders, function(e3, n3) {
       t3.folders[n3] = e3.getSaveObject();
     }), t3;
   }, save: function() {
-    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = qC(this), UC(this, false), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = JC(this), HC(this, false), this.saveToLocalStorageIfPossible();
   }, saveAs: function(t3) {
-    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = qC(this, true)), this.load.remembered[t3] = qC(this), this.preset = t3, zC(this, t3, true), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = JC(this, true)), this.load.remembered[t3] = JC(this), this.preset = t3, WC(this, t3, true), this.saveToLocalStorageIfPossible();
   }, revert: function(t3) {
-    WP.each(this.__controllers, function(e3) {
-      this.getRoot().load.remembered ? kC(t3 || this.getRoot(), e3) : e3.setValue(e3.initialValue), e3.__onFinishChange && e3.__onFinishChange.call(e3, e3.getValue());
-    }, this), WP.each(this.__folders, function(t4) {
+    YP.each(this.__controllers, function(e3) {
+      this.getRoot().load.remembered ? zC(t3 || this.getRoot(), e3) : e3.setValue(e3.initialValue), e3.__onFinishChange && e3.__onFinishChange.call(e3, e3.getValue());
+    }, this), YP.each(this.__folders, function(t4) {
       t4.revert(t4);
-    }), t3 || UC(this.getRoot(), false);
+    }), t3 || HC(this.getRoot(), false);
   }, listen: function(t3) {
     var e3 = this.__listening.length === 0;
     this.__listening.push(t3), e3 && function t4(e4) {
-      e4.length !== 0 && AC.call(window, function() {
+      e4.length !== 0 && CC.call(window, function() {
         t4(e4);
       });
-      WP.each(e4, function(t5) {
+      YP.each(e4, function(t5) {
         t5.updateDisplay();
       });
     }(this.__listening);
   }, updateDisplay: function() {
-    WP.each(this.__controllers, function(t3) {
+    YP.each(this.__controllers, function(t3) {
       t3.updateDisplay();
-    }), WP.each(this.__folders, function(t3) {
+    }), YP.each(this.__folders, function(t3) {
       t3.updateDisplay();
     });
   } });
-  var YC = DC, ZC = function() {
+  var $C = UC, KC = function() {
     function t3(t4) {
       this.runTime = { fps: 0, resolution: "" }, this.target = t4.target, this.data = t4.params, this.player = t4.player, this.gui = this.createControllerGUI(), this.createStats(), this.addEventListener();
     }
@@ -34704,7 +34726,7 @@ void main(void){
         t4.player.view && (t4.controller.runTimeFps.setValue(t4.player.fps.value), t4.controller.drawCall.setValue(t4.player.runtime.drawCall), t4.controller.runTimeResolution.setValue(t4.player.view.width + "*" + t4.player.view.height));
       }, 500);
     }, t3.prototype.createControllerGUI = function() {
-      var t4, e3, n3, i3, r3, o2 = new YC({ autoPlace: true, closed: true });
+      var t4, e3, n3, i3, r3, 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 s3 = 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: s3, drawCall: a2, moreCalculation: u2, minFPS: h2.add({ "\u6700\u4F4Efps": (t4 = this.data.minFPS) !== null && t4 !== void 0 ? t4 : 40 }, "\u6700\u4F4Efps", 0, 60), maxFPS: h2.add({ "\u6700\u9AD8fps": (e3 = this.data.maxFPS) !== null && e3 !== void 0 ? e3 : 50 }, "\u6700\u9AD8fps", 0, 60), resolution: h2.add({ "\u76EE\u6807\u5206\u8FA8\u500D\u7387": (n3 = this.data.resolution) !== null && n3 !== void 0 ? n3 : window.devicePixelRatio }, "\u76EE\u6807\u5206\u8FA8\u500D\u7387", 0.5, 6), autoResolution: h2.add({ "\u81EA\u52A8\u5206\u8FA8\u7387": (i3 = this.data.autoResolution) !== null && i3 !== void 0 && i3 }, "\u81EA\u52A8\u5206\u8FA8\u7387", true), autoFps: h2.add({ "\u81EA\u52A8fps": (r3 = this.data.autoFPS) === null || r3 === void 0 || r3 }, "\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;
@@ -34735,22 +34757,23 @@ void main(void){
       } catch (t4) {
       }
     }, t3;
-  }(), JC = function() {
+  }(), QC = function() {
     function t3(t4) {
       var e3 = this;
-      this.tasks = [], this.isDestroy = false, this.schedule = function() {
-        var t5 = e3.tasks[0];
-        t5 && !e3.isDestroy ? e3.fn(t5).then(function() {
-          e3.tasks.splice(0, 1), window.requestAnimationFrame(e3.schedule);
-        }) : window.requestAnimationFrame(e3.schedule);
-      }, this.fn = t4, this.schedule();
+      this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
+        e3.isScheduling = true;
+        var t5 = e3.tasks.shift();
+        t5 && !e3.isDestroy && e3.fn(t5).then(function() {
+          e3.tasks.length > 0 ? window.requestAnimationFrame(e3.schedule) : e3.isScheduling = false;
+        });
+      }, this.fn = t4;
     }
     return t3.prototype.destroy = function() {
       this.isDestroy = true;
     }, t3.prototype.addTask = function(t4) {
-      this.tasks.push(t4);
+      this.tasks.push(t4), this.isScheduling || this.schedule();
     }, t3;
-  }(), $C = function() {
+  }(), tI = function() {
     function t3(t4) {
       this.autoUnlock = /* @__PURE__ */ Object.create(null), this.locks = /* @__PURE__ */ Object.create(null), this.available = false, this.available = t4;
     }
@@ -34764,17 +34787,18 @@ void main(void){
     }, t3.prototype.isLocked = function(t4) {
       return !!this.available && !!this.locks[t4];
     }, t3;
-  }(), KC = function() {
+  }(), eI = function() {
     function t3() {
       var t4 = this;
-      this.tasks = [], this.isDestroy = false, this.schedule = function() {
+      this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
+        t4.isScheduling = true;
         var e3 = t4.tasks.shift();
-        e3 && !t4.isDestroy ? (e3.status = "running", e3.fn.apply(null).then(function() {
-          window.setTimeout(t4.schedule);
+        e3 && !t4.isDestroy && (e3.status = "running", e3.fn.apply(null).then(function() {
+          t4.tasks.length > 0 ? window.requestAnimationFrame(t4.schedule) : t4.isScheduling = false;
         }).catch(function() {
-          window.setTimeout(t4.schedule);
-        })) : window.setTimeout(t4.schedule);
-      }, this.schedule();
+          t4.tasks.length > 0 ? window.requestAnimationFrame(t4.schedule) : t4.isScheduling = false;
+        }));
+      };
     }
     return t3.prototype.getRunningTask = function() {
       return this.tasks[0] && this.tasks[0].status === "running" ? this.tasks[0] : null;
@@ -34782,11 +34806,11 @@ void main(void){
       var n3 = { type: t4, status: "wait", fn: e3 }, i3 = this.getRunningTask();
       i3 && t4 === i3.type || (this.tasks = this.tasks.filter(function(e4) {
         return e4.type !== t4;
-      }), this.tasks.push(n3));
+      }), this.tasks.push(n3), this.isScheduling || this.schedule());
     }, t3.prototype.destroy = function() {
       this.isDestroy = true;
     }, t3;
-  }(), QC = function() {
+  }(), nI = function() {
     var t3 = function(e3, n3) {
       return (t3 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t4, e4) {
         t4.__proto__ = e4;
@@ -34803,14 +34827,22 @@ void main(void){
       }
       t3(e3, n3), e3.prototype = n3 === null ? Object.create(n3) : (i3.prototype = n3.prototype, new i3());
     };
-  }(), tI = function() {
-    return (tI = Object.assign || function(t3) {
+  }(), iI = function() {
+    return (iI = Object.assign || function(t3) {
       for (var e3, n3 = 1, i3 = arguments.length; n3 < i3; n3++)
         for (var r3 in e3 = arguments[n3])
           Object.prototype.hasOwnProperty.call(e3, r3) && (t3[r3] = e3[r3]);
       return t3;
     }).apply(this, arguments);
-  }, eI = function(t3, e3, n3, i3) {
+  }, rI = function(t3, e3, n3, i3) {
+    var r3, o2 = arguments.length, s3 = o2 < 3 ? e3 : i3 === null ? i3 = Object.getOwnPropertyDescriptor(e3, n3) : i3;
+    if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
+      s3 = Reflect.decorate(t3, e3, n3, i3);
+    else
+      for (var a2 = t3.length - 1; a2 >= 0; a2--)
+        (r3 = t3[a2]) && (s3 = (o2 < 3 ? r3(s3) : o2 > 3 ? r3(e3, n3, s3) : r3(e3, n3)) || s3);
+    return o2 > 3 && s3 && Object.defineProperty(e3, n3, s3), s3;
+  }, oI = function(t3, e3, n3, i3) {
     return new (n3 || (n3 = Promise))(function(r3, o2) {
       function s3(t4) {
         try {
@@ -34834,7 +34866,7 @@ void main(void){
       }
       l2((i3 = i3.apply(t3, e3 || [])).next());
     });
-  }, nI = function(t3, e3) {
+  }, sI = function(t3, e3) {
     var n3, i3, r3, o2, s3 = { label: 0, sent: function() {
       if (1 & r3[0])
         throw r3[1];
@@ -34897,20 +34929,20 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, iI = window.ResizeObserver || BP, rI = function(t3) {
+  }, aI = window.ResizeObserver || GP, lI = function(t3) {
     return new Promise(function(e3) {
       return setTimeout(e3, t3);
     });
   };
-  function oI(t3, e3) {
-    return eI(this, void 0, void 0, function() {
+  function uI(t3, e3) {
+    return oI(this, void 0, void 0, function() {
       var n3;
-      return nI(this, function(i3) {
+      return sI(this, function(i3) {
         switch (i3.label) {
           case 0:
             n3 = Date.now(), i3.label = 1;
           case 1:
-            return !t3() && Date.now() - n3 < e3 ? [4, rI(50)] : [3, 3];
+            return !t3() && Date.now() - n3 < e3 ? [4, lI(50)] : [3, 3];
           case 2:
             return i3.sent(), [3, 1];
           case 3:
@@ -34919,21 +34951,21 @@ void main(void){
       });
     });
   }
-  var sI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, aI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, lI = "";
+  var hI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, cI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, dI = "";
   try {
-    lI = "0.5.9";
+    dI = "0.5.14-alpha.0";
   } catch (t3) {
-    lI = "dev";
+    dI = "development";
   }
-  var uI = null;
+  var pI = null;
   try {
-    uI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
+    pI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
   } catch (t3) {
   }
-  var hI = function(t3) {
-    function e3(n3) {
+  var fI = function(t3) {
+    function e3(n4) {
       var i3 = t3.call(this) || this;
-      return i3.iosResetCache = [], i3.needClearCacheImage = false, i3.version = lI, i3.__slideState = Object(l.cloneDeep)(aI), i3.userInputTime = 0, i3.isSyncingSlideState = false, i3.frozenTaskManager = new KC(), i3.randomId = Math.random().toString(32).substr(2), i3.resize = false, i3.isAnimating = false, i3.renderingTaskManager = new HP(), i3.isLoading = false, i3.interactive = true, i3.renderingIndex = 0, i3.frameWidth = 1, i3.frameHeight = 1, i3.frame = document.createElement("div"), i3.medianController = document.createElement("div"), i3.frameResizeObserver = new iI(function() {
+      return i3.iosResetCache = [], i3.needClearCacheImage = false, i3.version = dI, i3.__slideState = Object(l.cloneDeep)(cI), i3.userInputTime = 0, i3.isSyncingSlideState = false, i3.frozenTaskManager = new eI(), i3.randomId = Math.random().toString(32).substr(2), i3.resize = false, i3.isAnimating = false, i3.renderingTaskManager = new VP(), i3.isLoading = false, i3.interactive = true, i3.renderingIndex = 0, i3.frameWidth = 1, i3.frameHeight = 1, i3.frame = document.createElement("div"), i3.medianController = document.createElement("div"), i3.frameResizeObserver = new aI(function() {
         return i3.frameResizeHandler();
       }), i3.timestamp = function() {
         return Date.now();
@@ -34953,12 +34985,12 @@ void main(void){
       }, i3.handleSlideRef = function() {
         console.log(i3), window.__slide = i3;
       }, i3.receiveSyncHandler = function(t4) {
-        return eI(i3, void 0, void 0, function() {
-          var e4, n4, i4, r3, o2 = this;
-          return nI(this, function(s3) {
+        return oI(i3, void 0, void 0, function() {
+          var e4, n5, i4, r3, o2 = this;
+          return sI(this, function(s3) {
             switch (s3.label) {
               case 0:
-                return Object(l.isNumber)(t4.incrId) && (t4.incrId && t4.incrId - this._receiveIncrId != 1 && this.emit(sI.syncEventLag), this._receiveIncrId = t4.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t4), this.taskId), t4.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t4.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t4.next, "start"), this.player.nextTick(function() {
+                return Object(l.isNumber)(t4.incrId) && (t4.incrId && t4.incrId - this._receiveIncrId != 1 && this.emit(hI.syncEventLag), this._receiveIncrId = t4.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t4), this.taskId), t4.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t4.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t4.next, "start"), this.player.nextTick(function() {
                   o2.doNextStep(true);
                 })) : this.doNextStep(true), [3, 6]);
               case 1:
@@ -34972,31 +35004,31 @@ void main(void){
               case 4:
                 return s3.sent(), [3, 6];
               case 5:
-                t4.type === "mediaPlay" ? ((n4 = this.player) === null || n4 === void 0 || n4.setMediaState(t4.id, true), this.__slideState.mediaState[t4.id] = t4.state) : t4.type === "mediaPause" ? ((i4 = this.player) === null || i4 === void 0 || i4.setMediaState(t4.id, false), this.__slideState.mediaState[t4.id] = t4.state) : t4.type === "mediaSeek" && ((r3 = this.player) === null || r3 === void 0 || r3.setMediaCurrentTime(t4.id, t4.time), this.__slideState.mediaState[t4.id] = t4.state), s3.label = 6;
+                t4.type === "mediaPlay" ? ((n5 = this.player) === null || n5 === void 0 || n5.setMediaState(t4.id, true), this.__slideState.mediaState[t4.id] = t4.state) : t4.type === "mediaPause" ? ((i4 = this.player) === null || i4 === void 0 || i4.setMediaState(t4.id, false), this.__slideState.mediaState[t4.id] = t4.state) : t4.type === "mediaSeek" && ((r3 = this.player) === null || r3 === void 0 || r3.setMediaCurrentTime(t4.id, t4.time), this.__slideState.mediaState[t4.id] = t4.state), s3.label = 6;
               case 6:
                 return [2];
             }
           });
         });
       }, i3.handlePrevSlide = function(t4) {
-        return t4 === void 0 && (t4 = false), eI(i3, void 0, void 0, function() {
-          var e4, n4;
-          return nI(this, function(i4) {
+        return t4 === void 0 && (t4 = false), oI(i3, void 0, void 0, function() {
+          var e4, n5;
+          return sI(this, function(i4) {
             switch (i4.label) {
               case 0:
-                return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(true)] : [2];
+                return this.player ? [4, (n5 = this.player) === null || n5 === void 0 ? void 0 : n5.createSnapshotForNextSlide(true)] : [2];
               case 1:
                 return i4.sent(), (e4 = this.player.prevSlideIndex) >= 1 && (this.config.navigatorDelegate ? this.config.navigatorDelegate.gotoPage(e4) : t4 ? this.doRenderSlide(e4, false) : this.renderSlide(e4, false)), [2];
             }
           });
         });
       }, i3.handleNextSlide = function(t4) {
-        return t4 === void 0 && (t4 = false), eI(i3, void 0, void 0, function() {
-          var e4, n4;
-          return nI(this, function(i4) {
+        return t4 === void 0 && (t4 = false), oI(i3, void 0, void 0, function() {
+          var e4, n5;
+          return sI(this, function(i4) {
             switch (i4.label) {
               case 0:
-                return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(false)] : [2];
+                return this.player ? [4, (n5 = this.player) === null || n5 === void 0 ? void 0 : n5.createSnapshotForNextSlide(false)] : [2];
               case 1:
                 return i4.sent(), (e4 = this.player.nextSlideIndex) <= this.slideCount && (this.config.navigatorDelegate ? this.config.navigatorDelegate.gotoPage(e4) : t4 ? this.doRenderSlide(e4, true) : this.renderSlide(e4, true)), [2];
             }
@@ -35008,31 +35040,32 @@ void main(void){
           i3.renderSlide(t4, e4);
         } else
           t4 === -1 && i3.renderSlide(i3.slideCount, true);
-      }, n3.timestamp && (i3.timestamp = n3.timestamp), n3.rtcAudio && ($R.RtcAudioClazz = n3.rtcAudio), i3.logger = { info: function(t4, r3) {
-        var o2, s3;
-        ((o2 = n3.logger) === null || o2 === void 0 ? void 0 : o2.info) && (e3._tempLog += "INFO - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + r3 + "] " + t4 + "\n\n", (s3 = n3.logger) === null || s3 === void 0 || s3.info("[" + r3 + "] " + t4));
-      }, warn: function(t4, r3) {
-        var o2, s3;
-        ((o2 = n3.logger) === null || o2 === void 0 ? void 0 : o2.warn) && (e3._tempLog += "WARN - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + r3 + "] " + t4 + "\n\n", (s3 = n3.logger) === null || s3 === void 0 || s3.warn("[" + r3 + "] " + t4));
-      }, error: function(t4, r3) {
-        var o2, s3;
-        ((o2 = n3.logger) === null || o2 === void 0 ? void 0 : o2.error) && (e3._tempLog += "ERROR - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + r3 + "] " + t4 + "\n\n", (s3 = n3.logger) === null || s3 === void 0 || s3.error("[" + r3 + "] " + t4));
-      } }, i3.config = n3, i3.syncQueue = new JC(i3.receiveSyncHandler), i3.mode = n3.mode, i3.lock = new $C(i3.mode === "interactive"), i3.anchor = n3.anchor, i3.enableGlobalClick = !Object(l.isUndefined)(n3.enableGlobalClick) && n3.enableGlobalClick, i3.resize = n3.resize || false, i3.interactive = n3.interactive, i3.cacheImage.style.position = "absolute", i3.cacheImage.style.zIndex = "100", i3.frame.style.cssText = n3.fixedFrameSize ? "width:" + n3.fixedFrameSize.width + "px;height:" + n3.fixedFrameSize.height + "px;" : "width:100%;height:100%", i3.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", n3.fixedFrameSize && (i3.frameWidth = n3.fixedFrameSize.width, i3.frameHeight = n3.fixedFrameSize.height), i3.setMedianControllerAttribute(), i3.frame.appendChild(i3.medianController), i3.anchor.appendChild(i3.frame), i3.frameResizeObserver.observe(i3.frame), i3.on(sI.syncReceive, function(t4) {
+      }, i3.config = i3.initSlideConfig(n4), i3.logger = { info: function(t4, n5) {
+        var r3, o2;
+        ((r3 = i3.config.logger) === null || r3 === void 0 ? void 0 : r3.info) && (e3._tempLog += "INFO - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n5 + "] " + t4 + "\n\n", (o2 = i3.config.logger) === null || o2 === void 0 || o2.info("[" + n5 + "] " + t4));
+      }, warn: function(t4, n5) {
+        var r3, o2;
+        ((r3 = i3.config.logger) === null || r3 === void 0 ? void 0 : r3.warn) && (e3._tempLog += "WARN - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n5 + "] " + t4 + "\n\n", (o2 = i3.config.logger) === null || o2 === void 0 || o2.warn("[" + n5 + "] " + t4));
+      }, error: function(t4, n5) {
+        var r3, o2;
+        ((r3 = i3.config.logger) === null || r3 === void 0 ? void 0 : r3.error) && (e3._tempLog += "ERROR - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n5 + "] " + t4 + "\n\n", (o2 = i3.config.logger) === null || o2 === void 0 || o2.error("[" + n5 + "] " + t4));
+      } }, i3.anchor = i3.config.anchor, i3.syncQueue = new QC(i3.receiveSyncHandler), i3.lock = new tI(i3.mode === "interactive"), i3.cacheImage.style.position = "absolute", i3.cacheImage.style.zIndex = "100", i3.setMedianControllerAttribute(), i3.frame.appendChild(i3.medianController), i3.frameResizeObserver.observe(i3.frame), i3.on(hI.syncReceive, function(t4) {
         i3.lock.unlock(t4.type, t4.uuid), i3.syncQueue.addTask(t4);
       }), i3.renderingTaskManager.eventHub.on("task-error", function(t4) {
-        var e4 = t4.error, n4 = t4.task, r3 = qE.transform(e4);
-        r3.errorType === VE.RuntimeWarn ? i3.logger.warn(r3.message, i3.taskId) : i3.logger.error(r3.message, i3.taskId), i3.isLoading = false, i3.emit(sI.renderError, { error: r3, index: n4.slideIndex });
-      }), window.addEventListener("__slide_ref__", i3.handleSlideRef), i3.resizeView = Object(l.debounce)(i3.resizeView.bind(i3), 50), i3.player = i3.initPlayer(n3), (n3 == null ? void 0 : n3.controller) && i3.createController(), i3.player.view && i3.frame.appendChild(i3.player.view), i3.handleViewClick = Object(l.debounce)(i3.handleViewClick, 300), i3.player.errorChannel.on("error", function(t4, e4) {
-        var n4 = qE.transform(t4);
-        n4.errorType === VE.RuntimeWarn ? i3.logger.warn(n4.message, i3.taskId) : i3.logger.error(n4.message, i3.taskId), i3.isLoading = false, e4 === i3.renderingIndex && i3.emit(sI.renderError, { error: t4, index: e4 });
-      }), i3.logger.info("new slide", ""), i3;
-    }
-    return QC(e3, t3), e3.flushLog = function() {
-      return eI(this, void 0, void 0, function() {
-        return nI(this, function(t4) {
+        var e4 = t4.error, n5 = t4.task, r3 = qE.transform(e4);
+        r3.errorType === VE.RuntimeWarn ? i3.logger.warn(r3.message, i3.taskId) : i3.logger.error(r3.message, i3.taskId), i3.isLoading = false, i3.emit(hI.renderError, { error: r3, index: n5.slideIndex });
+      }), window.addEventListener("__slide_ref__", i3.handleSlideRef), i3.resizeView = Object(l.debounce)(i3.resizeView.bind(i3), 50), i3.player = i3.initPlayer(i3.config), i3.config.controller && i3.createController(), i3.player.view && i3.frame.appendChild(i3.player.view), i3.handleViewClick = Object(l.debounce)(i3.handleViewClick, 300), i3.player.errorChannel.on("error", function(t4, e4) {
+        var n5 = qE.transform(t4);
+        n5.errorType === VE.RuntimeWarn ? i3.logger.warn(n5.message, i3.taskId) : i3.logger.error(n5.message, i3.taskId), i3.isLoading = false, e4 === i3.renderingIndex && i3.emit(hI.renderError, { error: t4, index: e4 });
+      }), i3;
+    }
+    var n3;
+    return nI(e3, t3), e3.flushLog = function() {
+      return oI(this, void 0, void 0, function() {
+        return sI(this, function(t4) {
           switch (t4.label) {
             case 0:
-              return e3._tempLog.length > 0 ? [4, uI == null ? void 0 : uI.setItem("run_time_log_" + e3._tempLogIndex, e3._tempLog)] : [3, 2];
+              return e3._tempLog.length > 0 ? [4, pI == null ? void 0 : pI.setItem("run_time_log_" + e3._tempLogIndex, e3._tempLog)] : [3, 2];
             case 1:
               t4.sent(), e3._tempLog = "", e3._tempLogIndex += 1, t4.label = 2;
             case 2:
@@ -35042,81 +35075,83 @@ void main(void){
       });
     }, Object.defineProperty(e3.prototype, "dispatchIncrId", { get: function() {
       return this._dispatchIncrId++;
-    }, enumerable: false, configurable: true }), e3.prototype.initPlayer = function(t4) {
-      var e4, n3, i3, r3 = this, o2 = new $R({ 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(t4.renderOptions || {}), o2.on(JR.renderStart, function(t5) {
-        r3.isLoading = true, r3.emit(sI.renderStart, t5);
-      }), o2.on(JR.renderEnd, function(t5) {
-        r3.isLoading = false, r3.player && (r3.designHeight = r3.player.designHeight, r3.designWidth = r3.player.designWidth, r3.cacheImage.style.width = r3.player.designWidth + "px", r3.cacheImage.style.height = r3.player.designHeight + "px", r3._slideCount = r3.player.slideCount), r3.emit(sI.renderEnd, t5);
-      }), o2.on(JR.slideChange, function(t5) {
-        r3.__slideState.currentSlideIndex = t5, r3.emitStateChange(), r3.emit(sI.slideChange, t5);
-      }), o2.on(JR.mainSeqStateChange, function(t5) {
+    }, enumerable: false, configurable: true }), e3.prototype.initSlideConfig = function(t4) {
+      return t4.timestamp && (this.timestamp = t4.timestamp), t4.rtcAudio && (KR.RtcAudioClazz = t4.rtcAudio), this.mode = t4.mode, this.anchor = t4.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !Object(l.isUndefined)(t4.enableGlobalClick) && t4.enableGlobalClick, this.resize = t4.resize || false, this.interactive = t4.interactive, this.frame.style.cssText = t4.fixedFrameSize ? "width:" + t4.fixedFrameSize.width + "px;height:" + t4.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;", t4.fixedFrameSize && (this.frameWidth = t4.fixedFrameSize.width, this.frameHeight = t4.fixedFrameSize.height), t4;
+    }, e3.prototype.initPlayer = function(t4) {
+      var e4, n4, i3, r3 = 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 });
+      return o2.setInteractive(this.interactive), o2.updateConfig(t4.renderOptions || {}), o2.on($R.renderStart, function(t5) {
+        r3.isLoading = true, r3.emit(hI.renderStart, t5);
+      }), o2.on($R.renderEnd, function(t5) {
+        r3.isLoading = false, r3.player && (r3.designHeight = r3.player.designHeight, r3.designWidth = r3.player.designWidth, r3.cacheImage.style.width = r3.player.designWidth + "px", r3.cacheImage.style.height = r3.player.designHeight + "px", r3._slideCount = r3.player.slideCount), r3.emit(hI.renderEnd, t5);
+      }), o2.on($R.slideChange, function(t5) {
+        r3.__slideState.currentSlideIndex = t5, r3.emitStateChange(), r3.emit(hI.slideChange, t5);
+      }), o2.on($R.mainSeqStateChange, function(t5) {
         r3.__slideState.mainSeqState = t5, r3.emitStateChange();
-      }), o2.on(JR.mainSeqStepChange, function(t5) {
+      }), o2.on($R.mainSeqStepChange, function(t5) {
         r3.__slideState.mainSeqStep = t5, r3.emitStateChange();
-      }), o2.on(JR.interactiveSeqStateChange, function(t5) {
-        var e5 = t5.id, n4 = t5.state;
-        r3.__slideState.interactiveSeqState[e5] = n4, r3.emitStateChange();
-      }), o2.on(JR.animateStart, function() {
-        r3.isAnimating !== true && (r3.isAnimating = true, r3.emit(sI.animateStart));
-      }), o2.on(JR.animateEnd, function() {
-        r3.isAnimating !== false && (r3.isAnimating = false, r3.emit(sI.animateEnd));
-      }), o2.on(JR.interactiveSeqAction, function(t5) {
-        var e5 = t5.action, n4 = t5.seqId;
-        r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "interactiveAnim", action: e5, seqId: n4 }), r3.emitStateChange();
-      }), o2.on(JR.mainSeqStepStart, function(t5) {
-        r3.emit(sI.mainSeqStepStart, t5);
-      }), o2.on(JR.mainSeqStepEnd, function(t5) {
-        r3.emit(sI.mainSeqStepEnd, t5);
-      }), o2.on(JR.mediaPlay, function(t5) {
+      }), o2.on($R.interactiveSeqStateChange, function(t5) {
+        var e5 = t5.id, n5 = t5.state;
+        r3.__slideState.interactiveSeqState[e5] = n5, r3.emitStateChange();
+      }), o2.on($R.animateStart, function() {
+        r3.isAnimating !== true && (r3.isAnimating = true, r3.emit(hI.animateStart));
+      }), o2.on($R.animateEnd, function() {
+        r3.isAnimating !== false && (r3.isAnimating = false, r3.emit(hI.animateEnd));
+      }), o2.on($R.interactiveSeqAction, function(t5) {
+        var e5 = t5.action, n5 = t5.seqId;
+        r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "interactiveAnim", action: e5, seqId: n5 }), r3.emitStateChange();
+      }), o2.on($R.mainSeqStepStart, function(t5) {
+        r3.emit(hI.mainSeqStepStart, t5);
+      }), o2.on($R.mainSeqStepEnd, function(t5) {
+        r3.emit(hI.mainSeqStepEnd, t5);
+      }), o2.on($R.mediaPlay, function(t5) {
         var e5 = { type: "play", time: r3.timestamp() - 1e3 * t5.time };
         r3.__slideState.mediaState[t5.id] = e5, r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "mediaPlay", id: t5.id, state: e5 }), r3.emitStateChange();
-      }), o2.on(JR.mediaPause, function(t5) {
+      }), o2.on($R.mediaPause, function(t5) {
         var e5 = { type: "pause", time: t5.time };
         r3.__slideState.mediaState[t5.id] = e5, r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "mediaPause", id: t5.id, state: e5 }), r3.emitStateChange();
-      }), o2.on(JR.mediaSeek, function(t5) {
+      }), o2.on($R.mediaSeek, function(t5) {
         var e5 = { type: "pause", time: 0 };
         t5.isPlaying ? (e5.type = "play", r3.__slideState.mediaState[t5.id] ? e5.time = r3.__slideState.mediaState[t5.id].time - 1e3 * t5.time : e5.time = r3.timestamp() - 1e3 * t5.time, r3.__slideState.mediaState[t5.id] = e5) : (e5.type = "pause", e5.time = t5.time, r3.__slideState.mediaState[t5.id] = e5), r3.emitSyncDispatch({ slideIndex: r3.__slideState.currentSlideIndex, type: "mediaSeek", id: t5.id, time: t5.time, state: e5 }), r3.emitStateChange();
-      }), o2.on(JR.requestPrevSlide, function(t5) {
+      }), o2.on($R.requestPrevSlide, function(t5) {
         r3.handlePrevSlide(t5);
-      }), o2.on(JR.requestNextSlide, function(t5) {
+      }), o2.on($R.requestNextSlide, function(t5) {
         r3.handleNextSlide(t5);
-      }), o2.on(JR.requestGotoSlide, function(t5) {
+      }), o2.on($R.requestGotoSlide, function(t5) {
         r3.config.navigatorDelegate ? r3.config.navigatorDelegate.gotoPage(t5) : r3.handleGotoSlide(t5);
-      }), (e4 = o2.view) === null || e4 === void 0 || e4.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i3 = o2.view) === null || i3 === void 0 || i3.addEventListener("click", this.handleViewClick), o2.on(JR.userInput, this.userInputHandle), o2;
+      }), (e4 = o2.view) === null || e4 === void 0 || e4.addEventListener("touchend", this.handleViewTouchEnd), (n4 = o2.view) === null || n4 === void 0 || n4.addEventListener("touchstart", this.handleViewTouchStart), (i3 = o2.view) === null || i3 === void 0 || i3.addEventListener("click", this.handleViewClick), o2.on($R.userInput, this.userInputHandle), o2;
     }, e3.prototype.createController = function() {
-      this.player && (this.playerController = new ZC({ 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 }));
     }, e3.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";
     }, e3.prototype.frameResizeHandler = function() {
       if (!this.config.fixedFrameSize) {
-        var t4 = this.frame.getBoundingClientRect(), e4 = t4.width, n3 = t4.height;
-        this.frameWidth = e4, this.frameHeight = n3, this.resizeView();
+        var t4 = this.frame.getBoundingClientRect(), e4 = t4.width, n4 = t4.height;
+        this.frameWidth = e4, this.frameHeight = n4, this.resizeView();
       }
-    }, e3.prototype.updateFixedFrameSize = function(t4, e4, n3) {
-      this.config.fixedFrameSize && (this.frameWidth = t4, this.frameHeight = e4, this.frame.style.width = t4 + "px", this.frame.style.height = e4 + "px", this.resizeView(n3));
+    }, e3.prototype.updateFixedFrameSize = function(t4, e4, n4) {
+      this.config.fixedFrameSize && (this.frameWidth = t4, this.frameHeight = e4, this.frame.style.width = t4 + "px", this.frame.style.height = e4 + "px", this.resizeView(n4));
     }, e3.prototype.resizeView = function(t4) {
-      var e4, n3, i3 = this, r3 = this.width, o2 = this.height;
+      var e4, n4, i3 = this, r3 = this.width, o2 = this.height;
       if (r3 > 0 && o2 > 0) {
         var s3 = this.frameWidth / r3, a2 = s3 * o2;
-        a2 > this.frameHeight && (s3 *= this.frameHeight / a2), (e4 = this.player) === null || e4 === void 0 || e4.scaleView(s3, this.resize, t4), this.cacheImage.style.transform = "scale(" + s3 + ")", this.medianController.style.transform = "scale(" + s3 + ")", this.medianController.style.top = (this.frameHeight - o2 * s3) / 2 + "px", this.medianController.setAttribute("data-scale", s3.toString()), this.isInitResized || (this.isInitResized = true, (n3 = this.player) === null || n3 === void 0 || n3.clock.setTimeout(function() {
+        a2 > this.frameHeight && (s3 *= this.frameHeight / a2), (e4 = this.player) === null || e4 === void 0 || e4.scaleView(s3, this.resize, t4), this.cacheImage.style.transform = "scale(" + s3 + ")", this.medianController.style.transform = "scale(" + s3 + ")", this.medianController.style.top = (this.frameHeight - o2 * s3) / 2 + "px", this.medianController.setAttribute("data-scale", s3.toString()), this.isInitResized || (this.isInitResized = true, (n4 = this.player) === null || n4 === void 0 || n4.clock.setTimeout(function() {
           i3.frame.style.visibility = "visible";
         }, 32));
       }
     }, e3.prototype.setSlideState = function(t4) {
-      var e4, n3, i3;
-      return eI(this, void 0, void 0, function() {
+      var e4, n4, i3;
+      return oI(this, void 0, void 0, function() {
         var r3, o2 = this;
-        return nI(this, function(s3) {
+        return sI(this, function(s3) {
           switch (s3.label) {
             case 0:
-              return this.isSyncingSlideState = true, this.logger.info("stateChange receive " + JSON.stringify(t4), this.taskId), t4.taskId && t4.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t4.taskId, (e4 = this.player) === null || e4 === void 0 || e4.setResourceData(t4.taskId, this.__slideState.url)), t4.url && t4.url !== this.__slideState.url && (this.__slideState.url = t4.url, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(this.__slideState.taskId, t4.url)), Number.isInteger(t4.currentSlideIndex) && t4.currentSlideIndex !== this.__slideState.currentSlideIndex ? (this.__slideState.currentSlideIndex = t4.currentSlideIndex, [4, this.doRenderSlide(t4.currentSlideIndex)]) : [3, 2];
+              return this.isSyncingSlideState = true, this.logger.info("stateChange receive " + JSON.stringify(t4), this.taskId), t4.taskId && t4.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t4.taskId, (e4 = this.player) === null || e4 === void 0 || e4.setResourceData(t4.taskId, this.__slideState.url)), t4.url && t4.url !== this.__slideState.url && (this.__slideState.url = t4.url, (n4 = this.player) === null || n4 === void 0 || n4.setResourceData(this.__slideState.taskId, t4.url)), Number.isInteger(t4.currentSlideIndex) && t4.currentSlideIndex !== this.__slideState.currentSlideIndex ? (this.__slideState.currentSlideIndex = t4.currentSlideIndex, [4, this.doRenderSlide(t4.currentSlideIndex)]) : [3, 2];
             case 1:
               s3.sent(), s3.label = 2;
             case 2:
               return [4, (i3 = this.player) === null || i3 === void 0 ? void 0 : i3.clock.waitUntil(function() {
-                var e5, n4;
-                return ((e5 = o2.player) === null || e5 === void 0 ? void 0 : e5.currentIndex) === t4.currentSlideIndex && ((n4 = o2.player) === null || n4 === void 0 ? void 0 : n4.currentStage);
+                var e5, n5;
+                return ((e5 = o2.player) === null || e5 === void 0 ? void 0 : e5.currentIndex) === t4.currentSlideIndex && ((n5 = o2.player) === null || n5 === void 0 ? void 0 : n5.currentStage);
               }, 3e3)];
             case 3:
               return s3.sent(), r3 = false, Number.isInteger(t4.mainSeqStep) && t4.mainSeqStep !== this.__slideState.mainSeqStep && (r3 = true, this.__slideState.mainSeqStep = t4.mainSeqStep), t4.mainSeqState && t4.mainSeqState !== this.__slideState.mainSeqState && (r3 = true, this.__slideState.mainSeqState = t4.mainSeqState), r3 && this.setMainSeqStep(this.__slideState.mainSeqStep, this.__slideState.mainSeqState === "idle" ? "start" : "end"), t4.mediaState && (this.initMedia(t4), this.__slideState.mediaState = t4.mediaState), t4.interactiveSeqState && (this.initInteractiveSeq(t4), this.__slideState.interactiveSeqState = t4.interactiveSeqState), this.isSyncingSlideState = false, [2];
@@ -35125,19 +35160,19 @@ void main(void){
       });
     }, e3.prototype.initInteractiveSeq = function(t4) {
       var e4;
-      for (var n3 in t4.interactiveSeqState) {
-        var i3 = t4.interactiveSeqState[n3];
-        (e4 = this.player) === null || e4 === void 0 || e4.setInteractiveSeqState(n3, i3.step, i3.state === "end" ? "end" : "start");
+      for (var n4 in t4.interactiveSeqState) {
+        var i3 = t4.interactiveSeqState[n4];
+        (e4 = this.player) === null || e4 === void 0 || e4.setInteractiveSeqState(n4, i3.step, i3.state === "end" ? "end" : "start");
       }
     }, e3.prototype.initMedia = function(t4) {
-      var e4, n3, i3 = this, r3 = function(r4) {
+      var e4, n4, i3 = this, r3 = function(r4) {
         var s4 = t4.mediaState[r4], a2 = o2.__slideState.mediaState[r4];
         if (a2 && s4.type === a2.type && s4.time === a2.time)
           return "continue";
         s4.type === "play" ? (e4 = o2.player) === null || e4 === void 0 || e4.setMediaState(r4, true).then(function() {
           var t5, e5 = i3.timestamp();
           (t5 = i3.player) === null || t5 === void 0 || t5.setMediaCurrentTime(r4, (e5 - s4.time) / 1e3);
-        }) : (n3 = o2.player) === null || n3 === void 0 || n3.setMediaState(r4, false).then(function() {
+        }) : (n4 = o2.player) === null || n4 === void 0 || n4.setMediaState(r4, false).then(function() {
           var t5;
           (t5 = i3.player) === null || t5 === void 0 || t5.setMediaCurrentTime(r4, s4.time);
         });
@@ -35147,9 +35182,9 @@ void main(void){
     }, Object.defineProperty(e3.prototype, "slideCount", { get: function() {
       return this._slideCount;
     }, enumerable: false, configurable: true }), e3.prototype.getSizeAsync = function() {
-      return eI(this, void 0, void 0, function() {
+      return oI(this, void 0, void 0, function() {
         var t4;
-        return nI(this, function(e4) {
+        return sI(this, function(e4) {
           switch (e4.label) {
             case 0:
               if (this.width > 0 && this.height > 0)
@@ -35169,8 +35204,8 @@ void main(void){
         });
       });
     }, e3.prototype.getSlideCountAsync = function() {
-      return eI(this, void 0, void 0, function() {
-        return nI(this, function(t4) {
+      return oI(this, void 0, void 0, function() {
+        return sI(this, function(t4) {
           switch (t4.label) {
             case 0:
               if (this._slideCount > 0)
@@ -35222,22 +35257,22 @@ void main(void){
     }, enumerable: false, configurable: true }), e3.prototype.updateRenderOption = function(t4) {
       this.player && (this.player.updateConfig(t4), this.renderOptions && (this.config.renderOptions = this.renderOptions));
     }, e3.prototype.setResource = function(t4, e4) {
-      var n3;
-      this.taskId = t4, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(t4, e4), this.__slideState.taskId = t4, this.__slideState.url = e4, this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "setResource", taskId: t4, url: e4 });
+      var n4;
+      this.taskId = t4, (n4 = this.player) === null || n4 === void 0 || n4.setResourceData(t4, e4), this.__slideState.taskId = t4, this.__slideState.url = e4, this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "setResource", taskId: t4, url: e4 });
     }, e3.prototype._renderSlide = function(t4) {
       var e4;
-      return eI(this, void 0, void 0, function() {
-        var n3 = this;
-        return nI(this, function(i3) {
+      return oI(this, void 0, void 0, function() {
+        var n4 = this;
+        return sI(this, function(i3) {
           switch (i3.label) {
             case 0:
-              return this.renderingIndex = t4, this.player && t4 === this.player.currentIndex ? [2] : (($R.platform.isIOS() || $R.platform.isAndroid()) && this.iosResetCache.indexOf(t4) < 0 && this.iosResetCache.push(t4), [4, (e4 = this.player) === null || e4 === void 0 ? void 0 : e4.renderSlide(t4)]);
+              return this.renderingIndex = t4, this.player && t4 === this.player.currentIndex ? [2] : ((KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.indexOf(t4) < 0 && this.iosResetCache.push(t4), [4, (e4 = this.player) === null || e4 === void 0 ? void 0 : e4.renderSlide(t4)]);
             case 1:
               return i3.sent(), this.__slideState.currentSlideIndex = t4, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.emitStateChange(), setTimeout(function() {
                 var t5, e5;
-                if (((e5 = (t5 = n3.player) === null || t5 === void 0 ? void 0 : t5.view) === null || e5 === void 0 ? void 0 : e5.style.visibility) === "hidden" && (n3.player.view.style.visibility = "visible"), n3.frame.style.visibility === "hidden" && (n3.frame.style.visibility = "visible"), n3.needClearCacheImage)
+                if (((e5 = (t5 = n4.player) === null || t5 === void 0 ? void 0 : t5.view) === null || e5 === void 0 ? void 0 : e5.style.visibility) === "hidden" && (n4.player.view.style.visibility = "visible"), n4.frame.style.visibility === "hidden" && (n4.frame.style.visibility = "visible"), n4.needClearCacheImage)
                   try {
-                    n3.frame.removeChild(n3.cacheImage);
+                    n4.frame.removeChild(n4.cacheImage);
                   } catch (t6) {
                   }
               }, 100), [2];
@@ -35246,21 +35281,21 @@ void main(void){
       });
     }, e3.prototype.renderSlide = function(t4, e4) {
       if (e4 === void 0 && (e4 = true), this.player) {
-        var n3 = Number(t4);
-        (n3 !== this.player.currentIndex || this.renderingTaskManager.hasStartTask()) && (n3 > this.slideCount && this.slideCount > 0 || this.poseRenderSlide(n3, e4));
+        var n4 = Number(t4);
+        (n4 !== this.player.currentIndex || this.renderingTaskManager.hasStartTask()) && (n4 > this.slideCount && this.slideCount > 0 || this.poseRenderSlide(n4, e4));
       }
     }, e3.prototype.needCreateNewPlayer = function() {
-      var t4 = $R.platform.isLowGpuMemory() ? 15 : 30;
-      return ($R.platform.isIOS() || $R.platform.isAndroid()) && this.iosResetCache.length > t4;
+      var t4 = KR.platform.isLowGpuMemory() ? 15 : 30;
+      return (KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.length > t4;
     }, e3.prototype.poseRenderSlide = function(t4, e4) {
       this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t4, isForward: e4 }) : this.mode === "sync" ? (this.doRenderSlide(t4, e4), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t4, isForward: e4 })) : this.doRenderSlide(t4, e4);
     }, e3.prototype.doRenderSlide = function(t4, e4) {
-      var n3, i3, r3, o2 = this;
+      var n4, i3, r3, o2 = this;
       if (e4 === void 0 && (e4 = true), !this.player)
         return Promise.resolve();
       if (this.needCreateNewPlayer() && (this.iosResetCache = [], this.iosNewPlayer = this.initPlayer(this.config), this.iosNewPlayer.setResourceData(this.__slideState.taskId, this.__slideState.url)), this.iosNewPlayer) {
         var s3 = this.player.getSnapshot();
-        this.cacheImage.src = s3, this.frame.appendChild(this.cacheImage), this.player.destroy(), (n3 = this.playerController) === null || n3 === void 0 || n3.destroy(), this.player = this.iosNewPlayer, this.iosNewPlayer = void 0, ((i3 = this.config) === null || i3 === void 0 ? void 0 : i3.controller) && this.createController(), this.needClearCacheImage = true, ((r3 = this == null ? void 0 : this.player) === null || r3 === void 0 ? void 0 : r3.view) && (this.player.view.style.visibility = "hidden", this.frame.appendChild(this.player.view));
+        this.cacheImage.src = s3, this.frame.appendChild(this.cacheImage), this.player.destroy(), (n4 = this.playerController) === null || n4 === void 0 || n4.destroy(), this.player = this.iosNewPlayer, this.iosNewPlayer = void 0, ((i3 = this.config) === null || i3 === void 0 ? void 0 : i3.controller) && this.createController(), this.needClearCacheImage = true, ((r3 = this == null ? void 0 : this.player) === null || r3 === void 0 ? void 0 : r3.view) && (this.player.view.style.visibility = "hidden", this.frame.appendChild(this.player.view));
       }
       var a2 = Math.random().toString(32).substr(2);
       return this.player.isForward = e4, this.renderingTaskManager.addTask(function() {
@@ -35289,18 +35324,18 @@ void main(void){
     }, e3.prototype.emitStateChange = function() {
       if (this.mode !== "local" && !this.isSyncingSlideState) {
         var t4 = this.slideState;
-        !Object(l.isEqual)(this.lastEmitedState, t4) && this.isSlideStateReady(t4) && (this.lastEmitedState = t4, this.emit(sI.stateChange, t4), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
+        !Object(l.isEqual)(this.lastEmitedState, t4) && this.isSlideStateReady(t4) && (this.lastEmitedState = t4, this.emit(hI.stateChange, t4), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
       }
     }, e3.prototype.emitSyncDispatch = function(t4) {
       if (!this.lock.isLocked(t4.type)) {
         var e4 = Math.random().toString(32).substr(2);
         this.lock.addLock(t4.type, e4);
-        var n3 = tI(tI({}, t4), { uuid: e4 });
-        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(sI.syncDispatch, n3), this.logger.info("sync dispatch " + JSON.stringify(n3), this.taskId);
+        var n4 = iI(iI({}, t4), { uuid: e4 });
+        this.config.mode === "sync" && (n4.incrId = this.dispatchIncrId), this.emit(hI.syncDispatch, n4), this.logger.info("sync dispatch " + JSON.stringify(n4), this.taskId);
       }
     }, e3.prototype.setMainSeqStep = function(t4, e4) {
-      var n3;
-      (n3 = this.player) === null || n3 === void 0 || n3.setMainSeqStep(t4, e4);
+      var n4;
+      (n4 = this.player) === null || n4 === void 0 || n4.setMainSeqStep(t4, e4);
     }, e3.prototype.setInteractive = function(t4) {
       var e4;
       this.interactive = t4, (e4 = this.player) === null || e4 === void 0 || e4.setInteractive(t4);
@@ -35312,17 +35347,17 @@ void main(void){
       (t4 = this.player) === null || t4 === void 0 || t4.resume();
     }, e3.prototype._doFrozen = function() {
       var t4;
-      return eI(this, void 0, void 0, function() {
-        var e4, n3, i3, r3 = this;
-        return nI(this, function(o2) {
+      return oI(this, void 0, void 0, function() {
+        var e4, n4, i3, r3 = this;
+        return sI(this, function(o2) {
           switch (o2.label) {
             case 0:
               return this.view && this.player ? [4, this.player.clock.waitUntil(function() {
                 return !r3.isLoading;
               }, 6e4)] : [3, 2];
             case 1:
-              for (n3 in o2.sent(), e4 = this.player.getSnapshot() || "", this.cacheImage.src = e4, this.frame.appendChild(this.cacheImage), this.player.destroy(), (t4 = this.playerController) === null || t4 === void 0 || t4.destroy(), this.player = void 0, this.__slideState.mediaState)
-                i3 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = tI(tI({}, i3), { frozenTime: this.timestamp() });
+              for (n4 in o2.sent(), e4 = this.player.getSnapshot() || "", this.cacheImage.src = e4, this.frame.appendChild(this.cacheImage), this.player.destroy(), (t4 = this.playerController) === null || t4 === void 0 || t4.destroy(), this.player = void 0, this.__slideState.mediaState)
+                i3 = this.__slideState.mediaState[n4], this.__slideState.mediaState[n4] = iI(iI({}, i3), { frozenTime: this.timestamp() });
               o2.label = 2;
             case 2:
               return [2];
@@ -35336,16 +35371,16 @@ void main(void){
       });
     }, e3.prototype._doRelease = function() {
       var t4, e4;
-      return eI(this, void 0, void 0, function() {
-        var n3, i3, r3, o2;
-        return nI(this, function(s3) {
+      return oI(this, void 0, void 0, function() {
+        var n4, i3, r3, o2;
+        return sI(this, function(s3) {
           switch (s3.label) {
             case 0:
               if (this.player)
                 return [2];
-              for (i3 in this.player = this.initPlayer(this.config), ((t4 = this.config) === null || t4 === void 0 ? void 0 : t4.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)(aI), n3.mediaState)
-                (r3 = n3.mediaState[i3]).type === "play" && (o2 = Math.max((e4 = r3.frozenTime) !== null && e4 !== void 0 ? e4 : 0, r3.time), r3.time = this.timestamp() - (o2 - r3.time), r3.frozenTime = void 0);
-              return [4, this.setSlideState(n3)];
+              for (i3 in this.player = this.initPlayer(this.config), ((t4 = this.config) === null || t4 === void 0 ? void 0 : t4.controller) && this.createController(), this.player.view && (this.frame.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n4 = this.__slideState, this.__slideState = Object(l.cloneDeep)(cI), n4.mediaState)
+                (r3 = n4.mediaState[i3]).type === "play" && (o2 = Math.max((e4 = r3.frozenTime) !== null && e4 !== void 0 ? e4 : 0, r3.time), r3.time = this.timestamp() - (o2 - r3.time), r3.frozenTime = void 0);
+              return [4, this.setSlideState(n4)];
             case 1:
               return s3.sent(), [4, this.player.clock.delay(333)];
             case 2:
@@ -35364,8 +35399,8 @@ void main(void){
         return t4._doRelease();
       });
     }, e3.prototype._doDestroy = function() {
-      var t4, e4, n3, i3;
-      this.logger.info("do destroy slide", ""), this.playerController && this.playerController.destroy(), this.frameResizeObserver.disconnect(), (t4 = this.player) === null || t4 === void 0 || t4.removeAllListeners(), (e4 = this.player) === null || e4 === void 0 || e4.destroy(), (n3 = this.player) === null || n3 === void 0 || n3.removeAllListeners(), this.logger = { warn: function() {
+      var t4, e4, n4, i3;
+      this.logger.info("do destroy slide", ""), this.playerController && this.playerController.destroy(), this.frameResizeObserver.disconnect(), (t4 = this.player) === null || t4 === void 0 || t4.removeAllListeners(), (e4 = this.player) === null || e4 === void 0 || e4.destroy(), (n4 = this.player) === null || n4 === void 0 || n4.removeAllListeners(), this.logger = { warn: function() {
         return {};
       }, info: function() {
         return {};
@@ -35377,14 +35412,14 @@ void main(void){
       } catch (t5) {
       }
     }, e3.prototype.waitLoadEnd = function() {
-      return eI(this, void 0, void 0, function() {
+      return oI(this, void 0, void 0, function() {
         var t4;
-        return nI(this, function(e4) {
+        return sI(this, function(e4) {
           switch (e4.label) {
             case 0:
               t4 = 0, e4.label = 1;
             case 1:
-              return this.isLoading && t4 < 10 ? [4, rI(100)] : [3, 3];
+              return this.isLoading && t4 < 10 ? [4, lI(100)] : [3, 3];
             case 2:
               return e4.sent(), t4 += 1, [3, 1];
             case 3:
@@ -35403,45 +35438,130 @@ void main(void){
     }, e3.prototype.hasNextStep = function() {
       if (!this.player)
         return false;
-      var t4 = this.player.currentIndex === this.slideCount, e4 = this.mainSeqLength === 0 || this.mainSeqStep >= this.mainSeqLength - 1, n3 = this.mainSeqState === "end" || this.mainSeqState === "running" || this.mainSeqState == null;
-      return !(t4 && e4 && n3);
+      var t4 = this.player.currentIndex === this.slideCount, e4 = this.mainSeqLength === 0 || this.mainSeqStep >= this.mainSeqLength - 1, n4 = this.mainSeqState === "end" || this.mainSeqState === "running" || this.mainSeqState == null;
+      return !(t4 && e4 && n4);
     }, e3.prototype.hasPrevStep = function() {
       if (!this.player)
         return false;
-      var t4 = this.player.currentIndex === 1, e4 = this.mainSeqLength === 0 || this.mainSeqStep === 0, n3 = this.mainSeqState === "idle" || this.mainSeqState === null;
-      return !(t4 && e4 && n3);
+      var t4 = this.player.currentIndex === 1, e4 = this.mainSeqLength === 0 || this.mainSeqStep === 0, n4 = this.mainSeqState === "idle" || this.mainSeqState === null;
+      return !(t4 && e4 && n4);
     }, e3.clearLocalCache = function() {
-      $R.clearLocalCache();
+      KR.clearLocalCache();
     }, e3.disposeLocalCache = function() {
-    }, e3._tempLog = "", e3._tempLogIndex = 1, e3.handleLogDownload = function() {
-      return eI(void 0, void 0, void 0, function() {
-        var t4, e4, n3, i3, r3, o2, s3;
-        return nI(this, function(a2) {
+    }, e3._tempLog = "", e3._tempLogIndex = 1, e3.usePlugin = tP, e3.handleLogDownload = function() {
+      return oI(void 0, void 0, void 0, function() {
+        var t4, e4, n4, i3, r3, o2, s3;
+        return sI(this, function(a2) {
           switch (a2.label) {
             case 0:
-              return t4 = "", uI ? [4, uI.keys()] : [3, 5];
+              return t4 = "", pI ? [4, pI.keys()] : [3, 5];
             case 1:
               e4 = (a2.sent() || []).sort(function(t5, e5) {
                 return parseInt(t5.replace("run_time_log_", "")) - parseInt(e5.replace("run_time_log_", ""));
-              }), n3 = 0, i3 = e4, a2.label = 2;
+              }), n4 = 0, i3 = e4, a2.label = 2;
             case 2:
-              return n3 < i3.length ? (r3 = i3[n3], o2 = t4, [4, uI.getItem(r3)]) : [3, 5];
+              return n4 < i3.length ? (r3 = i3[n4], o2 = t4, [4, pI.getItem(r3)]) : [3, 5];
             case 3:
               t4 = o2 + (a2.sent() || ""), a2.label = 4;
             case 4:
-              return n3++, [3, 2];
+              return n4++, [3, 2];
             case 5:
               return (s3 = document.createElement("a")).setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(t4)), s3.setAttribute("download", "slide_log"), s3.style.display = "none", document.body.appendChild(s3), s3.click(), document.body.removeChild(s3), window.__slideLogText = t4, [2];
           }
         });
       });
-    }, e3;
+    }, rI([(n3 = "Slide.initConfig", function(t4, e4, i3) {
+      var r3 = i3.value;
+      i3.value = function() {
+        for (var t5 = [], e5 = 0; e5 < arguments.length; e5++)
+          t5[e5] = arguments[e5];
+        for (var i4 = QR.get(n3) || [], o2 = t5, s3 = 0, a2 = i4; s3 < a2.length; s3++) {
+          var l2 = a2[s3];
+          try {
+            o2 = l2.before(o2);
+          } catch (t6) {
+          }
+          if (!Array.isArray(o2) || o2.length !== t5.length)
+            throw new Error("plugin before hook return invalid args");
+        }
+        for (var u2 = r3.bind(this).apply(void 0, o2), h2 = 0, c2 = i4.reverse(); h2 < c2.length; h2++) {
+          l2 = c2[h2];
+          try {
+            u2 = l2.after(u2);
+          } catch (t6) {
+          }
+          if (!u2)
+            throw new Error("plugin after hook return undefined result");
+        }
+        return u2;
+      };
+    })], e3.prototype, "initSlideConfig", null), e3;
   }(a.a);
-  uI == null || uI.clear(), window.addEventListener("__slide_log__", hI.handleLogDownload), window.setInterval(function() {
-    hI.flushLog().catch(function() {
+  pI == null || pI.clear(), window.addEventListener("__slide_log__", fI.handleLogDownload), window.setInterval(function() {
+    fI.flushLog().catch(function() {
     });
   }, 9e3);
 }]);
+const s = "!#%()*+,-./:;=?@[]^_`{|}~ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", e = s.length, t = Array(20), i = () => {
+  for (let i2 = 0; i2 < 20; i2++)
+    t[i2] = s.charAt(Math.random() * e);
+  return t.join("");
+};
+function r(s2) {
+  try {
+    return s2();
+  } catch (e2) {
+    console.error(e2);
+  }
+}
+class n {
+  constructor() {
+    this.disposers = /* @__PURE__ */ new Map();
+  }
+  addDisposer(s2, e2 = this.genUID()) {
+    return this.flush(e2), this.disposers.set(e2, Array.isArray(s2) ? () => s2.forEach(r) : s2), e2;
+  }
+  add(s2, e2 = this.genUID()) {
+    const t2 = s2();
+    return t2 ? this.addDisposer(t2, e2) : e2;
+  }
+  addEventListener(s2, e2, t2, i2, r2 = this.genUID()) {
+    return s2.addEventListener(e2, t2, i2), this.addDisposer(() => s2.removeEventListener(e2, t2, i2), r2), r2;
+  }
+  setTimeout(s2, e2, t2 = this.genUID()) {
+    const i2 = window.setTimeout(() => {
+      this.remove(t2), s2();
+    }, e2);
+    return this.addDisposer(() => window.clearTimeout(i2), t2);
+  }
+  setInterval(s2, e2, t2 = this.genUID()) {
+    const i2 = window.setInterval(s2, e2);
+    return this.addDisposer(() => window.clearInterval(i2), t2);
+  }
+  remove(s2) {
+    const e2 = this.disposers.get(s2);
+    return this.disposers.delete(s2), e2;
+  }
+  flush(s2) {
+    const e2 = this.remove(s2);
+    if (e2)
+      try {
+        e2();
+      } catch (t2) {
+        console.error(t2);
+      }
+  }
+  flushAll() {
+    this.disposers.forEach(r), this.disposers.clear();
+  }
+  genUID() {
+    let s2;
+    do {
+      s2 = i();
+    } while (this.disposers.has(s2));
+    return s2;
+  }
+}
 function clamp$1(value, min, max) {
   return Math.min(Math.max(value, min), max);
 }
@@ -36150,7 +36270,8 @@ class SlideController {
     return this.slide.slideState.currentSlideIndex;
   }
   createSlide(anchor) {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+    var _a, _b;
+    const options = this.context.getAppOptions() || {};
     const slide = new Slide.Slide({
       anchor,
       interactive: true,
@@ -36159,13 +36280,21 @@ class SlideController {
       controller: logger.enable,
       enableGlobalClick: true,
       renderOptions: {
-        minFPS: ((_a = this.context.getAppOptions()) == null ? void 0 : _a.minFPS) || 25,
-        maxFPS: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.maxFPS) || 30,
-        autoFPS: (_d = (_c = this.context.getAppOptions()) == null ? void 0 : _c.autoFPS) != null ? _d : true,
-        autoResolution: (_f = (_e = this.context.getAppOptions()) == null ? void 0 : _e.autoResolution) != null ? _f : true,
-        resolution: (_g = this.context.getAppOptions()) == null ? void 0 : _g.resolution,
-        transactionBgColor: ((_h = this.context.getAppOptions()) == null ? void 0 : _h.bgColor) || cachedGetBgColor(anchor)
+        minFPS: options.minFPS || 25,
+        maxFPS: options.maxFPS || 30,
+        autoFPS: (_a = options.autoFPS) != null ? _a : true,
+        autoResolution: (_b = options.autoResolution) != null ? _b : true,
+        resolution: options.resolution,
+        transactionBgColor: options.bgColor || cachedGetBgColor(anchor),
+        maxResolutionLevel: options.maxResolutionLevel
       },
+      fixedFrameSize: options.fixedFrameSize,
+      loaderDelegate: options.loaderDelegate,
+      navigatorDelegate: options.navigatorDelegate,
+      resourceTimeout: options.resourceTimeout,
+      rtcAudio: options.rtcAudio,
+      useLocalCache: options.useLocalCache,
+      logger: options.logger,
       timestamp: this.timestamp
     });
     return slide;
@@ -37535,7 +37664,8 @@ class SlidePreviewer {
     return `${this.namespace}-${className}`;
   }
 }
-const version = "0.2.3";
+const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
+const version = "0.2.6-alpha.0";
 const SlideApp = {
   kind: "Slide",
   setup(context) {
@@ -37693,5 +37823,6 @@ const SlideApp = {
     };
   }
 };
-export { DefaultUrl, FreezerLength, SlidePreviewer, addHooks, apps, SlideApp as default, previewSlide, version };
+var Slide$1 = Slide.Slide;
+export { DefaultUrl, FreezerLength, Slide$1 as Slide, SlidePreviewer, addHooks, apps, SlideApp as default, previewSlide, usePlugin, version };
 //# sourceMappingURL=main.es.js.map