@netless/app-slide 0.0.25 → 0.0.26

package/dist/main.es.js

@@ -21987,9 +21987,9 @@ var Slide = function(t2) {
   } }, t2.exports = n;
 }, function(t2, e2, n) {
   n.r(e2), n.d(e2, "SLIDE_EVENTS", function() {
-    return Fd;
+    return qd;
   }), n.d(e2, "Slide", function() {
-    return kd;
+    return Zd;
   });
   var i = {};
   n.r(i), n.d(i, "isMobile", function() {
@@ -29814,26 +29814,26 @@ void main() {
       return this.object.hitArea ? this.object.hitArea : new ve(0, 0, this.object.width, this.object.height);
     }
     handleAction(t3, e3 = false) {
-      this.proxy && !e3 || (this.ctx.eventHub.emit(Ph.hyperlinkTrigger, t3), this.execAction(t3));
+      this.proxy && !e3 || (this.ctx.eventHub.emit(Uh.hyperlinkTrigger, t3), this.execAction(t3));
     }
     execAction(t3) {
       var e3;
       if (t3.action === "ppaction://hlinksldjump") {
         const n2 = ((e3 = t3 == null ? void 0 : t3.target) !== null && e3 !== void 0 ? e3 : "").match(/slide(\d+)\.xml/);
-        n2 && n2[1] && this.ctx.eventHub.emit(Ph.requestGotoSlide, Number(n2[1]));
+        n2 && n2[1] && this.ctx.eventHub.emit(Uh.requestGotoSlide, Number(n2[1]));
       } else if (t3.action === "ppaction://hlinkshowjump?jump=nextslide")
-        this.ctx.eventHub.emit(Ph.requestNextSlide);
+        this.ctx.eventHub.emit(Uh.requestNextSlide);
       else if (t3.action === "ppaction://hlinkshowjump?jump=previousslide")
-        this.ctx.eventHub.emit(Ph.requestPrevSlide);
+        this.ctx.eventHub.emit(Uh.requestPrevSlide);
       else if (t3.action === "ppaction://hlinkshowjump?jump=firstslide")
-        this.ctx.eventHub.emit(Ph.requestGotoSlide, 1);
+        this.ctx.eventHub.emit(Uh.requestGotoSlide, 1);
       else if (t3.action === "ppaction://hlinkshowjump?jump=lastslide")
-        this.ctx.eventHub.emit(Ph.requestGotoSlide, -1);
+        this.ctx.eventHub.emit(Uh.requestGotoSlide, -1);
       else if (t3.action === "ppaction://hlinkshowjump?jump=lastslideviewed") {
         const t4 = this.ctx.lastViewedIndex;
-        this.ctx.eventHub.emit(Ph.requestGotoSlide, t4);
+        this.ctx.eventHub.emit(Uh.requestGotoSlide, t4);
       } else
-        t3.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(Ph.requestGotoSlide, -1);
+        t3.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(Uh.requestGotoSlide, -1);
     }
   }
   function hu(t3, e3, n2 = 5) {
@@ -30278,8 +30278,8 @@ void main() {
       t3.position = { x: o3 && (n2 = (e3 = t3.position) === null || e3 === void 0 ? void 0 : e3.x) !== null && n2 !== void 0 ? n2 : 0, y: o3 ? 0 : (r3 = (i2 = t3.position) === null || i2 === void 0 ? void 0 : i2.y) !== null && r3 !== void 0 ? r3 : 0 }, t3.width = o3 ? this.json.width : this.json.lineWidth, t3.height = o3 ? this.json.lineHeight : this.json.height, super.updateTransform(t3);
     }
     preRender() {
-      const { fill: t3, stroke: e3, lineWidth: n2, lineHeight: i2 } = this.json;
-      t3 && (this.fillTextureId = this.ctx.fillTexture.addFill({ fillType: "blipFill", src: t3.key, filters: [] }, t3.width, t3.height), t3.fill && t3.fill.fillType !== "noFill" && (this.fillBgId = this.ctx.fillTexture.addFill(t3.fill, n2, i2))), e3 && (this.strokeTextureId = this.ctx.fillTexture.addFill({ fillType: "blipFill", src: e3.key, filters: [] }, e3.width, e3.height), e3.fill && e3.fill.fillType !== "noFill" && (this.strokeBgId = this.ctx.fillTexture.addFill(e3.fill, n2, i2))), this.underline && this.underline.preRender();
+      const { fill: t3, stroke: e3, lineWidth: n2, lineHeight: i2, content: r3 } = this.json;
+      t3 && (this.fillTextureId = this.ctx.fillTexture.addFill({ fillType: "blipFill", src: t3.key, filters: [{ type: "changeBulletColor", args: ["#000000", "#FFA500"] }] }, t3.width, t3.height, void 0, r3 === "\u25FE"), t3.fill && t3.fill.fillType !== "noFill" && (this.fillBgId = this.ctx.fillTexture.addFill(t3.fill, n2, i2))), e3 && (this.strokeTextureId = this.ctx.fillTexture.addFill({ fillType: "blipFill", src: e3.key, filters: [] }, e3.width, e3.height), e3.fill && e3.fill.fillType !== "noFill" && (this.strokeBgId = this.ctx.fillTexture.addFill(e3.fill, n2, i2))), this.underline && this.underline.preRender();
     }
     render() {
       var t3;
@@ -30747,10 +30747,10 @@ void main() {
   class el {
     constructor(t3) {
       var e3, n2;
-      this.progress = document.createElement("div"), this.totalTime = document.createElement("span"), this.playButton = document.createElement("div"), this.pauseButton = document.createElement("div"), this.currentTime = document.createElement("span"), this.mediaController = document.createElement("div"), this.currentProgress = document.createElement("div"), this.playCallBackList = [], this.duration = 0, this.start = 0, this.end = 0, this.changeMediaProgress = (t4) => {
+      this.progress = document.createElement("div"), this.totalTime = document.createElement("span"), this.playButton = document.createElement("div"), this.pauseButton = document.createElement("div"), this.currentTime = document.createElement("span"), this.mediaController = document.createElement("div"), this.currentProgress = document.createElement("div"), this.medianIsEnd = false, this.playCallBackList = [], this.duration = 0, this.start = 0, this.end = 0, this.changeMediaProgress = (t4) => {
         t4.stopPropagation();
         const e4 = t4.offsetX / this.progress.clientWidth * this.duration;
-        this.jumpToTime(e4), this.ctx.eventHub.emit(Ph.mediaSeek, { id: this.targetId, time: this.media.currentTime, isPlaying: this.media.isPlaying });
+        this.jumpToTime(e4), this.medianIsEnd = false, this.ctx.eventHub.emit(Uh.mediaSeek, { id: this.targetId, time: this.media.currentTime - this.start, isPlaying: this.media.isPlaying });
       }, this.jumpToTime = (t4 = 0) => {
         const e4 = Math.floor(t4) + this.start;
         this.media.currentTime !== e4 && (this.media.currentTime = e4, (this.media.paused || this.media.ended) && this.ctx.clock.setTimeout(() => {
@@ -30761,7 +30761,7 @@ void main() {
       }, this.getMediaDuration = () => {
         this.duration && !Number.isNaN(this.duration) || (this.duration = this.media.duration, this.start && (this.duration -= this.start, this.jumpToTime()), this.end && (this.duration -= this.end)), this.totalTime.innerText = el.formatTime(this.duration);
       }, this.playMedia = () => Qu(this, void 0, void 0, function* () {
-        this.playButton.style.display = "none", this.pauseButton.style.display = "block", yield this.media.play(), this.playCallBackList.forEach((t4) => {
+        this.playButton.style.display = "none", this.pauseButton.style.display = "block", yield this.media.play(), this.medianIsEnd && (this.medianIsEnd = false, this.jumpToTime()), this.playCallBackList.forEach((t4) => {
           t4();
         });
       }), this.pauseMedia = () => Qu(this, void 0, void 0, function* () {
@@ -30770,7 +30770,7 @@ void main() {
         t4.stopPropagation(), this.mediaController.style.display = "none";
       }, this.mediaTimeUpdate = () => Qu(this, void 0, void 0, function* () {
         const t4 = this.media.currentTime - this.start;
-        this.duration > 0 && (t4 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.jumpToTime()), this.currentTime.innerText = el.formatTime(t4), this.currentProgress.style.flex = (t4 / this.duration).toString();
+        this.duration > 0 && (t4 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.medianIsEnd = true), this.currentTime.innerText = el.formatTime(t4), this.currentProgress.style.flex = (t4 / this.duration).toString();
       }), this.onPauseMedia = () => {
         this.playButton.style.display = "block", this.pauseButton.style.display = "none";
       }, this.onPlayMedia = () => {
@@ -30778,9 +30778,9 @@ void main() {
           t4();
         });
       }, this.playMediaFromCtrl = () => {
-        this.ctx.eventHub.emit(Ph.mediaPlay, { id: this.targetId, time: this.media.currentTime }), this.playMedia();
+        this.ctx.eventHub.emit(Uh.mediaPlay, { id: this.targetId, time: this.media.currentTime }), this.playMedia();
       }, this.pauseMediaFromCtrl = () => {
-        this.ctx.eventHub.emit(Ph.mediaPause, { id: this.targetId, time: this.media.currentTime }), this.pauseMedia();
+        this.ctx.eventHub.emit(Uh.mediaPause, { id: this.targetId, time: this.media.currentTime }), this.pauseMedia();
       }, this.targetId = t3.targetId, this.ctx = t3.ctx, this.height = t3.height, this.width = t3.width, this.sprite = t3.sprite, this.media = t3.media, this.info = t3.info, 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 = (n2 = this.info.cut.end) !== null && n2 !== void 0 ? n2 : 0);
     }
     getMedianContainer() {
@@ -31236,12 +31236,12 @@ void main() {
         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(Ph.mainSeqStepStart, e4);
+        e4 >= 0 && (this.currentSeqIndex = e4), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(Uh.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(Ph.mainSeqStepEnd, e4);
+        }), this.isMainSeq && this.ctx.eventHub.emit(Uh.mainSeqStepEnd, e4);
       }), this.commonTimeNode.on("timeNodeEndSync", () => {
         this.commonTimeNode.resetForRepeat(), this.ctx.clock.setTimeout(() => {
           this.currentSeqState = "idle", this.currentSeqIndex = 0;
@@ -31249,7 +31249,7 @@ void main() {
       }), this.nextConds.on("active", () => {
         if (this.isInteractiveSeq) {
           const { mode: t4 } = this.ctx;
-          t4 !== "interactive" && t4 !== "sync" || this.ctx.eventHub.emit(Ph.interactiveSeqNext, this.json.ctn.id), t4 !== "sync" && t4 !== "local" || this.handleNext();
+          t4 !== "interactive" && t4 !== "sync" || this.ctx.eventHub.emit(Uh.interactiveSeqNext, this.json.ctn.id), t4 !== "sync" && t4 !== "local" || this.handleNext();
         } else
           this.handleNext();
       }), this.prevConds.on("active", this.handlePrev);
@@ -31258,13 +31258,13 @@ void main() {
       return this._currentSeqIndex;
     }
     set currentSeqIndex(t3) {
-      this._currentSeqIndex = t3, this.isMainSeq ? this.ctx.eventHub.emit(Ph.mainSeqStepChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(Ph.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t3, state: this._currentSeqState } });
+      this._currentSeqIndex = t3, this.isMainSeq ? this.ctx.eventHub.emit(Uh.mainSeqStepChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(Uh.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(Ph.mainSeqStateChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(Ph.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t3 } });
+      this._currentSeqState = t3, this.isMainSeq ? this.ctx.eventHub.emit(Uh.mainSeqStateChange, t3) : this.isInteractiveSeq && this.ctx.eventHub.emit(Uh.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t3 } });
     }
     get stepLength() {
       return this.commonTimeNode.children.length;
@@ -31614,14 +31614,16 @@ void main() {
       super(t3), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.onTimelineStart = (t4) => {
         t4.isReverse || this.updateCurrentValue();
       }, this.onTimeUpdate = ({ duration: t4, delta: e3 }) => {
-        const n2 = e3 / t4, i2 = { x: 1, y: 1 };
-        if (this.from && this.to)
-          i2.x = this.from.x + (this.to.x - this.from.x) * n2, i2.y = this.from.y + (this.to.y - this.from.y) * n2;
-        else if (this.by) {
+        var n2, i2, r3, o3, s3;
+        const a2 = e3 / t4, u2 = { x: 1, y: 1 };
+        if (this.to) {
+          const t5 = (n2 = this.from) !== null && n2 !== void 0 ? n2 : { x: (r3 = (i2 = this.startVal) === null || i2 === void 0 ? void 0 : i2.x) !== null && r3 !== void 0 ? r3 : 1, y: (s3 = (o3 = this.startVal) === null || o3 === void 0 ? void 0 : o3.y) !== null && s3 !== void 0 ? s3 : 1 };
+          u2.x = t5.x + (this.to.x - t5.x) * a2, u2.y = t5.y + (this.to.y - t5.y) * a2;
+        } else if (this.by) {
           const t5 = { x: this.by.x, y: this.by.y };
-          i2.x = 1 + (t5.x - 1) * n2, i2.y = 1 + (t5.y - 1) * n2;
+          u2.x = 1 + (t5.x - 1) * a2, u2.y = 1 + (t5.y - 1) * a2;
         }
-        this.timingTarget && (this.timingTarget.scale = i2);
+        this.timingTarget && (this.timingTarget.scale = u2);
       }, this.onTimeNodeStart = () => {
         this.timingTarget && (this.startVal = { x: this.timingTarget.scale.x, y: this.timingTarget.scale.y });
       }, this.onSeekToStart = () => {
@@ -31899,7 +31901,7 @@ void main() {
     startReverseTimeLine() {
       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(Ph.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t3 && (this.ctx.eventHub.emit(Ph.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(Uh.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t3 && (this.ctx.eventHub.emit(Uh.animateStart), this.ctx.ticker.add(this.updateTimeLine));
     }
     startTimeLine(t3 = true) {
       if (t3 && (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)
@@ -31908,7 +31910,7 @@ void main() {
       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(Ph.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
+      })) : this.duration > e3 && (this.ctx.eventHub.emit(Uh.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
     }
     startIterate() {
       return Gl(this, void 0, void 0, function* () {
@@ -31916,7 +31918,7 @@ void main() {
           this.isIterateEnd = false;
           for (const t3 of this.iterateShadows) {
             if (this.isIterateEnd)
-              return;
+              break;
             t3.children.forEach((t4) => {
               t4.commonTimeNode.startTimeNode();
             }), t3.applyCount += 1, yield this.ctx.clock.delay(this.json.iterate.interval);
@@ -31998,7 +32000,7 @@ void main() {
       }
     }
     dispose(t3 = false) {
-      this.isConflictDispose = t3, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(Ph.animateEnd), this.ctx.ticker.remove(this.updateTimeLine), this.startConds.reset(), this.endConds.reset();
+      this.isConflictDispose = t3, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(Uh.animateEnd), this.ctx.ticker.remove(this.updateTimeLine), this.startConds.reset(), this.endConds.reset();
     }
     seekToEnd(t3, e3 = false) {
       if (this.isInfiniteRepeat())
@@ -32040,7 +32042,32 @@ void main() {
       });
     }
   }
-  class jl {
+  var jl = function(t3, e3, n2, i2) {
+    return new (n2 || (n2 = Promise))(function(r3, o3) {
+      function s3(t4) {
+        try {
+          u2(i2.next(t4));
+        } catch (t5) {
+          o3(t5);
+        }
+      }
+      function a2(t4) {
+        try {
+          u2(i2.throw(t4));
+        } catch (t5) {
+          o3(t5);
+        }
+      }
+      function u2(t4) {
+        var e4;
+        t4.done ? r3(t4.value) : (e4 = t4.value, e4 instanceof n2 ? e4 : new n2(function(t5) {
+          t5(e4);
+        })).then(s3, a2);
+      }
+      u2((i2 = i2.apply(t3, e3 || [])).next());
+    });
+  };
+  class Vl {
     constructor(t3, e3, n2) {
       this.json = t3, this.ctx = n2;
       const i2 = t3.timeNodeList.find((t4) => t4.type === "par" && t4.ctn.nodeType === "tmRoot");
@@ -32057,11 +32084,10 @@ void main() {
       });
     }
     start() {
-      var t3;
-      this.json.autoPlayMainSeq ? this.ctx.clock.setTimeout(() => {
-        var t4;
-        (t4 = this.mainSeq) === null || t4 === void 0 || t4.commonTimeNode.startTimeNode();
-      }, 16) : (t3 = this.mainSeq) === null || t3 === void 0 || t3.commonTimeNode.startTimeNode();
+      var t3, e3;
+      return jl(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();
+      });
     }
     setMainSeqApplied() {
       this.mainSeq && (this.mainSeq.commonTimeNode.applyCount = 1);
@@ -32109,7 +32135,7 @@ void main() {
       e3 && e3.handleNext();
     }
   }
-  var Vl = function(t3, e3, n2, i2) {
+  var Wl = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -32134,12 +32160,12 @@ void main() {
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
   };
-  class Wl extends ll {
+  class Xl extends ll {
     constructor(t3, e3, n2) {
       super({ id: "stage", width: t3.width, height: t3.height, type: "Container", children: t3.children }, e3, n2), this.globalEventHub = new s2.a(), this.json = t3, this.container.visible = false, this.ctx = e3, this.globalEventHub.on("c:prev slide", () => {
-        this.ctx.eventHub.emit(Ph.requestPrevSlide);
+        this.ctx.eventHub.emit(Uh.requestPrevSlide);
       }), this.globalEventHub.on("c:next slide", () => {
-        this.ctx.eventHub.emit(Ph.requestNextSlide);
+        this.ctx.eventHub.emit(Uh.requestNextSlide);
       });
       const i2 = new hs();
       i2.drawRect(0, 0, t3.width, t3.height), this.container.addChild(i2);
@@ -32149,16 +32175,16 @@ void main() {
     }
     render() {
       const t3 = Object.create(null, { render: { get: () => super.render } });
-      return Vl(this, void 0, void 0, function* () {
+      return Wl(this, void 0, void 0, function* () {
         yield t3.render.call(this), this.ctx.eventHub.emit("StageRenderEnd");
       });
     }
     createTiming() {
-      this.json.timing && (this.timing = new jl(this.json.timing, this.globalEventHub, this.ctx));
+      this.json.timing && (this.timing = new Vl(this.json.timing, this.globalEventHub, this.ctx));
     }
     startTiming() {
       var t3;
-      (t3 = this.timing) === null || t3 === void 0 || t3.start();
+      return ((t3 = this.timing) === null || t3 === void 0 ? void 0 : t3.start()) || Promise.resolve();
     }
     setMainSeqApplied() {
       var t3;
@@ -32200,11 +32226,11 @@ void main() {
     }
     nextStep() {
       var t3;
-      this.hasTiming() && ((t3 = this.timing) === null || t3 === void 0 ? void 0 : t3.hasMainSeq()) ? this.globalEventHub.emit("shape slide onNext") : this.ctx.eventHub.emit(Ph.requestNextSlide);
+      this.hasTiming() && ((t3 = this.timing) === null || t3 === void 0 ? void 0 : t3.hasMainSeq()) ? this.globalEventHub.emit("shape slide onNext") : this.ctx.eventHub.emit(Uh.requestNextSlide);
     }
     prevStep() {
       var t3;
-      this.hasTiming() && ((t3 = this.timing) === null || t3 === void 0 ? void 0 : t3.hasMainSeq()) ? this.globalEventHub.emit("shape slide onPrev") : this.ctx.eventHub.emit(Ph.requestPrevSlide);
+      this.hasTiming() && ((t3 = this.timing) === null || t3 === void 0 ? void 0 : t3.hasMainSeq()) ? this.globalEventHub.emit("shape slide onPrev") : this.ctx.eventHub.emit(Uh.requestPrevSlide);
     }
     applyInteractiveAction(t3) {
       var e3;
@@ -32219,7 +32245,7 @@ void main() {
       (i2 = this.timing) === null || i2 === void 0 || i2.setInteractiveSeqState(t3, e3, n2);
     }
     setMediaState(t3, e3) {
-      return Vl(this, void 0, void 0, function* () {
+      return Wl(this, void 0, void 0, function* () {
         const n2 = this.ctx.medias[t3];
         n2 && (e3 ? yield n2.play() : yield n2.pause());
       });
@@ -32229,8 +32255,8 @@ void main() {
       n2 && n2.seek(e3);
     }
   }
-  const Xl = 134217729;
-  function ql(t3, e3, n2, i2, r3) {
+  const ql = 134217729;
+  function Yl(t3, e3, n2, i2, r3) {
     let o3, s3, a2, u2, l2 = e3[0], h2 = i2[0], c2 = 0, d2 = 0;
     h2 > l2 == h2 > -l2 ? (o3 = l2, l2 = e3[++c2]) : (o3 = h2, h2 = i2[++d2]);
     let p2 = 0;
@@ -32243,17 +32269,17 @@ void main() {
       s3 = o3 + h2, u2 = s3 - o3, a2 = o3 - (s3 - u2) + (h2 - u2), h2 = i2[++d2], o3 = s3, a2 !== 0 && (r3[p2++] = a2);
     return o3 === 0 && p2 !== 0 || (r3[p2++] = o3), p2;
   }
-  function Yl(t3, e3) {
+  function Zl(t3, e3) {
     let n2 = e3[0];
     for (let i2 = 1; i2 < t3; i2++)
       n2 += e3[i2];
     return n2;
   }
-  function Zl(t3) {
+  function Jl(t3) {
     return new Float64Array(t3);
   }
-  const Jl = Zl(4), Kl = Zl(8), $l = Zl(12), Ql = Zl(16), th = Zl(4);
-  function eh(t3, e3, n2, i2, r3, o3) {
+  const Kl = Jl(4), $l = Jl(8), Ql = Jl(12), th = Jl(16), eh = Jl(4);
+  function nh(t3, e3, n2, i2, r3, o3) {
     const s3 = (e3 - o3) * (n2 - r3), a2 = (t3 - r3) * (i2 - o3), u2 = s3 - a2;
     if (s3 === 0 || a2 === 0 || s3 > 0 != a2 > 0)
       return u2;
@@ -32261,32 +32287,32 @@ void main() {
     return Math.abs(u2) >= 33306690738754716e-32 * l2 ? u2 : -function(t4, e4, n3, i3, r4, o4, s4) {
       let a3, u3, l3, h2, c2, d2, p2, f2, m2, g2, v2, _2, y2, x2, b2, w2, S2, T2;
       const E2 = t4 - r4, M2 = n3 - r4, A2 = e4 - o4, P2 = i3 - o4;
-      x2 = E2 * P2, d2 = Xl * E2, p2 = d2 - (d2 - E2), f2 = E2 - p2, d2 = Xl * P2, m2 = d2 - (d2 - P2), g2 = P2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = A2 * M2, d2 = Xl * A2, p2 = d2 - (d2 - A2), f2 = A2 - p2, d2 = Xl * M2, m2 = d2 - (d2 - M2), g2 = M2 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, Jl[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, Jl[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, Jl[2] = _2 - (T2 - c2) + (v2 - c2), Jl[3] = T2;
-      let C2 = Yl(4, Jl), R2 = 22204460492503146e-32 * s4;
+      x2 = E2 * P2, d2 = ql * E2, p2 = d2 - (d2 - E2), f2 = E2 - p2, d2 = ql * P2, m2 = d2 - (d2 - P2), g2 = P2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = A2 * M2, d2 = ql * A2, p2 = d2 - (d2 - A2), f2 = A2 - p2, d2 = ql * M2, m2 = d2 - (d2 - M2), g2 = M2 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, Kl[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, Kl[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, Kl[2] = _2 - (T2 - c2) + (v2 - c2), Kl[3] = T2;
+      let C2 = Zl(4, Kl), R2 = 22204460492503146e-32 * s4;
       if (C2 >= R2 || -C2 >= R2)
         return C2;
       if (c2 = t4 - E2, a3 = t4 - (E2 + c2) + (c2 - r4), c2 = n3 - M2, l3 = n3 - (M2 + c2) + (c2 - r4), c2 = e4 - A2, u3 = e4 - (A2 + c2) + (c2 - o4), c2 = i3 - P2, h2 = i3 - (P2 + c2) + (c2 - o4), a3 === 0 && u3 === 0 && l3 === 0 && h2 === 0)
         return C2;
       if (R2 = 11093356479670487e-47 * s4 + 33306690738754706e-32 * Math.abs(C2), C2 += E2 * h2 + P2 * a3 - (A2 * l3 + M2 * u3), C2 >= R2 || -C2 >= R2)
         return C2;
-      x2 = a3 * P2, d2 = Xl * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = Xl * P2, m2 = d2 - (d2 - P2), g2 = P2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = u3 * M2, d2 = Xl * u3, p2 = d2 - (d2 - u3), f2 = u3 - p2, d2 = Xl * M2, m2 = d2 - (d2 - M2), g2 = M2 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, th[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, th[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, th[2] = _2 - (T2 - c2) + (v2 - c2), th[3] = T2;
-      const I2 = ql(4, Jl, 4, th, Kl);
-      x2 = E2 * h2, d2 = Xl * E2, p2 = d2 - (d2 - E2), f2 = E2 - p2, d2 = Xl * h2, m2 = d2 - (d2 - h2), g2 = h2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = A2 * l3, d2 = Xl * A2, p2 = d2 - (d2 - A2), f2 = A2 - p2, d2 = Xl * l3, m2 = d2 - (d2 - l3), g2 = l3 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, th[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, th[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, th[2] = _2 - (T2 - c2) + (v2 - c2), th[3] = T2;
-      const L2 = ql(I2, Kl, 4, th, $l);
-      x2 = a3 * h2, d2 = Xl * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = Xl * h2, m2 = d2 - (d2 - h2), g2 = h2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = u3 * l3, d2 = Xl * u3, p2 = d2 - (d2 - u3), f2 = u3 - p2, d2 = Xl * l3, m2 = d2 - (d2 - l3), g2 = l3 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, th[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, th[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, th[2] = _2 - (T2 - c2) + (v2 - c2), th[3] = T2;
-      const O2 = ql(L2, $l, 4, th, Ql);
-      return Ql[O2 - 1];
+      x2 = a3 * P2, d2 = ql * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = ql * P2, m2 = d2 - (d2 - P2), g2 = P2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = u3 * M2, d2 = ql * u3, p2 = d2 - (d2 - u3), f2 = u3 - p2, d2 = ql * M2, m2 = d2 - (d2 - M2), g2 = M2 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, eh[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, eh[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, eh[2] = _2 - (T2 - c2) + (v2 - c2), eh[3] = T2;
+      const I2 = Yl(4, Kl, 4, eh, $l);
+      x2 = E2 * h2, d2 = ql * E2, p2 = d2 - (d2 - E2), f2 = E2 - p2, d2 = ql * h2, m2 = d2 - (d2 - h2), g2 = h2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = A2 * l3, d2 = ql * A2, p2 = d2 - (d2 - A2), f2 = A2 - p2, d2 = ql * l3, m2 = d2 - (d2 - l3), g2 = l3 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, eh[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, eh[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, eh[2] = _2 - (T2 - c2) + (v2 - c2), eh[3] = T2;
+      const L2 = Yl(I2, $l, 4, eh, Ql);
+      x2 = a3 * h2, d2 = ql * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = ql * h2, m2 = d2 - (d2 - h2), g2 = h2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), w2 = u3 * l3, d2 = ql * u3, p2 = d2 - (d2 - u3), f2 = u3 - p2, d2 = ql * l3, m2 = d2 - (d2 - l3), g2 = l3 - m2, S2 = f2 * g2 - (w2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - S2, c2 = b2 - v2, eh[0] = b2 - (v2 + c2) + (c2 - S2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - w2, c2 = y2 - v2, eh[1] = y2 - (v2 + c2) + (c2 - w2), T2 = _2 + v2, c2 = T2 - _2, eh[2] = _2 - (T2 - c2) + (v2 - c2), eh[3] = T2;
+      const O2 = Yl(L2, Ql, 4, eh, th);
+      return th[O2 - 1];
     }(t3, e3, n2, i2, r3, o3, l2);
   }
-  const nh = Math.pow(2, -52), ih = new Uint32Array(512);
-  class rh {
-    static from(t3, e3 = hh, n2 = ch) {
+  const ih = Math.pow(2, -52), rh = new Uint32Array(512);
+  class oh {
+    static from(t3, e3 = ch, n2 = dh) {
       const i2 = t3.length, r3 = new Float64Array(2 * i2);
       for (let o3 = 0; o3 < i2; o3++) {
         const i3 = t3[o3];
         r3[2 * o3] = e3(i3), r3[2 * o3 + 1] = n2(i3);
       }
-      return new rh(r3);
+      return new oh(r3);
     }
     constructor(t3) {
       const e3 = t3.length >> 1;
@@ -32306,7 +32332,7 @@ void main() {
       const h2 = (s3 + u2) / 2, c2 = (a2 + l2) / 2;
       let d2, p2, f2, m2 = 1 / 0;
       for (let e4 = 0; e4 < o3; e4++) {
-        const n3 = oh(h2, c2, t3[2 * e4], t3[2 * e4 + 1]);
+        const n3 = sh(h2, c2, t3[2 * e4], t3[2 * e4 + 1]);
         n3 < m2 && (d2 = e4, m2 = n3);
       }
       const g2 = t3[2 * d2], v2 = t3[2 * d2 + 1];
@@ -32314,21 +32340,21 @@ void main() {
       for (let e4 = 0; e4 < o3; e4++) {
         if (e4 === d2)
           continue;
-        const n3 = oh(g2, v2, t3[2 * e4], t3[2 * e4 + 1]);
+        const n3 = sh(g2, v2, t3[2 * e4], t3[2 * e4 + 1]);
         n3 < m2 && n3 > 0 && (p2 = e4, m2 = n3);
       }
       let _2 = t3[2 * p2], y2 = t3[2 * p2 + 1], x2 = 1 / 0;
       for (let e4 = 0; e4 < o3; e4++) {
         if (e4 === d2 || e4 === p2)
           continue;
-        const n3 = ah(g2, v2, _2, y2, t3[2 * e4], t3[2 * e4 + 1]);
+        const n3 = uh(g2, v2, _2, y2, t3[2 * e4], t3[2 * e4 + 1]);
         n3 < x2 && (f2 = e4, x2 = n3);
       }
       let b2 = t3[2 * f2], w2 = t3[2 * f2 + 1];
       if (x2 === 1 / 0) {
         for (let e5 = 0; e5 < o3; e5++)
           this._dists[e5] = t3[2 * e5] - t3[0] || t3[2 * e5 + 1] - t3[1];
-        uh(this._ids, this._dists, 0, o3 - 1);
+        lh(this._ids, this._dists, 0, o3 - 1);
         const e4 = new Uint32Array(o3);
         let n3 = 0;
         for (let t4 = 0, i3 = -1 / 0; t4 < o3; t4++) {
@@ -32337,7 +32363,7 @@ void main() {
         }
         return this.hull = e4.subarray(0, n3), this.triangles = new Uint32Array(0), void (this.halfedges = new Uint32Array(0));
       }
-      if (eh(g2, v2, _2, y2, b2, w2) < 0) {
+      if (nh(g2, v2, _2, y2, b2, w2) < 0) {
         const t4 = p2, e4 = _2, n3 = y2;
         p2 = f2, _2 = b2, y2 = w2, f2 = t4, b2 = e4, w2 = n3;
       }
@@ -32347,13 +32373,13 @@ void main() {
       }(g2, v2, _2, y2, b2, w2);
       this._cx = S2.x, this._cy = S2.y;
       for (let e4 = 0; e4 < o3; e4++)
-        this._dists[e4] = oh(t3[2 * e4], t3[2 * e4 + 1], S2.x, S2.y);
-      uh(this._ids, this._dists, 0, o3 - 1), this._hullStart = d2;
+        this._dists[e4] = sh(t3[2 * e4], t3[2 * e4 + 1], S2.x, S2.y);
+      lh(this._ids, this._dists, 0, o3 - 1), this._hullStart = d2;
       let T2 = 3;
       n2[d2] = e3[f2] = p2, n2[p2] = e3[d2] = f2, n2[f2] = e3[p2] = d2, i2[d2] = 0, i2[p2] = 1, i2[f2] = 2, r3.fill(-1), r3[this._hashKey(g2, v2)] = d2, r3[this._hashKey(_2, y2)] = p2, r3[this._hashKey(b2, w2)] = f2, this.trianglesLen = 0, this._addTriangle(d2, p2, f2, -1, -1, -1);
       for (let o4, s4, a3 = 0; a3 < this._ids.length; a3++) {
         const u3 = this._ids[a3], l3 = t3[2 * u3], h3 = t3[2 * u3 + 1];
-        if (a3 > 0 && Math.abs(l3 - o4) <= nh && Math.abs(h3 - s4) <= nh)
+        if (a3 > 0 && Math.abs(l3 - o4) <= ih && Math.abs(h3 - s4) <= ih)
           continue;
         if (o4 = l3, s4 = h3, u3 === d2 || u3 === p2 || u3 === f2)
           continue;
@@ -32362,7 +32388,7 @@ void main() {
           ;
         c3 = e3[c3];
         let m3, g3 = c3;
-        for (; m3 = n2[g3], eh(l3, h3, t3[2 * g3], t3[2 * g3 + 1], t3[2 * m3], t3[2 * m3 + 1]) >= 0; )
+        for (; m3 = n2[g3], nh(l3, h3, t3[2 * g3], t3[2 * g3 + 1], t3[2 * m3], t3[2 * m3 + 1]) >= 0; )
           if (g3 = m3, g3 === c3) {
             g3 = -1;
             break;
@@ -32372,10 +32398,10 @@ void main() {
         let v3 = this._addTriangle(g3, u3, n2[g3], -1, -1, i2[g3]);
         i2[u3] = this._legalize(v3 + 2), i2[g3] = v3, T2++;
         let _3 = n2[g3];
-        for (; m3 = n2[_3], eh(l3, h3, t3[2 * _3], t3[2 * _3 + 1], t3[2 * m3], t3[2 * m3 + 1]) < 0; )
+        for (; m3 = n2[_3], nh(l3, h3, t3[2 * _3], t3[2 * _3 + 1], t3[2 * m3], t3[2 * m3 + 1]) < 0; )
           v3 = this._addTriangle(_3, u3, m3, i2[u3], -1, i2[_3]), i2[u3] = this._legalize(v3 + 2), n2[_3] = _3, T2--, _3 = m3;
         if (g3 === c3)
-          for (; m3 = e3[g3], eh(l3, h3, t3[2 * m3], t3[2 * m3 + 1], t3[2 * g3], t3[2 * g3 + 1]) < 0; )
+          for (; m3 = e3[g3], nh(l3, h3, t3[2 * m3], t3[2 * m3 + 1], t3[2 * g3], t3[2 * g3 + 1]) < 0; )
             v3 = this._addTriangle(m3, u3, g3, -1, i2[g3], i2[m3]), this._legalize(v3 + 2), i2[m3] = v3, n2[g3] = g3, T2--, g3 = m3;
         this._hullStart = e3[u3] = g3, n2[g3] = e3[_3] = u3, n2[u3] = _3, r3[this._hashKey(l3, h3)] = u3, r3[this._hashKey(t3[2 * g3], t3[2 * g3 + 1])] = g3;
       }
@@ -32398,11 +32424,11 @@ void main() {
         if (o3 = a2 + (t3 + 2) % 3, s3 === -1) {
           if (r3 === 0)
             break;
-          t3 = ih[--r3];
+          t3 = rh[--r3];
           continue;
         }
         const u2 = s3 - s3 % 3, l2 = a2 + (t3 + 1) % 3, h2 = u2 + (s3 + 2) % 3, c2 = e3[o3], d2 = e3[t3], p2 = e3[l2], f2 = e3[h2];
-        if (sh(i2[2 * c2], i2[2 * c2 + 1], i2[2 * d2], i2[2 * d2 + 1], i2[2 * p2], i2[2 * p2 + 1], i2[2 * f2], i2[2 * f2 + 1])) {
+        if (ah(i2[2 * c2], i2[2 * c2 + 1], i2[2 * d2], i2[2 * d2 + 1], i2[2 * p2], i2[2 * p2 + 1], i2[2 * f2], i2[2 * f2 + 1])) {
           e3[t3] = f2, e3[s3] = c2;
           const i3 = n2[h2];
           if (i3 === -1) {
@@ -32417,11 +32443,11 @@ void main() {
           }
           this._link(t3, i3), this._link(s3, n2[o3]), this._link(o3, h2);
           const a3 = u2 + (s3 + 1) % 3;
-          r3 < ih.length && (ih[r3++] = a3);
+          r3 < rh.length && (rh[r3++] = a3);
         } else {
           if (r3 === 0)
             break;
-          t3 = ih[--r3];
+          t3 = rh[--r3];
         }
       }
       return o3;
@@ -32434,19 +32460,19 @@ void main() {
       return this._triangles[s3] = t3, this._triangles[s3 + 1] = e3, this._triangles[s3 + 2] = n2, this._link(s3, i2), this._link(s3 + 1, r3), this._link(s3 + 2, o3), this.trianglesLen += 3, s3;
     }
   }
-  function oh(t3, e3, n2, i2) {
+  function sh(t3, e3, n2, i2) {
     const r3 = t3 - n2, o3 = e3 - i2;
     return r3 * r3 + o3 * o3;
   }
-  function sh(t3, e3, n2, i2, r3, o3, s3, a2) {
+  function ah(t3, e3, n2, i2, r3, o3, s3, a2) {
     const u2 = t3 - s3, l2 = e3 - a2, h2 = n2 - s3, c2 = i2 - a2, d2 = r3 - s3, p2 = o3 - a2, f2 = h2 * h2 + c2 * c2, m2 = d2 * d2 + p2 * p2;
     return u2 * (c2 * m2 - f2 * p2) - l2 * (h2 * m2 - f2 * d2) + (u2 * u2 + l2 * l2) * (h2 * p2 - c2 * d2) < 0;
   }
-  function ah(t3, e3, n2, i2, r3, o3) {
+  function uh(t3, e3, n2, i2, r3, o3) {
     const s3 = n2 - t3, a2 = i2 - e3, u2 = r3 - t3, l2 = o3 - e3, h2 = s3 * s3 + a2 * a2, c2 = u2 * u2 + l2 * l2, d2 = 0.5 / (s3 * l2 - a2 * u2), p2 = (l2 * h2 - a2 * c2) * d2, f2 = (s3 * c2 - u2 * h2) * d2;
     return p2 * p2 + f2 * f2;
   }
-  function uh(t3, e3, n2, i2) {
+  function lh(t3, e3, n2, i2) {
     if (i2 - n2 <= 20)
       for (let r3 = n2 + 1; r3 <= i2; r3++) {
         const i3 = t3[r3], o3 = e3[i3];
@@ -32457,7 +32483,7 @@ void main() {
       }
     else {
       let r3 = n2 + 1, o3 = i2;
-      lh(t3, n2 + i2 >> 1, r3), e3[t3[n2]] > e3[t3[i2]] && lh(t3, n2, i2), e3[t3[r3]] > e3[t3[i2]] && lh(t3, r3, i2), e3[t3[n2]] > e3[t3[r3]] && lh(t3, n2, r3);
+      hh(t3, n2 + i2 >> 1, r3), e3[t3[n2]] > e3[t3[i2]] && hh(t3, n2, i2), e3[t3[r3]] > e3[t3[i2]] && hh(t3, r3, i2), e3[t3[n2]] > e3[t3[r3]] && hh(t3, n2, r3);
       const s3 = t3[r3], a2 = e3[s3];
       for (; ; ) {
         do {
@@ -32468,22 +32494,22 @@ void main() {
         } while (e3[t3[o3]] > a2);
         if (o3 < r3)
           break;
-        lh(t3, r3, o3);
+        hh(t3, r3, o3);
       }
-      t3[n2 + 1] = t3[o3], t3[o3] = s3, i2 - r3 + 1 >= o3 - n2 ? (uh(t3, e3, r3, i2), uh(t3, e3, n2, o3 - 1)) : (uh(t3, e3, n2, o3 - 1), uh(t3, e3, r3, i2));
+      t3[n2 + 1] = t3[o3], t3[o3] = s3, i2 - r3 + 1 >= o3 - n2 ? (lh(t3, e3, r3, i2), lh(t3, e3, n2, o3 - 1)) : (lh(t3, e3, n2, o3 - 1), lh(t3, e3, r3, i2));
     }
   }
-  function lh(t3, e3, n2) {
+  function hh(t3, e3, n2) {
     const i2 = t3[e3];
     t3[e3] = t3[n2], t3[n2] = i2;
   }
-  function hh(t3) {
+  function ch(t3) {
     return t3[0];
   }
-  function ch(t3) {
+  function dh(t3) {
     return t3[1];
   }
-  function dh(t3, e3, n2) {
+  function ph(t3, e3, n2) {
     return t3.fillType === "solidFill" ? function(t4, e4, n3) {
       const i2 = new hs(), [r3, o3] = gu(t4.color);
       return i2.beginFill(r3, o3), i2.drawRect(0, 0, e4, n3), i2.endFill(), i2;
@@ -32506,7 +32532,7 @@ void main() {
         }
         return e5;
       };
-      t4.stopList = o3(t4.stopList), t4.stopList = o3(t4.stopList), i2 = t4.line ? ph(t4, e4, n3) : t4.path ? function(t5, e5, n4) {
+      t4.stopList = o3(t4.stopList), t4.stopList = o3(t4.stopList), i2 = t4.line ? fh(t4, e4, n3) : t4.path ? function(t5, e5, n4) {
         var i3, r4, o4;
         const s3 = [], a2 = { x: 0, y: 0 };
         if (((i3 = t5.path) === null || i3 === void 0 ? void 0 : i3.path) === "circle" || ((r4 = t5.path) === null || r4 === void 0 ? void 0 : r4.path) === "rect" || ((o4 = t5.path) === null || o4 === void 0 ? void 0 : o4.path) === "shape") {
@@ -32524,9 +32550,9 @@ void main() {
           });
         }
         return { points: s3, position: a2 };
-      }(t4, e4, n3) : ph(t4, e4, n3);
+      }(t4, e4, n3) : fh(t4, e4, n3);
       if (i2) {
-        const t5 = [], o4 = [], { position: s3, points: a2 } = i2, u2 = rh.from(a2, (t6) => t6.point.x, (t6) => t6.point.y);
+        const t5 = [], o4 = [], { position: s3, points: a2 } = i2, u2 = oh.from(a2, (t6) => t6.point.x, (t6) => t6.point.y);
         for (let e5 = 0; e5 < u2.triangles.length; e5 += 3)
           t5.push(a2[u2.triangles[e5]].point.x, a2[u2.triangles[e5]].point.y), t5.push(a2[u2.triangles[e5 + 1]].point.x, a2[u2.triangles[e5 + 1]].point.y), t5.push(a2[u2.triangles[e5 + 2]].point.x, a2[u2.triangles[e5 + 2]].point.y), o4.push(...vu(a2[u2.triangles[e5]].color)), o4.push(...vu(a2[u2.triangles[e5 + 1]].color)), o4.push(...vu(a2[u2.triangles[e5 + 2]].color));
         const l2 = new Dn();
@@ -32539,7 +32565,7 @@ void main() {
       return r3;
     }(t3, e3, n2) : null;
   }
-  function ph(t3, e3, n2) {
+  function fh(t3, e3, n2) {
     const i2 = e3 / 2, r3 = n2 / 2, o3 = [{ x: -i2, y: r3 }, { x: -i2, y: -r3 }, { x: i2, y: r3 }, { x: i2, y: -r3 }], s3 = [du.fromPointSlope({ x: -i2, y: 0 }, Math.PI / 2), du.fromPointSlope({ x: 0, y: r3 }, 0), du.fromPointSlope({ x: i2, y: 0 }, Math.PI / 2), du.fromPointSlope({ x: 0, y: -r3 }, 0)], a2 = [], u2 = t3.stopList.slice(1, t3.stopList.length - 1).map((o4) => {
       var u3, l3, h3;
       const c3 = 2 * Math.PI;
@@ -32596,7 +32622,72 @@ void main() {
       p2[t4].point.x += i2, p2[t4].point.y = -p2[t4].point.y + r3;
     return { points: p2, position: { x: 0, y: 0 } };
   }
-  class fh {
+  const mh = "\nvec3 rgb2hsl(vec3 rgb) {\n    float cMax = max(max(rgb.r, rgb.g), rgb.b);\n    float cMin = min(min(rgb.r, rgb.g), rgb.b);\n    float delta = cMax - cMin;\n    \n    float h = 0.0;\n    if (delta == 0.0) {\n        h = 0.0;\n    } else if (cMax == rgb.r) {\n        h = 60.0 * mod(((rgb.g - rgb.b) / delta), 6.0);\n    } else if (cMax == rgb.g ) {\n        h = 60.0 * ((rgb.b - rgb.r) / delta + 2.0);\n    } else if (cMax == rgb.b) {\n        h = 60.0 * ((rgb.r - rgb.g) / delta + 4.0);\n    }\n    \n    float l = (cMax + cMin) / 2.0;\n    \n    float s = 0.0;\n    if (delta == 0.0) {\n        s = 0.0;\n    } else {\n        s = delta / (1.0 - abs(2.0 * l - 1.0));\n    }\n    \n    return vec3(h, s, l);\n}\n", gh = [mh], vh = { biLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    vec3 hsl = rgb2hsl(texColor.rgb);\n    mat3 rgb2yuv = mat3(\n        0.2126, 0.7152, 0.0722,\n        -0.09991, -0.33609, 0.43600,\n        0.615, -0.5586, -0.05639\n    );\n    vec3 yuv = texColor.rgb * rgb2yuv;\n    if (yuv.x >= 0.49 || texColor.a < 0.9) {\n        return vec4(1.0, 1.0, 1.0, 1.0) * texColor.a;\n    } else {\n        return vec4(0.0, 0.0, 0.0, 1.0) * texColor.a;\n    }\n}\n", alphaModFix: "\nvec4 transform(vec4 texColor, float arg) {\n   return texColor * arg;\n}\n" };
+  class _h extends Ei {
+    constructor(t3, e3) {
+      var n2;
+      super(void 0, (n2 = vh[t3], `
+varying vec2 vTextureCoord;
+
+uniform float arg;
+uniform sampler2D uSampler;
+
+${gh.map((t4) => t4 + "\n").join("\n")}
+
+${n2}
+
+void main(void){
+    vec4 texColor = texture2D(uSampler, vTextureCoord);
+    gl_FragColor = transform(texColor, arg);
+}
+`), { arg: e3 });
+    }
+  }
+  const yh = [mh], xh = { clrChange: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float epsilon = 0.001;\n    vec3 colorDiff = arg1.rgb - (texColor.rgb / max(texColor.a, 0.0000000001));\n    float colorDistance = length(colorDiff);\n    if (colorDistance < epsilon) {\n        arg2.rgb *= arg2.a;\n        return arg2;\n    } else {\n        return texColor;\n    }\n}\n", changeBulletColor: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float epsilon = 0.4;\n    vec3 colorDiff = arg1.rgb - (texColor.rgb / max(texColor.a, 0.0000000001));\n    float colorDistance = length(colorDiff);\n    if (colorDistance < epsilon) {\n        arg2.rgb *= ceil(texColor.a);\n        return arg2;\n    } else {\n        return texColor;\n    }\n}\n" };
+  class bh extends Ei {
+    constructor(t3, e3, n2) {
+      var i2;
+      super(void 0, (i2 = xh[t3], `
+varying vec2 vTextureCoord;
+
+uniform vec4 arg1;
+uniform vec4 arg2;
+uniform sampler2D uSampler;
+
+${yh.map((t4) => t4 + "\n").join("\n")}
+
+${i2}
+
+void main(void){
+    vec4 texColor = texture2D(uSampler, vTextureCoord);
+    gl_FragColor = transform(texColor, arg1, arg2);
+}
+`), { arg1: Float32Array.from(e3), arg2: Float32Array.from(n2) });
+    }
+  }
+  const wh = [mh], Sh = { lum: "\nvec4 transform(vec4 texColor, float arg1, float arg2) {\n    if (arg1 > 0.0) {\n        texColor.r += (1.0 - texColor.r) * arg1;\n        texColor.g += (1.0 - texColor.g) * arg1;\n        texColor.b += (1.0 - texColor.b) * arg1;\n    } else if (arg1 < 0.0) {\n        texColor.r -= texColor.r * arg1;\n        texColor.g -= texColor.g * arg1;\n        texColor.b -= texColor.b * arg1;\n    }\n    // todo \u5BF9\u6BD4\u5EA6\n    texColor.rgb *= texColor.a;\n    return texColor;\n}\n" };
+  class Th extends Ei {
+    constructor(t3, e3, n2) {
+      var i2;
+      super(void 0, (i2 = Sh[t3], `
+varying vec2 vTextureCoord;
+
+uniform float arg1;
+uniform float arg2;
+uniform sampler2D uSampler;
+
+${wh.map((t4) => t4 + "\n").join("\n")}
+
+${i2}
+
+void main(void){
+    vec4 texColor = texture2D(uSampler, vTextureCoord);
+    gl_FragColor = transform(texColor, arg1, arg2);
+}
+`), { arg1: e3, arg2: n2 });
+    }
+  }
+  class Eh {
     constructor(t3, e3) {
       this.renderContainers = [], this.renderTextures = [], this.textures = Object.create(null), this.fillStyles = [], this.renderer = t3, this.spriteTextures = e3;
     }
@@ -32610,7 +32701,7 @@ void main() {
           const { width: e4, height: n3 } = t4;
           t4.item.blipFillObject.position.x += t4.x + e4 / 2, t4.item.blipFillObject.position.y += t4.y + n3 / 2, t4.item.blipFillObject.anchor.x = 0.5, t4.item.blipFillObject.anchor.y = 0.5, t4.item.blipFillObject.rotation = t4.item.rotate / 180 * Math.PI, r3.addChild(t4.item.blipFillObject);
         } else {
-          const e4 = dh(t4.item.fill, t4.width - 4, t4.height - 4);
+          const e4 = ph(t4.item.fill, t4.width - 4, t4.height - 4);
           if (e4)
             e4.position.x += t4.x + 2, e4.position.y += t4.y + 2, r3.addChild(e4);
           else {
@@ -32638,24 +32729,35 @@ void main() {
     getGifFrames(t3) {
       return this.spriteTextures.getGifFrames(t3);
     }
-    addFill(t3, e3, n2, i2) {
-      var r3;
-      const o3 = JSON.stringify(t3) + e3 + n2, s3 = Au()(o3);
-      if (this.textures[s3])
-        return s3;
-      if (this.fillStyles.findIndex((t4) => t4.id === s3) >= 0)
-        return s3;
+    addFill(t3, e3, n2, i2, r3 = false) {
+      var o3;
+      const s3 = JSON.stringify(t3) + e3 + n2, a2 = Au()(s3);
+      if (this.textures[a2])
+        return a2;
+      if (this.fillStyles.findIndex((t4) => t4.id === a2) >= 0)
+        return a2;
       if (t3.fillType !== "blipFill") {
         const r4 = { x: 0, y: 0 };
-        t3.fillType === "solidFill" && (e3 += 2, n2 += 2, r4.x = 1, r4.y = 1), this.fillStyles.push({ fill: t3, width: e3, height: n2, id: s3, name: i2, pivot: r4 });
+        t3.fillType === "solidFill" && (e3 += 2, n2 += 2, r4.x = 1, r4.y = 1), this.fillStyles.push({ fill: t3, width: e3, height: n2, id: a2, name: i2, pivot: r4 });
       } else {
         const e4 = this.spriteTextures.getTexture(t3.src), n3 = this.spriteTextures.getFrameData(t3.src);
         if (e4) {
           const i3 = new ms();
-          i3.texture = e4, t3.filters.length, this.fillStyles.push({ fill: t3, width: (n3 == null ? void 0 : n3.rotate) ? e4.height : e4.width, height: (n3 == null ? void 0 : n3.rotate) ? e4.width : e4.height, id: s3, blipFillObject: i3, pivot: { x: 0, y: 0 }, rotate: (r3 = n3 == null ? void 0 : n3.rotate) !== null && r3 !== void 0 ? r3 : 0 });
+          i3.texture = e4, t3.filters.length > 0 && r3 && (i3.filters = function(t4) {
+            const e5 = [];
+            return t4.forEach((t5) => {
+              if (t5.type === "biLevel")
+                e5.push(new _h("biLevel", t5.args[0]));
+              else if (t5.type === "clrChange" || t5.type === "changeBulletColor") {
+                const n4 = vu(t5.args[0]), i4 = vu(t5.args[1]);
+                e5.push(new bh(t5.type, n4, i4));
+              } else
+                t5.type === "alphaModFix" ? e5.push(new _h(t5.type, t5.args[0])) : t5.type === "lum" && e5.push(new Th(t5.type, t5.args[0], t5.args[1]));
+            }), e5;
+          }(t3.filters)), this.fillStyles.push({ fill: t3, width: (n3 == null ? void 0 : n3.rotate) ? e4.height : e4.width, height: (n3 == null ? void 0 : n3.rotate) ? e4.width : e4.height, id: a2, blipFillObject: i3, pivot: { x: 0, y: 0 }, rotate: (o3 = n3 == null ? void 0 : n3.rotate) !== null && o3 !== void 0 ? o3 : 0 });
         }
       }
-      return s3;
+      return a2;
     }
     pack() {
       const t3 = this.fillStyles.filter((t4) => !(!t4.fill.fillType || t4.fill.fillType === "noFill" || t4.width === 0 || t4.height === 0) || (this.textures[t4.id] = { texture: null, pivot: { x: 0, y: 0 } }, false));
@@ -32672,7 +32774,7 @@ void main() {
       this.textures = Object.create(null), this.fillStyles = [], this.renderTextures.forEach((t3) => t3.destroy(true)), this.renderContainers.forEach((t3) => t3.destroy({ children: true })), this.spriteTextures.destroy();
     }
   }
-  class mh {
+  class Mh {
     constructor(t3) {
       this.renderContainers = [], this.renderTextures = [], this.idTidMap = Object.create(null), this.textures = Object.create(null), this.graphics = [], this.renderer = t3;
     }
@@ -32754,7 +32856,7 @@ void main() {
       }), this.textures = Object.create(null), this.graphics = [], this.renderContainers.forEach((t3) => t3.destroy({ children: true, baseTexture: true, texture: true })), this.renderTextures.forEach((t3) => t3.destroy(true));
     }
   }
-  var gh = function(t3, e3, n2, i2) {
+  var Ah = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -32779,7 +32881,7 @@ void main() {
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
   };
-  class vh {
+  class Ph {
     constructor(t3) {
       this.gifs = Object.create(null), this.textures = Object.create(null), this.frames = Object.create(null), this.spriteSheets = [], this.isLoaded = false, this.loader = t3;
     }
@@ -32793,7 +32895,7 @@ void main() {
       return this.gifs[t3] ? this.gifs[t3].filter((t4) => !!t4) : [];
     }
     loadSpriteSheetItem(t3, e3, n2) {
-      return gh(this, void 0, void 0, function* () {
+      return Ah(this, void 0, void 0, function* () {
         const i2 = yield this.loader.fetchJson(`${t3}/${e3}/jsonOutput/${n2}.json`), r3 = yield this.loader.fetchPng(`${t3}/${e3}/jsonOutput/${n2}.png`), o3 = document.createElement("img");
         o3.src = r3, yield new Promise((t4, e4) => {
           o3.onload = () => t4(""), o3.onerror = () => e4();
@@ -32820,7 +32922,7 @@ void main() {
       this.isLoaded = false, this.spriteSheets.forEach((t3) => t3.destroy(true));
     }
   }
-  class _h extends s2.a {
+  class Ch extends s2.a {
     constructor() {
       super(), this.prevTime = -1, this.times = 0, this.valueTotal = 0, this.destroyed = false, this.value = 0, this.calcFps();
     }
@@ -32834,7 +32936,7 @@ void main() {
       this.destroyed = true;
     }
   }
-  var yh = n(10), xh = function(t3, e3, n2, i2) {
+  var Rh = n(10), Ih = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -32859,24 +32961,24 @@ void main() {
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
   };
-  class bh {
+  class Lh {
     constructor(t3) {
       this.useCache = false, this.useCache = t3;
     }
     bindTask(t3) {
-      this.taskId = t3, this.useCache && (this.cache = yh.createInstance({ name: "_slide_local_cache_", storeName: this.taskId, driver: yh.INDEXEDDB, version: 1 }), this.cache.clear().catch(() => {
+      this.taskId = t3, this.useCache && (this.cache = Rh.createInstance({ name: "_slide_local_cache_", storeName: this.taskId, driver: Rh.INDEXEDDB, version: 1 }), this.cache.clear().catch(() => {
       }));
     }
     fetchJson(t3) {
       var e3, n2;
-      return xh(this, void 0, void 0, function* () {
+      return Ih(this, void 0, void 0, function* () {
         let i2 = yield (e3 = this.cache) === null || e3 === void 0 ? void 0 : e3.getItem(t3);
         return i2 && this.useCache || (i2 = yield (yield fetch(t3)).json(), this.useCache && (yield (n2 = this.cache) === null || n2 === void 0 ? void 0 : n2.setItem(t3, i2))), i2;
       });
     }
     fetchPng(t3) {
       var e3, n2;
-      return xh(this, void 0, void 0, function* () {
+      return Ih(this, void 0, void 0, function* () {
         let i2 = yield (e3 = this.cache) === null || e3 === void 0 ? void 0 : e3.getItem(t3);
         if (i2 && this.useCache)
           return i2;
@@ -32898,7 +33000,7 @@ void main() {
       });
     }
   }
-  class wh {
+  class Oh {
     constructor() {
       this.runningTimeNodes = {};
     }
@@ -32912,7 +33014,7 @@ void main() {
       this.runningTimeNodes[i2] = n2;
     }
   }
-  var Sh = function(t3, e3, n2, i2) {
+  var Dh = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -32937,26 +33039,26 @@ void main() {
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
   };
-  class Th {
+  class Nh {
     constructor(t3) {
       this.isPaused = false, this.timestamp = 0, this.callbackList = [], this.onTimeUpdate = (t4) => {
         const e3 = t4 / (gt.TARGET_FPMS || 0.06);
-        let n2 = -1;
         if (!this.isPaused) {
-          this.timestamp += e3;
+          this.timestamp += e3, this.callbackList = this.callbackList.filter((t5) => t5 && !t5.applied);
           for (let t5 = 0, e4 = this.callbackList.length; t5 < e4; t5++) {
             const e5 = this.callbackList[t5];
-            if (!(e5.triggerTime <= this.timestamp))
-              break;
-            e5.fn(), n2 = t5;
+            if (!e5.applied) {
+              if (!(e5.triggerTime <= this.timestamp))
+                break;
+              e5.fn(), e5.applied = true;
+            }
           }
-          this.callbackList = this.callbackList.slice(n2 + 1);
         }
       }, this.ticker = t3, this.ticker.add(this.onTimeUpdate);
     }
     setTimeout(t3, e3) {
       const n2 = Lu(), i2 = this.timestamp + Math.max(e3 || 16, 16);
-      return this.callbackList.push({ fn: t3, triggerTime: i2, id: n2 }), this.callbackList.sort((t4, e4) => t4.triggerTime - e4.triggerTime), n2;
+      return this.callbackList.push({ fn: t3, triggerTime: i2, id: n2, applied: false }), this.callbackList.sort((t4, e4) => t4.triggerTime - e4.triggerTime), n2;
     }
     clearTimeout(t3) {
       const e3 = this.callbackList.findIndex((e4) => e4.id === t3);
@@ -32968,7 +33070,7 @@ void main() {
       });
     }
     waitUntil(t3, e3) {
-      return Sh(this, void 0, void 0, function* () {
+      return Dh(this, void 0, void 0, function* () {
         const n2 = this.timestamp;
         for (; !t3() && this.timestamp - n2 < e3; )
           yield this.delay(50);
@@ -32981,7 +33083,7 @@ void main() {
       this.isPaused = false;
     }
   }
-  var Eh = function(t3, e3, n2, i2) {
+  var Fh = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -33007,8 +33109,8 @@ void main() {
     });
   };
   i.skipHello();
-  const Mh = { 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" };
-  class Ah {
+  const Bh = { 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" };
+  class kh {
     constructor(t3) {
       this.eventHub = t3, this.targets = Object.create(null);
     }
@@ -33027,10 +33129,10 @@ void main() {
       this.targets = Object.create(null);
     }
   }
-  const Ph = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqNext: "interactiveSeqNext", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide" };
-  class Ch extends s2.a {
+  const Uh = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqNext: "interactiveSeqNext", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide" };
+  class Gh extends s2.a {
     constructor(t3, e3 = {}) {
-      super(), this.loader = new bh(false), this.transactionPlayer = new u.TransactionPlayer(), this.transactionSprite = new ms(), this.isForward = true, this.dynamicResolution = 1, this.drawCall = 0, this.scale = 1, this.fps = new _h(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.mode = t3, this.config = { minFPS: Object(a.isUndefined)(e3.minFPS) ? 30 : e3.minFPS, maxFPS: Object(a.isUndefined)(e3.maxFPS) ? 40 : e3.maxFPS, resolution: Object(a.isUndefined)(e3.resolution) ? window.devicePixelRatio : e3.resolution, autoFPS: !Object(a.isUndefined)(e3.autoFPS) && e3.autoFPS, autoResolution: !Object(a.isUndefined)(e3.autoResolution) && e3.autoResolution, transactionBgColor: Object(a.isUndefined)(e3.transactionBgColor) ? 0 : e3.transactionBgColor }, this.app = new lr({ antialias: true, autoDensity: true, backgroundColor: 16777215 }), this.updateConfig(this.config), this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
+      super(), this.loader = new Lh(false), this.transactionPlayer = new u.TransactionPlayer(), this.transactionSprite = new ms(), this.isForward = true, this.dynamicResolution = 1, this.drawCall = 0, this.scale = 1, this.fps = new Ch(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.mode = t3, this.config = { minFPS: Object(a.isUndefined)(e3.minFPS) ? 30 : e3.minFPS, maxFPS: Object(a.isUndefined)(e3.maxFPS) ? 40 : e3.maxFPS, resolution: Object(a.isUndefined)(e3.resolution) ? window.devicePixelRatio : e3.resolution, autoFPS: !Object(a.isUndefined)(e3.autoFPS) && e3.autoFPS, autoResolution: !Object(a.isUndefined)(e3.autoResolution) && e3.autoResolution, transactionBgColor: Object(a.isUndefined)(e3.transactionBgColor) ? 0 : e3.transactionBgColor }, this.app = new lr({ antialias: true, autoDensity: true, backgroundColor: 16777215 }), this.updateConfig(this.config), this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
       const n2 = this.app.renderer, { drawElements: i2 } = n2.gl;
       n2.gl.drawElements = (...t4) => {
         i2.call(n2.gl, ...t4), this.drawCall += 1;
@@ -33056,7 +33158,7 @@ void main() {
         }
       }), this.app.ticker.add(() => {
         this.runtime.drawCall = this.drawCall, this.runtime.fps = Math.floor(this.app.ticker.minFPS), this.drawCall = 0;
-      }, null, Be.LOW), this.clock = new Th(this.app.ticker);
+      }, null, Be.LOW), this.clock = new Nh(this.app.ticker);
     }
     get view() {
       return this.app.renderer ? this.app.view : null;
@@ -33065,7 +33167,7 @@ void main() {
       Object(a.isUndefined)(t3.minFPS) || (this.config.minFPS = t3.minFPS, this.app.ticker.minFPS = t3.minFPS), Object(a.isUndefined)(t3.maxFPS) || (this.config.maxFPS = t3.maxFPS, this.app.ticker.maxFPS = t3.maxFPS), Object(a.isUndefined)(t3.resolution) || (this.config.resolution = t3.resolution, this.updateResolution(this.scale * this.config.resolution)), Object(a.isUndefined)(t3.autoFPS) || (this.config.autoFPS = t3.autoFPS), Object(a.isUndefined)(t3.autoResolution) || (this.config.autoResolution = t3.autoResolution), Object(a.isUndefined)(t3.transactionBgColor) || (this.config.transactionBgColor = t3.transactionBgColor);
     }
     preload(t3) {
-      return Eh(this, void 0, void 0, function* () {
+      return Fh(this, void 0, void 0, function* () {
         if (t3 < 1 || t3 > this.slideCount || !this.loader.cache)
           return;
         const e3 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t3}.json`), { sheets: n2 } = e3;
@@ -33080,11 +33182,11 @@ void main() {
       this.app.stage.interactive = t3, this.app.stage.interactiveChildren = t3;
     }
     loadSlide(t3) {
-      return Eh(this, void 0, void 0, function* () {
-        const e3 = new vh(this.loader), n2 = new s2.a(), i2 = { mode: this.mode, renderer: this.app.renderer, graphicsTexture: new mh(this.app.renderer), fillTexture: new fh(this.app.renderer, e3), stageWidth: 0, stageHeight: 0, ticker: this.app.ticker, timingTargets: new Ah(n2), eventHub: n2, view: this.app.view, medias: Object.create(null), lastViewedIndex: this.currentIndex, conflictTimeNodeManager: new wh(), clock: this.clock }, r3 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t3}.json`), { width: o3, height: a2, sheets: u2 } = r3;
+      return Fh(this, void 0, void 0, function* () {
+        const e3 = new Ph(this.loader), n2 = new s2.a(), i2 = { mode: this.mode, renderer: this.app.renderer, graphicsTexture: new Mh(this.app.renderer), fillTexture: new Eh(this.app.renderer, e3), stageWidth: 0, stageHeight: 0, ticker: this.app.ticker, timingTargets: new kh(n2), eventHub: n2, view: this.app.view, medias: Object.create(null), lastViewedIndex: this.currentIndex, conflictTimeNodeManager: new Oh(), clock: this.clock }, r3 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t3}.json`), { width: o3, height: a2, sheets: u2 } = r3;
         yield e3.loadSpriteSheets(u2, this.url, this.taskId), i2.stageWidth = o3, i2.stageHeight = a2;
-        const l2 = new Wl(r3, i2, { x: 0, y: 0 });
-        return this.translateEvent(i2.eventHub, [Ph.mainSeqStepChange, Ph.mainSeqStateChange, Ph.hyperlinkTrigger, Ph.interactiveSeqNext, Ph.mainSeqStepStart, Ph.mainSeqStepEnd, Ph.animateStart, Ph.animateEnd, Ph.mediaPlay, Ph.mediaPause, Ph.mediaSeek, Ph.requestGotoSlide, Ph.requestNextSlide, Ph.requestPrevSlide, Ph.interactiveSeqStateChange]), l2.preRender(), i2.fillTexture.pack(), i2.graphicsTexture.pack(), { stage: l2, json: r3 };
+        const l2 = new Xl(r3, i2, { x: 0, y: 0 });
+        return this.translateEvent(i2.eventHub, [Uh.mainSeqStepChange, Uh.mainSeqStateChange, Uh.hyperlinkTrigger, Uh.interactiveSeqNext, Uh.mainSeqStepStart, Uh.mainSeqStepEnd, Uh.animateStart, Uh.animateEnd, Uh.mediaPlay, Uh.mediaPause, Uh.mediaSeek, Uh.requestGotoSlide, Uh.requestNextSlide, Uh.requestPrevSlide, Uh.interactiveSeqStateChange]), l2.preRender(), i2.fillTexture.pack(), i2.graphicsTexture.pack(), { stage: l2, json: r3 };
       });
     }
     translateEvent(t3, e3) {
@@ -33095,15 +33197,15 @@ void main() {
       });
     }
     renderSlide(t3) {
-      return Eh(this, void 0, void 0, function* () {
-        this.emit(Ph.renderStart, t3);
+      return Fh(this, void 0, void 0, function* () {
+        this.emit(Uh.renderStart, t3);
         const e3 = yield this.loadSlide(t3);
         this.currentIndex = Number(t3);
         const { width: n2, height: i2, slideCount: r3 } = e3.json;
         let o3;
         this.slideCount = r3, this.designWidth = n2, this.designHeight = i2, this.currentStage && (e3.json.transition && e3.json.transition.type && (o3 = this.getBase64(this.currentStage)), this.prevStage = this.currentStage), this.currentStage = e3, yield e3.stage.render(), e3.stage.createTiming(), e3.stage.container.visible = true, e3.stage.collectMainSeqStartValue(), this.isForward ? e3.stage.setMainSeqStep(0, "start") : e3.stage.setMainSeqStep(-1, "end");
         const s3 = this.getBase64(this.currentStage);
-        e3.stage.container.visible = false, this.app.stage.addChild(e3.stage.container), o3 && s3 && e3.json.transition && e3.json.transition.type && (yield this.playTransaction(o3, s3, e3.json.transition)), this.prevStage && (this.app.stage.removeChild(this.prevStage.stage.container), this.prevStage.stage.destroy(), this.prevStage = void 0), this.isForward ? e3.stage.startTiming() : e3.stage.setMainSeqApplied(), this.updateResolution(this.config.resolution), e3.stage.container.visible = true, this.emit(Ph.renderEnd, t3), this.emit(Ph.slideChange, t3), this.preload(t3 + 1).catch(() => {
+        e3.stage.container.visible = false, this.app.stage.addChild(e3.stage.container), o3 && s3 && e3.json.transition && e3.json.transition.type && (yield this.playTransaction(o3, s3, e3.json.transition)), this.prevStage && (this.app.stage.removeChild(this.prevStage.stage.container), this.prevStage.stage.destroy(), this.prevStage = void 0), this.isForward ? yield e3.stage.startTiming() : e3.stage.setMainSeqApplied(), this.updateResolution(this.config.resolution), e3.stage.container.visible = true, this.emit(Uh.renderEnd, t3), this.emit(Uh.slideChange, t3), this.preload(t3 + 1).catch(() => {
         }), this.preload(t3 - 1).catch(() => {
         });
       });
@@ -33115,7 +33217,7 @@ void main() {
       return e3.destroy(), n2;
     }
     getPreviewImage(t3) {
-      return Eh(this, void 0, void 0, function* () {
+      return Fh(this, void 0, void 0, function* () {
         if (t3 < 1 || t3 > this.slideCount)
           return null;
         const e3 = yield this.loadSlide(t3);
@@ -33125,16 +33227,16 @@ void main() {
       });
     }
     playTransaction(t3, e3, n2) {
-      return Eh(this, void 0, void 0, function* () {
+      return Fh(this, void 0, void 0, function* () {
         const i2 = this.app.view.parentElement;
-        if (t3 && e3 && i2 && Mh[n2.type] && this.transactionPlayer) {
+        if (t3 && e3 && i2 && Bh[n2.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.app.stage.addChild(this.transactionSprite);
           const i3 = this.transactionPlayer.renderer.domElement, r3 = wn.from(i3), o3 = () => r3.update();
           return setTimeout(() => {
             this.app.ticker.add(o3);
           }), this.transactionSprite.texture = r3, new Promise((i4) => {
             var r4, s3, a2;
-            (r4 = this.transactionPlayer) === null || r4 === void 0 || r4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: Mh[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (a2 = (s3 = this.currentStage) === null || s3 === void 0 ? void 0 : s3.json.transition) === null || a2 === void 0 ? void 0 : a2.dur, delay: 0, clearColor: this.config.transactionBgColor, onTransactionEnd: () => {
+            (r4 = this.transactionPlayer) === null || r4 === void 0 || r4.play({ reverse: !this.isForward, prevTextureUrl: t3, nextTextureUrl: e3, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: Bh[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (a2 = (s3 = this.currentStage) === null || s3 === void 0 ? void 0 : s3.json.transition) === null || a2 === void 0 ? void 0 : a2.dur, delay: 0, clearColor: this.config.transactionBgColor, onTransactionEnd: () => {
               i4(), this.app.stage.removeChild(this.transactionSprite), this.app.ticker.remove(o3);
             } });
           });
@@ -33203,7 +33305,7 @@ void main() {
     }
     setMediaState(t3, e3) {
       var n2;
-      return Eh(this, void 0, void 0, function* () {
+      return Fh(this, void 0, void 0, function* () {
         yield (n2 = this.currentStage) === null || n2 === void 0 ? void 0 : n2.stage.setMediaState(t3, e3);
       });
     }
@@ -33230,17 +33332,17 @@ void main() {
       this.app.destroy(true, { children: false, texture: true, baseTexture: true });
     }
   }
-  var Rh, Ih = [], Lh = "ResizeObserver loop completed with undelivered notifications.";
+  var Hh, zh = [], jh = "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";
-  }(Rh || (Rh = {}));
-  var Oh, Dh = function(t3) {
+  }(Hh || (Hh = {}));
+  var Vh, Wh = function(t3) {
     return Object.freeze(t3);
-  }, Nh = function(t3, e3) {
-    this.inlineSize = t3, this.blockSize = e3, Dh(this);
-  }, Fh = function() {
+  }, Xh = function(t3, e3) {
+    this.inlineSize = t3, this.blockSize = e3, Wh(this);
+  }, qh = function() {
     function t3(t4, e3, n2, i2) {
-      return this.x = t4, this.y = e3, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, Dh(this);
+      return this.x = t4, this.y = e3, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, Wh(this);
     }
     return t3.prototype.toJSON = function() {
       var t4 = this;
@@ -33248,59 +33350,59 @@ void main() {
     }, t3.fromRect = function(e3) {
       return new t3(e3.x, e3.y, e3.width, e3.height);
     }, t3;
-  }(), Bh = function(t3) {
+  }(), Yh = function(t3) {
     return t3 instanceof SVGElement && "getBBox" in t3;
-  }, kh = function(t3) {
-    if (Bh(t3)) {
+  }, Zh = function(t3) {
+    if (Yh(t3)) {
       var e3 = t3.getBBox(), n2 = e3.width, i2 = e3.height;
       return !n2 && !i2;
     }
     var r3 = t3, o3 = r3.offsetWidth, s3 = r3.offsetHeight;
     return !(o3 || s3 || t3.getClientRects().length);
-  }, Uh = function(t3) {
+  }, Jh = function(t3) {
     var e3, n2;
     if (t3 instanceof Element)
       return true;
     var i2 = (n2 = (e3 = t3) === null || e3 === void 0 ? void 0 : e3.ownerDocument) === null || n2 === void 0 ? void 0 : n2.defaultView;
     return !!(i2 && t3 instanceof i2.Element);
-  }, Gh = typeof window != "undefined" ? window : {}, Hh = new WeakMap(), zh = /auto|scroll/, jh = /^tb|vertical/, Vh = /msie|trident/i.test(Gh.navigator && Gh.navigator.userAgent), Wh = function(t3) {
+  }, Kh = typeof window != "undefined" ? window : {}, $h = new WeakMap(), Qh = /auto|scroll/, tc = /^tb|vertical/, ec = /msie|trident/i.test(Kh.navigator && Kh.navigator.userAgent), nc = function(t3) {
     return parseFloat(t3 || "0");
-  }, Xh = function(t3, e3, n2) {
-    return t3 === void 0 && (t3 = 0), e3 === void 0 && (e3 = 0), n2 === void 0 && (n2 = false), new Nh((n2 ? e3 : t3) || 0, (n2 ? t3 : e3) || 0);
-  }, qh = Dh({ devicePixelContentBoxSize: Xh(), borderBoxSize: Xh(), contentBoxSize: Xh(), contentRect: new Fh(0, 0, 0, 0) }), Yh = function(t3, e3) {
-    if (e3 === void 0 && (e3 = false), Hh.has(t3) && !e3)
-      return Hh.get(t3);
-    if (kh(t3))
-      return Hh.set(t3, qh), qh;
-    var n2 = getComputedStyle(t3), i2 = Bh(t3) && t3.ownerSVGElement && t3.getBBox(), r3 = !Vh && n2.boxSizing === "border-box", o3 = jh.test(n2.writingMode || ""), s3 = !i2 && zh.test(n2.overflowY || ""), a2 = !i2 && zh.test(n2.overflowX || ""), u2 = i2 ? 0 : Wh(n2.paddingTop), l2 = i2 ? 0 : Wh(n2.paddingRight), h2 = i2 ? 0 : Wh(n2.paddingBottom), c2 = i2 ? 0 : Wh(n2.paddingLeft), d2 = i2 ? 0 : Wh(n2.borderTopWidth), p2 = i2 ? 0 : Wh(n2.borderRightWidth), f2 = i2 ? 0 : Wh(n2.borderBottomWidth), m2 = c2 + l2, g2 = u2 + h2, v2 = (i2 ? 0 : Wh(n2.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, w2 = r3 ? g2 + _2 : 0, S2 = i2 ? i2.width : Wh(n2.width) - b2 - x2, T2 = i2 ? i2.height : Wh(n2.height) - w2 - y2, E2 = S2 + m2 + x2 + v2, M2 = T2 + g2 + y2 + _2, A2 = Dh({ devicePixelContentBoxSize: Xh(Math.round(S2 * devicePixelRatio), Math.round(T2 * devicePixelRatio), o3), borderBoxSize: Xh(E2, M2, o3), contentBoxSize: Xh(S2, T2, o3), contentRect: new Fh(c2, u2, S2, T2) });
-    return Hh.set(t3, A2), A2;
-  }, Zh = function(t3, e3, n2) {
-    var i2 = Yh(t3, n2), r3 = i2.borderBoxSize, o3 = i2.contentBoxSize, s3 = i2.devicePixelContentBoxSize;
+  }, ic = function(t3, e3, n2) {
+    return t3 === void 0 && (t3 = 0), e3 === void 0 && (e3 = 0), n2 === void 0 && (n2 = false), new Xh((n2 ? e3 : t3) || 0, (n2 ? t3 : e3) || 0);
+  }, rc = Wh({ devicePixelContentBoxSize: ic(), borderBoxSize: ic(), contentBoxSize: ic(), contentRect: new qh(0, 0, 0, 0) }), oc = function(t3, e3) {
+    if (e3 === void 0 && (e3 = false), $h.has(t3) && !e3)
+      return $h.get(t3);
+    if (Zh(t3))
+      return $h.set(t3, rc), rc;
+    var n2 = getComputedStyle(t3), i2 = Yh(t3) && t3.ownerSVGElement && t3.getBBox(), r3 = !ec && n2.boxSizing === "border-box", o3 = tc.test(n2.writingMode || ""), s3 = !i2 && Qh.test(n2.overflowY || ""), a2 = !i2 && Qh.test(n2.overflowX || ""), u2 = i2 ? 0 : nc(n2.paddingTop), l2 = i2 ? 0 : nc(n2.paddingRight), h2 = i2 ? 0 : nc(n2.paddingBottom), c2 = i2 ? 0 : nc(n2.paddingLeft), d2 = i2 ? 0 : nc(n2.borderTopWidth), p2 = i2 ? 0 : nc(n2.borderRightWidth), f2 = i2 ? 0 : nc(n2.borderBottomWidth), m2 = c2 + l2, g2 = u2 + h2, v2 = (i2 ? 0 : nc(n2.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, w2 = r3 ? g2 + _2 : 0, S2 = i2 ? i2.width : nc(n2.width) - b2 - x2, T2 = i2 ? i2.height : nc(n2.height) - w2 - y2, E2 = S2 + m2 + x2 + v2, M2 = T2 + g2 + y2 + _2, A2 = Wh({ devicePixelContentBoxSize: ic(Math.round(S2 * devicePixelRatio), Math.round(T2 * devicePixelRatio), o3), borderBoxSize: ic(E2, M2, o3), contentBoxSize: ic(S2, T2, o3), contentRect: new qh(c2, u2, S2, T2) });
+    return $h.set(t3, A2), A2;
+  }, sc = function(t3, e3, n2) {
+    var i2 = oc(t3, n2), r3 = i2.borderBoxSize, o3 = i2.contentBoxSize, s3 = i2.devicePixelContentBoxSize;
     switch (e3) {
-      case Rh.DEVICE_PIXEL_CONTENT_BOX:
+      case Hh.DEVICE_PIXEL_CONTENT_BOX:
         return s3;
-      case Rh.BORDER_BOX:
+      case Hh.BORDER_BOX:
         return r3;
       default:
         return o3;
     }
-  }, Jh = function(t3) {
-    var e3 = Yh(t3);
-    this.target = t3, this.contentRect = e3.contentRect, this.borderBoxSize = Dh([e3.borderBoxSize]), this.contentBoxSize = Dh([e3.contentBoxSize]), this.devicePixelContentBoxSize = Dh([e3.devicePixelContentBoxSize]);
-  }, Kh = function(t3) {
-    if (kh(t3))
+  }, ac = function(t3) {
+    var e3 = oc(t3);
+    this.target = t3, this.contentRect = e3.contentRect, this.borderBoxSize = Wh([e3.borderBoxSize]), this.contentBoxSize = Wh([e3.contentBoxSize]), this.devicePixelContentBoxSize = Wh([e3.devicePixelContentBoxSize]);
+  }, uc = function(t3) {
+    if (Zh(t3))
       return 1 / 0;
     for (var e3 = 0, n2 = t3.parentNode; n2; )
       e3 += 1, n2 = n2.parentNode;
     return e3;
-  }, $h = function() {
+  }, lc = function() {
     var t3 = 1 / 0, e3 = [];
-    Ih.forEach(function(n3) {
+    zh.forEach(function(n3) {
       if (n3.activeTargets.length !== 0) {
         var i3 = [];
         n3.activeTargets.forEach(function(e4) {
-          var n4 = new Jh(e4.target), r3 = Kh(e4.target);
-          i3.push(n4), e4.lastReportedSize = Zh(e4.target, e4.observedBox), r3 < t3 && (t3 = r3);
+          var n4 = new ac(e4.target), r3 = uc(e4.target);
+          i3.push(n4), e4.lastReportedSize = sc(e4.target, e4.observedBox), r3 < t3 && (t3 = r3);
         }), e3.push(function() {
           n3.callback.call(n3.observer, i3, n3.observer);
         }), n3.activeTargets.splice(0, n3.activeTargets.length);
@@ -33310,36 +33412,36 @@ void main() {
       (0, i2[n2])();
     }
     return t3;
-  }, Qh = function(t3) {
-    Ih.forEach(function(e3) {
+  }, hc = function(t3) {
+    zh.forEach(function(e3) {
       e3.activeTargets.splice(0, e3.activeTargets.length), e3.skippedTargets.splice(0, e3.skippedTargets.length), e3.observationTargets.forEach(function(n2) {
-        n2.isActive() && (Kh(n2.target) > t3 ? e3.activeTargets.push(n2) : e3.skippedTargets.push(n2));
+        n2.isActive() && (uc(n2.target) > t3 ? e3.activeTargets.push(n2) : e3.skippedTargets.push(n2));
       });
     });
-  }, tc = function() {
+  }, cc = function() {
     var t3, e3 = 0;
-    for (Qh(e3); Ih.some(function(t4) {
+    for (hc(e3); zh.some(function(t4) {
       return t4.activeTargets.length > 0;
     }); )
-      e3 = $h(), Qh(e3);
-    return Ih.some(function(t4) {
+      e3 = lc(), hc(e3);
+    return zh.some(function(t4) {
       return t4.skippedTargets.length > 0;
-    }) && (typeof ErrorEvent == "function" ? t3 = new ErrorEvent("error", { message: Lh }) : ((t3 = document.createEvent("Event")).initEvent("error", false, false), t3.message = Lh), window.dispatchEvent(t3)), e3 > 0;
-  }, ec = [], nc = function(t3) {
-    if (!Oh) {
+    }) && (typeof ErrorEvent == "function" ? t3 = new ErrorEvent("error", { message: jh }) : ((t3 = document.createEvent("Event")).initEvent("error", false, false), t3.message = jh), window.dispatchEvent(t3)), e3 > 0;
+  }, dc = [], pc = function(t3) {
+    if (!Vh) {
       var e3 = 0, n2 = document.createTextNode("");
       new MutationObserver(function() {
-        return ec.splice(0).forEach(function(t4) {
+        return dc.splice(0).forEach(function(t4) {
           return t4();
         });
-      }).observe(n2, { characterData: true }), Oh = function() {
+      }).observe(n2, { characterData: true }), Vh = function() {
         n2.textContent = "" + (e3 ? e3-- : e3++);
       };
     }
-    ec.push(t3), Oh();
-  }, ic = 0, rc = { attributes: true, characterData: true, childList: true, subtree: true }, oc = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], sc = function(t3) {
+    dc.push(t3), Vh();
+  }, fc = 0, mc = { attributes: true, characterData: true, childList: true, subtree: true }, gc = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], vc = function(t3) {
     return t3 === void 0 && (t3 = 0), Date.now() + t3;
-  }, ac = false, uc = new (function() {
+  }, _c = false, yc = new (function() {
     function t3() {
       var t4 = this;
       this.stopped = true, this.listener = function() {
@@ -33348,19 +33450,19 @@ void main() {
     }
     return t3.prototype.run = function(t4) {
       var e3 = this;
-      if (t4 === void 0 && (t4 = 250), !ac) {
-        ac = true;
-        var n2, i2 = sc(t4);
+      if (t4 === void 0 && (t4 = 250), !_c) {
+        _c = true;
+        var n2, i2 = vc(t4);
         n2 = function() {
           var n3 = false;
           try {
-            n3 = tc();
+            n3 = cc();
           } finally {
-            if (ac = false, t4 = i2 - sc(), !ic)
+            if (_c = false, t4 = i2 - vc(), !fc)
               return;
             n3 ? e3.run(1e3) : t4 > 0 ? e3.run(t4) : e3.start();
           }
-        }, nc(function() {
+        }, pc(function() {
           requestAnimationFrame(n2);
         });
       }
@@ -33368,29 +33470,29 @@ void main() {
       this.stop(), this.run();
     }, t3.prototype.observe = function() {
       var t4 = this, e3 = function() {
-        return t4.observer && t4.observer.observe(document.body, rc);
+        return t4.observer && t4.observer.observe(document.body, mc);
       };
-      document.body ? e3() : Gh.addEventListener("DOMContentLoaded", e3);
+      document.body ? e3() : Kh.addEventListener("DOMContentLoaded", e3);
     }, t3.prototype.start = function() {
       var t4 = this;
-      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), oc.forEach(function(e3) {
-        return Gh.addEventListener(e3, t4.listener, true);
+      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), gc.forEach(function(e3) {
+        return Kh.addEventListener(e3, t4.listener, true);
       }));
     }, t3.prototype.stop = function() {
       var t4 = this;
-      this.stopped || (this.observer && this.observer.disconnect(), oc.forEach(function(e3) {
-        return Gh.removeEventListener(e3, t4.listener, true);
+      this.stopped || (this.observer && this.observer.disconnect(), gc.forEach(function(e3) {
+        return Kh.removeEventListener(e3, t4.listener, true);
       }), this.stopped = true);
     }, t3;
-  }())(), lc = function(t3) {
-    !ic && t3 > 0 && uc.start(), !(ic += t3) && uc.stop();
-  }, hc = function() {
+  }())(), xc = function(t3) {
+    !fc && t3 > 0 && yc.start(), !(fc += t3) && yc.stop();
+  }, bc = function() {
     function t3(t4, e3) {
-      this.target = t4, this.observedBox = e3 || Rh.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
+      this.target = t4, this.observedBox = e3 || Hh.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
     }
     return t3.prototype.isActive = function() {
-      var t4, e3 = Zh(this.target, this.observedBox, true);
-      return t4 = this.target, Bh(t4) || function(t5) {
+      var t4, e3 = sc(this.target, this.observedBox, true);
+      return t4 = this.target, Yh(t4) || function(t5) {
         switch (t5.tagName) {
           case "INPUT":
             if (t5.type !== "image")
@@ -33407,57 +33509,57 @@ void main() {
         return false;
       }(t4) || getComputedStyle(t4).display !== "inline" || (this.lastReportedSize = e3), this.lastReportedSize.inlineSize !== e3.inlineSize || this.lastReportedSize.blockSize !== e3.blockSize;
     }, t3;
-  }(), cc = function(t3, e3) {
+  }(), wc = function(t3, e3) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t3, this.callback = e3;
-  }, dc = new WeakMap(), pc = function(t3, e3) {
+  }, Sc = new WeakMap(), Tc = function(t3, e3) {
     for (var n2 = 0; n2 < t3.length; n2 += 1)
       if (t3[n2].target === e3)
         return n2;
     return -1;
-  }, fc = function() {
+  }, Ec = function() {
     function t3() {
     }
     return t3.connect = function(t4, e3) {
-      var n2 = new cc(t4, e3);
-      dc.set(t4, n2);
+      var n2 = new wc(t4, e3);
+      Sc.set(t4, n2);
     }, t3.observe = function(t4, e3, n2) {
-      var i2 = dc.get(t4), r3 = i2.observationTargets.length === 0;
-      pc(i2.observationTargets, e3) < 0 && (r3 && Ih.push(i2), i2.observationTargets.push(new hc(e3, n2 && n2.box)), lc(1), uc.schedule());
+      var i2 = Sc.get(t4), r3 = i2.observationTargets.length === 0;
+      Tc(i2.observationTargets, e3) < 0 && (r3 && zh.push(i2), i2.observationTargets.push(new bc(e3, n2 && n2.box)), xc(1), yc.schedule());
     }, t3.unobserve = function(t4, e3) {
-      var n2 = dc.get(t4), i2 = pc(n2.observationTargets, e3), r3 = n2.observationTargets.length === 1;
-      i2 >= 0 && (r3 && Ih.splice(Ih.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), lc(-1));
+      var n2 = Sc.get(t4), i2 = Tc(n2.observationTargets, e3), r3 = n2.observationTargets.length === 1;
+      i2 >= 0 && (r3 && zh.splice(zh.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), xc(-1));
     }, t3.disconnect = function(t4) {
-      var e3 = this, n2 = dc.get(t4);
+      var e3 = this, n2 = Sc.get(t4);
       n2.observationTargets.slice().forEach(function(n3) {
         return e3.unobserve(t4, n3.target);
       }), n2.activeTargets.splice(0, n2.activeTargets.length);
     }, t3;
-  }(), mc = function() {
+  }(), Mc = 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.");
-      fc.connect(this, t4);
+      Ec.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 (!Uh(t4))
+      if (!Jh(t4))
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      fc.observe(this, t4, e3);
+      Ec.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 (!Uh(t4))
+      if (!Jh(t4))
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      fc.unobserve(this, t4);
+      Ec.unobserve(this, t4);
     }, t3.prototype.disconnect = function() {
-      fc.disconnect(this);
+      Ec.disconnect(this);
     }, t3.toString = function() {
       return "function ResizeObserver () { [polyfill code] }";
     }, t3;
-  }(), gc = function(t3, e3, n2, i2) {
+  }(), Ac = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -33481,7 +33583,7 @@ void main() {
       }
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
-  }, vc = function(t3, e3) {
+  }, Pc = function(t3, e3) {
     var n2, i2, r3, o3, s3 = { label: 0, sent: function() {
       if (1 & r3[0])
         throw r3[1];
@@ -33544,14 +33646,14 @@ void main() {
         }([o4, a3]);
       };
     }
-  }, _c = function() {
+  }, Cc = function() {
     function t3(t4, e3, n2, i2, r3) {
       this.state = "idle", this.index = -1, this.slideIndex = -1, this.fn = n2, this.index = t4, this.slideIndex = e3, this.eventHub = i2, this.id = r3;
     }
     return t3.prototype.apply = function() {
-      return gc(this, void 0, void 0, function() {
+      return Ac(this, void 0, void 0, function() {
         var t4;
-        return vc(this, function(e3) {
+        return Pc(this, function(e3) {
           switch (e3.label) {
             case 0:
               this.eventHub.emit("task-start", this), e3.label = 1;
@@ -33567,7 +33669,7 @@ void main() {
         });
       });
     }, t3;
-  }(), yc = function() {
+  }(), Rc = function() {
     function t3() {
       var t4 = this;
       this.eventHub = new s2.a(), this.tasks = [], this.index = 0, this.eventHub.on("task-end", function(e3) {
@@ -33589,7 +33691,7 @@ void main() {
         e3.tasks.splice(t5, 1);
       });
     }, t3.prototype.addTask = function(t4, e3, n2) {
-      var i2 = new _c(this.index++, e3, t4, this.eventHub, n2);
+      var i2 = new Cc(this.index++, e3, t4, this.eventHub, n2);
       this.tasks.push(i2), this.tasks.sort(function(t5, e4) {
         return t5.index - e4.index;
       }), this.replaceIdleTask(), this.tasks.length === 1 && i2.apply();
@@ -33599,7 +33701,7 @@ void main() {
       });
     }, t3;
   }();
-  function xc(t3, e3) {
+  function Ic(t3, e3) {
     var n2 = t3.__state.conversionName.toString(), i2 = Math.round(t3.r), r3 = Math.round(t3.g), o3 = Math.round(t3.b), s3 = t3.a, a2 = Math.round(t3.h), u2 = t3.s.toFixed(1), l2 = t3.v.toFixed(1);
     if (e3 || n2 === "THREE_CHAR_HEX" || n2 === "SIX_CHAR_HEX") {
       for (var h2 = t3.hex.toString(16); h2.length < 6; )
@@ -33608,28 +33710,28 @@ void main() {
     }
     return n2 === "CSS_RGB" ? "rgb(" + i2 + "," + r3 + "," + o3 + ")" : n2 === "CSS_RGBA" ? "rgba(" + i2 + "," + r3 + "," + o3 + "," + s3 + ")" : n2 === "HEX" ? "0x" + t3.hex.toString(16) : n2 === "RGB_ARRAY" ? "[" + i2 + "," + r3 + "," + o3 + "]" : n2 === "RGBA_ARRAY" ? "[" + i2 + "," + r3 + "," + o3 + "," + s3 + "]" : n2 === "RGB_OBJ" ? "{r:" + i2 + ",g:" + r3 + ",b:" + o3 + "}" : n2 === "RGBA_OBJ" ? "{r:" + i2 + ",g:" + r3 + ",b:" + o3 + ",a:" + s3 + "}" : n2 === "HSV_OBJ" ? "{h:" + a2 + ",s:" + u2 + ",v:" + l2 + "}" : n2 === "HSVA_OBJ" ? "{h:" + a2 + ",s:" + u2 + ",v:" + l2 + ",a:" + s3 + "}" : "unknown format";
   }
-  var bc = Array.prototype.forEach, wc = Array.prototype.slice, Sc = { BREAK: {}, extend: function(t3) {
-    return this.each(wc.call(arguments, 1), function(e3) {
+  var Lc = Array.prototype.forEach, Oc = Array.prototype.slice, Dc = { BREAK: {}, extend: function(t3) {
+    return this.each(Oc.call(arguments, 1), function(e3) {
       (this.isObject(e3) ? Object.keys(e3) : []).forEach(function(n2) {
         this.isUndefined(e3[n2]) || (t3[n2] = e3[n2]);
       }.bind(this));
     }, this), t3;
   }, defaults: function(t3) {
-    return this.each(wc.call(arguments, 1), function(e3) {
+    return this.each(Oc.call(arguments, 1), function(e3) {
       (this.isObject(e3) ? Object.keys(e3) : []).forEach(function(n2) {
         this.isUndefined(t3[n2]) && (t3[n2] = e3[n2]);
       }.bind(this));
     }, this), t3;
   }, compose: function() {
-    var t3 = wc.call(arguments);
+    var t3 = Oc.call(arguments);
     return function() {
-      for (var e3 = wc.call(arguments), n2 = t3.length - 1; n2 >= 0; n2--)
+      for (var e3 = Oc.call(arguments), n2 = t3.length - 1; n2 >= 0; n2--)
         e3 = [t3[n2].apply(this, e3)];
       return e3[0];
     };
   }, each: function(t3, e3, n2) {
     if (t3) {
-      if (bc && t3.forEach && t3.forEach === bc)
+      if (Lc && t3.forEach && t3.forEach === Lc)
         t3.forEach(e3, n2);
       else if (t3.length === t3.length + 0) {
         var i2, r3 = void 0;
@@ -33654,7 +33756,7 @@ void main() {
       clearTimeout(i2), i2 = setTimeout(s3, e3), a2 && t3.apply(r3, o3);
     };
   }, toArray: function(t3) {
-    return t3.toArray ? t3.toArray() : wc.call(t3);
+    return t3.toArray ? t3.toArray() : Oc.call(t3);
   }, isUndefined: function(t3) {
     return t3 === void 0;
   }, isNull: function(t3) {
@@ -33680,23 +33782,23 @@ void main() {
     return t3 === false || t3 === true;
   }, isFunction: function(t3) {
     return t3 instanceof Function;
-  } }, Tc = [{ litmus: Sc.isString, conversions: { THREE_CHAR_HEX: { read: function(t3) {
+  } }, Nc = [{ litmus: Dc.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: xc }, SIX_CHAR_HEX: { read: function(t3) {
+  }, write: Ic }, 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: xc }, CSS_RGB: { read: function(t3) {
+  }, write: Ic }, 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: xc }, CSS_RGBA: { read: function(t3) {
+  }, write: Ic }, 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: xc } } }, { litmus: Sc.isNumber, conversions: { HEX: { read: function(t3) {
+  }, write: Ic } } }, { litmus: Dc.isNumber, conversions: { HEX: { read: function(t3) {
     return { space: "HEX", hex: t3, conversionName: "HEX" };
   }, write: function(t3) {
     return t3.hex;
-  } } } }, { litmus: Sc.isArray, conversions: { RGB_ARRAY: { read: function(t3) {
+  } } } }, { litmus: Dc.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];
@@ -33704,33 +33806,33 @@ void main() {
     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: Sc.isObject, conversions: { RGBA_OBJ: { read: function(t3) {
-    return !!(Sc.isNumber(t3.r) && Sc.isNumber(t3.g) && Sc.isNumber(t3.b) && Sc.isNumber(t3.a)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b, a: t3.a };
+  } } } }, { litmus: Dc.isObject, conversions: { RGBA_OBJ: { read: function(t3) {
+    return !!(Dc.isNumber(t3.r) && Dc.isNumber(t3.g) && Dc.isNumber(t3.b) && Dc.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 !!(Sc.isNumber(t3.r) && Sc.isNumber(t3.g) && Sc.isNumber(t3.b)) && { space: "RGB", r: t3.r, g: t3.g, b: t3.b };
+    return !!(Dc.isNumber(t3.r) && Dc.isNumber(t3.g) && Dc.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 !!(Sc.isNumber(t3.h) && Sc.isNumber(t3.s) && Sc.isNumber(t3.v) && Sc.isNumber(t3.a)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v, a: t3.a };
+    return !!(Dc.isNumber(t3.h) && Dc.isNumber(t3.s) && Dc.isNumber(t3.v) && Dc.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 !!(Sc.isNumber(t3.h) && Sc.isNumber(t3.s) && Sc.isNumber(t3.v)) && { space: "HSV", h: t3.h, s: t3.s, v: t3.v };
+    return !!(Dc.isNumber(t3.h) && Dc.isNumber(t3.s) && Dc.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 };
-  } } } }], Ec = void 0, Mc = void 0, Ac = function() {
-    Mc = false;
-    var t3 = arguments.length > 1 ? Sc.toArray(arguments) : arguments[0];
-    return Sc.each(Tc, function(e3) {
+  } } } }], Fc = void 0, Bc = void 0, kc = function() {
+    Bc = false;
+    var t3 = arguments.length > 1 ? Dc.toArray(arguments) : arguments[0];
+    return Dc.each(Nc, function(e3) {
       if (e3.litmus(t3))
-        return Sc.each(e3.conversions, function(e4, n2) {
-          if (Ec = e4.read(t3), Mc === false && Ec !== false)
-            return Mc = Ec, Ec.conversionName = n2, Ec.conversion = e4, Sc.BREAK;
-        }), Sc.BREAK;
-    }), Mc;
-  }, Pc = void 0, Cc = { hsv_to_rgb: function(t3, e3, n2) {
+        return Dc.each(e3.conversions, function(e4, n2) {
+          if (Fc = e4.read(t3), Bc === false && Fc !== false)
+            return Bc = Fc, Fc.conversionName = n2, Fc.conversion = e4, Dc.BREAK;
+        }), Dc.BREAK;
+    }), Bc;
+  }, Uc = void 0, Gc = { hsv_to_rgb: function(t3, e3, n2) {
     var i2 = Math.floor(t3 / 60) % 6, r3 = t3 / 60 - Math.floor(t3 / 60), o3 = n2 * (1 - e3), s3 = n2 * (1 - r3 * e3), a2 = n2 * (1 - (1 - r3) * e3), u2 = [[n2, a2, o3], [s3, n2, o3], [o3, n2, a2], [o3, s3, n2], [a2, o3, n2], [n2, o3, s3]][i2];
     return { r: 255 * u2[0], g: 255 * u2[1], b: 255 * u2[2] };
   }, rgb_to_hsv: function(t3, e3, n2) {
@@ -33742,15 +33844,15 @@ void main() {
   }, component_from_hex: function(t3, e3) {
     return t3 >> 8 * e3 & 255;
   }, hex_with_component: function(t3, e3, n2) {
-    return n2 << (Pc = 8 * e3) | t3 & ~(255 << Pc);
-  } }, Rc = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t3) {
+    return n2 << (Uc = 8 * e3) | t3 & ~(255 << Uc);
+  } }, Hc = 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;
-  }, Ic = function(t3, e3) {
+  }, zc = function(t3, e3) {
     if (!(t3 instanceof e3))
       throw new TypeError("Cannot call a class as a function");
-  }, Lc = function() {
+  }, jc = function() {
     function t3(t4, e3) {
       for (var n2 = 0; n2 < e3.length; n2++) {
         var i2 = e3[n2];
@@ -33760,7 +33862,7 @@ void main() {
     return function(e3, n2, i2) {
       return n2 && t3(e3.prototype, n2), i2 && t3(e3, i2), e3;
     };
-  }(), Oc = function t3(e3, n2, i2) {
+  }(), Vc = function t3(e3, n2, i2) {
     e3 === null && (e3 = Function.prototype);
     var r3 = Object.getOwnPropertyDescriptor(e3, n2);
     if (r3 === void 0) {
@@ -33771,67 +33873,67 @@ void main() {
       return r3.value;
     var s3 = r3.get;
     return s3 !== void 0 ? s3.call(i2) : void 0;
-  }, Dc = function(t3, e3) {
+  }, Wc = 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);
-  }, Nc = function(t3, e3) {
+  }, Xc = 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;
-  }, Fc = function() {
+  }, qc = function() {
     function t3() {
-      if (Ic(this, t3), this.__state = Ac.apply(this, arguments), this.__state === false)
+      if (zc(this, t3), this.__state = kc.apply(this, arguments), this.__state === false)
         throw new Error("Failed to interpret color arguments");
       this.__state.a = this.__state.a || 1;
     }
-    return Lc(t3, [{ key: "toString", value: function() {
-      return xc(this);
+    return jc(t3, [{ key: "toString", value: function() {
+      return Ic(this);
     } }, { key: "toHexString", value: function() {
-      return xc(this, true);
+      return Ic(this, true);
     } }, { key: "toOriginal", value: function() {
       return this.__state.conversion.write(this);
     } }]), t3;
   }();
-  function Bc(t3, e3, n2) {
+  function Yc(t3, e3, n2) {
     Object.defineProperty(t3, e3, { get: function() {
-      return this.__state.space === "RGB" || Fc.recalculateRGB(this, e3, n2), this.__state[e3];
+      return this.__state.space === "RGB" || qc.recalculateRGB(this, e3, n2), this.__state[e3];
     }, set: function(t4) {
-      this.__state.space !== "RGB" && (Fc.recalculateRGB(this, e3, n2), this.__state.space = "RGB"), this.__state[e3] = t4;
+      this.__state.space !== "RGB" && (qc.recalculateRGB(this, e3, n2), this.__state.space = "RGB"), this.__state[e3] = t4;
     } });
   }
-  function kc(t3, e3) {
+  function Zc(t3, e3) {
     Object.defineProperty(t3, e3, { get: function() {
-      return this.__state.space === "HSV" || Fc.recalculateHSV(this), this.__state[e3];
+      return this.__state.space === "HSV" || qc.recalculateHSV(this), this.__state[e3];
     }, set: function(t4) {
-      this.__state.space !== "HSV" && (Fc.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e3] = t4;
+      this.__state.space !== "HSV" && (qc.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e3] = t4;
     } });
   }
-  Fc.recalculateRGB = function(t3, e3, n2) {
+  qc.recalculateRGB = function(t3, e3, n2) {
     if (t3.__state.space === "HEX")
-      t3.__state[e3] = Cc.component_from_hex(t3.__state.hex, n2);
+      t3.__state[e3] = Gc.component_from_hex(t3.__state.hex, n2);
     else {
       if (t3.__state.space !== "HSV")
         throw new Error("Corrupted color state");
-      Sc.extend(t3.__state, Cc.hsv_to_rgb(t3.__state.h, t3.__state.s, t3.__state.v));
+      Dc.extend(t3.__state, Gc.hsv_to_rgb(t3.__state.h, t3.__state.s, t3.__state.v));
     }
-  }, Fc.recalculateHSV = function(t3) {
-    var e3 = Cc.rgb_to_hsv(t3.r, t3.g, t3.b);
-    Sc.extend(t3.__state, { s: e3.s, v: e3.v }), Sc.isNaN(e3.h) ? Sc.isUndefined(t3.__state.h) && (t3.__state.h = 0) : t3.__state.h = e3.h;
-  }, Fc.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], Bc(Fc.prototype, "r", 2), Bc(Fc.prototype, "g", 1), Bc(Fc.prototype, "b", 0), kc(Fc.prototype, "h"), kc(Fc.prototype, "s"), kc(Fc.prototype, "v"), Object.defineProperty(Fc.prototype, "a", { get: function() {
+  }, qc.recalculateHSV = function(t3) {
+    var e3 = Gc.rgb_to_hsv(t3.r, t3.g, t3.b);
+    Dc.extend(t3.__state, { s: e3.s, v: e3.v }), Dc.isNaN(e3.h) ? Dc.isUndefined(t3.__state.h) && (t3.__state.h = 0) : t3.__state.h = e3.h;
+  }, qc.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], Yc(qc.prototype, "r", 2), Yc(qc.prototype, "g", 1), Yc(qc.prototype, "b", 0), Zc(qc.prototype, "h"), Zc(qc.prototype, "s"), Zc(qc.prototype, "v"), Object.defineProperty(qc.prototype, "a", { get: function() {
     return this.__state.a;
   }, set: function(t3) {
     this.__state.a = t3;
-  } }), Object.defineProperty(Fc.prototype, "hex", { get: function() {
-    return this.__state.space !== "HEX" && (this.__state.hex = Cc.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
+  } }), Object.defineProperty(qc.prototype, "hex", { get: function() {
+    return this.__state.space !== "HEX" && (this.__state.hex = Gc.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 Uc = function() {
+  var Jc = function() {
     function t3(e3, n2) {
-      Ic(this, t3), this.initialValue = e3[n2], this.domElement = document.createElement("div"), this.object = e3, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
+      zc(this, t3), this.initialValue = e3[n2], this.domElement = document.createElement("div"), this.object = e3, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
     }
-    return Lc(t3, [{ key: "onChange", value: function(t4) {
+    return jc(t3, [{ key: "onChange", value: function(t4) {
       return this.__onChange = t4, this;
     } }, { key: "onFinishChange", value: function(t4) {
       return this.__onFinishChange = t4, this;
@@ -33844,29 +33946,29 @@ void main() {
     } }, { key: "isModified", value: function() {
       return this.initialValue !== this.getValue();
     } }]), t3;
-  }(), Gc = {};
-  Sc.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t3, e3) {
-    Sc.each(t3, function(t4) {
-      Gc[t4] = e3;
+  }(), Kc = {};
+  Dc.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t3, e3) {
+    Dc.each(t3, function(t4) {
+      Kc[t4] = e3;
     });
   });
-  var Hc = /(\d+(\.\d+)?)px/;
-  function zc(t3) {
-    if (t3 === "0" || Sc.isUndefined(t3))
+  var $c = /(\d+(\.\d+)?)px/;
+  function Qc(t3) {
+    if (t3 === "0" || Dc.isUndefined(t3))
       return 0;
-    var e3 = t3.match(Hc);
-    return Sc.isNull(e3) ? 0 : parseFloat(e3[1]);
+    var e3 = t3.match($c);
+    return Dc.isNull(e3) ? 0 : parseFloat(e3[1]);
   }
-  var jc = { makeSelectable: function(t3, e3) {
+  var td = { 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, n2) {
     var i2 = n2, r3 = e3;
-    Sc.isUndefined(r3) && (r3 = true), Sc.isUndefined(i2) && (i2 = true), t3.style.position = "absolute", r3 && (t3.style.left = 0, t3.style.right = 0), i2 && (t3.style.top = 0, t3.style.bottom = 0);
+    Dc.isUndefined(r3) && (r3 = true), Dc.isUndefined(i2) && (i2 = true), t3.style.position = "absolute", r3 && (t3.style.left = 0, t3.style.right = 0), i2 && (t3.style.top = 0, t3.style.bottom = 0);
   }, fakeEvent: function(t3, e3, n2, i2) {
-    var r3 = n2 || {}, o3 = Gc[e3];
+    var r3 = n2 || {}, o3 = Kc[e3];
     if (!o3)
       throw new Error("Event type " + e3 + " not supported.");
     var s3 = document.createEvent(o3);
@@ -33877,18 +33979,18 @@ void main() {
         break;
       case "KeyboardEvents":
         var l2 = s3.initKeyboardEvent || s3.initKeyEvent;
-        Sc.defaults(r3, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), l2(e3, r3.bubbles || false, r3.cancelable, window, r3.ctrlKey, r3.altKey, r3.shiftKey, r3.metaKey, r3.keyCode, r3.charCode);
+        Dc.defaults(r3, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), l2(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);
     }
-    Sc.defaults(s3, i2), t3.dispatchEvent(s3);
+    Dc.defaults(s3, i2), t3.dispatchEvent(s3);
   }, bind: function(t3, e3, n2, i2) {
     var r3 = i2 || false;
-    return t3.addEventListener ? t3.addEventListener(e3, n2, r3) : t3.attachEvent && t3.attachEvent("on" + e3, n2), jc;
+    return t3.addEventListener ? t3.addEventListener(e3, n2, r3) : t3.attachEvent && t3.attachEvent("on" + e3, n2), td;
   }, unbind: function(t3, e3, n2, i2) {
     var r3 = i2 || false;
-    return t3.removeEventListener ? t3.removeEventListener(e3, n2, r3) : t3.detachEvent && t3.detachEvent("on" + e3, n2), jc;
+    return t3.removeEventListener ? t3.removeEventListener(e3, n2, r3) : t3.detachEvent && t3.detachEvent("on" + e3, n2), td;
   }, addClass: function(t3, e3) {
     if (t3.className === void 0)
       t3.className = e3;
@@ -33896,7 +33998,7 @@ void main() {
       var n2 = t3.className.split(/ +/);
       n2.indexOf(e3) === -1 && (n2.push(e3), t3.className = n2.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""));
     }
-    return jc;
+    return td;
   }, removeClass: function(t3, e3) {
     if (e3)
       if (t3.className === e3)
@@ -33907,15 +34009,15 @@ void main() {
       }
     else
       t3.className = void 0;
-    return jc;
+    return td;
   }, hasClass: function(t3, e3) {
     return new RegExp("(?:^|\\s+)" + e3 + "(?:\\s+|$)").test(t3.className) || false;
   }, getWidth: function(t3) {
     var e3 = getComputedStyle(t3);
-    return zc(e3["border-left-width"]) + zc(e3["border-right-width"]) + zc(e3["padding-left"]) + zc(e3["padding-right"]) + zc(e3.width);
+    return Qc(e3["border-left-width"]) + Qc(e3["border-right-width"]) + Qc(e3["padding-left"]) + Qc(e3["padding-right"]) + Qc(e3.width);
   }, getHeight: function(t3) {
     var e3 = getComputedStyle(t3);
-    return zc(e3["border-top-width"]) + zc(e3["border-bottom-width"]) + zc(e3["padding-top"]) + zc(e3["padding-bottom"]) + zc(e3.height);
+    return Qc(e3["border-top-width"]) + Qc(e3["border-bottom-width"]) + Qc(e3["padding-top"]) + Qc(e3["padding-bottom"]) + Qc(e3.height);
   }, getOffset: function(t3) {
     var e3 = t3, n2 = { left: 0, top: 0 };
     if (e3.offsetParent)
@@ -33925,86 +34027,86 @@ void main() {
     return n2;
   }, isActive: function(t3) {
     return t3 === document.activeElement && (t3.type || t3.href);
-  } }, Vc = function(t3) {
+  } }, ed = function(t3) {
     function e3(t4, n2) {
-      Ic(this, e3);
-      var i2 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), r3 = i2;
-      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), jc.bind(i2.__checkbox, "change", function() {
+      zc(this, e3);
+      var i2 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), r3 = i2;
+      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), td.bind(i2.__checkbox, "change", function() {
         r3.setValue(!r3.__prev);
       }, false), i2.domElement.appendChild(i2.__checkbox), i2.updateDisplay(), i2;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "setValue", value: function(t4) {
-      var n2 = Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
+    return Wc(e3, t3), jc(e3, [{ key: "setValue", value: function(t4) {
+      var n2 = Vc(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(), n2;
     } }, { key: "updateDisplay", value: function() {
-      return this.getValue() === true ? (this.__checkbox.setAttribute("checked", "checked"), this.__checkbox.checked = true, this.__prev = true) : (this.__checkbox.checked = false, this.__prev = false), Oc(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), Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(Uc), Wc = function(t3) {
+  }(Jc), nd = function(t3) {
     function e3(t4, n2, i2) {
-      Ic(this, e3);
-      var r3 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = i2, s3 = r3;
-      if (r3.__select = document.createElement("select"), Sc.isArray(o3)) {
+      zc(this, e3);
+      var r3 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = i2, s3 = r3;
+      if (r3.__select = document.createElement("select"), Dc.isArray(o3)) {
         var a2 = {};
-        Sc.each(o3, function(t5) {
+        Dc.each(o3, function(t5) {
           a2[t5] = t5;
         }), o3 = a2;
       }
-      return Sc.each(o3, function(t5, e4) {
+      return Dc.each(o3, function(t5, e4) {
         var n3 = document.createElement("option");
         n3.innerHTML = e4, n3.setAttribute("value", t5), s3.__select.appendChild(n3);
-      }), r3.updateDisplay(), jc.bind(r3.__select, "change", function() {
+      }), r3.updateDisplay(), td.bind(r3.__select, "change", function() {
         var t5 = this.options[this.selectedIndex].value;
         s3.setValue(t5);
       }), r3.domElement.appendChild(r3.__select), r3;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "setValue", value: function(t4) {
-      var n2 = Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
+    return Wc(e3, t3), jc(e3, [{ key: "setValue", value: function(t4) {
+      var n2 = Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, t4);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), n2;
     } }, { key: "updateDisplay", value: function() {
-      return jc.isActive(this.__select) ? this : (this.__select.value = this.getValue(), Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this));
+      return td.isActive(this.__select) ? this : (this.__select.value = this.getValue(), Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this));
     } }]), e3;
-  }(Uc), Xc = function(t3) {
+  }(Jc), id = function(t3) {
     function e3(t4, n2) {
-      Ic(this, e3);
-      var i2 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), r3 = i2;
+      zc(this, e3);
+      var i2 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), r3 = i2;
       function o3() {
         r3.setValue(r3.__input.value);
       }
-      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), jc.bind(i2.__input, "keyup", o3), jc.bind(i2.__input, "change", o3), jc.bind(i2.__input, "blur", function() {
+      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), td.bind(i2.__input, "keyup", o3), td.bind(i2.__input, "change", o3), td.bind(i2.__input, "blur", function() {
         r3.__onFinishChange && r3.__onFinishChange.call(r3, r3.getValue());
-      }), jc.bind(i2.__input, "keydown", function(t5) {
+      }), td.bind(i2.__input, "keydown", function(t5) {
         t5.keyCode === 13 && this.blur();
       }), i2.updateDisplay(), i2.domElement.appendChild(i2.__input), i2;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "updateDisplay", value: function() {
-      return jc.isActive(this.__input) || (this.__input.value = this.getValue()), Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+    return Wc(e3, t3), jc(e3, [{ key: "updateDisplay", value: function() {
+      return td.isActive(this.__input) || (this.__input.value = this.getValue()), Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(Uc);
-  function qc(t3) {
+  }(Jc);
+  function rd(t3) {
     var e3 = t3.toString();
     return e3.indexOf(".") > -1 ? e3.length - e3.indexOf(".") - 1 : 0;
   }
-  var Yc = function(t3) {
+  var od = function(t3) {
     function e3(t4, n2, i2) {
-      Ic(this, e3);
-      var r3 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = i2 || {};
-      return r3.__min = o3.min, r3.__max = o3.max, r3.__step = o3.step, Sc.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 = qc(r3.__impliedStep), r3;
+      zc(this, e3);
+      var r3 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = i2 || {};
+      return r3.__min = o3.min, r3.__max = o3.max, r3.__step = o3.step, Dc.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 = rd(r3.__impliedStep), r3;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "setValue", value: function(t4) {
+    return Wc(e3, t3), jc(e3, [{ key: "setValue", value: function(t4) {
       var n2 = t4;
-      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, n2);
+      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "setValue", this).call(this, n2);
     } }, { 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 = qc(t4), this;
+      return this.__step = t4, this.__impliedStep = t4, this.__precision = rd(t4), this;
     } }]), e3;
-  }(Uc);
-  var Zc = function(t3) {
+  }(Jc);
+  var sd = function(t3) {
     function e3(t4, n2, i2) {
-      Ic(this, e3);
-      var r3 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2, i2));
+      zc(this, e3);
+      var r3 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2, i2));
       r3.__truncationSuspended = false;
       var o3 = r3, s3 = void 0;
       function a2() {
@@ -34015,101 +34117,101 @@ void main() {
         o3.setValue(o3.getValue() + e4 * o3.__impliedStep), s3 = t5.clientY;
       }
       function l2() {
-        jc.unbind(window, "mousemove", u2), jc.unbind(window, "mouseup", l2), a2();
+        td.unbind(window, "mousemove", u2), td.unbind(window, "mouseup", l2), a2();
       }
-      return r3.__input = document.createElement("input"), r3.__input.setAttribute("type", "text"), jc.bind(r3.__input, "change", function() {
+      return r3.__input = document.createElement("input"), r3.__input.setAttribute("type", "text"), td.bind(r3.__input, "change", function() {
         var t5 = parseFloat(o3.__input.value);
-        Sc.isNaN(t5) || o3.setValue(t5);
-      }), jc.bind(r3.__input, "blur", function() {
+        Dc.isNaN(t5) || o3.setValue(t5);
+      }), td.bind(r3.__input, "blur", function() {
         a2();
-      }), jc.bind(r3.__input, "mousedown", function(t5) {
-        jc.bind(window, "mousemove", u2), jc.bind(window, "mouseup", l2), s3 = t5.clientY;
-      }), jc.bind(r3.__input, "keydown", function(t5) {
+      }), td.bind(r3.__input, "mousedown", function(t5) {
+        td.bind(window, "mousemove", u2), td.bind(window, "mouseup", l2), s3 = t5.clientY;
+      }), td.bind(r3.__input, "keydown", function(t5) {
         t5.keyCode === 13 && (o3.__truncationSuspended = true, this.blur(), o3.__truncationSuspended = false, a2());
       }), r3.updateDisplay(), r3.domElement.appendChild(r3.__input), r3;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "updateDisplay", value: function() {
+    return Wc(e3, t3), jc(e3, [{ key: "updateDisplay", value: function() {
       var t4, n2, i2;
-      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t4 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t4 * i2) / i2), Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t4 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t4 * i2) / i2), Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(Yc);
-  function Jc(t3, e3, n2, i2, r3) {
+  }(od);
+  function ad(t3, e3, n2, i2, r3) {
     return i2 + (t3 - e3) / (n2 - e3) * (r3 - i2);
   }
-  var Kc = function(t3) {
+  var ud = function(t3) {
     function e3(t4, n2, i2, r3, o3) {
-      Ic(this, e3);
-      var s3 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2, { min: i2, max: r3, step: o3 })), a2 = s3;
+      zc(this, e3);
+      var s3 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2, { min: i2, max: r3, step: o3 })), a2 = s3;
       function u2(t5) {
         t5.preventDefault();
         var e4 = a2.__background.getBoundingClientRect();
-        return a2.setValue(Jc(t5.clientX, e4.left, e4.right, a2.__min, a2.__max)), false;
+        return a2.setValue(ad(t5.clientX, e4.left, e4.right, a2.__min, a2.__max)), false;
       }
       function l2() {
-        jc.unbind(window, "mousemove", u2), jc.unbind(window, "mouseup", l2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        td.unbind(window, "mousemove", u2), td.unbind(window, "mouseup", l2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
       function h2(t5) {
         var e4 = t5.touches[0].clientX, n3 = a2.__background.getBoundingClientRect();
-        a2.setValue(Jc(e4, n3.left, n3.right, a2.__min, a2.__max));
+        a2.setValue(ad(e4, n3.left, n3.right, a2.__min, a2.__max));
       }
       function c2() {
-        jc.unbind(window, "touchmove", h2), jc.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        td.unbind(window, "touchmove", h2), td.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
-      return s3.__background = document.createElement("div"), s3.__foreground = document.createElement("div"), jc.bind(s3.__background, "mousedown", function(t5) {
-        document.activeElement.blur(), jc.bind(window, "mousemove", u2), jc.bind(window, "mouseup", l2), u2(t5);
-      }), jc.bind(s3.__background, "touchstart", function(t5) {
+      return s3.__background = document.createElement("div"), s3.__foreground = document.createElement("div"), td.bind(s3.__background, "mousedown", function(t5) {
+        document.activeElement.blur(), td.bind(window, "mousemove", u2), td.bind(window, "mouseup", l2), u2(t5);
+      }), td.bind(s3.__background, "touchstart", function(t5) {
         if (t5.touches.length !== 1)
           return;
-        jc.bind(window, "touchmove", h2), jc.bind(window, "touchend", c2), h2(t5);
-      }), jc.addClass(s3.__background, "slider"), jc.addClass(s3.__foreground, "slider-fg"), s3.updateDisplay(), s3.__background.appendChild(s3.__foreground), s3.domElement.appendChild(s3.__background), s3;
+        td.bind(window, "touchmove", h2), td.bind(window, "touchend", c2), h2(t5);
+      }), td.addClass(s3.__background, "slider"), td.addClass(s3.__foreground, "slider-fg"), s3.updateDisplay(), s3.__background.appendChild(s3.__foreground), s3.domElement.appendChild(s3.__background), s3;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "updateDisplay", value: function() {
+    return Wc(e3, t3), jc(e3, [{ key: "updateDisplay", value: function() {
       var t4 = (this.getValue() - this.__min) / (this.__max - this.__min);
-      return this.__foreground.style.width = 100 * t4 + "%", Oc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
+      return this.__foreground.style.width = 100 * t4 + "%", Vc(e3.prototype.__proto__ || Object.getPrototypeOf(e3.prototype), "updateDisplay", this).call(this);
     } }]), e3;
-  }(Yc), $c = function(t3) {
+  }(od), ld = function(t3) {
     function e3(t4, n2, i2) {
-      Ic(this, e3);
-      var r3 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = r3;
-      return r3.__button = document.createElement("div"), r3.__button.innerHTML = i2 === void 0 ? "Fire" : i2, jc.bind(r3.__button, "click", function(t5) {
+      zc(this, e3);
+      var r3 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2)), o3 = r3;
+      return r3.__button = document.createElement("div"), r3.__button.innerHTML = i2 === void 0 ? "Fire" : i2, td.bind(r3.__button, "click", function(t5) {
         return t5.preventDefault(), o3.fire(), false;
-      }), jc.addClass(r3.__button, "button"), r3.domElement.appendChild(r3.__button), r3;
+      }), td.addClass(r3.__button, "button"), r3.domElement.appendChild(r3.__button), r3;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "fire", value: function() {
+    return Wc(e3, t3), jc(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;
-  }(Uc), Qc = function(t3) {
+  }(Jc), hd = function(t3) {
     function e3(t4, n2) {
-      Ic(this, e3);
-      var i2 = Nc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2));
-      i2.__color = new Fc(i2.getValue()), i2.__temp = new Fc(0);
+      zc(this, e3);
+      var i2 = Xc(this, (e3.__proto__ || Object.getPrototypeOf(e3)).call(this, t4, n2));
+      i2.__color = new qc(i2.getValue()), i2.__temp = new qc(0);
       var r3 = i2;
-      i2.domElement = document.createElement("div"), jc.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", jc.bind(i2.__input, "keydown", function(t5) {
+      i2.domElement = document.createElement("div"), td.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", td.bind(i2.__input, "keydown", function(t5) {
         t5.keyCode === 13 && c2.call(this);
-      }), jc.bind(i2.__input, "blur", c2), jc.bind(i2.__selector, "mousedown", function() {
-        jc.addClass(this, "drag").bind(window, "mouseup", function() {
-          jc.removeClass(r3.__selector, "drag");
+      }), td.bind(i2.__input, "blur", c2), td.bind(i2.__selector, "mousedown", function() {
+        td.addClass(this, "drag").bind(window, "mouseup", function() {
+          td.removeClass(r3.__selector, "drag");
         });
-      }), jc.bind(i2.__selector, "touchstart", function() {
-        jc.addClass(this, "drag").bind(window, "touchend", function() {
-          jc.removeClass(r3.__selector, "drag");
+      }), td.bind(i2.__selector, "touchstart", function() {
+        td.addClass(this, "drag").bind(window, "touchend", function() {
+          td.removeClass(r3.__selector, "drag");
         });
       });
       var o3, s3 = document.createElement("div");
       function a2(t5) {
-        p2(t5), jc.bind(window, "mousemove", p2), jc.bind(window, "touchmove", p2), jc.bind(window, "mouseup", l2), jc.bind(window, "touchend", l2);
+        p2(t5), td.bind(window, "mousemove", p2), td.bind(window, "touchmove", p2), td.bind(window, "mouseup", l2), td.bind(window, "touchend", l2);
       }
       function u2(t5) {
-        f2(t5), jc.bind(window, "mousemove", f2), jc.bind(window, "touchmove", f2), jc.bind(window, "mouseup", h2), jc.bind(window, "touchend", h2);
+        f2(t5), td.bind(window, "mousemove", f2), td.bind(window, "touchmove", f2), td.bind(window, "mouseup", h2), td.bind(window, "touchend", h2);
       }
       function l2() {
-        jc.unbind(window, "mousemove", p2), jc.unbind(window, "touchmove", p2), jc.unbind(window, "mouseup", l2), jc.unbind(window, "touchend", l2), d2();
+        td.unbind(window, "mousemove", p2), td.unbind(window, "touchmove", p2), td.unbind(window, "mouseup", l2), td.unbind(window, "touchend", l2), d2();
       }
       function h2() {
-        jc.unbind(window, "mousemove", f2), jc.unbind(window, "touchmove", f2), jc.unbind(window, "mouseup", h2), jc.unbind(window, "touchend", h2), d2();
+        td.unbind(window, "mousemove", f2), td.unbind(window, "touchmove", f2), td.unbind(window, "mouseup", h2), td.unbind(window, "touchend", h2), d2();
       }
       function c2() {
-        var t5 = Ac(this.value);
+        var t5 = kc(this.value);
         t5 !== false ? (r3.__color.__state = t5, r3.setValue(r3.__color.toOriginal())) : this.value = r3.__color.toString();
       }
       function d2() {
@@ -34125,28 +34227,28 @@ void main() {
         var e4 = r3.__hue_field.getBoundingClientRect(), n3 = 1 - ((t5.touches && t5.touches[0] || t5).clientY - e4.top) / (e4.bottom - e4.top);
         return n3 > 1 ? n3 = 1 : n3 < 0 && (n3 = 0), r3.__color.h = 360 * n3, r3.setValue(r3.__color.toOriginal()), false;
       }
-      return Sc.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), Sc.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), Sc.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), Sc.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), Sc.extend(s3.style, { width: "100%", height: "100%", background: "none" }), ed(s3, "top", "rgba(0,0,0,0)", "#000"), Sc.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o3 = i2.__hue_field).style.background = "", o3.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o3.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", Sc.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), jc.bind(i2.__saturation_field, "mousedown", a2), jc.bind(i2.__saturation_field, "touchstart", a2), jc.bind(i2.__field_knob, "mousedown", a2), jc.bind(i2.__field_knob, "touchstart", a2), jc.bind(i2.__hue_field, "mousedown", u2), jc.bind(i2.__hue_field, "touchstart", u2), i2.__saturation_field.appendChild(s3), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
+      return Dc.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), Dc.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), Dc.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), Dc.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), Dc.extend(s3.style, { width: "100%", height: "100%", background: "none" }), dd(s3, "top", "rgba(0,0,0,0)", "#000"), Dc.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o3 = i2.__hue_field).style.background = "", o3.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o3.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o3.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", Dc.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), td.bind(i2.__saturation_field, "mousedown", a2), td.bind(i2.__saturation_field, "touchstart", a2), td.bind(i2.__field_knob, "mousedown", a2), td.bind(i2.__field_knob, "touchstart", a2), td.bind(i2.__hue_field, "mousedown", u2), td.bind(i2.__hue_field, "touchstart", u2), i2.__saturation_field.appendChild(s3), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
     }
-    return Dc(e3, t3), Lc(e3, [{ key: "updateDisplay", value: function() {
-      var t4 = Ac(this.getValue());
+    return Wc(e3, t3), jc(e3, [{ key: "updateDisplay", value: function() {
+      var t4 = kc(this.getValue());
       if (t4 !== false) {
         var e4 = false;
-        Sc.each(Fc.COMPONENTS, function(n3) {
-          if (!Sc.isUndefined(t4[n3]) && !Sc.isUndefined(this.__color.__state[n3]) && t4[n3] !== this.__color.__state[n3])
+        Dc.each(qc.COMPONENTS, function(n3) {
+          if (!Dc.isUndefined(t4[n3]) && !Dc.isUndefined(this.__color.__state[n3]) && t4[n3] !== this.__color.__state[n3])
             return e4 = true, {};
-        }, this), e4 && Sc.extend(this.__color.__state, t4);
+        }, this), e4 && Dc.extend(this.__color.__state, t4);
       }
-      Sc.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
+      Dc.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
       var n2 = this.__color.v < 0.5 || this.__color.s > 0.5 ? 255 : 0, i2 = 255 - n2;
-      Sc.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, ed(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), Sc.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
+      Dc.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, dd(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), Dc.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
     } }]), e3;
-  }(Uc), td = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
-  function ed(t3, e3, n2, i2) {
-    t3.style.background = "", Sc.each(td, function(r3) {
+  }(Jc), cd = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
+  function dd(t3, e3, n2, i2) {
+    t3.style.background = "", Dc.each(cd, function(r3) {
       t3.style.cssText += "background: " + r3 + "linear-gradient(" + e3 + ", " + n2 + " 0%, " + i2 + " 100%); ";
     });
   }
-  var nd = function(t3, e3) {
+  var pd = function(t3, e3) {
     var n2 = e3 || document, i2 = document.createElement("style");
     i2.type = "text/css", i2.innerHTML = t3;
     var r3 = n2.getElementsByTagName("head")[0];
@@ -34154,7 +34256,7 @@ void main() {
       r3.appendChild(i2);
     } catch (t4) {
     }
-  }, id = `<div id="dg-save" class="dg dialogue">
+  }, fd = `<div id="dg-save" class="dg dialogue">
 
   Here's the new load parameter for your <code>GUI</code>'s constructor:
 
@@ -34174,50 +34276,50 @@ void main() {
 
   </div>
 
-</div>`, rd = function(t3, e3) {
+</div>`, md = function(t3, e3) {
     var n2 = t3[e3];
-    return Sc.isArray(arguments[2]) || Sc.isObject(arguments[2]) ? new Wc(t3, e3, arguments[2]) : Sc.isNumber(n2) ? Sc.isNumber(arguments[2]) && Sc.isNumber(arguments[3]) ? Sc.isNumber(arguments[4]) ? new Kc(t3, e3, arguments[2], arguments[3], arguments[4]) : new Kc(t3, e3, arguments[2], arguments[3]) : Sc.isNumber(arguments[4]) ? new Zc(t3, e3, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new Zc(t3, e3, { min: arguments[2], max: arguments[3] }) : Sc.isString(n2) ? new Xc(t3, e3) : Sc.isFunction(n2) ? new $c(t3, e3, "") : Sc.isBoolean(n2) ? new Vc(t3, e3) : null;
+    return Dc.isArray(arguments[2]) || Dc.isObject(arguments[2]) ? new nd(t3, e3, arguments[2]) : Dc.isNumber(n2) ? Dc.isNumber(arguments[2]) && Dc.isNumber(arguments[3]) ? Dc.isNumber(arguments[4]) ? new ud(t3, e3, arguments[2], arguments[3], arguments[4]) : new ud(t3, e3, arguments[2], arguments[3]) : Dc.isNumber(arguments[4]) ? new sd(t3, e3, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new sd(t3, e3, { min: arguments[2], max: arguments[3] }) : Dc.isString(n2) ? new id(t3, e3) : Dc.isFunction(n2) ? new ld(t3, e3, "") : Dc.isBoolean(n2) ? new ed(t3, e3) : null;
   };
-  var od = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t3) {
+  var gd = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t3) {
     setTimeout(t3, 1e3 / 60);
-  }, sd = function() {
+  }, vd = function() {
     function t3() {
-      Ic(this, t3), this.backgroundElement = document.createElement("div"), Sc.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" }), jc.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), Sc.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);
+      zc(this, t3), this.backgroundElement = document.createElement("div"), Dc.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" }), td.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), Dc.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;
-      jc.bind(this.backgroundElement, "click", function() {
+      td.bind(this.backgroundElement, "click", function() {
         e3.hide();
       });
     }
-    return Lc(t3, [{ key: "show", value: function() {
+    return jc(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(), Sc.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(), Dc.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", jc.unbind(t4.domElement, "webkitTransitionEnd", e4), jc.unbind(t4.domElement, "transitionend", e4), jc.unbind(t4.domElement, "oTransitionEnd", e4);
+        t4.domElement.style.display = "none", t4.backgroundElement.style.display = "none", td.unbind(t4.domElement, "webkitTransitionEnd", e4), td.unbind(t4.domElement, "transitionend", e4), td.unbind(t4.domElement, "oTransitionEnd", e4);
       };
-      jc.bind(this.domElement, "webkitTransitionEnd", e3), jc.bind(this.domElement, "transitionend", e3), jc.bind(this.domElement, "oTransitionEnd", e3), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
+      td.bind(this.domElement, "webkitTransitionEnd", e3), td.bind(this.domElement, "transitionend", e3), td.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 - jc.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - jc.getHeight(this.domElement) / 2 + "px";
+      this.domElement.style.left = window.innerWidth / 2 - td.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - td.getHeight(this.domElement) / 2 + "px";
     } }]), t3;
   }();
-  nd(function(t3) {
+  pd(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 ad = function() {
+  var _d = function() {
     try {
       return !!window.localStorage;
     } catch (t3) {
       return false;
     }
-  }(), ud = void 0, ld = true, hd = void 0, cd = false, dd = [], pd = function t3(e3) {
+  }(), yd = void 0, xd = true, bd = void 0, wd = false, Sd = [], Td = function t3(e3) {
     var n2 = this, i2 = e3 || {};
-    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), jc.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = Sc.defaults(i2, { closeOnTop: false, autoPlace: true, width: t3.DEFAULT_WIDTH }), i2 = Sc.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), Sc.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), Sc.isUndefined(i2.parent) && i2.hideable && dd.push(this), i2.resizable = Sc.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && Sc.isUndefined(i2.scrollable) && (i2.scrollable = true);
-    var r3, o3 = ad && localStorage.getItem(yd(this, "isLocal")) === "true", s3 = void 0, a2 = void 0;
+    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), td.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = Dc.defaults(i2, { closeOnTop: false, autoPlace: true, width: t3.DEFAULT_WIDTH }), i2 = Dc.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), Dc.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), Dc.isUndefined(i2.parent) && i2.hideable && Sd.push(this), i2.resizable = Dc.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && Dc.isUndefined(i2.scrollable) && (i2.scrollable = true);
+    var r3, o3 = _d && localStorage.getItem(Rd(this, "isLocal")) === "true", s3 = void 0, a2 = void 0;
     if (Object.defineProperties(this, { parent: { get: function() {
       return i2.parent;
     } }, scrollable: { get: function() {
@@ -34236,7 +34338,7 @@ void main() {
     } }, width: { get: function() {
       return i2.width;
     }, set: function(t4) {
-      i2.width = t4, Td(n2, t4);
+      i2.width = t4, Nd(n2, t4);
     } }, name: { get: function() {
       return i2.name;
     }, set: function(t4) {
@@ -34244,50 +34346,50 @@ void main() {
     } }, closed: { get: function() {
       return i2.closed;
     }, set: function(e4) {
-      i2.closed = e4, i2.closed ? jc.addClass(n2.__ul, t3.CLASS_CLOSED) : jc.removeClass(n2.__ul, t3.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e4 ? t3.TEXT_OPEN : t3.TEXT_CLOSED);
+      i2.closed = e4, i2.closed ? td.addClass(n2.__ul, t3.CLASS_CLOSED) : td.removeClass(n2.__ul, t3.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e4 ? t3.TEXT_OPEN : t3.TEXT_CLOSED);
     } }, load: { get: function() {
       return i2.load;
     } }, useLocalStorage: { get: function() {
       return o3;
     }, set: function(t4) {
-      ad && (o3 = t4, t4 ? jc.bind(window, "unload", s3) : jc.unbind(window, "unload", s3), localStorage.setItem(yd(n2, "isLocal"), t4));
-    } } }), Sc.isUndefined(i2.parent)) {
-      if (this.closed = i2.closed || false, jc.addClass(this.domElement, t3.CLASS_MAIN), jc.makeSelectable(this.domElement, false), ad && o3) {
+      _d && (o3 = t4, t4 ? td.bind(window, "unload", s3) : td.unbind(window, "unload", s3), localStorage.setItem(Rd(n2, "isLocal"), t4));
+    } } }), Dc.isUndefined(i2.parent)) {
+      if (this.closed = i2.closed || false, td.addClass(this.domElement, t3.CLASS_MAIN), td.makeSelectable(this.domElement, false), _d && o3) {
         n2.useLocalStorage = true;
-        var u2 = localStorage.getItem(yd(this, "gui"));
+        var u2 = localStorage.getItem(Rd(this, "gui"));
         u2 && (i2.load = JSON.parse(u2));
       }
-      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t3.TEXT_CLOSED, jc.addClass(this.__closeButton, t3.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (jc.addClass(this.__closeButton, t3.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (jc.addClass(this.__closeButton, t3.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), jc.bind(this.__closeButton, "click", function() {
+      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t3.TEXT_CLOSED, td.addClass(this.__closeButton, t3.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (td.addClass(this.__closeButton, t3.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (td.addClass(this.__closeButton, t3.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), td.bind(this.__closeButton, "click", function() {
         n2.closed = !n2.closed;
       });
     } else {
       i2.closed === void 0 && (i2.closed = true);
       var l2 = document.createTextNode(i2.name);
-      jc.addClass(l2, "controller-name"), a2 = fd(n2, l2);
-      jc.addClass(this.__ul, t3.CLASS_CLOSED), jc.addClass(a2, "title"), jc.bind(a2, "click", function(t4) {
+      td.addClass(l2, "controller-name"), a2 = Ed(n2, l2);
+      td.addClass(this.__ul, t3.CLASS_CLOSED), td.addClass(a2, "title"), td.bind(a2, "click", function(t4) {
         return t4.preventDefault(), n2.closed = !n2.closed, false;
       }), i2.closed || (this.closed = false);
     }
-    i2.autoPlace && (Sc.isUndefined(i2.parent) && (ld && (hd = document.createElement("div"), jc.addClass(hd, "dg"), jc.addClass(hd, t3.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(hd), ld = false), hd.appendChild(this.domElement), jc.addClass(this.domElement, t3.CLASS_AUTO_PLACE)), this.parent || Td(n2, i2.width)), this.__resizeHandler = function() {
+    i2.autoPlace && (Dc.isUndefined(i2.parent) && (xd && (bd = document.createElement("div"), td.addClass(bd, "dg"), td.addClass(bd, t3.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(bd), xd = false), bd.appendChild(this.domElement), td.addClass(this.domElement, t3.CLASS_AUTO_PLACE)), this.parent || Nd(n2, i2.width)), this.__resizeHandler = function() {
       n2.onResizeDebounced();
-    }, jc.bind(window, "resize", this.__resizeHandler), jc.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), jc.bind(this.__ul, "transitionend", this.__resizeHandler), jc.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && Sd(this), s3 = function() {
-      ad && localStorage.getItem(yd(n2, "isLocal")) === "true" && localStorage.setItem(yd(n2, "gui"), JSON.stringify(n2.getSaveObject()));
-    }, this.saveToLocalStorageIfPossible = s3, i2.parent || ((r3 = n2.getRoot()).width += 1, Sc.defer(function() {
+    }, td.bind(window, "resize", this.__resizeHandler), td.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), td.bind(this.__ul, "transitionend", this.__resizeHandler), td.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && Dd(this), s3 = function() {
+      _d && localStorage.getItem(Rd(n2, "isLocal")) === "true" && localStorage.setItem(Rd(n2, "gui"), JSON.stringify(n2.getSaveObject()));
+    }, this.saveToLocalStorageIfPossible = s3, i2.parent || ((r3 = n2.getRoot()).width += 1, Dc.defer(function() {
       r3.width -= 1;
     }));
   };
-  function fd(t3, e3, n2) {
+  function Ed(t3, e3, n2) {
     var i2 = document.createElement("li");
     return e3 && i2.appendChild(e3), n2 ? t3.__ul.insertBefore(i2, n2) : t3.__ul.appendChild(i2), t3.onResize(), i2;
   }
-  function md(t3) {
-    jc.unbind(window, "resize", t3.__resizeHandler), t3.saveToLocalStorageIfPossible && jc.unbind(window, "unload", t3.saveToLocalStorageIfPossible);
+  function Md(t3) {
+    td.unbind(window, "resize", t3.__resizeHandler), t3.saveToLocalStorageIfPossible && td.unbind(window, "unload", t3.saveToLocalStorageIfPossible);
   }
-  function gd(t3, e3) {
+  function Ad(t3, e3) {
     var n2 = t3.__preset_select[t3.__preset_select.selectedIndex];
     n2.innerHTML = e3 ? n2.value + "*" : n2.value;
   }
-  function vd(t3, e3) {
+  function Pd(t3, e3) {
     var n2 = t3.getRoot(), i2 = n2.__rememberedObjects.indexOf(e3.object);
     if (i2 !== -1) {
       var r3 = n2.__rememberedObjectIndecesToControllers[i2];
@@ -34307,31 +34409,31 @@ void main() {
       }
     }
   }
-  function _d(t3, e3, n2, i2) {
+  function Cd(t3, e3, n2, i2) {
     if (e3[n2] === void 0)
       throw new Error('Object "' + e3 + '" has no property "' + n2 + '"');
     var r3 = void 0;
     if (i2.color)
-      r3 = new Qc(e3, n2);
+      r3 = new hd(e3, n2);
     else {
       var o3 = [e3, n2].concat(i2.factoryArgs);
-      r3 = rd.apply(t3, o3);
+      r3 = md.apply(t3, o3);
     }
-    i2.before instanceof Uc && (i2.before = i2.before.__li), vd(t3, r3), jc.addClass(r3.domElement, "c");
+    i2.before instanceof Jc && (i2.before = i2.before.__li), Pd(t3, r3), td.addClass(r3.domElement, "c");
     var s3 = document.createElement("span");
-    jc.addClass(s3, "property-name"), s3.innerHTML = r3.property;
+    td.addClass(s3, "property-name"), s3.innerHTML = r3.property;
     var a2 = document.createElement("div");
     a2.appendChild(s3), a2.appendChild(r3.domElement);
-    var u2 = fd(t3, a2, i2.before);
-    return jc.addClass(u2, pd.CLASS_CONTROLLER_ROW), r3 instanceof Qc ? jc.addClass(u2, "color") : jc.addClass(u2, Rc(r3.getValue())), function(t4, e4, n3) {
-      if (n3.__li = e4, n3.__gui = t4, Sc.extend(n3, { options: function(e5) {
+    var u2 = Ed(t3, a2, i2.before);
+    return td.addClass(u2, Td.CLASS_CONTROLLER_ROW), r3 instanceof hd ? td.addClass(u2, "color") : td.addClass(u2, Hc(r3.getValue())), function(t4, e4, n3) {
+      if (n3.__li = e4, n3.__gui = t4, Dc.extend(n3, { options: function(e5) {
         if (arguments.length > 1) {
           var i4 = n3.__li.nextElementSibling;
-          return n3.remove(), _d(t4, n3.object, n3.property, { before: i4, factoryArgs: [Sc.toArray(arguments)] });
+          return n3.remove(), Cd(t4, n3.object, n3.property, { before: i4, factoryArgs: [Dc.toArray(arguments)] });
         }
-        if (Sc.isArray(e5) || Sc.isObject(e5)) {
+        if (Dc.isArray(e5) || Dc.isObject(e5)) {
           var r5 = n3.__li.nextElementSibling;
-          return n3.remove(), _d(t4, n3.object, n3.property, { before: r5, factoryArgs: [e5] });
+          return n3.remove(), Cd(t4, n3.object, n3.property, { before: r5, factoryArgs: [e5] });
         }
       }, name: function(t5) {
         return n3.__li.firstElementChild.firstElementChild.innerHTML = t5, n3;
@@ -34339,157 +34441,157 @@ void main() {
         return n3.__gui.listen(n3), n3;
       }, remove: function() {
         return n3.__gui.remove(n3), n3;
-      } }), n3 instanceof Kc) {
-        var i3 = new Zc(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
-        Sc.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t5) {
+      } }), n3 instanceof ud) {
+        var i3 = new sd(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
+        Dc.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t5) {
           var e5 = n3[t5], r5 = i3[t5];
           n3[t5] = i3[t5] = function() {
             var t6 = Array.prototype.slice.call(arguments);
             return r5.apply(i3, t6), e5.apply(n3, t6);
           };
-        }), jc.addClass(e4, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
-      } else if (n3 instanceof Zc) {
+        }), td.addClass(e4, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
+      } else if (n3 instanceof sd) {
         var r4 = function(e5) {
-          if (Sc.isNumber(n3.__min) && Sc.isNumber(n3.__max)) {
+          if (Dc.isNumber(n3.__min) && Dc.isNumber(n3.__max)) {
             var i4 = n3.__li.firstElementChild.firstElementChild.innerHTML, r5 = n3.__gui.__listening.indexOf(n3) > -1;
             n3.remove();
-            var o4 = _d(t4, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
+            var o4 = Cd(t4, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
             return o4.name(i4), r5 && o4.listen(), o4;
           }
           return e5;
         };
-        n3.min = Sc.compose(r4, n3.min), n3.max = Sc.compose(r4, n3.max);
+        n3.min = Dc.compose(r4, n3.min), n3.max = Dc.compose(r4, n3.max);
       } else
-        n3 instanceof Vc ? (jc.bind(e4, "click", function() {
-          jc.fakeEvent(n3.__checkbox, "click");
-        }), jc.bind(n3.__checkbox, "click", function(t5) {
+        n3 instanceof ed ? (td.bind(e4, "click", function() {
+          td.fakeEvent(n3.__checkbox, "click");
+        }), td.bind(n3.__checkbox, "click", function(t5) {
           t5.stopPropagation();
-        })) : n3 instanceof $c ? (jc.bind(e4, "click", function() {
-          jc.fakeEvent(n3.__button, "click");
-        }), jc.bind(e4, "mouseover", function() {
-          jc.addClass(n3.__button, "hover");
-        }), jc.bind(e4, "mouseout", function() {
-          jc.removeClass(n3.__button, "hover");
-        })) : n3 instanceof Qc && (jc.addClass(e4, "color"), n3.updateDisplay = Sc.compose(function(t5) {
+        })) : n3 instanceof ld ? (td.bind(e4, "click", function() {
+          td.fakeEvent(n3.__button, "click");
+        }), td.bind(e4, "mouseover", function() {
+          td.addClass(n3.__button, "hover");
+        }), td.bind(e4, "mouseout", function() {
+          td.removeClass(n3.__button, "hover");
+        })) : n3 instanceof hd && (td.addClass(e4, "color"), n3.updateDisplay = Dc.compose(function(t5) {
           return e4.style.borderLeftColor = n3.__color.toString(), t5;
         }, n3.updateDisplay), n3.updateDisplay());
-      n3.setValue = Sc.compose(function(e5) {
-        return t4.getRoot().__preset_select && n3.isModified() && gd(t4.getRoot(), true), e5;
+      n3.setValue = Dc.compose(function(e5) {
+        return t4.getRoot().__preset_select && n3.isModified() && Ad(t4.getRoot(), true), e5;
       }, n3.setValue);
     }(t3, u2, r3), t3.__controllers.push(r3), r3;
   }
-  function yd(t3, e3) {
+  function Rd(t3, e3) {
     return document.location.href + "." + e3;
   }
-  function xd(t3, e3, n2) {
+  function Id(t3, e3, n2) {
     var i2 = document.createElement("option");
     i2.innerHTML = e3, i2.value = e3, t3.__preset_select.appendChild(i2), n2 && (t3.__preset_select.selectedIndex = t3.__preset_select.length - 1);
   }
-  function bd(t3, e3) {
+  function Ld(t3, e3) {
     e3.style.display = t3.useLocalStorage ? "block" : "none";
   }
-  function wd(t3) {
+  function Od(t3) {
     var e3 = t3.__save_row = document.createElement("li");
-    jc.addClass(t3.domElement, "has-save"), t3.__ul.insertBefore(e3, t3.__ul.firstChild), jc.addClass(e3, "save-row");
+    td.addClass(t3.domElement, "has-save"), t3.__ul.insertBefore(e3, t3.__ul.firstChild), td.addClass(e3, "save-row");
     var n2 = document.createElement("span");
-    n2.innerHTML = "&nbsp;", jc.addClass(n2, "button gears");
+    n2.innerHTML = "&nbsp;", td.addClass(n2, "button gears");
     var i2 = document.createElement("span");
-    i2.innerHTML = "Save", jc.addClass(i2, "button"), jc.addClass(i2, "save");
+    i2.innerHTML = "Save", td.addClass(i2, "button"), td.addClass(i2, "save");
     var r3 = document.createElement("span");
-    r3.innerHTML = "New", jc.addClass(r3, "button"), jc.addClass(r3, "save-as");
+    r3.innerHTML = "New", td.addClass(r3, "button"), td.addClass(r3, "save-as");
     var o3 = document.createElement("span");
-    o3.innerHTML = "Revert", jc.addClass(o3, "button"), jc.addClass(o3, "revert");
+    o3.innerHTML = "Revert", td.addClass(o3, "button"), td.addClass(o3, "revert");
     var s3 = t3.__preset_select = document.createElement("select");
-    if (t3.load && t3.load.remembered ? Sc.each(t3.load.remembered, function(e4, n3) {
-      xd(t3, n3, n3 === t3.preset);
-    }) : xd(t3, "Default", false), jc.bind(s3, "change", function() {
+    if (t3.load && t3.load.remembered ? Dc.each(t3.load.remembered, function(e4, n3) {
+      Id(t3, n3, n3 === t3.preset);
+    }) : Id(t3, "Default", false), td.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(n2), e3.appendChild(i2), e3.appendChild(r3), e3.appendChild(o3), ad) {
+    }), e3.appendChild(s3), e3.appendChild(n2), e3.appendChild(i2), e3.appendChild(r3), e3.appendChild(o3), _d) {
       var a2 = document.getElementById("dg-local-explain"), u2 = document.getElementById("dg-local-storage");
-      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(yd(0, "isLocal")) === "true" && u2.setAttribute("checked", "checked"), bd(t3, a2), jc.bind(u2, "change", function() {
-        t3.useLocalStorage = !t3.useLocalStorage, bd(t3, a2);
+      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(Rd(0, "isLocal")) === "true" && u2.setAttribute("checked", "checked"), Ld(t3, a2), td.bind(u2, "change", function() {
+        t3.useLocalStorage = !t3.useLocalStorage, Ld(t3, a2);
       });
     }
     var l2 = document.getElementById("dg-new-constructor");
-    jc.bind(l2, "keydown", function(t4) {
-      !t4.metaKey || t4.which !== 67 && t4.keyCode !== 67 || ud.hide();
-    }), jc.bind(n2, "click", function() {
-      l2.innerHTML = JSON.stringify(t3.getSaveObject(), void 0, 2), ud.show(), l2.focus(), l2.select();
-    }), jc.bind(i2, "click", function() {
+    td.bind(l2, "keydown", function(t4) {
+      !t4.metaKey || t4.which !== 67 && t4.keyCode !== 67 || yd.hide();
+    }), td.bind(n2, "click", function() {
+      l2.innerHTML = JSON.stringify(t3.getSaveObject(), void 0, 2), yd.show(), l2.focus(), l2.select();
+    }), td.bind(i2, "click", function() {
       t3.save();
-    }), jc.bind(r3, "click", function() {
+    }), td.bind(r3, "click", function() {
       var e4 = prompt("Enter a new preset name.");
       e4 && t3.saveAs(e4);
-    }), jc.bind(o3, "click", function() {
+    }), td.bind(o3, "click", function() {
       t3.revert();
     });
   }
-  function Sd(t3) {
+  function Dd(t3) {
     var e3 = void 0;
     function n2(n3) {
       return n3.preventDefault(), t3.width += e3 - n3.clientX, t3.onResize(), e3 = n3.clientX, false;
     }
     function i2() {
-      jc.removeClass(t3.__closeButton, pd.CLASS_DRAG), jc.unbind(window, "mousemove", n2), jc.unbind(window, "mouseup", i2);
+      td.removeClass(t3.__closeButton, Td.CLASS_DRAG), td.unbind(window, "mousemove", n2), td.unbind(window, "mouseup", i2);
     }
     function r3(r4) {
-      return r4.preventDefault(), e3 = r4.clientX, jc.addClass(t3.__closeButton, pd.CLASS_DRAG), jc.bind(window, "mousemove", n2), jc.bind(window, "mouseup", i2), false;
+      return r4.preventDefault(), e3 = r4.clientX, td.addClass(t3.__closeButton, Td.CLASS_DRAG), td.bind(window, "mousemove", n2), td.bind(window, "mouseup", i2), false;
     }
-    t3.__resize_handle = document.createElement("div"), Sc.extend(t3.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), jc.bind(t3.__resize_handle, "mousedown", r3), jc.bind(t3.__closeButton, "mousedown", r3), t3.domElement.insertBefore(t3.__resize_handle, t3.domElement.firstElementChild);
+    t3.__resize_handle = document.createElement("div"), Dc.extend(t3.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), td.bind(t3.__resize_handle, "mousedown", r3), td.bind(t3.__closeButton, "mousedown", r3), t3.domElement.insertBefore(t3.__resize_handle, t3.domElement.firstElementChild);
   }
-  function Td(t3, e3) {
+  function Nd(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 Ed(t3, e3) {
+  function Fd(t3, e3) {
     var n2 = {};
-    return Sc.each(t3.__rememberedObjects, function(i2, r3) {
+    return Dc.each(t3.__rememberedObjects, function(i2, r3) {
       var o3 = {}, s3 = t3.__rememberedObjectIndecesToControllers[r3];
-      Sc.each(s3, function(t4, n3) {
+      Dc.each(s3, function(t4, n3) {
         o3[n3] = e3 ? t4.initialValue : t4.getValue();
       }), n2[r3] = o3;
     }), n2;
   }
-  pd.toggleHide = function() {
-    cd = !cd, Sc.each(dd, function(t3) {
-      t3.domElement.style.display = cd ? "none" : "";
+  Td.toggleHide = function() {
+    wd = !wd, Dc.each(Sd, function(t3) {
+      t3.domElement.style.display = wd ? "none" : "";
     });
-  }, pd.CLASS_AUTO_PLACE = "a", pd.CLASS_AUTO_PLACE_CONTAINER = "ac", pd.CLASS_MAIN = "main", pd.CLASS_CONTROLLER_ROW = "cr", pd.CLASS_TOO_TALL = "taller-than-window", pd.CLASS_CLOSED = "closed", pd.CLASS_CLOSE_BUTTON = "close-button", pd.CLASS_CLOSE_TOP = "close-top", pd.CLASS_CLOSE_BOTTOM = "close-bottom", pd.CLASS_DRAG = "drag", pd.DEFAULT_WIDTH = 245, pd.TEXT_CLOSED = "Close Controls", pd.TEXT_OPEN = "Open Controls", pd._keydownHandler = function(t3) {
-    document.activeElement.type === "text" || t3.which !== 72 && t3.keyCode !== 72 || pd.toggleHide();
-  }, jc.bind(window, "keydown", pd._keydownHandler, false), Sc.extend(pd.prototype, { add: function(t3, e3) {
-    return _d(this, t3, e3, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
+  }, Td.CLASS_AUTO_PLACE = "a", Td.CLASS_AUTO_PLACE_CONTAINER = "ac", Td.CLASS_MAIN = "main", Td.CLASS_CONTROLLER_ROW = "cr", Td.CLASS_TOO_TALL = "taller-than-window", Td.CLASS_CLOSED = "closed", Td.CLASS_CLOSE_BUTTON = "close-button", Td.CLASS_CLOSE_TOP = "close-top", Td.CLASS_CLOSE_BOTTOM = "close-bottom", Td.CLASS_DRAG = "drag", Td.DEFAULT_WIDTH = 245, Td.TEXT_CLOSED = "Close Controls", Td.TEXT_OPEN = "Open Controls", Td._keydownHandler = function(t3) {
+    document.activeElement.type === "text" || t3.which !== 72 && t3.keyCode !== 72 || Td.toggleHide();
+  }, td.bind(window, "keydown", Td._keydownHandler, false), Dc.extend(Td.prototype, { add: function(t3, e3) {
+    return Cd(this, t3, e3, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
   }, addColor: function(t3, e3) {
-    return _d(this, t3, e3, { color: true });
+    return Cd(this, t3, e3, { color: true });
   }, remove: function(t3) {
     this.__ul.removeChild(t3.__li), this.__controllers.splice(this.__controllers.indexOf(t3), 1);
     var e3 = this;
-    Sc.defer(function() {
+    Dc.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 && hd.removeChild(this.domElement);
+    this.autoPlace && bd.removeChild(this.domElement);
     var t3 = this;
-    Sc.each(this.__folders, function(e3) {
+    Dc.each(this.__folders, function(e3) {
       t3.removeFolder(e3);
-    }), jc.unbind(window, "keydown", pd._keydownHandler, false), md(this);
+    }), td.unbind(window, "keydown", Td._keydownHandler, false), Md(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 n2 = new pd(e3);
+    var n2 = new Td(e3);
     this.__folders[t3] = n2;
-    var i2 = fd(this, n2.domElement);
-    return jc.addClass(i2, "folder"), n2;
+    var i2 = Ed(this, n2.domElement);
+    return td.addClass(i2, "folder"), n2;
   }, 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], md(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], Md(t3);
     var e3 = this;
-    Sc.each(t3.__folders, function(e4) {
+    Dc.each(t3.__folders, function(e4) {
       t3.removeFolder(e4);
-    }), Sc.defer(function() {
+    }), Dc.defer(function() {
       e3.onResize();
     });
   }, open: function() {
@@ -34503,60 +34605,60 @@ void main() {
   }, onResize: function() {
     var t3 = this.getRoot();
     if (t3.scrollable) {
-      var e3 = jc.getOffset(t3.__ul).top, n2 = 0;
-      Sc.each(t3.__ul.childNodes, function(e4) {
-        t3.autoPlace && e4 === t3.__save_row || (n2 += jc.getHeight(e4));
-      }), window.innerHeight - e3 - 20 < n2 ? (jc.addClass(t3.domElement, pd.CLASS_TOO_TALL), t3.__ul.style.height = window.innerHeight - e3 - 20 + "px") : (jc.removeClass(t3.domElement, pd.CLASS_TOO_TALL), t3.__ul.style.height = "auto");
+      var e3 = td.getOffset(t3.__ul).top, n2 = 0;
+      Dc.each(t3.__ul.childNodes, function(e4) {
+        t3.autoPlace && e4 === t3.__save_row || (n2 += td.getHeight(e4));
+      }), window.innerHeight - e3 - 20 < n2 ? (td.addClass(t3.domElement, Td.CLASS_TOO_TALL), t3.__ul.style.height = window.innerHeight - e3 - 20 + "px") : (td.removeClass(t3.domElement, Td.CLASS_TOO_TALL), t3.__ul.style.height = "auto");
     }
-    t3.__resize_handle && Sc.defer(function() {
+    t3.__resize_handle && Dc.defer(function() {
       t3.__resize_handle.style.height = t3.__ul.offsetHeight + "px";
     }), t3.__closeButton && (t3.__closeButton.style.width = t3.width + "px");
-  }, onResizeDebounced: Sc.debounce(function() {
+  }, onResizeDebounced: Dc.debounce(function() {
     this.onResize();
   }, 50), remember: function() {
-    if (Sc.isUndefined(ud) && ((ud = new sd()).domElement.innerHTML = id), this.parent)
+    if (Dc.isUndefined(yd) && ((yd = new vd()).domElement.innerHTML = fd), this.parent)
       throw new Error("You can only call remember on a top level GUI.");
     var t3 = this;
-    Sc.each(Array.prototype.slice.call(arguments), function(e3) {
-      t3.__rememberedObjects.length === 0 && wd(t3), t3.__rememberedObjects.indexOf(e3) === -1 && t3.__rememberedObjects.push(e3);
-    }), this.autoPlace && Td(this, this.width);
+    Dc.each(Array.prototype.slice.call(arguments), function(e3) {
+      t3.__rememberedObjects.length === 0 && Od(t3), t3.__rememberedObjects.indexOf(e3) === -1 && t3.__rememberedObjects.push(e3);
+    }), this.autoPlace && Nd(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] = Ed(this)), t3.folders = {}, Sc.each(this.__folders, function(e3, n2) {
+    return t3.closed = this.closed, this.__rememberedObjects.length > 0 && (t3.preset = this.preset, t3.remembered || (t3.remembered = {}), t3.remembered[this.preset] = Fd(this)), t3.folders = {}, Dc.each(this.__folders, function(e3, n2) {
       t3.folders[n2] = e3.getSaveObject();
     }), t3;
   }, save: function() {
-    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = Ed(this), gd(this, false), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = Fd(this), Ad(this, false), this.saveToLocalStorageIfPossible();
   }, saveAs: function(t3) {
-    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = Ed(this, true)), this.load.remembered[t3] = Ed(this), this.preset = t3, xd(this, t3, true), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = Fd(this, true)), this.load.remembered[t3] = Fd(this), this.preset = t3, Id(this, t3, true), this.saveToLocalStorageIfPossible();
   }, revert: function(t3) {
-    Sc.each(this.__controllers, function(e3) {
-      this.getRoot().load.remembered ? vd(t3 || this.getRoot(), e3) : e3.setValue(e3.initialValue), e3.__onFinishChange && e3.__onFinishChange.call(e3, e3.getValue());
-    }, this), Sc.each(this.__folders, function(t4) {
+    Dc.each(this.__controllers, function(e3) {
+      this.getRoot().load.remembered ? Pd(t3 || this.getRoot(), e3) : e3.setValue(e3.initialValue), e3.__onFinishChange && e3.__onFinishChange.call(e3, e3.getValue());
+    }, this), Dc.each(this.__folders, function(t4) {
       t4.revert(t4);
-    }), t3 || gd(this.getRoot(), false);
+    }), t3 || Ad(this.getRoot(), false);
   }, listen: function(t3) {
     var e3 = this.__listening.length === 0;
     this.__listening.push(t3), e3 && function t4(e4) {
-      e4.length !== 0 && od.call(window, function() {
+      e4.length !== 0 && gd.call(window, function() {
         t4(e4);
       });
-      Sc.each(e4, function(t5) {
+      Dc.each(e4, function(t5) {
         t5.updateDisplay();
       });
     }(this.__listening);
   }, updateDisplay: function() {
-    Sc.each(this.__controllers, function(t3) {
+    Dc.each(this.__controllers, function(t3) {
       t3.updateDisplay();
-    }), Sc.each(this.__folders, function(t3) {
+    }), Dc.each(this.__folders, function(t3) {
       t3.updateDisplay();
     });
   } });
-  var Md = pd, Ad = function() {
+  var Bd = Td, kd = 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();
     }
@@ -34566,7 +34668,7 @@ void main() {
         t4.player.view && (t4.controller.runTimeFps.setValue(t4.player.runtime.fps), t4.controller.runTimeResolution.setValue(t4.player.view.width + "*" + t4.player.view.height));
       }, 500);
     }, t3.prototype.createControllerGUI = function() {
-      var t4, e3, n2, i2, r3, o3 = new Md({ autoPlace: true, closed: true });
+      var t4, e3, n2, i2, r3, o3 = new Bd({ autoPlace: true, closed: true });
       return o3.domElement.style.opacity = ".6", o3.domElement.style.transformOrigin = "100% 0", o3.domElement.style.transform = "scale(1.4)", this.target.appendChild(o3.domElement), o3.domElement.style.position = "absolute", o3.domElement.style.right = "0", o3.domElement.style.top = "0", o3.domElement.style.zIndex = "2", this.controller = { runTimeFps: o3.add({ FPS: 0 }, "FPS", 0), runTimeResolution: o3.add({ "\u5206\u8FA8\u7387": "" }, "\u5206\u8FA8\u7387", ""), autoResolution: o3.add({ "\u81EA\u52A8\u5206\u8FA8\u7387": (t4 = this.data.autoResolution) !== null && t4 !== void 0 && t4 }, "\u81EA\u52A8\u5206\u8FA8\u7387", true), autoFps: o3.add({ "\u81EA\u52A8fps": (e3 = this.data.autoFPS) === null || e3 === void 0 || e3 }, "\u81EA\u52A8fps", true), moreCalculation: o3.add({ "\u989D\u5916\u8BA1\u7B97": 0 }, "\u989D\u5916\u8BA1\u7B97", 0, 100), minFPS: o3.add({ "\u6700\u4F4Efps": (n2 = this.data.minFPS) !== null && n2 !== void 0 ? n2 : 40 }, "\u6700\u4F4Efps", 0, 60), maxFPS: o3.add({ "\u6700\u9AD8fps": (i2 = this.data.maxFPS) !== null && i2 !== void 0 ? i2 : 50 }, "\u6700\u9AD8fps", 0, 60), resolution: o3.add({ "\u76EE\u6807\u5206\u8FA8\u500D\u7387": (r3 = this.data.resolution) !== null && r3 !== void 0 ? r3 : window.devicePixelRatio }, "\u76EE\u6807\u5206\u8FA8\u500D\u7387", 0.5, 4) }, this.controller.runTimeFps.disabled = true, this.controller.runTimeResolution.disabled = true, o3;
     }, t3.prototype.addEventListener = function() {
       var t4, e3 = this;
@@ -34593,7 +34695,7 @@ void main() {
       } catch (t4) {
       }
     }, t3;
-  }(), Pd = function() {
+  }(), Ud = function() {
     function t3(t4) {
       var e3 = this;
       this.tasks = [], this.schedule = function() {
@@ -34606,7 +34708,7 @@ void main() {
     return t3.prototype.addTask = function(t4) {
       this.tasks.push(t4);
     }, t3;
-  }(), Cd = function() {
+  }(), Gd = function() {
     function t3() {
       this.autoUnlock = Object.create(null), this.locks = Object.create(null);
     }
@@ -34620,7 +34722,7 @@ void main() {
     }, t3.prototype.isLocked = function(t4) {
       return !!this.locks[t4];
     }, t3;
-  }(), Rd = function() {
+  }(), Hd = function() {
     var t3 = function(e3, n2) {
       return (t3 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t4, e4) {
         t4.__proto__ = e4;
@@ -34637,14 +34739,14 @@ void main() {
       }
       t3(e3, n2), e3.prototype = n2 === null ? Object.create(n2) : (i2.prototype = n2.prototype, new i2());
     };
-  }(), Id = function() {
-    return (Id = Object.assign || function(t3) {
+  }(), zd = function() {
+    return (zd = Object.assign || function(t3) {
       for (var e3, n2 = 1, i2 = arguments.length; n2 < i2; n2++)
         for (var r3 in e3 = arguments[n2])
           Object.prototype.hasOwnProperty.call(e3, r3) && (t3[r3] = e3[r3]);
       return t3;
     }).apply(this, arguments);
-  }, Ld = function(t3, e3, n2, i2) {
+  }, jd = function(t3, e3, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r3, o3) {
       function s3(t4) {
         try {
@@ -34668,7 +34770,7 @@ void main() {
       }
       u2((i2 = i2.apply(t3, e3 || [])).next());
     });
-  }, Od = function(t3, e3) {
+  }, Vd = function(t3, e3) {
     var n2, i2, r3, o3, s3 = { label: 0, sent: function() {
       if (1 & r3[0])
         throw r3[1];
@@ -34733,26 +34835,26 @@ void main() {
     }
   };
   window.__slide_local_logger__ || (window.__slide_local_logger__ = r2.createInstance({ name: "_slide_local_log_", driver: r2.INDEXEDDB, version: 1 }));
-  var Dd = window.__slide_local_logger__, Nd = window.ResizeObserver || mc, Fd = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, Bd = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: Object.create(null), interactiveSeqState: Object.create(null) }, kd = function(t3) {
+  var Wd = window.__slide_local_logger__, Xd = window.ResizeObserver || Mc, qd = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, Yd = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: Object.create(null), interactiveSeqState: Object.create(null) }, Zd = function(t3) {
     function e3(e4) {
       var n2 = t3.call(this) || this;
-      return n2.__slideState = Object(a.cloneDeep)(Bd), n2.resize = false, n2.isAnimating = false, n2.renderingTaskManager = new yc(), n2.isLoading = false, n2.interactive = true, n2.frameWidth = 1, n2.frameHeight = 1, n2.frame = document.createElement("div"), n2.medianController = document.createElement("div"), n2.frameResizeObserver = new Nd(function() {
+      return n2.__slideState = Object(a.cloneDeep)(Yd), n2.resize = false, n2.isAnimating = false, n2.renderingTaskManager = new Rc(), n2.isLoading = false, n2.interactive = true, n2.frameWidth = 1, n2.frameHeight = 1, n2.frame = document.createElement("div"), n2.medianController = document.createElement("div"), n2.frameResizeObserver = new Xd(function() {
         return n2.frameResizeHandler();
       }), n2.timestamp = function() {
         return Date.now();
-      }, n2.mode = "local", n2.log = "", n2.logId = "", n2.lastEmitedState = null, n2.playerController = null, n2.lock = new Cd(), n2.isInitResized = false, n2.cacheImage = document.createElement("img"), n2.persistLog = function() {
-        return Ld(n2, void 0, void 0, function() {
+      }, n2.mode = "local", n2.log = "", n2.logId = "", n2.lastEmitedState = null, n2.playerController = null, n2.lock = new Gd(), n2.isInitResized = false, n2.cacheImage = document.createElement("img"), n2.persistLog = function() {
+        return jd(n2, void 0, void 0, function() {
           var t4, e5;
-          return Od(this, function(n3) {
+          return Vd(this, function(n3) {
             switch (n3.label) {
               case 0:
-                if (!Dd || !this.logId)
+                if (!Wd || !this.logId)
                   return [3, 5];
                 n3.label = 1;
               case 1:
-                return n3.trys.push([1, 4, , 5]), t4 = this.log, [4, Dd.getItem(this.logId)];
+                return n3.trys.push([1, 4, , 5]), t4 = this.log, [4, Wd.getItem(this.logId)];
               case 2:
-                return e5 = n3.sent() || "", [4, Dd.setItem(this.logId, e5 + t4)];
+                return e5 = n3.sent() || "", [4, Wd.setItem(this.logId, e5 + t4)];
               case 3:
                 return n3.sent(), this.log = "", [3, 5];
               case 4:
@@ -34767,12 +34869,12 @@ void main() {
       }, n2.handleSlideStateLog = function() {
         console.log(n2.logId), console.log(JSON.stringify(n2.slideState, null, 2));
       }, n2.handleLogDownload = function() {
-        return Ld(n2, void 0, void 0, function() {
+        return jd(n2, void 0, void 0, function() {
           var t4, e5, n3;
-          return Od(this, function(i2) {
+          return Vd(this, function(i2) {
             switch (i2.label) {
               case 0:
-                return t4 = "", Dd ? (e5 = t4, [4, Dd.getItem(this.logId)]) : [3, 2];
+                return t4 = "", Wd ? (e5 = t4, [4, Wd.getItem(this.logId)]) : [3, 2];
               case 1:
                 t4 = e5 + (i2.sent() || ""), i2.label = 2;
               case 2:
@@ -34781,9 +34883,9 @@ void main() {
           });
         });
       }, n2.receiveSyncHandler = function(t4) {
-        return Ld(n2, void 0, void 0, function() {
+        return jd(n2, void 0, void 0, function() {
           var e5, n3, i2, r3, o3 = this;
-          return Od(this, function(s3) {
+          return Vd(this, function(s3) {
             switch (s3.label) {
               case 0:
                 return this.log += "=== sync receive [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(t4, null, 2), this.log += "\n\n", 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() {
@@ -34807,16 +34909,16 @@ void main() {
           });
         });
       }, n2.handlePrevSlide = function() {
-        return Ld(n2, void 0, void 0, function() {
+        return jd(n2, void 0, void 0, function() {
           var t4;
-          return Od(this, function(e5) {
+          return Vd(this, function(e5) {
             return this.player ? ((t4 = this.player.currentIndex - 1) >= 1 && this.renderSlide(t4, false), [2]) : [2];
           });
         });
       }, n2.handleNextSlide = function() {
-        return Ld(n2, void 0, void 0, function() {
+        return jd(n2, void 0, void 0, function() {
           var t4;
-          return Od(this, function(e5) {
+          return Vd(this, function(e5) {
             return this.player ? ((t4 = this.player.currentIndex + 1) <= this.slideCount && this.renderSlide(t4, true), [2]) : [2];
           });
         });
@@ -34826,50 +34928,50 @@ void main() {
           n2.renderSlide(t4, e5);
         } else
           t4 === -1 && n2.renderSlide(n2.slideCount, true);
-      }, e4.timestamp && (n2.timestamp = e4.timestamp), n2.config = e4, n2.syncQueue = new Pd(n2.receiveSyncHandler), n2.mode = e4.mode, n2.anchor = e4.anchor, n2.resize = e4.resize || false, n2.interactive = e4.interactive, n2.frame.style.cssText = "width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;", n2.setMedianControllerAttribute(), n2.frame.appendChild(n2.medianController), n2.anchor.appendChild(n2.frame), n2.frameResizeObserver.observe(n2.frame), n2.on(Fd.syncReceive, function(t4) {
+      }, e4.timestamp && (n2.timestamp = e4.timestamp), n2.config = e4, n2.syncQueue = new Ud(n2.receiveSyncHandler), n2.mode = e4.mode, n2.anchor = e4.anchor, n2.resize = e4.resize || false, n2.interactive = e4.interactive, n2.frame.style.cssText = "width:100%;height:100%;display:flex;justify-content:center;align-items:center;visibility:hidden;", n2.setMedianControllerAttribute(), n2.frame.appendChild(n2.medianController), n2.anchor.appendChild(n2.frame), n2.frameResizeObserver.observe(n2.frame), n2.on(qd.syncReceive, function(t4) {
         n2.lock.unlock(t4.type, t4.uuid), n2.syncQueue.addTask(t4);
       }), n2.renderingTaskManager.eventHub.on("task-error", function(t4) {
         var e5 = t4.error, i2 = t4.task;
-        n2.emit(Fd.renderError, { error: e5, index: i2.slideIndex });
+        n2.emit(qd.renderError, { error: e5, index: i2.slideIndex });
       }), window.addEventListener("__slide_log__", n2.handleLogDownload), window.addEventListener("__slide_state__", n2.handleSlideStateLog), window.addEventListener("__slide_ref__", n2.handleSlideRef), n2.persistLogId = window.setInterval(n2.persistLog, 5e3), n2.resizeView = Object(a.debounce)(n2.resizeView.bind(n2), 50), n2.initPlayer(e4), n2;
     }
-    return Rd(e3, t3), e3.prototype.initPlayer = function(t4) {
+    return Hd(e3, t3), e3.prototype.initPlayer = function(t4) {
       var e4 = this;
-      this.player = new Ch(this.mode), this.player.setInteractive(this.interactive), this.player.updateConfig(t4.renderOptions || {}), this.player.view && this.frame.appendChild(this.player.view), this.player.on(Ph.renderStart, function(t5) {
-        e4.isLoading = true, e4.emit(Fd.renderStart, t5);
-      }), this.player.on(Ph.renderEnd, function(t5) {
-        e4.isLoading = false, e4.emit(Fd.renderEnd, t5);
-      }), this.player.on(Ph.slideChange, function(t5) {
-        e4.__slideState.currentSlideIndex = t5, e4.emit(Fd.slideChange, t5);
-      }), this.player.on(Ph.mainSeqStateChange, function(t5) {
+      this.player = new Gh(this.mode), this.player.setInteractive(this.interactive), this.player.updateConfig(t4.renderOptions || {}), this.player.view && this.frame.appendChild(this.player.view), this.player.on(Uh.renderStart, function(t5) {
+        e4.isLoading = true, e4.emit(qd.renderStart, t5);
+      }), this.player.on(Uh.renderEnd, function(t5) {
+        e4.isLoading = false, e4.emit(qd.renderEnd, t5);
+      }), this.player.on(Uh.slideChange, function(t5) {
+        e4.__slideState.currentSlideIndex = t5, e4.emit(qd.slideChange, t5);
+      }), this.player.on(Uh.mainSeqStateChange, function(t5) {
         e4.__slideState.mainSeqState = t5, e4.emitStateChange();
-      }), this.player.on(Ph.mainSeqStepChange, function(t5) {
+      }), this.player.on(Uh.mainSeqStepChange, function(t5) {
         e4.__slideState.mainSeqStep = t5, e4.emitStateChange();
-      }), this.player.on(Ph.interactiveSeqStateChange, function(t5) {
+      }), this.player.on(Uh.interactiveSeqStateChange, function(t5) {
         var n2 = t5.id, i2 = t5.state;
         e4.__slideState.interactiveSeqState[n2] = i2, e4.emitStateChange();
-      }), this.player.on(Ph.animateStart, function() {
-        e4.isAnimating !== true && (e4.isAnimating = true, e4.emit(Fd.animateStart));
-      }), this.player.on(Ph.animateEnd, function() {
-        e4.isAnimating !== false && (e4.isAnimating = false, e4.emit(Fd.animateEnd));
-      }), this.player.on(Ph.interactiveSeqNext, function(t5) {
+      }), this.player.on(Uh.animateStart, function() {
+        e4.isAnimating !== true && (e4.isAnimating = true, e4.emit(qd.animateStart));
+      }), this.player.on(Uh.animateEnd, function() {
+        e4.isAnimating !== false && (e4.isAnimating = false, e4.emit(qd.animateEnd));
+      }), this.player.on(Uh.interactiveSeqNext, function(t5) {
         e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "interactiveAnim", seqId: t5 }), e4.emitStateChange();
-      }), this.player.on(Ph.mainSeqStepStart, function(t5) {
-        e4.emit(Fd.mainSeqStepStart, t5);
-      }), this.player.on(Ph.mainSeqStepEnd, function(t5) {
-        e4.emit(Fd.mainSeqStepEnd, t5);
-      }), this.player.on(Ph.mediaPlay, function(t5) {
+      }), this.player.on(Uh.mainSeqStepStart, function(t5) {
+        e4.emit(qd.mainSeqStepStart, t5);
+      }), this.player.on(Uh.mainSeqStepEnd, function(t5) {
+        e4.emit(qd.mainSeqStepEnd, t5);
+      }), this.player.on(Uh.mediaPlay, function(t5) {
         var n2 = { type: "play", time: e4.timestamp() - 1e3 * t5.time };
         e4.__slideState.mediaState[t5.id] = n2, e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "mediaPlay", id: t5.id, state: n2 }), e4.emitStateChange();
-      }), this.player.on(Ph.mediaPause, function(t5) {
+      }), this.player.on(Uh.mediaPause, function(t5) {
         var n2 = { type: "pause", time: t5.time };
         e4.__slideState.mediaState[t5.id] = n2, e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "mediaPause", id: t5.id, state: n2 }), e4.emitStateChange();
-      }), this.player.on(Ph.mediaSeek, function(t5) {
+      }), this.player.on(Uh.mediaSeek, function(t5) {
         var n2 = { type: "pause", time: 0 };
         t5.isPlaying ? (n2.type = "play", e4.__slideState.mediaState[t5.id] ? n2.time = e4.__slideState.mediaState[t5.id].time - 1e3 * t5.time : n2.time = e4.timestamp() - 1e3 * t5.time, e4.__slideState.mediaState[t5.id] = n2) : (n2.type = "pause", n2.time = t5.time, e4.__slideState.mediaState[t5.id] = n2), e4.emitSyncDispatch({ slideIndex: e4.__slideState.currentSlideIndex, type: "mediaSeek", id: t5.id, time: t5.time, state: n2 }), e4.emitStateChange();
-      }), this.player.on(Ph.requestPrevSlide, this.handlePrevSlide), this.player.on(Ph.requestNextSlide, this.handleNextSlide), this.player.on(Ph.requestGotoSlide, this.handleGotoSlide), (t4 == null ? void 0 : t4.controller) && this.createController();
+      }), this.player.on(Uh.requestPrevSlide, this.handlePrevSlide), this.player.on(Uh.requestNextSlide, this.handleNextSlide), this.player.on(Uh.requestGotoSlide, this.handleGotoSlide), (t4 == null ? void 0 : t4.controller) && this.createController();
     }, e3.prototype.createController = function() {
-      this.player && (this.playerController = new Ad({ player: this.player, params: this.player.config || {}, target: this.frame }));
+      this.player && (this.playerController = new kd({ player: this.player, params: this.player.config || {}, target: this.frame }));
     }, e3.prototype.setMedianControllerAttribute = function() {
       this.medianController.id = "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() {
@@ -34885,9 +34987,9 @@ void main() {
       }
     }, e3.prototype.setSlideState = function(t4) {
       var e4, n2;
-      return Ld(this, void 0, void 0, function() {
+      return jd(this, void 0, void 0, function() {
         var i2, r3 = this;
-        return Od(this, function(o3) {
+        return Vd(this, function(o3) {
           switch (o3.label) {
             case 0:
               return this.log += "=== stateChange receive [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(t4, null, 2), this.log += "\n\n", 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, (n2 = this.player) === null || n2 === void 0 || n2.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];
@@ -34965,8 +35067,8 @@ void main() {
       (n2 = this.player) === null || n2 === void 0 || n2.setResourceData(t4, e4), this.__slideState.taskId = t4, this.__slideState.url = e4, this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "setResource", taskId: t4, url: e4 }), this.logId = t4 + "-" + Math.random().toString(32).substr(2);
     }, e3.prototype._renderSlide = function(t4) {
       var e4;
-      return Ld(this, void 0, void 0, function() {
-        return Od(this, function(n2) {
+      return jd(this, void 0, void 0, function() {
+        return Vd(this, function(n2) {
           switch (n2.label) {
             case 0:
               return this.isLoading = true, [4, (e4 = this.player) === null || e4 === void 0 ? void 0 : e4.renderSlide(t4)];
@@ -35012,12 +35114,12 @@ void main() {
     }, e3.prototype.emitStateChange = function() {
       if (this.mode !== "local") {
         var t4 = this.slideState;
-        !Object(a.isEqual)(this.lastEmitedState, t4) && this.isSlideStateReady(t4) && (this.lastEmitedState = t4, this.emit(Fd.stateChange, t4), this.log += "=== stateChange dispatch [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(this.slideState, null, 2), this.log += "\n\n");
+        !Object(a.isEqual)(this.lastEmitedState, t4) && this.isSlideStateReady(t4) && (this.lastEmitedState = t4, this.emit(qd.stateChange, t4), this.log += "=== stateChange dispatch [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(this.slideState, null, 2), this.log += "\n\n");
       }
     }, 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), this.emit(Fd.syncDispatch, Id(Id({}, t4), { uuid: e4 })), this.log += "=== sync dispatch [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(t4, null, 2), this.log += "\n\n";
+        this.lock.addLock(t4.type, e4), this.emit(qd.syncDispatch, zd(zd({}, t4), { uuid: e4 })), this.log += "=== sync dispatch [" + new Date().toISOString() + "] ===\n", this.log += JSON.stringify(t4, null, 2), this.log += "\n\n";
       }
     }, e3.prototype.setMainSeqStep = function(t4, e4) {
       var n2;
@@ -35033,8 +35135,8 @@ void main() {
       (t4 = this.player) === null || t4 === void 0 || t4.resume();
     }, e3.prototype.getPreviewImage = function(t4) {
       var e4;
-      return Ld(this, void 0, void 0, function() {
-        return Od(this, function(n2) {
+      return jd(this, void 0, void 0, function() {
+        return Vd(this, function(n2) {
           return [2, ((e4 = this.player) === null || e4 === void 0 ? void 0 : e4.getPreviewImage(t4)) || null];
         });
       });
@@ -35044,17 +35146,17 @@ void main() {
         var e4 = this.view.getBoundingClientRect(), n2 = this.player.getSnapshot() || "";
         for (var i2 in this.cacheImage.src = n2, this.cacheImage.style.width = e4.width + "px", this.cacheImage.style.height = e4.height + "px", this.cacheImage.style.position = "absolute", this.cacheImage.style.zIndex = "999", this.frame.appendChild(this.cacheImage), this.player.destroy(), (t4 = this.playerController) === null || t4 === void 0 || t4.destroy(), this.player = void 0, this.__slideState.mediaState) {
           var r3 = this.__slideState.mediaState[i2];
-          this.__slideState.mediaState[i2] = Id(Id({}, r3), { frozenTime: this.timestamp() });
+          this.__slideState.mediaState[i2] = zd(zd({}, r3), { frozenTime: this.timestamp() });
         }
       }
     }, e3.prototype.release = function() {
       var t4;
-      return Ld(this, void 0, void 0, function() {
+      return jd(this, void 0, void 0, function() {
         var e4, n2, i2, r3;
-        return Od(this, function(o3) {
+        return Vd(this, function(o3) {
           switch (o3.label) {
             case 0:
-              for (n2 in this.initPlayer(this.config), this.player.view && (this.player.view.style.visibility = "hidden"), e4 = this.__slideState, this.__slideState = Object(a.cloneDeep)(Bd), e4.mediaState)
+              for (n2 in this.initPlayer(this.config), this.player.view && (this.player.view.style.visibility = "hidden"), e4 = this.__slideState, this.__slideState = Object(a.cloneDeep)(Yd), e4.mediaState)
                 (i2 = e4.mediaState[n2]).type === "play" && (r3 = Math.max((t4 = i2.frozenTime) !== null && t4 !== void 0 ? t4 : 0, i2.time), i2.time = this.timestamp() - (r3 - i2.time), i2.frozenTime = void 0);
               return [4, this.setSlideState(e4)];
             case 1:
@@ -35071,7 +35173,7 @@ void main() {
       });
     }, e3.prototype.destroy = function() {
       var t4, e4, n2, i2;
-      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(), (n2 = this.player) === null || n2 === void 0 || n2.removeAllListeners(), window.removeEventListener("__slide_log__", this.handleLogDownload), window.removeEventListener("__slide_state__", this.handleSlideStateLog), window.removeEventListener("__slide_ref__", this.handleSlideRef), window.clearInterval(this.persistLogId), Dd && Dd.removeItem(this.logId).catch(function() {
+      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(), (n2 = this.player) === null || n2 === void 0 || n2.removeAllListeners(), window.removeEventListener("__slide_log__", this.handleLogDownload), window.removeEventListener("__slide_state__", this.handleSlideStateLog), window.removeEventListener("__slide_ref__", this.handleSlideRef), window.clearInterval(this.persistLogId), Wd && Wd.removeItem(this.logId).catch(function() {
       });
       try {
         ((i2 = this.player) === null || i2 === void 0 ? void 0 : i2.view) && this.anchor.removeChild(this.player.view);
@@ -35230,6 +35332,7 @@ class SlideController {
       if (this.debug) {
         console.log("[Slide] init with state", deepClone(state));
       }
+      this.syncStateOnceFlag = false;
       slide.setSlideState(deepClone(state));
     } else if (context.isAddApp) {
       if (this.debug) {
@@ -35286,7 +35389,7 @@ class SlideController {
     return this.slide.slideState.currentSlideIndex;
   }
   createSlide(anchor) {
-    var _a;
+    var _a, _b;
     const slide = new Slide.Slide({
       anchor,
       interactive: true,
@@ -35299,7 +35402,7 @@ class SlideController {
         autoFPS: true,
         autoResolution: true,
         resolution: (_a = this.context.getAppOptions()) == null ? void 0 : _a.resolution,
-        transactionBgColor: "#f9f9fc"
+        transactionBgColor: ((_b = this.context.getAppOptions()) == null ? void 0 : _b.bgColor) || "#f9f9fc"
       },
       timestamp: this.timestamp
     });