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

package/dist/main.es.js

@@ -6491,13 +6491,13 @@ var Slide = function(t) {
   n.r(e), n.d(e, "ErrorType", function() {
     return VE;
   }), n.d(e, "delay", function() {
-    return lI;
-  }), n.d(e, "waitUntil", function() {
     return uI;
-  }), n.d(e, "SLIDE_EVENTS", function() {
+  }), n.d(e, "waitUntil", function() {
     return hI;
+  }), n.d(e, "SLIDE_EVENTS", function() {
+    return cI;
   }), n.d(e, "Slide", function() {
-    return fI;
+    return mI;
   });
   var i = {};
   n.r(i), n.d(i, "ACESFilmicToneMapping", function() {
@@ -29473,26 +29473,26 @@ void main() {
       return this.object.hitArea ? this.object.hitArea : new g_(0, 0, this.object.width, this.object.height);
     }
     handleAction(t2, e2 = false) {
-      this.proxy && !e2 || (this.ctx.eventHub.emit($R.hyperlinkTrigger, t2), this.execAction(t2));
+      this.proxy && !e2 || (this.ctx.eventHub.emit(KR.hyperlinkTrigger, t2), this.execAction(t2));
     }
     execAction(t2) {
       var e2;
-      if (this.ctx.eventHub.emit($R.userInput), t2.action === "ppaction://hlinksldjump") {
+      if (this.ctx.eventHub.emit(KR.userInput), t2.action === "ppaction://hlinksldjump") {
         const n2 = ((e2 = t2 == null ? void 0 : t2.target) !== null && e2 !== void 0 ? e2 : "").match(/slide(\d+)\.xml/);
-        n2 && n2[1] && this.ctx.eventHub.emit($R.requestGotoSlide, Number(n2[1]));
+        n2 && n2[1] && this.ctx.eventHub.emit(KR.requestGotoSlide, Number(n2[1]));
       } else if (t2.action === "ppaction://hlinkshowjump?jump=nextslide")
-        this.ctx.eventHub.emit($R.requestNextSlide);
+        this.ctx.eventHub.emit(KR.requestNextSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=previousslide")
-        this.ctx.eventHub.emit($R.requestPrevSlide);
+        this.ctx.eventHub.emit(KR.requestPrevSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=firstslide")
-        this.ctx.eventHub.emit($R.requestGotoSlide, 1);
+        this.ctx.eventHub.emit(KR.requestGotoSlide, 1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslide")
-        this.ctx.eventHub.emit($R.requestGotoSlide, -1);
+        this.ctx.eventHub.emit(KR.requestGotoSlide, -1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslideviewed") {
         const t3 = this.ctx.lastViewedIndex;
-        this.ctx.eventHub.emit($R.requestGotoSlide, t3);
+        this.ctx.eventHub.emit(KR.requestGotoSlide, t3);
       } else
-        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit($R.requestGotoSlide, -1);
+        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(KR.requestGotoSlide, -1);
     }
   }
   class PM {
@@ -31000,7 +31000,7 @@ void main(void){
           return void this.ctx.logger.info("Media controller prevent seek event with paused state", this.ctx.taskId);
         t3.stopPropagation();
         const e3 = t3.offsetX / this.progress.clientWidth * this.duration;
-        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e3), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
+        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e3), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
       }, this.jumpToTime = (t3 = 0) => {
         const e3 = Math.floor(t3) + this.start;
         this.media.currentTime !== e3 && (this.media.currentTime = e3, this.changeBookmarkIndex(e3, e3 > this.media.currentTime));
@@ -31029,9 +31029,9 @@ void main(void){
           t3();
         });
       }, this.playMediaFromCtrl = () => {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent play event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.playMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaPlay, { id: this.targetId, time: this.media.currentTime - this.start }));
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent play event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.playMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaPlay, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.pauseMediaFromCtrl = () => {
-        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit($R.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
+        this.ctx.isPlayerPaused() ? this.ctx.logger.info("Media controller prevent pause event with paused state", this.ctx.taskId) : (this.ctx.mode !== "interactive" && this.pauseMedia(), this.ctx.mode !== "local" && this.ctx.eventHub.emit(KR.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
       }, this.targetId = t2.targetId, this.ctx = t2.ctx, this.height = t2.height, this.width = t2.width, this.target = t2.target, this.media = t2.media, this.info = t2.info, this.shapeId = t2.shapeId, this.canvasElement = t2.canvasElement, this.getMedianContainer(), this.createMediaController(), this.info.cut && (this.start = (e2 = this.info.cut.start) !== null && e2 !== void 0 ? e2 : 0, this.end = (n2 = this.info.cut.end) !== null && n2 !== void 0 ? n2 : 0), this.info.bookmarkList && (this.bookmarkList = this.info.bookmarkList.sort((t3, e3) => t3.time - e3.time));
     }
     getMedianContainer() {
@@ -31144,7 +31144,7 @@ void main(void){
   };
   class XA extends a.a {
     constructor(t2, e2) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this._isResourceExist = "unknow", this.url = t2, this.runningAudio = e2, KR.RtcAudioClazz ? (this.rctClient = new KR.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new VA.Howl({ src: [t2] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play"))), this.detectResourceExist();
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this._isResourceExist = "unknow", this.url = t2, this.runningAudio = e2, QR.RtcAudioClazz ? (this.rctClient = new QR.RtcAudioClazz(t2), this.rctClient.on("load", () => this.emit("load")), this.rctClient.on("pause", () => this.emit("pause")), this.rctClient.on("play", () => this.emit("play"))) : (this.howl = new VA.Howl({ src: [t2] }), this.howl.on("load", () => this.emit("load")), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => this.emit("play"))), this.detectResourceExist();
     }
     startTimeChangeEmit() {
       this.currentTime !== this.lastTime && (this.lastTime = this.currentTime, this.emit("timeupdate")), this.isEnded || setTimeout(() => this.startTimeChangeEmit(), 300);
@@ -31200,6 +31200,9 @@ void main(void){
     get isPaused() {
       return this.rctClient ? this.rctClient.isPaused : !!this.howl && this.howl.playing();
     }
+    volume(t2) {
+      this.rctClient ? this.rctClient.volume(t2) : this.howl && this.howl.volume(t2);
+    }
   }
   var qA = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
@@ -31229,7 +31232,9 @@ void main(void){
   class YA extends a.a {
     constructor(t2) {
       var e2, n2;
-      super(), this.type = "video", this.sprite = new Ow(), this.isPlaying = false, this.isGlobalPause = false, this.id = t2.id, this.start = (e2 = t2.video.cut) === null || e2 === void 0 ? void 0 : e2.start, this.end = (n2 = t2.video.cut) === null || n2 === void 0 ? void 0 : n2.end, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
+      super(), this.type = "video", this.sprite = new Ow(), this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
+        QR.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoResource.source && (this.videoResource.source.volume = t3);
+      }, this.id = t2.id, this.start = (e2 = t2.video.cut) === null || e2 === void 0 ? void 0 : e2.start, this.end = (n2 = t2.video.cut) === null || n2 === void 0 ? void 0 : n2.end, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
       let i2 = t2.video.src;
       this.ctx.loaderDelegate && (i2 = this.ctx.loaderDelegate.redirectMedia(i2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${i2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Iy(i2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true });
       let r2 = t2.video.src.replace(/4$/, "3");
@@ -31249,14 +31254,14 @@ void main(void){
         this.videoResource.source.addEventListener(t3, () => {
           t3 !== "timeupdate" || this.isPlaying || this.pause(), this.emit(t3);
         });
-      }), this.ctx.activeMedia.add(this);
+      }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
     get currentTime() {
       var t2, e2;
       return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.currentTime) !== null && e2 !== void 0 ? e2 : 0;
     }
     set currentTime(t2) {
-      KR.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
+      QR.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
     }
     get paused() {
       var t2, e2;
@@ -31287,7 +31292,7 @@ void main(void){
         if (e2 && e2.videoWidth <= 0)
           return;
         const n2 = yield this.rtcAudio.isResourceExist();
-        KR.RtcAudioClazz && n2 ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
+        QR.RtcAudioClazz && n2 ? (this.videoResource.source.volume = 0, this.rtcAudio.once("play", () => {
           var t3;
           (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
         }), this.rtcAudio.play()) : yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play();
@@ -31298,7 +31303,7 @@ void main(void){
     }
     pause() {
       var t2;
-      this.isPlaying = false, KR.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
+      this.isPlaying = false, QR.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
         var t3;
         (t3 = this.videoResource.source) === null || t3 === void 0 || t3.pause();
       }), this.rtcAudio.pause()) : (t2 = this.videoResource.source) === null || t2 === void 0 || t2.pause();
@@ -31350,11 +31355,13 @@ void main(void){
   };
   class JA extends a.a {
     constructor(t2) {
-      super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.id = t2.id;
+      super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
+        this.audioPlayer.volume(t3);
+      }, this.id = t2.id;
       let e2 = t2.audio.src;
       t2.ctx.loaderDelegate && (e2 = t2.ctx.loaderDelegate.redirectMedia(e2), t2.ctx.logger.info(`redirect media url from ${t2.audio.src} to ${e2} by delegate.`, t2.ctx.taskId)), this.audioPlayer = new XA(e2, t2.ctx.runningAudio), t2.audio.cut && (this.start = t2.audio.cut.start, this.end = t2.audio.cut.end), this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
       const { width: n2, height: i2, target: r2 } = t2;
-      this.controller = new jA({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, height: i2, width: n2, target: r2, media: this, info: t2.audio, canvasElement: t2.canvasElement }), this.audioPlayer.on("load", () => this.emit("durationchange")), this.audioPlayer.on("timeupdate", () => this.emit("timeupdate")), this.audioPlayer.on("pause", () => this.emit("pause")), this.audioPlayer.on("play", () => this.emit("play")), this.ctx.activeMedia.add(this);
+      this.controller = new jA({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, height: i2, width: n2, target: r2, media: this, info: t2.audio, canvasElement: t2.canvasElement }), this.audioPlayer.on("load", () => this.emit("durationchange")), this.audioPlayer.on("timeupdate", () => this.emit("timeupdate")), this.audioPlayer.on("pause", () => this.emit("pause")), this.audioPlayer.on("play", () => this.emit("play")), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
     }
     get currentTime() {
       return this.audioPlayer.currentTime;
@@ -31407,7 +31414,7 @@ void main(void){
       this.seek(0), this.pause();
     }
     destroy() {
-      this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
   class $A extends GA {
@@ -31613,12 +31620,12 @@ void main(void){
         this.currentSeqIndex = 0, this.currentSeqState = "idle";
       }), this.commonTimeNode.on("childTimeNodeStart", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
-        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepStart, e3);
+        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(KR.mainSeqStepStart, e3);
       }), this.commonTimeNode.on("childTimeNodeEnd", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
         e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "end", this.autoPlay && this.ctx.clock.setTimeout(() => {
           this.handleNext();
-        }), this.isMainSeq && this.ctx.eventHub.emit($R.mainSeqStepEnd, e3);
+        }), this.isMainSeq && this.ctx.eventHub.emit(KR.mainSeqStepEnd, e3);
       }), this.commonTimeNode.on("timeNodeEndSync", () => {
         this.isTimeNodeEndSync = true, this.commonTimeNode.resetForRepeat();
       }), this.commonTimeNode.on("timeNodeDestroy", () => {
@@ -31635,13 +31642,13 @@ void main(void){
       return this._currentSeqIndex;
     }
     set currentSeqIndex(t2) {
-      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t2, state: this._currentSeqState } });
+      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit(KR.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(KR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t2, state: this._currentSeqState } });
     }
     get currentSeqState() {
       return this._currentSeqState;
     }
     set currentSeqState(t2) {
-      this._currentSeqState = t2, this.isMainSeq ? this.ctx.eventHub.emit($R.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit($R.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
+      this._currentSeqState = t2, this.isMainSeq ? this.ctx.eventHub.emit(KR.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(KR.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
     }
     get stepLength() {
       return this.commonTimeNode.children.length;
@@ -31676,9 +31683,9 @@ void main(void){
             if (t3) {
               t3.interactiveContainer.interactive = true, t3.interactiveContainer.cursor = "pointer";
               const n2 = () => {
-                this.ctx.eventHub.emit($R.userInput);
+                this.ctx.eventHub.emit(KR.userInput);
                 const t4 = `shape ${e2} onClick`, { mode: n3 } = this.ctx;
-                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit($R.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t4);
+                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit(KR.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t4);
               };
               t3.interactiveContainer.on("pointerdown", n2), this.interactiveListeners.push([t3, n2]);
             }
@@ -32296,7 +32303,7 @@ void main(void){
     startReverseTimeLine() {
       this.isEndEventsEmitted = false, this.timeDelta = 0;
       const t2 = 1e3 / this.ctx.ticker.maxFPS;
-      this.duration <= t2 && this.duration > 0 ? (this.emit("timeUpdate", { delta: this.duration, duration: this.duration, isReverse: this.isReverse }), this.ctx.eventHub.emit($R.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit($R.animateStart), this.ctx.ticker.add(this.updateTimeLine));
+      this.duration <= t2 && this.duration > 0 ? (this.emit("timeUpdate", { delta: this.duration, duration: this.duration, isReverse: this.isReverse }), this.ctx.eventHub.emit(KR.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit(KR.animateStart), this.ctx.ticker.add(this.updateTimeLine));
     }
     startTimeLine(t2 = true) {
       if (t2 && (this.isEndEventsEmitted = false, this.eventHubs.global.emit(`time ${this.json.id} begin`), this.eventHubs.global.emit(`time ${this.json.id} onBegin`), this.eventHubs.runtime.emit(`runtime ${this.json.id} begin`)), this.json.iterate)
@@ -32305,7 +32312,7 @@ void main(void){
       const e2 = 1e3 / this.ctx.ticker.maxFPS;
       this.duration <= e2 && this.duration > 0 ? (this.timeDelta = this.isReverse ? 0 : this.duration, this.emit("timeUpdate", { delta: this.timeDelta, duration: this.duration, isReverse: this.isReverse }), this.emit("timelineEnd", { id: this.uuid, activeCount: this.applyCount, isReverse: this.isReverse }), this.ctx.ticker.addOnce(() => {
         this.onTimeLineEnd();
-      })) : this.duration > e2 && (this.ctx.eventHub.emit($R.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
+      })) : this.duration > e2 && (this.ctx.eventHub.emit(KR.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
     }
     startIterate() {
       return RR(this, void 0, void 0, function* () {
@@ -32413,7 +32420,7 @@ void main(void){
       });
     }
     dispose(t2 = false) {
-      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit($R.animateEnd);
+      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(KR.animateEnd);
       try {
         this.ctx.ticker.remove(this.updateTimeLine);
       } catch (t3) {
@@ -32603,9 +32610,9 @@ void main(void){
     }
     initOnReuse() {
       super.initOnReuse(), this.ctx.timingEventHub.on("c:prev slide", (t2) => {
-        this.ctx.eventHub.emit($R.requestPrevSlide, t2);
+        this.ctx.eventHub.emit(KR.requestPrevSlide, t2);
       }), this.ctx.timingEventHub.on("c:next slide", (t2) => {
-        this.ctx.eventHub.emit($R.requestNextSlide, t2);
+        this.ctx.eventHub.emit(KR.requestNextSlide, t2);
       });
     }
     get interactiveContainer() {
@@ -32692,11 +32699,11 @@ void main(void){
     }
     nextStep(t2 = false) {
       var e2;
-      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2)) : this.ctx.eventHub.emit($R.requestNextSlide, t2);
+      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2)) : this.ctx.eventHub.emit(KR.requestNextSlide, t2);
     }
     prevStep(t2 = false) {
       var e2;
-      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t2)) : this.ctx.eventHub.emit($R.requestPrevSlide, t2);
+      this.hasTiming() && ((e2 = this.timing) === null || e2 === void 0 ? void 0 : e2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onPrev", t2)) : this.ctx.eventHub.emit(KR.requestPrevSlide, t2);
     }
     applyInteractiveAction(t2) {
       var e2;
@@ -32888,8 +32895,8 @@ void main(void){
     });
   };
   class XR {
-    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, u2, h2, c2, d2) {
-      this.loader = t2, this.mode = e2, this.renderer = n2, this.ticker = i2, this.view = r2, this.clock = o2, this.objPoolGroup = s2, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, this.currentStageIndex = 0, this.cacheCount = VR.isDesktop() ? 2 : 1, this.stageStates = /* @__PURE__ */ Object.create(null), this.stageJsons = /* @__PURE__ */ Object.create(null), this.stageCtxs = /* @__PURE__ */ Object.create(null), this.stageImpls = /* @__PURE__ */ Object.create(null), this.taskId = "", this.url = "", this.runningAudio = /* @__PURE__ */ new Map(), this.activeMedia = /* @__PURE__ */ new Set(), this.microTaskManager = new DR(i2);
+    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, u2, h2, c2, d2, p2) {
+      this.loader = t2, this.mode = e2, this.renderer = n2, this.ticker = i2, this.view = r2, this.clock = o2, this.objPoolGroup = s2, this.errorChannel = a2, this.localstorage = l2, this.logger = u2, this.loaderDelegate = h2, this.isPlayerPaused = c2, this.maxResolution = d2, this.volumeAdjuster = p2, this.currentStageIndex = 0, this.cacheCount = VR.isDesktop() ? 2 : 1, this.stageStates = /* @__PURE__ */ Object.create(null), this.stageJsons = /* @__PURE__ */ Object.create(null), this.stageCtxs = /* @__PURE__ */ Object.create(null), this.stageImpls = /* @__PURE__ */ Object.create(null), this.taskId = "", this.url = "", this.runningAudio = /* @__PURE__ */ new Map(), this.activeMedia = /* @__PURE__ */ new Set(), this.microTaskManager = new DR(i2);
     }
     setResourceData(t2, e2) {
       this.taskId = t2, this.url = e2;
@@ -32897,7 +32904,7 @@ void main(void){
     createCtx(t2) {
       const { task: e2 } = this.stageStates[t2];
       e2.addMTask(() => WR(this, void 0, void 0, function* () {
-        const e3 = new dM(this.loader), n2 = new a.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new bM(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new wM(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new TM(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new a.a(), logger: this.logger, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new a.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set() };
+        const e3 = new dM(this.loader), n2 = new a.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new bM(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new wM(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new TM(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new a.a(), logger: this.logger, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new a.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster };
         this.stageCtxs[t2] = i2;
       }), "@StagePool[createCtx]");
     }
@@ -32952,7 +32959,7 @@ void main(void){
         yield n2.render(e2), e2.addSubMTask(() => WR(this, void 0, void 0, function* () {
           var e3;
           const r2 = `snapshot-${t2.toString()}-start`;
-          if (!(yield (e3 = this.localstorage) === null || e3 === void 0 ? void 0 : e3.getItem(r2)) && KR.platform.isLowGpuMemory()) {
+          if (!(yield (e3 = this.localstorage) === null || e3 === void 0 ? void 0 : e3.getItem(r2)) && QR.platform.isLowGpuMemory()) {
             n2.createTiming(), n2.container.visible = true, n2.collectMainSeqStartValue(), n2.setMainSeqStep(0, "start");
             const t3 = Hy.create({ width: n2.json.width, height: n2.json.height, resolution: 1 });
             i2.renderer.render(n2.container, { renderTexture: t3 });
@@ -33079,7 +33086,18 @@ void main(void){
     YR.localCache = o.createInstance({ name: "slide_local_cache", driver: o.INDEXEDDB, version: 1 });
   } catch (t2) {
   }
-  var ZR = function(t2, e2, n2, i2) {
+  class ZR extends a.a {
+    constructor() {
+      super(...arguments), this._volume = 0.5;
+    }
+    get volume() {
+      return this._volume;
+    }
+    set volume(t2) {
+      t2 < 0 && (t2 = 0), t2 > 1 && (t2 = 1), this._volume = t2, this.emit("update", this._volume);
+    }
+  }
+  var JR = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33105,10 +33123,10 @@ void main(void){
     });
   };
   r.skipHello();
-  const JR = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, $R = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput" };
-  class KR extends a.a {
+  const $R = { randomBar: "RandomLines", circle: "Shape", ripple: "Ripples", wipe: "Erase", dissolve: "Dissolve", morph: "Smooth", fade: "FadeInOut", push: "Push", split: "Separation", reveal: "Display", pull: "Uncover", cover: "Cover", flash: "Flash", checker: "Checkerboard", blinds: "WindowShades", curtains: "Curtain", fallOver: "Fall", drape: "Suspension", wheel: "Clock", comb: "Combing", warp: "Scale", peelOff: "PeelOff", flip: "Flip" }, KR = { mainSeqStepChange: "mainSeqStepChange", mainSeqStateChange: "mainSeqStateChange", interactiveSeqStateChange: "interactiveSeqStateChange", interactiveSeqAction: "interactiveSeqAction", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", slideChange: "slideChange", renderStart: "renderStart", renderEnd: "renderEnd", hyperlinkTrigger: "hyperlinkTrigger", animateStart: "animateStart", animateEnd: "animateEnd", mediaSeek: "mediaSeek", mediaPlay: "mediaPlay", mediaPause: "mediaPause", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput" };
+  class QR extends a.a {
     constructor(t2, e2 = {}) {
-      super(), this.errorChannel = new a.a(), this.transactionPlayer = null, this.transactionSprite = new Ow(), this.isForward = true, this.drawCall = 0, this.scale = 1, this.prevSlideBase64 = null, this._isPaused = false, this.maxResolution = new v_(0, 0), this.fps = new XE(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
+      super(), this.errorChannel = new a.a(), this.transactionPlayer = null, this.transactionSprite = new Ow(), this.isForward = true, this.drawCall = 0, this.scale = 1, this.prevSlideBase64 = null, this._isPaused = false, this.maxResolution = new v_(0, 0), this.volumeAdjuster = new ZR(), this.fps = new XE(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
         this.errorChannel.emit("error", new qE(VE.CanvasCrash, "webgl context lost."));
       }, this.logger = t2.logger, this.mode = t2.mode, this.localStorage = new YR(this.logger);
       let n2 = Math.max(window.devicePixelRatio, 2);
@@ -33138,7 +33156,7 @@ void main(void){
         }
       }), this.app.ticker.add(() => {
         this.runtime.drawCall = this.drawCall, this.runtime.fps = Math.floor(this.app.ticker.minFPS), this.drawCall = 0;
-      }, null, ey.LOW), this.clock = new lM(this.app.ticker), this.objPoolGroup = eM(), this.stagePool = new XR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t2.loadDelegate, this.isPlayerPaused, this.maxResolution), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
+      }, null, ey.LOW), this.clock = new lM(this.app.ticker), this.objPoolGroup = eM(), this.stagePool = new XR(this.loader, this.mode, this.app.renderer, this.app.ticker, this.app.view, this.clock, this.objPoolGroup, this.errorChannel, this.localStorage, this.logger, t2.loadDelegate, this.isPlayerPaused, this.maxResolution, this.volumeAdjuster), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
       try {
         this.transactionPlayer = new og();
       } catch (t3) {
@@ -33157,7 +33175,7 @@ void main(void){
       return ((t2 = this.currentStage) === null || t2 === void 0 ? void 0 : t2.json.prevIndex) ? this.currentStage.json.prevIndex : this.currentIndex - 1;
     }
     getMaxResolution(t2) {
-      return !Object(l.isUndefined)(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : KR.platform.isAndroid() || KR.platform.isIOS() ? 2 : 4;
+      return !Object(l.isUndefined)(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : QR.platform.isAndroid() || QR.platform.isIOS() ? 2 : 4;
     }
     updateMaxResolutionLevel(t2) {
       t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4);
@@ -33168,7 +33186,7 @@ void main(void){
       Object(l.isUndefined)(t2.minFPS) || (this.config.minFPS = t2.minFPS, this.app.ticker.minFPS = t2.minFPS), Object(l.isUndefined)(t2.maxFPS) || (this.config.maxFPS = t2.maxFPS, this.app.ticker.maxFPS = t2.maxFPS), Object(l.isUndefined)(t2.resolution) || (this.config.resolution = t2.resolution, this.updateResolution(this.scale * this.config.resolution)), Object(l.isUndefined)(t2.autoFPS) || (this.config.autoFPS = t2.autoFPS), Object(l.isUndefined)(t2.autoResolution) || (this.config.autoResolution = t2.autoResolution), Object(l.isUndefined)(t2.transactionBgColor) || (this.config.transactionBgColor = t2.transactionBgColor), this.taskId && this.logger.info("ppt player update config: " + JSON.stringify(this.config), this.taskId), Object(l.isUndefined)(t2.maxResolutionLevel) || (this.config.maxResolutionLevel = t2.maxResolutionLevel, this.updateMaxResolutionLevel(this.config.maxResolutionLevel));
     }
     preload(t2) {
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         t2 < 1 || t2 > this.slideCount || (this.logger.info(`preload slide ${t2} begin`, this.taskId), yield this.stagePool.preload(t2), this.logger.info(`preload slide ${t2} end`, this.taskId));
       });
     }
@@ -33187,14 +33205,14 @@ void main(void){
     }
     renderSlide(t2, e2 = false) {
       var n2;
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         if (this._isPaused)
           return void this.logger.info("ppt play prevent render slide with paused state", this.taskId);
-        this.logger.info("render slide " + t2, this.taskId), this.emit($R.renderStart, t2);
+        this.logger.info("render slide " + t2, this.taskId), this.emit(KR.renderStart, t2);
         const i2 = yield this.stagePool.getStage(t2);
         if (!i2)
           return;
-        this.translateEvent(i2.ctx.eventHub, [$R.mainSeqStepChange, $R.mainSeqStateChange, $R.hyperlinkTrigger, $R.interactiveSeqAction, $R.mainSeqStepStart, $R.mainSeqStepEnd, $R.animateStart, $R.animateEnd, $R.mediaPlay, $R.mediaPause, $R.mediaSeek, $R.requestGotoSlide, $R.requestNextSlide, $R.requestPrevSlide, $R.interactiveSeqStateChange, $R.userInput]), this.currentIndex = Number(t2);
+        this.translateEvent(i2.ctx.eventHub, [KR.mainSeqStepChange, KR.mainSeqStateChange, KR.hyperlinkTrigger, KR.interactiveSeqAction, KR.mainSeqStepStart, KR.mainSeqStepEnd, KR.animateStart, KR.animateEnd, KR.mediaPlay, KR.mediaPause, KR.mediaSeek, KR.requestGotoSlide, KR.requestNextSlide, KR.requestPrevSlide, KR.interactiveSeqStateChange, KR.userInput]), this.currentIndex = Number(t2);
         const { width: r2, height: o2, slideCount: s2 } = i2.json;
         this.slideCount = s2, this.designWidth = r2, this.designHeight = o2, i2.json.transition && i2.json.transition.type && !this.prevSlideBase64 && this.currentStage && (this.prevSlideBase64 = this.getBase64(this.currentStage)), (n2 = this.currentStage) === null || n2 === void 0 || n2.clearOnSlideChange();
         const a2 = this.currentStage;
@@ -33206,7 +33224,7 @@ void main(void){
         }
         i2.container.visible = false, this.app.stage.addChild(i2.container);
         let { transition: u2 } = i2.json;
-        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i2 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i2), this.prevSlideBase64 = null), this.isForward ? yield i2.startTiming() : i2.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i2.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i2.ctx.slideScopeEventHub.emit("slide-render", i2.ctx.slideIndex), this.emit($R.renderEnd, t2), this.emit($R.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
+        !this.isForward && (a2 == null ? void 0 : a2.json.transition) && (u2 = a2.json.transition), this.prevSlideBase64 && l2 && u2 && u2.type && a2 && i2 && (yield this.playTransaction(this.prevSlideBase64, l2, u2, a2, i2), this.prevSlideBase64 = null), this.isForward ? yield i2.startTiming() : i2.setMainSeqApplied(), this.updateResolution(this.config.resolution * this.scale), i2.container.visible = true, a2 && (a2.setMainSeqStep(0, "start"), a2.clearOnTransactionEnd(), this.app.stage.removeChild(a2.container)), i2.ctx.slideScopeEventHub.emit("slide-render", i2.ctx.slideIndex), this.emit(KR.renderEnd, t2), this.emit(KR.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
           this.errorChannel.emit("error", qE.transform(e3), t2 + 1);
         }), this.preload(t2 - 1).catch((e3) => {
           this.errorChannel.emit("error", qE.transform(e3), t2 - 1);
@@ -33214,7 +33232,7 @@ void main(void){
       });
     }
     renderToBase64(t2, e2, n2) {
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         const i2 = yield this.stagePool.getStage(t2);
         if (i2) {
           const { width: r2, height: o2 } = i2.json;
@@ -33236,16 +33254,16 @@ void main(void){
       return e2.destroy(true), n2;
     }
     playTransaction(t2, e2, n2, i2, r2) {
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         const o2 = this.app.view.parentElement;
-        if (t2 && e2 && o2 && JR[n2.type] && this.transactionPlayer) {
+        if (t2 && e2 && o2 && $R[n2.type] && this.transactionPlayer) {
           this.transactionSprite.zIndex = 999, this.transactionSprite.visible = false, this.app.stage.addChild(this.transactionSprite);
           const o3 = this.transactionPlayer.renderer.domElement, s2 = ky.from(o3), a2 = () => s2.update();
           return this.app.ticker.add(a2), this.transactionSprite.texture = s2, setTimeout(() => {
             this.transactionSprite.visible = true;
           }, 100), new Promise((o4) => {
             var s3, l2, u2, h2;
-            (s3 = this.transactionPlayer) === null || s3 === void 0 || s3.play({ reverse: !this.isForward, prevTextureUrl: t2, nextTextureUrl: e2, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: JR[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (u2 = (l2 = this.currentStage) === null || l2 === void 0 ? void 0 : l2.json.transition) === null || u2 === void 0 ? void 0 : u2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((h2 = this.config.maxFPS) !== null && h2 !== void 0 ? h2 : 60), onTransactionEnd: () => {
+            (s3 = this.transactionPlayer) === null || s3 === void 0 || s3.play({ reverse: !this.isForward, prevTextureUrl: t2, nextTextureUrl: e2, textureWidth: this.designWidth, textureHeight: this.designHeight, presetType: $R[n2.type], stageWidth: this.designWidth, stageHeight: this.designHeight, duration: (u2 = (l2 = this.currentStage) === null || l2 === void 0 ? void 0 : l2.json.transition) === null || u2 === void 0 ? void 0 : u2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((h2 = this.config.maxFPS) !== null && h2 !== void 0 ? h2 : 60), onTransactionEnd: () => {
               var t3, e3;
               o4(), i2.container.visible = false, r2.container.visible = true, (t3 = this.app.stage) === null || t3 === void 0 || t3.removeChild(this.transactionSprite), (e3 = this.app.ticker) === null || e3 === void 0 || e3.remove(a2);
             } });
@@ -33338,7 +33356,7 @@ void main(void){
     }
     setMediaState(t2, e2) {
       var n2;
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         yield (n2 = this.currentStage) === null || n2 === void 0 ? void 0 : n2.setMediaState(t2, e2);
       });
     }
@@ -33362,7 +33380,7 @@ void main(void){
       return this.currentStage && this.getBase64(this.currentStage) || "";
     }
     createSnapshotForNextSlide(t2) {
-      return ZR(this, void 0, void 0, function* () {
+      return JR(this, void 0, void 0, function* () {
         const e2 = this.nextSlideIndex, n2 = this.stagePool.getStageJson(e2);
         if (n2 && n2.transition && n2.transition.type && this.currentStage && this.transactionPlayer) {
           const e3 = t2 ? `snapshot-${this.currentStage.json.index}-start` : `snapshot-${this.currentStage.json.index}-end`;
@@ -33384,6 +33402,9 @@ void main(void){
       (t2 = YR.localCache) === null || t2 === void 0 || t2.clear().catch(() => {
       });
     }
+    updateGlobalVolume(t2) {
+      this.volumeAdjuster.volume = t2;
+    }
     destroy() {
       var t2;
       try {
@@ -33402,23 +33423,23 @@ void main(void){
       }
     }
   }
-  KR.platform = VR, KR.RtcAudioClazz = null;
-  var QR = /* @__PURE__ */ new Map();
-  function tP(t2) {
-    var e2 = QR.get(t2.hookPoint) || [];
-    e2.push(t2), QR.set(t2.hookPoint, e2);
+  QR.platform = VR, QR.RtcAudioClazz = null;
+  var tP = /* @__PURE__ */ new Map();
+  function eP(t2) {
+    var e2 = tP.get(t2.hookPoint) || [];
+    e2.push(t2), tP.set(t2.hookPoint, e2);
   }
-  var eP, nP = [], iP = "ResizeObserver loop completed with undelivered notifications.";
+  var nP, iP = [], rP = "ResizeObserver loop completed with undelivered notifications.";
   !function(t2) {
     t2.BORDER_BOX = "border-box", t2.CONTENT_BOX = "content-box", t2.DEVICE_PIXEL_CONTENT_BOX = "device-pixel-content-box";
-  }(eP || (eP = {}));
-  var rP, oP = function(t2) {
+  }(nP || (nP = {}));
+  var oP, sP = function(t2) {
     return Object.freeze(t2);
-  }, sP = function(t2, e2) {
-    this.inlineSize = t2, this.blockSize = e2, oP(this);
-  }, aP = function() {
+  }, aP = function(t2, e2) {
+    this.inlineSize = t2, this.blockSize = e2, sP(this);
+  }, lP = function() {
     function t2(t3, e2, n2, i2) {
-      return this.x = t3, this.y = e2, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, oP(this);
+      return this.x = t3, this.y = e2, this.width = n2, this.height = i2, this.top = this.y, this.left = this.x, this.bottom = this.top + this.height, this.right = this.left + this.width, sP(this);
     }
     return t2.prototype.toJSON = function() {
       var t3 = this;
@@ -33426,59 +33447,59 @@ void main(void){
     }, t2.fromRect = function(e2) {
       return new t2(e2.x, e2.y, e2.width, e2.height);
     }, t2;
-  }(), lP = function(t2) {
+  }(), uP = function(t2) {
     return t2 instanceof SVGElement && "getBBox" in t2;
-  }, uP = function(t2) {
-    if (lP(t2)) {
+  }, hP = function(t2) {
+    if (uP(t2)) {
       var e2 = t2.getBBox(), n2 = e2.width, i2 = e2.height;
       return !n2 && !i2;
     }
     var r2 = t2, o2 = r2.offsetWidth, s2 = r2.offsetHeight;
     return !(o2 || s2 || t2.getClientRects().length);
-  }, hP = function(t2) {
+  }, cP = function(t2) {
     var e2, n2;
     if (t2 instanceof Element)
       return true;
     var i2 = (n2 = (e2 = t2) === null || e2 === void 0 ? void 0 : e2.ownerDocument) === null || n2 === void 0 ? void 0 : n2.defaultView;
     return !!(i2 && t2 instanceof i2.Element);
-  }, cP = typeof window != "undefined" ? window : {}, dP = /* @__PURE__ */ new WeakMap(), pP = /auto|scroll/, fP = /^tb|vertical/, mP = /msie|trident/i.test(cP.navigator && cP.navigator.userAgent), gP = function(t2) {
+  }, dP = typeof window != "undefined" ? window : {}, pP = /* @__PURE__ */ new WeakMap(), fP = /auto|scroll/, mP = /^tb|vertical/, gP = /msie|trident/i.test(dP.navigator && dP.navigator.userAgent), vP = function(t2) {
     return parseFloat(t2 || "0");
-  }, vP = function(t2, e2, n2) {
-    return t2 === void 0 && (t2 = 0), e2 === void 0 && (e2 = 0), n2 === void 0 && (n2 = false), new sP((n2 ? e2 : t2) || 0, (n2 ? t2 : e2) || 0);
-  }, _P = oP({ devicePixelContentBoxSize: vP(), borderBoxSize: vP(), contentBoxSize: vP(), contentRect: new aP(0, 0, 0, 0) }), yP = function(t2, e2) {
-    if (e2 === void 0 && (e2 = false), dP.has(t2) && !e2)
-      return dP.get(t2);
-    if (uP(t2))
-      return dP.set(t2, _P), _P;
-    var n2 = getComputedStyle(t2), i2 = lP(t2) && t2.ownerSVGElement && t2.getBBox(), r2 = !mP && n2.boxSizing === "border-box", o2 = fP.test(n2.writingMode || ""), s2 = !i2 && pP.test(n2.overflowY || ""), a2 = !i2 && pP.test(n2.overflowX || ""), l2 = i2 ? 0 : gP(n2.paddingTop), u2 = i2 ? 0 : gP(n2.paddingRight), h2 = i2 ? 0 : gP(n2.paddingBottom), c2 = i2 ? 0 : gP(n2.paddingLeft), d2 = i2 ? 0 : gP(n2.borderTopWidth), p2 = i2 ? 0 : gP(n2.borderRightWidth), f2 = i2 ? 0 : gP(n2.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i2 ? 0 : gP(n2.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t2.offsetHeight - _2 - t2.clientHeight : 0, x2 = s2 ? t2.offsetWidth - v2 - t2.clientWidth : 0, b2 = r2 ? m2 + v2 : 0, T2 = r2 ? g2 + _2 : 0, w2 = i2 ? i2.width : gP(n2.width) - b2 - x2, S2 = i2 ? i2.height : gP(n2.height) - T2 - y2, E2 = w2 + m2 + x2 + v2, M2 = S2 + g2 + y2 + _2, A2 = oP({ devicePixelContentBoxSize: vP(Math.round(w2 * devicePixelRatio), Math.round(S2 * devicePixelRatio), o2), borderBoxSize: vP(E2, M2, o2), contentBoxSize: vP(w2, S2, o2), contentRect: new aP(c2, l2, w2, S2) });
-    return dP.set(t2, A2), A2;
-  }, xP = function(t2, e2, n2) {
-    var i2 = yP(t2, n2), r2 = i2.borderBoxSize, o2 = i2.contentBoxSize, s2 = i2.devicePixelContentBoxSize;
+  }, _P = function(t2, e2, n2) {
+    return t2 === void 0 && (t2 = 0), e2 === void 0 && (e2 = 0), n2 === void 0 && (n2 = false), new aP((n2 ? e2 : t2) || 0, (n2 ? t2 : e2) || 0);
+  }, yP = sP({ devicePixelContentBoxSize: _P(), borderBoxSize: _P(), contentBoxSize: _P(), contentRect: new lP(0, 0, 0, 0) }), xP = function(t2, e2) {
+    if (e2 === void 0 && (e2 = false), pP.has(t2) && !e2)
+      return pP.get(t2);
+    if (hP(t2))
+      return pP.set(t2, yP), yP;
+    var n2 = getComputedStyle(t2), i2 = uP(t2) && t2.ownerSVGElement && t2.getBBox(), r2 = !gP && n2.boxSizing === "border-box", o2 = mP.test(n2.writingMode || ""), s2 = !i2 && fP.test(n2.overflowY || ""), a2 = !i2 && fP.test(n2.overflowX || ""), l2 = i2 ? 0 : vP(n2.paddingTop), u2 = i2 ? 0 : vP(n2.paddingRight), h2 = i2 ? 0 : vP(n2.paddingBottom), c2 = i2 ? 0 : vP(n2.paddingLeft), d2 = i2 ? 0 : vP(n2.borderTopWidth), p2 = i2 ? 0 : vP(n2.borderRightWidth), f2 = i2 ? 0 : vP(n2.borderBottomWidth), m2 = c2 + u2, g2 = l2 + h2, v2 = (i2 ? 0 : vP(n2.borderLeftWidth)) + p2, _2 = d2 + f2, y2 = a2 ? t2.offsetHeight - _2 - t2.clientHeight : 0, x2 = s2 ? t2.offsetWidth - v2 - t2.clientWidth : 0, b2 = r2 ? m2 + v2 : 0, T2 = r2 ? g2 + _2 : 0, w2 = i2 ? i2.width : vP(n2.width) - b2 - x2, S2 = i2 ? i2.height : vP(n2.height) - T2 - y2, E2 = w2 + m2 + x2 + v2, M2 = S2 + g2 + y2 + _2, A2 = sP({ devicePixelContentBoxSize: _P(Math.round(w2 * devicePixelRatio), Math.round(S2 * devicePixelRatio), o2), borderBoxSize: _P(E2, M2, o2), contentBoxSize: _P(w2, S2, o2), contentRect: new lP(c2, l2, w2, S2) });
+    return pP.set(t2, A2), A2;
+  }, bP = function(t2, e2, n2) {
+    var i2 = xP(t2, n2), r2 = i2.borderBoxSize, o2 = i2.contentBoxSize, s2 = i2.devicePixelContentBoxSize;
     switch (e2) {
-      case eP.DEVICE_PIXEL_CONTENT_BOX:
+      case nP.DEVICE_PIXEL_CONTENT_BOX:
         return s2;
-      case eP.BORDER_BOX:
+      case nP.BORDER_BOX:
         return r2;
       default:
         return o2;
     }
-  }, bP = function(t2) {
-    var e2 = yP(t2);
-    this.target = t2, this.contentRect = e2.contentRect, this.borderBoxSize = oP([e2.borderBoxSize]), this.contentBoxSize = oP([e2.contentBoxSize]), this.devicePixelContentBoxSize = oP([e2.devicePixelContentBoxSize]);
   }, TP = function(t2) {
-    if (uP(t2))
+    var e2 = xP(t2);
+    this.target = t2, this.contentRect = e2.contentRect, this.borderBoxSize = sP([e2.borderBoxSize]), this.contentBoxSize = sP([e2.contentBoxSize]), this.devicePixelContentBoxSize = sP([e2.devicePixelContentBoxSize]);
+  }, wP = function(t2) {
+    if (hP(t2))
       return 1 / 0;
     for (var e2 = 0, n2 = t2.parentNode; n2; )
       e2 += 1, n2 = n2.parentNode;
     return e2;
-  }, wP = function() {
+  }, SP = function() {
     var t2 = 1 / 0, e2 = [];
-    nP.forEach(function(n3) {
+    iP.forEach(function(n3) {
       if (n3.activeTargets.length !== 0) {
         var i3 = [];
         n3.activeTargets.forEach(function(e3) {
-          var n4 = new bP(e3.target), r2 = TP(e3.target);
-          i3.push(n4), e3.lastReportedSize = xP(e3.target, e3.observedBox), r2 < t2 && (t2 = r2);
+          var n4 = new TP(e3.target), r2 = wP(e3.target);
+          i3.push(n4), e3.lastReportedSize = bP(e3.target, e3.observedBox), r2 < t2 && (t2 = r2);
         }), e2.push(function() {
           n3.callback.call(n3.observer, i3, n3.observer);
         }), n3.activeTargets.splice(0, n3.activeTargets.length);
@@ -33488,36 +33509,36 @@ void main(void){
       (0, i2[n2])();
     }
     return t2;
-  }, SP = function(t2) {
-    nP.forEach(function(e2) {
+  }, EP = function(t2) {
+    iP.forEach(function(e2) {
       e2.activeTargets.splice(0, e2.activeTargets.length), e2.skippedTargets.splice(0, e2.skippedTargets.length), e2.observationTargets.forEach(function(n2) {
-        n2.isActive() && (TP(n2.target) > t2 ? e2.activeTargets.push(n2) : e2.skippedTargets.push(n2));
+        n2.isActive() && (wP(n2.target) > t2 ? e2.activeTargets.push(n2) : e2.skippedTargets.push(n2));
       });
     });
-  }, EP = function() {
+  }, MP = function() {
     var t2, e2 = 0;
-    for (SP(e2); nP.some(function(t3) {
+    for (EP(e2); iP.some(function(t3) {
       return t3.activeTargets.length > 0;
     }); )
-      e2 = wP(), SP(e2);
-    return nP.some(function(t3) {
+      e2 = SP(), EP(e2);
+    return iP.some(function(t3) {
       return t3.skippedTargets.length > 0;
-    }) && (typeof ErrorEvent == "function" ? t2 = new ErrorEvent("error", { message: iP }) : ((t2 = document.createEvent("Event")).initEvent("error", false, false), t2.message = iP), window.dispatchEvent(t2)), e2 > 0;
-  }, MP = [], AP = function(t2) {
-    if (!rP) {
+    }) && (typeof ErrorEvent == "function" ? t2 = new ErrorEvent("error", { message: rP }) : ((t2 = document.createEvent("Event")).initEvent("error", false, false), t2.message = rP), window.dispatchEvent(t2)), e2 > 0;
+  }, AP = [], RP = function(t2) {
+    if (!oP) {
       var e2 = 0, n2 = document.createTextNode("");
       new MutationObserver(function() {
-        return MP.splice(0).forEach(function(t3) {
+        return AP.splice(0).forEach(function(t3) {
           return t3();
         });
-      }).observe(n2, { characterData: true }), rP = function() {
+      }).observe(n2, { characterData: true }), oP = function() {
         n2.textContent = "" + (e2 ? e2-- : e2++);
       };
     }
-    MP.push(t2), rP();
-  }, RP = 0, PP = { attributes: true, characterData: true, childList: true, subtree: true }, CP = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], IP = function(t2) {
+    AP.push(t2), oP();
+  }, PP = 0, CP = { attributes: true, characterData: true, childList: true, subtree: true }, IP = ["resize", "load", "transitionend", "animationend", "animationstart", "animationiteration", "keyup", "keydown", "mouseup", "mousedown", "mouseover", "mouseout", "blur", "focus"], OP = function(t2) {
     return t2 === void 0 && (t2 = 0), Date.now() + t2;
-  }, OP = false, LP = new (function() {
+  }, LP = false, NP = new (function() {
     function t2() {
       var t3 = this;
       this.stopped = true, this.listener = function() {
@@ -33526,19 +33547,19 @@ void main(void){
     }
     return t2.prototype.run = function(t3) {
       var e2 = this;
-      if (t3 === void 0 && (t3 = 250), !OP) {
-        OP = true;
-        var n2, i2 = IP(t3);
+      if (t3 === void 0 && (t3 = 250), !LP) {
+        LP = true;
+        var n2, i2 = OP(t3);
         n2 = function() {
           var n3 = false;
           try {
-            n3 = EP();
+            n3 = MP();
           } finally {
-            if (OP = false, t3 = i2 - IP(), !RP)
+            if (LP = false, t3 = i2 - OP(), !PP)
               return;
             n3 ? e2.run(1e3) : t3 > 0 ? e2.run(t3) : e2.start();
           }
-        }, AP(function() {
+        }, RP(function() {
           requestAnimationFrame(n2);
         });
       }
@@ -33546,29 +33567,29 @@ void main(void){
       this.stop(), this.run();
     }, t2.prototype.observe = function() {
       var t3 = this, e2 = function() {
-        return t3.observer && t3.observer.observe(document.body, PP);
+        return t3.observer && t3.observer.observe(document.body, CP);
       };
-      document.body ? e2() : cP.addEventListener("DOMContentLoaded", e2);
+      document.body ? e2() : dP.addEventListener("DOMContentLoaded", e2);
     }, t2.prototype.start = function() {
       var t3 = this;
-      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), CP.forEach(function(e2) {
-        return cP.addEventListener(e2, t3.listener, true);
+      this.stopped && (this.stopped = false, this.observer = new MutationObserver(this.listener), this.observe(), IP.forEach(function(e2) {
+        return dP.addEventListener(e2, t3.listener, true);
       }));
     }, t2.prototype.stop = function() {
       var t3 = this;
-      this.stopped || (this.observer && this.observer.disconnect(), CP.forEach(function(e2) {
-        return cP.removeEventListener(e2, t3.listener, true);
+      this.stopped || (this.observer && this.observer.disconnect(), IP.forEach(function(e2) {
+        return dP.removeEventListener(e2, t3.listener, true);
       }), this.stopped = true);
     }, t2;
-  }())(), NP = function(t2) {
-    !RP && t2 > 0 && LP.start(), !(RP += t2) && LP.stop();
-  }, DP = function() {
+  }())(), DP = function(t2) {
+    !PP && t2 > 0 && NP.start(), !(PP += t2) && NP.stop();
+  }, FP = function() {
     function t2(t3, e2) {
-      this.target = t3, this.observedBox = e2 || eP.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
+      this.target = t3, this.observedBox = e2 || nP.CONTENT_BOX, this.lastReportedSize = { inlineSize: 0, blockSize: 0 };
     }
     return t2.prototype.isActive = function() {
-      var t3, e2 = xP(this.target, this.observedBox, true);
-      return t3 = this.target, lP(t3) || function(t4) {
+      var t3, e2 = bP(this.target, this.observedBox, true);
+      return t3 = this.target, uP(t3) || function(t4) {
         switch (t4.tagName) {
           case "INPUT":
             if (t4.type !== "image")
@@ -33585,57 +33606,57 @@ void main(void){
         return false;
       }(t3) || getComputedStyle(t3).display !== "inline" || (this.lastReportedSize = e2), this.lastReportedSize.inlineSize !== e2.inlineSize || this.lastReportedSize.blockSize !== e2.blockSize;
     }, t2;
-  }(), FP = function(t2, e2) {
+  }(), BP = function(t2, e2) {
     this.activeTargets = [], this.skippedTargets = [], this.observationTargets = [], this.observer = t2, this.callback = e2;
-  }, BP = /* @__PURE__ */ new WeakMap(), UP = function(t2, e2) {
+  }, UP = /* @__PURE__ */ new WeakMap(), kP = function(t2, e2) {
     for (var n2 = 0; n2 < t2.length; n2 += 1)
       if (t2[n2].target === e2)
         return n2;
     return -1;
-  }, kP = function() {
+  }, GP = function() {
     function t2() {
     }
     return t2.connect = function(t3, e2) {
-      var n2 = new FP(t3, e2);
-      BP.set(t3, n2);
+      var n2 = new BP(t3, e2);
+      UP.set(t3, n2);
     }, t2.observe = function(t3, e2, n2) {
-      var i2 = BP.get(t3), r2 = i2.observationTargets.length === 0;
-      UP(i2.observationTargets, e2) < 0 && (r2 && nP.push(i2), i2.observationTargets.push(new DP(e2, n2 && n2.box)), NP(1), LP.schedule());
+      var i2 = UP.get(t3), r2 = i2.observationTargets.length === 0;
+      kP(i2.observationTargets, e2) < 0 && (r2 && iP.push(i2), i2.observationTargets.push(new FP(e2, n2 && n2.box)), DP(1), NP.schedule());
     }, t2.unobserve = function(t3, e2) {
-      var n2 = BP.get(t3), i2 = UP(n2.observationTargets, e2), r2 = n2.observationTargets.length === 1;
-      i2 >= 0 && (r2 && nP.splice(nP.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), NP(-1));
+      var n2 = UP.get(t3), i2 = kP(n2.observationTargets, e2), r2 = n2.observationTargets.length === 1;
+      i2 >= 0 && (r2 && iP.splice(iP.indexOf(n2), 1), n2.observationTargets.splice(i2, 1), DP(-1));
     }, t2.disconnect = function(t3) {
-      var e2 = this, n2 = BP.get(t3);
+      var e2 = this, n2 = UP.get(t3);
       n2.observationTargets.slice().forEach(function(n3) {
         return e2.unobserve(t3, n3.target);
       }), n2.activeTargets.splice(0, n2.activeTargets.length);
     }, t2;
-  }(), GP = function() {
+  }(), HP = function() {
     function t2(t3) {
       if (arguments.length === 0)
         throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");
       if (typeof t3 != "function")
         throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");
-      kP.connect(this, t3);
+      GP.connect(this, t3);
     }
     return t2.prototype.observe = function(t3, e2) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!hP(t3))
+      if (!cP(t3))
         throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      kP.observe(this, t3, e2);
+      GP.observe(this, t3, e2);
     }, t2.prototype.unobserve = function(t3) {
       if (arguments.length === 0)
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");
-      if (!hP(t3))
+      if (!cP(t3))
         throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");
-      kP.unobserve(this, t3);
+      GP.unobserve(this, t3);
     }, t2.prototype.disconnect = function() {
-      kP.disconnect(this);
+      GP.disconnect(this);
     }, t2.toString = function() {
       return "function ResizeObserver () { [polyfill code] }";
     }, t2;
-  }(), HP = function(t2, e2, n2, i2) {
+  }(), zP = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33659,7 +33680,7 @@ void main(void){
       }
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
-  }, zP = function(t2, e2) {
+  }, jP = function(t2, e2) {
     var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
       if (1 & r2[0])
         throw r2[1];
@@ -33722,14 +33743,14 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, jP = function() {
+  }, VP = function() {
     function t2(t3, e2, n2, i2, r2) {
       this.state = "idle", this.index = -1, this.slideIndex = -1, this.fn = n2, this.index = t3, this.slideIndex = e2, this.eventHub = i2, this.id = r2;
     }
     return t2.prototype.apply = function() {
-      return HP(this, void 0, void 0, function() {
+      return zP(this, void 0, void 0, function() {
         var t3;
-        return zP(this, function(e2) {
+        return jP(this, function(e2) {
           switch (e2.label) {
             case 0:
               this.eventHub.emit("task-start", this), e2.label = 1;
@@ -33745,7 +33766,7 @@ void main(void){
         });
       });
     }, t2;
-  }(), VP = function() {
+  }(), WP = function() {
     function t2() {
       var t3 = this;
       this.eventHub = new a.a(), this.tasks = [], this.index = 0, this.eventHub.on("task-end", function(e2) {
@@ -33767,7 +33788,7 @@ void main(void){
         e2.tasks.splice(t4, 1);
       });
     }, t2.prototype.addTask = function(t3, e2, n2) {
-      var i2 = new jP(this.index++, e2, t3, this.eventHub, n2);
+      var i2 = new VP(this.index++, e2, t3, this.eventHub, n2);
       this.tasks.push(i2), this.tasks.sort(function(t4, e3) {
         return t4.index - e3.index;
       }), this.replaceIdleTask(), this.tasks.length === 1 && i2.apply();
@@ -33779,7 +33800,7 @@ void main(void){
       this.eventHub.removeAllListeners();
     }, t2;
   }();
-  function WP(t2, e2) {
+  function XP(t2, e2) {
     var n2 = t2.__state.conversionName.toString(), i2 = Math.round(t2.r), r2 = Math.round(t2.g), o2 = Math.round(t2.b), s2 = t2.a, a2 = Math.round(t2.h), l2 = t2.s.toFixed(1), u2 = t2.v.toFixed(1);
     if (e2 || n2 === "THREE_CHAR_HEX" || n2 === "SIX_CHAR_HEX") {
       for (var h2 = t2.hex.toString(16); h2.length < 6; )
@@ -33788,28 +33809,28 @@ void main(void){
     }
     return n2 === "CSS_RGB" ? "rgb(" + i2 + "," + r2 + "," + o2 + ")" : n2 === "CSS_RGBA" ? "rgba(" + i2 + "," + r2 + "," + o2 + "," + s2 + ")" : n2 === "HEX" ? "0x" + t2.hex.toString(16) : n2 === "RGB_ARRAY" ? "[" + i2 + "," + r2 + "," + o2 + "]" : n2 === "RGBA_ARRAY" ? "[" + i2 + "," + r2 + "," + o2 + "," + s2 + "]" : n2 === "RGB_OBJ" ? "{r:" + i2 + ",g:" + r2 + ",b:" + o2 + "}" : n2 === "RGBA_OBJ" ? "{r:" + i2 + ",g:" + r2 + ",b:" + o2 + ",a:" + s2 + "}" : n2 === "HSV_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + "}" : n2 === "HSVA_OBJ" ? "{h:" + a2 + ",s:" + l2 + ",v:" + u2 + ",a:" + s2 + "}" : "unknown format";
   }
-  var XP = Array.prototype.forEach, qP = Array.prototype.slice, YP = { BREAK: {}, extend: function(t2) {
-    return this.each(qP.call(arguments, 1), function(e2) {
+  var qP = Array.prototype.forEach, YP = Array.prototype.slice, ZP = { BREAK: {}, extend: function(t2) {
+    return this.each(YP.call(arguments, 1), function(e2) {
       (this.isObject(e2) ? Object.keys(e2) : []).forEach(function(n2) {
         this.isUndefined(e2[n2]) || (t2[n2] = e2[n2]);
       }.bind(this));
     }, this), t2;
   }, defaults: function(t2) {
-    return this.each(qP.call(arguments, 1), function(e2) {
+    return this.each(YP.call(arguments, 1), function(e2) {
       (this.isObject(e2) ? Object.keys(e2) : []).forEach(function(n2) {
         this.isUndefined(t2[n2]) && (t2[n2] = e2[n2]);
       }.bind(this));
     }, this), t2;
   }, compose: function() {
-    var t2 = qP.call(arguments);
+    var t2 = YP.call(arguments);
     return function() {
-      for (var e2 = qP.call(arguments), n2 = t2.length - 1; n2 >= 0; n2--)
+      for (var e2 = YP.call(arguments), n2 = t2.length - 1; n2 >= 0; n2--)
         e2 = [t2[n2].apply(this, e2)];
       return e2[0];
     };
   }, each: function(t2, e2, n2) {
     if (t2) {
-      if (XP && t2.forEach && t2.forEach === XP)
+      if (qP && t2.forEach && t2.forEach === qP)
         t2.forEach(e2, n2);
       else if (t2.length === t2.length + 0) {
         var i2, r2 = void 0;
@@ -33834,7 +33855,7 @@ void main(void){
       clearTimeout(i2), i2 = setTimeout(s2, e2), a2 && t2.apply(r2, o2);
     };
   }, toArray: function(t2) {
-    return t2.toArray ? t2.toArray() : qP.call(t2);
+    return t2.toArray ? t2.toArray() : YP.call(t2);
   }, isUndefined: function(t2) {
     return t2 === void 0;
   }, isNull: function(t2) {
@@ -33860,23 +33881,23 @@ void main(void){
     return t2 === false || t2 === true;
   }, isFunction: function(t2) {
     return t2 instanceof Function;
-  } }, ZP = [{ litmus: YP.isString, conversions: { THREE_CHAR_HEX: { read: function(t2) {
+  } }, JP = [{ litmus: ZP.isString, conversions: { THREE_CHAR_HEX: { read: function(t2) {
     var e2 = t2.match(/^#([A-F0-9])([A-F0-9])([A-F0-9])$/i);
     return e2 !== null && { space: "HEX", hex: parseInt("0x" + e2[1].toString() + e2[1].toString() + e2[2].toString() + e2[2].toString() + e2[3].toString() + e2[3].toString(), 0) };
-  }, write: WP }, SIX_CHAR_HEX: { read: function(t2) {
+  }, write: XP }, SIX_CHAR_HEX: { read: function(t2) {
     var e2 = t2.match(/^#([A-F0-9]{6})$/i);
     return e2 !== null && { space: "HEX", hex: parseInt("0x" + e2[1].toString(), 0) };
-  }, write: WP }, CSS_RGB: { read: function(t2) {
+  }, write: XP }, CSS_RGB: { read: function(t2) {
     var e2 = t2.match(/^rgb\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e2 !== null && { space: "RGB", r: parseFloat(e2[1]), g: parseFloat(e2[2]), b: parseFloat(e2[3]) };
-  }, write: WP }, CSS_RGBA: { read: function(t2) {
+  }, write: XP }, CSS_RGBA: { read: function(t2) {
     var e2 = t2.match(/^rgba\(\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*,\s*(.+)\s*\)/);
     return e2 !== null && { space: "RGB", r: parseFloat(e2[1]), g: parseFloat(e2[2]), b: parseFloat(e2[3]), a: parseFloat(e2[4]) };
-  }, write: WP } } }, { litmus: YP.isNumber, conversions: { HEX: { read: function(t2) {
+  }, write: XP } } }, { litmus: ZP.isNumber, conversions: { HEX: { read: function(t2) {
     return { space: "HEX", hex: t2, conversionName: "HEX" };
   }, write: function(t2) {
     return t2.hex;
-  } } } }, { litmus: YP.isArray, conversions: { RGB_ARRAY: { read: function(t2) {
+  } } } }, { litmus: ZP.isArray, conversions: { RGB_ARRAY: { read: function(t2) {
     return t2.length === 3 && { space: "RGB", r: t2[0], g: t2[1], b: t2[2] };
   }, write: function(t2) {
     return [t2.r, t2.g, t2.b];
@@ -33884,33 +33905,33 @@ void main(void){
     return t2.length === 4 && { space: "RGB", r: t2[0], g: t2[1], b: t2[2], a: t2[3] };
   }, write: function(t2) {
     return [t2.r, t2.g, t2.b, t2.a];
-  } } } }, { litmus: YP.isObject, conversions: { RGBA_OBJ: { read: function(t2) {
-    return !!(YP.isNumber(t2.r) && YP.isNumber(t2.g) && YP.isNumber(t2.b) && YP.isNumber(t2.a)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b, a: t2.a };
+  } } } }, { litmus: ZP.isObject, conversions: { RGBA_OBJ: { read: function(t2) {
+    return !!(ZP.isNumber(t2.r) && ZP.isNumber(t2.g) && ZP.isNumber(t2.b) && ZP.isNumber(t2.a)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b, a: t2.a };
   }, write: function(t2) {
     return { r: t2.r, g: t2.g, b: t2.b, a: t2.a };
   } }, RGB_OBJ: { read: function(t2) {
-    return !!(YP.isNumber(t2.r) && YP.isNumber(t2.g) && YP.isNumber(t2.b)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b };
+    return !!(ZP.isNumber(t2.r) && ZP.isNumber(t2.g) && ZP.isNumber(t2.b)) && { space: "RGB", r: t2.r, g: t2.g, b: t2.b };
   }, write: function(t2) {
     return { r: t2.r, g: t2.g, b: t2.b };
   } }, HSVA_OBJ: { read: function(t2) {
-    return !!(YP.isNumber(t2.h) && YP.isNumber(t2.s) && YP.isNumber(t2.v) && YP.isNumber(t2.a)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v, a: t2.a };
+    return !!(ZP.isNumber(t2.h) && ZP.isNumber(t2.s) && ZP.isNumber(t2.v) && ZP.isNumber(t2.a)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v, a: t2.a };
   }, write: function(t2) {
     return { h: t2.h, s: t2.s, v: t2.v, a: t2.a };
   } }, HSV_OBJ: { read: function(t2) {
-    return !!(YP.isNumber(t2.h) && YP.isNumber(t2.s) && YP.isNumber(t2.v)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v };
+    return !!(ZP.isNumber(t2.h) && ZP.isNumber(t2.s) && ZP.isNumber(t2.v)) && { space: "HSV", h: t2.h, s: t2.s, v: t2.v };
   }, write: function(t2) {
     return { h: t2.h, s: t2.s, v: t2.v };
-  } } } }], JP = void 0, $P = void 0, KP = function() {
-    $P = false;
-    var t2 = arguments.length > 1 ? YP.toArray(arguments) : arguments[0];
-    return YP.each(ZP, function(e2) {
+  } } } }], $P = void 0, KP = void 0, QP = function() {
+    KP = false;
+    var t2 = arguments.length > 1 ? ZP.toArray(arguments) : arguments[0];
+    return ZP.each(JP, function(e2) {
       if (e2.litmus(t2))
-        return YP.each(e2.conversions, function(e3, n2) {
-          if (JP = e3.read(t2), $P === false && JP !== false)
-            return $P = JP, JP.conversionName = n2, JP.conversion = e3, YP.BREAK;
-        }), YP.BREAK;
-    }), $P;
-  }, QP = void 0, tC = { hsv_to_rgb: function(t2, e2, n2) {
+        return ZP.each(e2.conversions, function(e3, n2) {
+          if ($P = e3.read(t2), KP === false && $P !== false)
+            return KP = $P, $P.conversionName = n2, $P.conversion = e3, ZP.BREAK;
+        }), ZP.BREAK;
+    }), KP;
+  }, tC = void 0, eC = { hsv_to_rgb: function(t2, e2, n2) {
     var i2 = Math.floor(t2 / 60) % 6, r2 = t2 / 60 - Math.floor(t2 / 60), o2 = n2 * (1 - e2), s2 = n2 * (1 - r2 * e2), a2 = n2 * (1 - (1 - r2) * e2), l2 = [[n2, a2, o2], [s2, n2, o2], [o2, n2, a2], [o2, s2, n2], [a2, o2, n2], [n2, o2, s2]][i2];
     return { r: 255 * l2[0], g: 255 * l2[1], b: 255 * l2[2] };
   }, rgb_to_hsv: function(t2, e2, n2) {
@@ -33922,15 +33943,15 @@ void main(void){
   }, component_from_hex: function(t2, e2) {
     return t2 >> 8 * e2 & 255;
   }, hex_with_component: function(t2, e2, n2) {
-    return n2 << (QP = 8 * e2) | t2 & ~(255 << QP);
-  } }, eC = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t2) {
+    return n2 << (tC = 8 * e2) | t2 & ~(255 << tC);
+  } }, nC = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(t2) {
     return typeof t2;
   } : function(t2) {
     return t2 && typeof Symbol == "function" && t2.constructor === Symbol && t2 !== Symbol.prototype ? "symbol" : typeof t2;
-  }, nC = function(t2, e2) {
+  }, iC = function(t2, e2) {
     if (!(t2 instanceof e2))
       throw new TypeError("Cannot call a class as a function");
-  }, iC = function() {
+  }, rC = function() {
     function t2(t3, e2) {
       for (var n2 = 0; n2 < e2.length; n2++) {
         var i2 = e2[n2];
@@ -33940,7 +33961,7 @@ void main(void){
     return function(e2, n2, i2) {
       return n2 && t2(e2.prototype, n2), i2 && t2(e2, i2), e2;
     };
-  }(), rC = function t2(e2, n2, i2) {
+  }(), oC = function t2(e2, n2, i2) {
     e2 === null && (e2 = Function.prototype);
     var r2 = Object.getOwnPropertyDescriptor(e2, n2);
     if (r2 === void 0) {
@@ -33951,67 +33972,67 @@ void main(void){
       return r2.value;
     var s2 = r2.get;
     return s2 !== void 0 ? s2.call(i2) : void 0;
-  }, oC = function(t2, e2) {
+  }, sC = function(t2, e2) {
     if (typeof e2 != "function" && e2 !== null)
       throw new TypeError("Super expression must either be null or a function, not " + typeof e2);
     t2.prototype = Object.create(e2 && e2.prototype, { constructor: { value: t2, enumerable: false, writable: true, configurable: true } }), e2 && (Object.setPrototypeOf ? Object.setPrototypeOf(t2, e2) : t2.__proto__ = e2);
-  }, sC = function(t2, e2) {
+  }, aC = function(t2, e2) {
     if (!t2)
       throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
     return !e2 || typeof e2 != "object" && typeof e2 != "function" ? t2 : e2;
-  }, aC = function() {
+  }, lC = function() {
     function t2() {
-      if (nC(this, t2), this.__state = KP.apply(this, arguments), this.__state === false)
+      if (iC(this, t2), this.__state = QP.apply(this, arguments), this.__state === false)
         throw new Error("Failed to interpret color arguments");
       this.__state.a = this.__state.a || 1;
     }
-    return iC(t2, [{ key: "toString", value: function() {
-      return WP(this);
+    return rC(t2, [{ key: "toString", value: function() {
+      return XP(this);
     } }, { key: "toHexString", value: function() {
-      return WP(this, true);
+      return XP(this, true);
     } }, { key: "toOriginal", value: function() {
       return this.__state.conversion.write(this);
     } }]), t2;
   }();
-  function lC(t2, e2, n2) {
+  function uC(t2, e2, n2) {
     Object.defineProperty(t2, e2, { get: function() {
-      return this.__state.space === "RGB" || aC.recalculateRGB(this, e2, n2), this.__state[e2];
+      return this.__state.space === "RGB" || lC.recalculateRGB(this, e2, n2), this.__state[e2];
     }, set: function(t3) {
-      this.__state.space !== "RGB" && (aC.recalculateRGB(this, e2, n2), this.__state.space = "RGB"), this.__state[e2] = t3;
+      this.__state.space !== "RGB" && (lC.recalculateRGB(this, e2, n2), this.__state.space = "RGB"), this.__state[e2] = t3;
     } });
   }
-  function uC(t2, e2) {
+  function hC(t2, e2) {
     Object.defineProperty(t2, e2, { get: function() {
-      return this.__state.space === "HSV" || aC.recalculateHSV(this), this.__state[e2];
+      return this.__state.space === "HSV" || lC.recalculateHSV(this), this.__state[e2];
     }, set: function(t3) {
-      this.__state.space !== "HSV" && (aC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e2] = t3;
+      this.__state.space !== "HSV" && (lC.recalculateHSV(this), this.__state.space = "HSV"), this.__state[e2] = t3;
     } });
   }
-  aC.recalculateRGB = function(t2, e2, n2) {
+  lC.recalculateRGB = function(t2, e2, n2) {
     if (t2.__state.space === "HEX")
-      t2.__state[e2] = tC.component_from_hex(t2.__state.hex, n2);
+      t2.__state[e2] = eC.component_from_hex(t2.__state.hex, n2);
     else {
       if (t2.__state.space !== "HSV")
         throw new Error("Corrupted color state");
-      YP.extend(t2.__state, tC.hsv_to_rgb(t2.__state.h, t2.__state.s, t2.__state.v));
+      ZP.extend(t2.__state, eC.hsv_to_rgb(t2.__state.h, t2.__state.s, t2.__state.v));
     }
-  }, aC.recalculateHSV = function(t2) {
-    var e2 = tC.rgb_to_hsv(t2.r, t2.g, t2.b);
-    YP.extend(t2.__state, { s: e2.s, v: e2.v }), YP.isNaN(e2.h) ? YP.isUndefined(t2.__state.h) && (t2.__state.h = 0) : t2.__state.h = e2.h;
-  }, aC.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], lC(aC.prototype, "r", 2), lC(aC.prototype, "g", 1), lC(aC.prototype, "b", 0), uC(aC.prototype, "h"), uC(aC.prototype, "s"), uC(aC.prototype, "v"), Object.defineProperty(aC.prototype, "a", { get: function() {
+  }, lC.recalculateHSV = function(t2) {
+    var e2 = eC.rgb_to_hsv(t2.r, t2.g, t2.b);
+    ZP.extend(t2.__state, { s: e2.s, v: e2.v }), ZP.isNaN(e2.h) ? ZP.isUndefined(t2.__state.h) && (t2.__state.h = 0) : t2.__state.h = e2.h;
+  }, lC.COMPONENTS = ["r", "g", "b", "h", "s", "v", "hex", "a"], uC(lC.prototype, "r", 2), uC(lC.prototype, "g", 1), uC(lC.prototype, "b", 0), hC(lC.prototype, "h"), hC(lC.prototype, "s"), hC(lC.prototype, "v"), Object.defineProperty(lC.prototype, "a", { get: function() {
     return this.__state.a;
   }, set: function(t2) {
     this.__state.a = t2;
-  } }), Object.defineProperty(aC.prototype, "hex", { get: function() {
-    return this.__state.space !== "HEX" && (this.__state.hex = tC.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
+  } }), Object.defineProperty(lC.prototype, "hex", { get: function() {
+    return this.__state.space !== "HEX" && (this.__state.hex = eC.rgb_to_hex(this.r, this.g, this.b), this.__state.space = "HEX"), this.__state.hex;
   }, set: function(t2) {
     this.__state.space = "HEX", this.__state.hex = t2;
   } });
-  var hC = function() {
+  var cC = function() {
     function t2(e2, n2) {
-      nC(this, t2), this.initialValue = e2[n2], this.domElement = document.createElement("div"), this.object = e2, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
+      iC(this, t2), this.initialValue = e2[n2], this.domElement = document.createElement("div"), this.object = e2, this.property = n2, this.__onChange = void 0, this.__onFinishChange = void 0;
     }
-    return iC(t2, [{ key: "onChange", value: function(t3) {
+    return rC(t2, [{ key: "onChange", value: function(t3) {
       return this.__onChange = t3, this;
     } }, { key: "onFinishChange", value: function(t3) {
       return this.__onFinishChange = t3, this;
@@ -34024,29 +34045,29 @@ void main(void){
     } }, { key: "isModified", value: function() {
       return this.initialValue !== this.getValue();
     } }]), t2;
-  }(), cC = {};
-  YP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t2, e2) {
-    YP.each(t2, function(t3) {
-      cC[t3] = e2;
+  }(), dC = {};
+  ZP.each({ HTMLEvents: ["change"], MouseEvents: ["click", "mousemove", "mousedown", "mouseup", "mouseover"], KeyboardEvents: ["keydown"] }, function(t2, e2) {
+    ZP.each(t2, function(t3) {
+      dC[t3] = e2;
     });
   });
-  var dC = /(\d+(\.\d+)?)px/;
-  function pC(t2) {
-    if (t2 === "0" || YP.isUndefined(t2))
+  var pC = /(\d+(\.\d+)?)px/;
+  function fC(t2) {
+    if (t2 === "0" || ZP.isUndefined(t2))
       return 0;
-    var e2 = t2.match(dC);
-    return YP.isNull(e2) ? 0 : parseFloat(e2[1]);
+    var e2 = t2.match(pC);
+    return ZP.isNull(e2) ? 0 : parseFloat(e2[1]);
   }
-  var fC = { makeSelectable: function(t2, e2) {
+  var mC = { makeSelectable: function(t2, e2) {
     t2 !== void 0 && t2.style !== void 0 && (t2.onselectstart = e2 ? function() {
       return false;
     } : function() {
     }, t2.style.MozUserSelect = e2 ? "auto" : "none", t2.style.KhtmlUserSelect = e2 ? "auto" : "none", t2.unselectable = e2 ? "on" : "off");
   }, makeFullscreen: function(t2, e2, n2) {
     var i2 = n2, r2 = e2;
-    YP.isUndefined(r2) && (r2 = true), YP.isUndefined(i2) && (i2 = true), t2.style.position = "absolute", r2 && (t2.style.left = 0, t2.style.right = 0), i2 && (t2.style.top = 0, t2.style.bottom = 0);
+    ZP.isUndefined(r2) && (r2 = true), ZP.isUndefined(i2) && (i2 = true), t2.style.position = "absolute", r2 && (t2.style.left = 0, t2.style.right = 0), i2 && (t2.style.top = 0, t2.style.bottom = 0);
   }, fakeEvent: function(t2, e2, n2, i2) {
-    var r2 = n2 || {}, o2 = cC[e2];
+    var r2 = n2 || {}, o2 = dC[e2];
     if (!o2)
       throw new Error("Event type " + e2 + " not supported.");
     var s2 = document.createEvent(o2);
@@ -34057,18 +34078,18 @@ void main(void){
         break;
       case "KeyboardEvents":
         var u2 = s2.initKeyboardEvent || s2.initKeyEvent;
-        YP.defaults(r2, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e2, r2.bubbles || false, r2.cancelable, window, r2.ctrlKey, r2.altKey, r2.shiftKey, r2.metaKey, r2.keyCode, r2.charCode);
+        ZP.defaults(r2, { cancelable: true, ctrlKey: false, altKey: false, shiftKey: false, metaKey: false, keyCode: void 0, charCode: void 0 }), u2(e2, r2.bubbles || false, r2.cancelable, window, r2.ctrlKey, r2.altKey, r2.shiftKey, r2.metaKey, r2.keyCode, r2.charCode);
         break;
       default:
         s2.initEvent(e2, r2.bubbles || false, r2.cancelable || true);
     }
-    YP.defaults(s2, i2), t2.dispatchEvent(s2);
+    ZP.defaults(s2, i2), t2.dispatchEvent(s2);
   }, bind: function(t2, e2, n2, i2) {
     var r2 = i2 || false;
-    return t2.addEventListener ? t2.addEventListener(e2, n2, r2) : t2.attachEvent && t2.attachEvent("on" + e2, n2), fC;
+    return t2.addEventListener ? t2.addEventListener(e2, n2, r2) : t2.attachEvent && t2.attachEvent("on" + e2, n2), mC;
   }, unbind: function(t2, e2, n2, i2) {
     var r2 = i2 || false;
-    return t2.removeEventListener ? t2.removeEventListener(e2, n2, r2) : t2.detachEvent && t2.detachEvent("on" + e2, n2), fC;
+    return t2.removeEventListener ? t2.removeEventListener(e2, n2, r2) : t2.detachEvent && t2.detachEvent("on" + e2, n2), mC;
   }, addClass: function(t2, e2) {
     if (t2.className === void 0)
       t2.className = e2;
@@ -34076,7 +34097,7 @@ void main(void){
       var n2 = t2.className.split(/ +/);
       n2.indexOf(e2) === -1 && (n2.push(e2), t2.className = n2.join(" ").replace(/^\s+/, "").replace(/\s+$/, ""));
     }
-    return fC;
+    return mC;
   }, removeClass: function(t2, e2) {
     if (e2)
       if (t2.className === e2)
@@ -34087,15 +34108,15 @@ void main(void){
       }
     else
       t2.className = void 0;
-    return fC;
+    return mC;
   }, hasClass: function(t2, e2) {
     return new RegExp("(?:^|\\s+)" + e2 + "(?:\\s+|$)").test(t2.className) || false;
   }, getWidth: function(t2) {
     var e2 = getComputedStyle(t2);
-    return pC(e2["border-left-width"]) + pC(e2["border-right-width"]) + pC(e2["padding-left"]) + pC(e2["padding-right"]) + pC(e2.width);
+    return fC(e2["border-left-width"]) + fC(e2["border-right-width"]) + fC(e2["padding-left"]) + fC(e2["padding-right"]) + fC(e2.width);
   }, getHeight: function(t2) {
     var e2 = getComputedStyle(t2);
-    return pC(e2["border-top-width"]) + pC(e2["border-bottom-width"]) + pC(e2["padding-top"]) + pC(e2["padding-bottom"]) + pC(e2.height);
+    return fC(e2["border-top-width"]) + fC(e2["border-bottom-width"]) + fC(e2["padding-top"]) + fC(e2["padding-bottom"]) + fC(e2.height);
   }, getOffset: function(t2) {
     var e2 = t2, n2 = { left: 0, top: 0 };
     if (e2.offsetParent)
@@ -34105,86 +34126,86 @@ void main(void){
     return n2;
   }, isActive: function(t2) {
     return t2 === document.activeElement && (t2.type || t2.href);
-  } }, mC = function(t2) {
+  } }, gC = function(t2) {
     function e2(t3, n2) {
-      nC(this, e2);
-      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
-      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), fC.bind(i2.__checkbox, "change", function() {
+      iC(this, e2);
+      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
+      return i2.__prev = i2.getValue(), i2.__checkbox = document.createElement("input"), i2.__checkbox.setAttribute("type", "checkbox"), mC.bind(i2.__checkbox, "change", function() {
         r2.setValue(!r2.__prev);
       }, false), i2.domElement.appendChild(i2.__checkbox), i2.updateDisplay(), i2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
-      var n2 = rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
+    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
+      var n2 = oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
       return 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), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.getValue() === true ? (this.__checkbox.setAttribute("checked", "checked"), this.__checkbox.checked = true, this.__prev = true) : (this.__checkbox.checked = false, this.__prev = false), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(hC), gC = function(t2) {
+  }(cC), vC = function(t2) {
     function e2(t3, n2, i2) {
-      nC(this, e2);
-      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2, s2 = r2;
-      if (r2.__select = document.createElement("select"), YP.isArray(o2)) {
+      iC(this, e2);
+      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2, s2 = r2;
+      if (r2.__select = document.createElement("select"), ZP.isArray(o2)) {
         var a2 = {};
-        YP.each(o2, function(t4) {
+        ZP.each(o2, function(t4) {
           a2[t4] = t4;
         }), o2 = a2;
       }
-      return YP.each(o2, function(t4, e3) {
+      return ZP.each(o2, function(t4, e3) {
         var n3 = document.createElement("option");
         n3.innerHTML = e3, n3.setAttribute("value", t4), s2.__select.appendChild(n3);
-      }), r2.updateDisplay(), fC.bind(r2.__select, "change", function() {
+      }), r2.updateDisplay(), mC.bind(r2.__select, "change", function() {
         var t4 = this.options[this.selectedIndex].value;
         s2.setValue(t4);
       }), r2.domElement.appendChild(r2.__select), r2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
-      var n2 = rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
+    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
+      var n2 = oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, t3);
       return this.__onFinishChange && this.__onFinishChange.call(this, this.getValue()), n2;
     } }, { key: "updateDisplay", value: function() {
-      return fC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this));
+      return mC.isActive(this.__select) ? this : (this.__select.value = this.getValue(), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this));
     } }]), e2;
-  }(hC), vC = function(t2) {
+  }(cC), _C = function(t2) {
     function e2(t3, n2) {
-      nC(this, e2);
-      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
+      iC(this, e2);
+      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), r2 = i2;
       function o2() {
         r2.setValue(r2.__input.value);
       }
-      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), fC.bind(i2.__input, "keyup", o2), fC.bind(i2.__input, "change", o2), fC.bind(i2.__input, "blur", function() {
+      return i2.__input = document.createElement("input"), i2.__input.setAttribute("type", "text"), mC.bind(i2.__input, "keyup", o2), mC.bind(i2.__input, "change", o2), mC.bind(i2.__input, "blur", function() {
         r2.__onFinishChange && r2.__onFinishChange.call(r2, r2.getValue());
-      }), fC.bind(i2.__input, "keydown", function(t4) {
+      }), mC.bind(i2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && this.blur();
       }), i2.updateDisplay(), i2.domElement.appendChild(i2.__input), i2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
-      return fC.isActive(this.__input) || (this.__input.value = this.getValue()), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
+      return mC.isActive(this.__input) || (this.__input.value = this.getValue()), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(hC);
-  function _C(t2) {
+  }(cC);
+  function yC(t2) {
     var e2 = t2.toString();
     return e2.indexOf(".") > -1 ? e2.length - e2.indexOf(".") - 1 : 0;
   }
-  var yC = function(t2) {
+  var xC = function(t2) {
     function e2(t3, n2, i2) {
-      nC(this, e2);
-      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2 || {};
-      return r2.__min = o2.min, r2.__max = o2.max, r2.__step = o2.step, YP.isUndefined(r2.__step) ? r2.initialValue === 0 ? r2.__impliedStep = 1 : r2.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r2.initialValue)) / Math.LN10)) / 10 : r2.__impliedStep = r2.__step, r2.__precision = _C(r2.__impliedStep), r2;
+      iC(this, e2);
+      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = i2 || {};
+      return r2.__min = o2.min, r2.__max = o2.max, r2.__step = o2.step, ZP.isUndefined(r2.__step) ? r2.initialValue === 0 ? r2.__impliedStep = 1 : r2.__impliedStep = Math.pow(10, Math.floor(Math.log(Math.abs(r2.initialValue)) / Math.LN10)) / 10 : r2.__impliedStep = r2.__step, r2.__precision = yC(r2.__impliedStep), r2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "setValue", value: function(t3) {
+    return sC(e2, t2), rC(e2, [{ key: "setValue", value: function(t3) {
       var n2 = t3;
-      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, n2);
+      return this.__min !== void 0 && n2 < this.__min ? n2 = this.__min : this.__max !== void 0 && n2 > this.__max && (n2 = this.__max), this.__step !== void 0 && n2 % this.__step != 0 && (n2 = Math.round(n2 / this.__step) * this.__step), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "setValue", this).call(this, n2);
     } }, { key: "min", value: function(t3) {
       return this.__min = t3, this;
     } }, { key: "max", value: function(t3) {
       return this.__max = t3, this;
     } }, { key: "step", value: function(t3) {
-      return this.__step = t3, this.__impliedStep = t3, this.__precision = _C(t3), this;
+      return this.__step = t3, this.__impliedStep = t3, this.__precision = yC(t3), this;
     } }]), e2;
-  }(hC);
-  var xC = function(t2) {
+  }(cC);
+  var bC = function(t2) {
     function e2(t3, n2, i2) {
-      nC(this, e2);
-      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, i2));
+      iC(this, e2);
+      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, i2));
       r2.__truncationSuspended = false;
       var o2 = r2, s2 = void 0;
       function a2() {
@@ -34195,101 +34216,101 @@ void main(void){
         o2.setValue(o2.getValue() + e3 * o2.__impliedStep), s2 = t4.clientY;
       }
       function u2() {
-        fC.unbind(window, "mousemove", l2), fC.unbind(window, "mouseup", u2), a2();
+        mC.unbind(window, "mousemove", l2), mC.unbind(window, "mouseup", u2), a2();
       }
-      return r2.__input = document.createElement("input"), r2.__input.setAttribute("type", "text"), fC.bind(r2.__input, "change", function() {
+      return r2.__input = document.createElement("input"), r2.__input.setAttribute("type", "text"), mC.bind(r2.__input, "change", function() {
         var t4 = parseFloat(o2.__input.value);
-        YP.isNaN(t4) || o2.setValue(t4);
-      }), fC.bind(r2.__input, "blur", function() {
+        ZP.isNaN(t4) || o2.setValue(t4);
+      }), mC.bind(r2.__input, "blur", function() {
         a2();
-      }), fC.bind(r2.__input, "mousedown", function(t4) {
-        fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), s2 = t4.clientY;
-      }), fC.bind(r2.__input, "keydown", function(t4) {
+      }), mC.bind(r2.__input, "mousedown", function(t4) {
+        mC.bind(window, "mousemove", l2), mC.bind(window, "mouseup", u2), s2 = t4.clientY;
+      }), mC.bind(r2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && (o2.__truncationSuspended = true, this.blur(), o2.__truncationSuspended = false, a2());
       }), r2.updateDisplay(), r2.domElement.appendChild(r2.__input), r2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
+    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
       var t3, n2, i2;
-      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t3 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t3 * i2) / i2), rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.__input.value = this.__truncationSuspended ? this.getValue() : (t3 = this.getValue(), n2 = this.__precision, i2 = Math.pow(10, n2), Math.round(t3 * i2) / i2), oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(yC);
-  function bC(t2, e2, n2, i2, r2) {
+  }(xC);
+  function TC(t2, e2, n2, i2, r2) {
     return i2 + (t2 - e2) / (n2 - e2) * (r2 - i2);
   }
-  var TC = function(t2) {
+  var wC = function(t2) {
     function e2(t3, n2, i2, r2, o2) {
-      nC(this, e2);
-      var s2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, { min: i2, max: r2, step: o2 })), a2 = s2;
+      iC(this, e2);
+      var s2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2, { min: i2, max: r2, step: o2 })), a2 = s2;
       function l2(t4) {
         t4.preventDefault();
         var e3 = a2.__background.getBoundingClientRect();
-        return a2.setValue(bC(t4.clientX, e3.left, e3.right, a2.__min, a2.__max)), false;
+        return a2.setValue(TC(t4.clientX, e3.left, e3.right, a2.__min, a2.__max)), false;
       }
       function u2() {
-        fC.unbind(window, "mousemove", l2), fC.unbind(window, "mouseup", u2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        mC.unbind(window, "mousemove", l2), mC.unbind(window, "mouseup", u2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
       function h2(t4) {
         var e3 = t4.touches[0].clientX, n3 = a2.__background.getBoundingClientRect();
-        a2.setValue(bC(e3, n3.left, n3.right, a2.__min, a2.__max));
+        a2.setValue(TC(e3, n3.left, n3.right, a2.__min, a2.__max));
       }
       function c2() {
-        fC.unbind(window, "touchmove", h2), fC.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
+        mC.unbind(window, "touchmove", h2), mC.unbind(window, "touchend", c2), a2.__onFinishChange && a2.__onFinishChange.call(a2, a2.getValue());
       }
-      return s2.__background = document.createElement("div"), s2.__foreground = document.createElement("div"), fC.bind(s2.__background, "mousedown", function(t4) {
-        document.activeElement.blur(), fC.bind(window, "mousemove", l2), fC.bind(window, "mouseup", u2), l2(t4);
-      }), fC.bind(s2.__background, "touchstart", function(t4) {
+      return s2.__background = document.createElement("div"), s2.__foreground = document.createElement("div"), mC.bind(s2.__background, "mousedown", function(t4) {
+        document.activeElement.blur(), mC.bind(window, "mousemove", l2), mC.bind(window, "mouseup", u2), l2(t4);
+      }), mC.bind(s2.__background, "touchstart", function(t4) {
         if (t4.touches.length !== 1)
           return;
-        fC.bind(window, "touchmove", h2), fC.bind(window, "touchend", c2), h2(t4);
-      }), fC.addClass(s2.__background, "slider"), fC.addClass(s2.__foreground, "slider-fg"), s2.updateDisplay(), s2.__background.appendChild(s2.__foreground), s2.domElement.appendChild(s2.__background), s2;
+        mC.bind(window, "touchmove", h2), mC.bind(window, "touchend", c2), h2(t4);
+      }), mC.addClass(s2.__background, "slider"), mC.addClass(s2.__foreground, "slider-fg"), s2.updateDisplay(), s2.__background.appendChild(s2.__foreground), s2.domElement.appendChild(s2.__background), s2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
+    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
       var t3 = (this.getValue() - this.__min) / (this.__max - this.__min);
-      return this.__foreground.style.width = 100 * t3 + "%", rC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
+      return this.__foreground.style.width = 100 * t3 + "%", oC(e2.prototype.__proto__ || Object.getPrototypeOf(e2.prototype), "updateDisplay", this).call(this);
     } }]), e2;
-  }(yC), wC = function(t2) {
+  }(xC), SC = function(t2) {
     function e2(t3, n2, i2) {
-      nC(this, e2);
-      var r2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = r2;
-      return r2.__button = document.createElement("div"), r2.__button.innerHTML = i2 === void 0 ? "Fire" : i2, fC.bind(r2.__button, "click", function(t4) {
+      iC(this, e2);
+      var r2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2)), o2 = r2;
+      return r2.__button = document.createElement("div"), r2.__button.innerHTML = i2 === void 0 ? "Fire" : i2, mC.bind(r2.__button, "click", function(t4) {
         return t4.preventDefault(), o2.fire(), false;
-      }), fC.addClass(r2.__button, "button"), r2.domElement.appendChild(r2.__button), r2;
+      }), mC.addClass(r2.__button, "button"), r2.domElement.appendChild(r2.__button), r2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "fire", value: function() {
+    return sC(e2, t2), rC(e2, [{ key: "fire", value: function() {
       this.__onChange && this.__onChange.call(this), this.getValue().call(this.object), this.__onFinishChange && this.__onFinishChange.call(this, this.getValue());
     } }]), e2;
-  }(hC), SC = function(t2) {
+  }(cC), EC = function(t2) {
     function e2(t3, n2) {
-      nC(this, e2);
-      var i2 = sC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2));
-      i2.__color = new aC(i2.getValue()), i2.__temp = new aC(0);
+      iC(this, e2);
+      var i2 = aC(this, (e2.__proto__ || Object.getPrototypeOf(e2)).call(this, t3, n2));
+      i2.__color = new lC(i2.getValue()), i2.__temp = new lC(0);
       var r2 = i2;
-      i2.domElement = document.createElement("div"), fC.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", fC.bind(i2.__input, "keydown", function(t4) {
+      i2.domElement = document.createElement("div"), mC.makeSelectable(i2.domElement, false), i2.__selector = document.createElement("div"), i2.__selector.className = "selector", i2.__saturation_field = document.createElement("div"), i2.__saturation_field.className = "saturation-field", i2.__field_knob = document.createElement("div"), i2.__field_knob.className = "field-knob", i2.__field_knob_border = "2px solid ", i2.__hue_knob = document.createElement("div"), i2.__hue_knob.className = "hue-knob", i2.__hue_field = document.createElement("div"), i2.__hue_field.className = "hue-field", i2.__input = document.createElement("input"), i2.__input.type = "text", i2.__input_textShadow = "0 1px 1px ", mC.bind(i2.__input, "keydown", function(t4) {
         t4.keyCode === 13 && c2.call(this);
-      }), fC.bind(i2.__input, "blur", c2), fC.bind(i2.__selector, "mousedown", function() {
-        fC.addClass(this, "drag").bind(window, "mouseup", function() {
-          fC.removeClass(r2.__selector, "drag");
+      }), mC.bind(i2.__input, "blur", c2), mC.bind(i2.__selector, "mousedown", function() {
+        mC.addClass(this, "drag").bind(window, "mouseup", function() {
+          mC.removeClass(r2.__selector, "drag");
         });
-      }), fC.bind(i2.__selector, "touchstart", function() {
-        fC.addClass(this, "drag").bind(window, "touchend", function() {
-          fC.removeClass(r2.__selector, "drag");
+      }), mC.bind(i2.__selector, "touchstart", function() {
+        mC.addClass(this, "drag").bind(window, "touchend", function() {
+          mC.removeClass(r2.__selector, "drag");
         });
       });
       var o2, s2 = document.createElement("div");
       function a2(t4) {
-        p2(t4), fC.bind(window, "mousemove", p2), fC.bind(window, "touchmove", p2), fC.bind(window, "mouseup", u2), fC.bind(window, "touchend", u2);
+        p2(t4), mC.bind(window, "mousemove", p2), mC.bind(window, "touchmove", p2), mC.bind(window, "mouseup", u2), mC.bind(window, "touchend", u2);
       }
       function l2(t4) {
-        f2(t4), fC.bind(window, "mousemove", f2), fC.bind(window, "touchmove", f2), fC.bind(window, "mouseup", h2), fC.bind(window, "touchend", h2);
+        f2(t4), mC.bind(window, "mousemove", f2), mC.bind(window, "touchmove", f2), mC.bind(window, "mouseup", h2), mC.bind(window, "touchend", h2);
       }
       function u2() {
-        fC.unbind(window, "mousemove", p2), fC.unbind(window, "touchmove", p2), fC.unbind(window, "mouseup", u2), fC.unbind(window, "touchend", u2), d2();
+        mC.unbind(window, "mousemove", p2), mC.unbind(window, "touchmove", p2), mC.unbind(window, "mouseup", u2), mC.unbind(window, "touchend", u2), d2();
       }
       function h2() {
-        fC.unbind(window, "mousemove", f2), fC.unbind(window, "touchmove", f2), fC.unbind(window, "mouseup", h2), fC.unbind(window, "touchend", h2), d2();
+        mC.unbind(window, "mousemove", f2), mC.unbind(window, "touchmove", f2), mC.unbind(window, "mouseup", h2), mC.unbind(window, "touchend", h2), d2();
       }
       function c2() {
-        var t4 = KP(this.value);
+        var t4 = QP(this.value);
         t4 !== false ? (r2.__color.__state = t4, r2.setValue(r2.__color.toOriginal())) : this.value = r2.__color.toString();
       }
       function d2() {
@@ -34305,28 +34326,28 @@ void main(void){
         var e3 = r2.__hue_field.getBoundingClientRect(), n3 = 1 - ((t4.touches && t4.touches[0] || t4).clientY - e3.top) / (e3.bottom - e3.top);
         return n3 > 1 ? n3 = 1 : n3 < 0 && (n3 = 0), r2.__color.h = 360 * n3, r2.setValue(r2.__color.toOriginal()), false;
       }
-      return YP.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), YP.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), YP.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), YP.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), YP.extend(s2.style, { width: "100%", height: "100%", background: "none" }), MC(s2, "top", "rgba(0,0,0,0)", "#000"), YP.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i2.__hue_field).style.background = "", o2.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o2.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", YP.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), fC.bind(i2.__saturation_field, "mousedown", a2), fC.bind(i2.__saturation_field, "touchstart", a2), fC.bind(i2.__field_knob, "mousedown", a2), fC.bind(i2.__field_knob, "touchstart", a2), fC.bind(i2.__hue_field, "mousedown", l2), fC.bind(i2.__hue_field, "touchstart", l2), i2.__saturation_field.appendChild(s2), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
+      return ZP.extend(i2.__selector.style, { width: "122px", height: "102px", padding: "3px", backgroundColor: "#222", boxShadow: "0px 1px 3px rgba(0,0,0,0.3)" }), ZP.extend(i2.__field_knob.style, { position: "absolute", width: "12px", height: "12px", border: i2.__field_knob_border + (i2.__color.v < 0.5 ? "#fff" : "#000"), boxShadow: "0px 1px 3px rgba(0,0,0,0.5)", borderRadius: "12px", zIndex: 1 }), ZP.extend(i2.__hue_knob.style, { position: "absolute", width: "15px", height: "2px", borderRight: "4px solid #fff", zIndex: 1 }), ZP.extend(i2.__saturation_field.style, { width: "100px", height: "100px", border: "1px solid #555", marginRight: "3px", display: "inline-block", cursor: "pointer" }), ZP.extend(s2.style, { width: "100%", height: "100%", background: "none" }), AC(s2, "top", "rgba(0,0,0,0)", "#000"), ZP.extend(i2.__hue_field.style, { width: "15px", height: "100px", border: "1px solid #555", cursor: "ns-resize", position: "absolute", top: "3px", right: "3px" }), (o2 = i2.__hue_field).style.background = "", o2.style.cssText += "background: -moz-linear-gradient(top,  #ff0000 0%, #ff00ff 17%, #0000ff 34%, #00ffff 50%, #00ff00 67%, #ffff00 84%, #ff0000 100%);", o2.style.cssText += "background: -webkit-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -o-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: -ms-linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", o2.style.cssText += "background: linear-gradient(top,  #ff0000 0%,#ff00ff 17%,#0000ff 34%,#00ffff 50%,#00ff00 67%,#ffff00 84%,#ff0000 100%);", ZP.extend(i2.__input.style, { outline: "none", textAlign: "center", color: "#fff", border: 0, fontWeight: "bold", textShadow: i2.__input_textShadow + "rgba(0,0,0,0.7)" }), mC.bind(i2.__saturation_field, "mousedown", a2), mC.bind(i2.__saturation_field, "touchstart", a2), mC.bind(i2.__field_knob, "mousedown", a2), mC.bind(i2.__field_knob, "touchstart", a2), mC.bind(i2.__hue_field, "mousedown", l2), mC.bind(i2.__hue_field, "touchstart", l2), i2.__saturation_field.appendChild(s2), i2.__selector.appendChild(i2.__field_knob), i2.__selector.appendChild(i2.__saturation_field), i2.__selector.appendChild(i2.__hue_field), i2.__hue_field.appendChild(i2.__hue_knob), i2.domElement.appendChild(i2.__input), i2.domElement.appendChild(i2.__selector), i2.updateDisplay(), i2;
     }
-    return oC(e2, t2), iC(e2, [{ key: "updateDisplay", value: function() {
-      var t3 = KP(this.getValue());
+    return sC(e2, t2), rC(e2, [{ key: "updateDisplay", value: function() {
+      var t3 = QP(this.getValue());
       if (t3 !== false) {
         var e3 = false;
-        YP.each(aC.COMPONENTS, function(n3) {
-          if (!YP.isUndefined(t3[n3]) && !YP.isUndefined(this.__color.__state[n3]) && t3[n3] !== this.__color.__state[n3])
+        ZP.each(lC.COMPONENTS, function(n3) {
+          if (!ZP.isUndefined(t3[n3]) && !ZP.isUndefined(this.__color.__state[n3]) && t3[n3] !== this.__color.__state[n3])
             return e3 = true, {};
-        }, this), e3 && YP.extend(this.__color.__state, t3);
+        }, this), e3 && ZP.extend(this.__color.__state, t3);
       }
-      YP.extend(this.__temp.__state, this.__color.__state), this.__temp.a = 1;
+      ZP.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;
-      YP.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, MC(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), YP.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
+      ZP.extend(this.__field_knob.style, { marginLeft: 100 * this.__color.s - 7 + "px", marginTop: 100 * (1 - this.__color.v) - 7 + "px", backgroundColor: this.__temp.toHexString(), border: this.__field_knob_border + "rgb(" + n2 + "," + n2 + "," + n2 + ")" }), this.__hue_knob.style.marginTop = 100 * (1 - this.__color.h / 360) + "px", this.__temp.s = 1, this.__temp.v = 1, AC(this.__saturation_field, "left", "#fff", this.__temp.toHexString()), this.__input.value = this.__color.toString(), ZP.extend(this.__input.style, { backgroundColor: this.__color.toHexString(), color: "rgb(" + n2 + "," + n2 + "," + n2 + ")", textShadow: this.__input_textShadow + "rgba(" + i2 + "," + i2 + "," + i2 + ",.7)" });
     } }]), e2;
-  }(hC), EC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
-  function MC(t2, e2, n2, i2) {
-    t2.style.background = "", YP.each(EC, function(r2) {
+  }(cC), MC = ["-moz-", "-o-", "-webkit-", "-ms-", ""];
+  function AC(t2, e2, n2, i2) {
+    t2.style.background = "", ZP.each(MC, function(r2) {
       t2.style.cssText += "background: " + r2 + "linear-gradient(" + e2 + ", " + n2 + " 0%, " + i2 + " 100%); ";
     });
   }
-  var AC = function(t2, e2) {
+  var RC = function(t2, e2) {
     var n2 = e2 || document, i2 = document.createElement("style");
     i2.type = "text/css", i2.innerHTML = t2;
     var r2 = n2.getElementsByTagName("head")[0];
@@ -34334,7 +34355,7 @@ void main(void){
       r2.appendChild(i2);
     } catch (t3) {
     }
-  }, RC = `<div id="dg-save" class="dg dialogue">
+  }, PC = `<div id="dg-save" class="dg dialogue">
 
   Here's the new load parameter for your <code>GUI</code>'s constructor:
 
@@ -34354,50 +34375,50 @@ void main(void){
 
   </div>
 
-</div>`, PC = function(t2, e2) {
+</div>`, CC = function(t2, e2) {
     var n2 = t2[e2];
-    return YP.isArray(arguments[2]) || YP.isObject(arguments[2]) ? new gC(t2, e2, arguments[2]) : YP.isNumber(n2) ? YP.isNumber(arguments[2]) && YP.isNumber(arguments[3]) ? YP.isNumber(arguments[4]) ? new TC(t2, e2, arguments[2], arguments[3], arguments[4]) : new TC(t2, e2, arguments[2], arguments[3]) : YP.isNumber(arguments[4]) ? new xC(t2, e2, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new xC(t2, e2, { min: arguments[2], max: arguments[3] }) : YP.isString(n2) ? new vC(t2, e2) : YP.isFunction(n2) ? new wC(t2, e2, "") : YP.isBoolean(n2) ? new mC(t2, e2) : null;
+    return ZP.isArray(arguments[2]) || ZP.isObject(arguments[2]) ? new vC(t2, e2, arguments[2]) : ZP.isNumber(n2) ? ZP.isNumber(arguments[2]) && ZP.isNumber(arguments[3]) ? ZP.isNumber(arguments[4]) ? new wC(t2, e2, arguments[2], arguments[3], arguments[4]) : new wC(t2, e2, arguments[2], arguments[3]) : ZP.isNumber(arguments[4]) ? new bC(t2, e2, { min: arguments[2], max: arguments[3], step: arguments[4] }) : new bC(t2, e2, { min: arguments[2], max: arguments[3] }) : ZP.isString(n2) ? new _C(t2, e2) : ZP.isFunction(n2) ? new SC(t2, e2, "") : ZP.isBoolean(n2) ? new gC(t2, e2) : null;
   };
-  var CC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t2) {
+  var IC = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(t2) {
     setTimeout(t2, 1e3 / 60);
-  }, IC = function() {
+  }, OC = function() {
     function t2() {
-      nC(this, t2), this.backgroundElement = document.createElement("div"), YP.extend(this.backgroundElement.style, { backgroundColor: "rgba(0,0,0,0.8)", top: 0, left: 0, display: "none", zIndex: "1000", opacity: 0, WebkitTransition: "opacity 0.2s linear", transition: "opacity 0.2s linear" }), fC.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), YP.extend(this.domElement.style, { position: "fixed", display: "none", zIndex: "1001", opacity: 0, WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear", transition: "transform 0.2s ease-out, opacity 0.2s linear" }), document.body.appendChild(this.backgroundElement), document.body.appendChild(this.domElement);
+      iC(this, t2), this.backgroundElement = document.createElement("div"), ZP.extend(this.backgroundElement.style, { backgroundColor: "rgba(0,0,0,0.8)", top: 0, left: 0, display: "none", zIndex: "1000", opacity: 0, WebkitTransition: "opacity 0.2s linear", transition: "opacity 0.2s linear" }), mC.makeFullscreen(this.backgroundElement), this.backgroundElement.style.position = "fixed", this.domElement = document.createElement("div"), ZP.extend(this.domElement.style, { position: "fixed", display: "none", zIndex: "1001", opacity: 0, WebkitTransition: "-webkit-transform 0.2s ease-out, opacity 0.2s linear", transition: "transform 0.2s ease-out, opacity 0.2s linear" }), document.body.appendChild(this.backgroundElement), document.body.appendChild(this.domElement);
       var e2 = this;
-      fC.bind(this.backgroundElement, "click", function() {
+      mC.bind(this.backgroundElement, "click", function() {
         e2.hide();
       });
     }
-    return iC(t2, [{ key: "show", value: function() {
+    return rC(t2, [{ key: "show", value: function() {
       var t3 = this;
-      this.backgroundElement.style.display = "block", this.domElement.style.display = "block", this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)", this.layout(), YP.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(), ZP.defer(function() {
         t3.backgroundElement.style.opacity = 1, t3.domElement.style.opacity = 1, t3.domElement.style.webkitTransform = "scale(1)";
       });
     } }, { key: "hide", value: function() {
       var t3 = this, e2 = function e3() {
-        t3.domElement.style.display = "none", t3.backgroundElement.style.display = "none", fC.unbind(t3.domElement, "webkitTransitionEnd", e3), fC.unbind(t3.domElement, "transitionend", e3), fC.unbind(t3.domElement, "oTransitionEnd", e3);
+        t3.domElement.style.display = "none", t3.backgroundElement.style.display = "none", mC.unbind(t3.domElement, "webkitTransitionEnd", e3), mC.unbind(t3.domElement, "transitionend", e3), mC.unbind(t3.domElement, "oTransitionEnd", e3);
       };
-      fC.bind(this.domElement, "webkitTransitionEnd", e2), fC.bind(this.domElement, "transitionend", e2), fC.bind(this.domElement, "oTransitionEnd", e2), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
+      mC.bind(this.domElement, "webkitTransitionEnd", e2), mC.bind(this.domElement, "transitionend", e2), mC.bind(this.domElement, "oTransitionEnd", e2), this.backgroundElement.style.opacity = 0, this.domElement.style.opacity = 0, this.domElement.style.webkitTransform = "scale(1.1)";
     } }, { key: "layout", value: function() {
-      this.domElement.style.left = window.innerWidth / 2 - fC.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - fC.getHeight(this.domElement) / 2 + "px";
+      this.domElement.style.left = window.innerWidth / 2 - mC.getWidth(this.domElement) / 2 + "px", this.domElement.style.top = window.innerHeight / 2 - mC.getHeight(this.domElement) / 2 + "px";
     } }]), t2;
   }();
-  AC(function(t2) {
+  RC(function(t2) {
     if (t2 && typeof window != "undefined") {
       var e2 = document.createElement("style");
       return e2.setAttribute("type", "text/css"), e2.innerHTML = t2, document.head.appendChild(e2), t2;
     }
   }(".dg ul{list-style:none;margin:0;padding:0;width:100%;clear:both}.dg.ac{position:fixed;top:0;left:0;right:0;height:0;z-index:0}.dg:not(.ac) .main{overflow:hidden}.dg.main{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear}.dg.main.taller-than-window{overflow-y:auto}.dg.main.taller-than-window .close-button{opacity:1;margin-top:-1px;border-top:1px solid #2c2c2c}.dg.main ul.closed .close-button{opacity:1 !important}.dg.main:hover .close-button,.dg.main .close-button.drag{opacity:1}.dg.main .close-button{-webkit-transition:opacity .1s linear;-o-transition:opacity .1s linear;-moz-transition:opacity .1s linear;transition:opacity .1s linear;border:0;line-height:19px;height:20px;cursor:pointer;text-align:center;background-color:#000}.dg.main .close-button.close-top{position:relative}.dg.main .close-button.close-bottom{position:absolute}.dg.main .close-button:hover{background-color:#111}.dg.a{float:right;margin-right:15px;overflow-y:visible}.dg.a.has-save>ul.close-top{margin-top:0}.dg.a.has-save>ul.close-bottom{margin-top:27px}.dg.a.has-save>ul.closed{margin-top:0}.dg.a .save-row{top:0;z-index:1002}.dg.a .save-row.close-top{position:relative}.dg.a .save-row.close-bottom{position:fixed}.dg li{-webkit-transition:height .1s ease-out;-o-transition:height .1s ease-out;-moz-transition:height .1s ease-out;transition:height .1s ease-out;-webkit-transition:overflow .1s linear;-o-transition:overflow .1s linear;-moz-transition:overflow .1s linear;transition:overflow .1s linear}.dg li:not(.folder){cursor:auto;height:27px;line-height:27px;padding:0 4px 0 5px}.dg li.folder{padding:0;border-left:4px solid rgba(0,0,0,0)}.dg li.title{cursor:pointer;margin-left:-4px}.dg .closed li:not(.title),.dg .closed ul li,.dg .closed ul li>*{height:0;overflow:hidden;border:0}.dg .cr{clear:both;padding-left:3px;height:27px;overflow:hidden}.dg .property-name{cursor:default;float:left;clear:left;width:40%;overflow:hidden;text-overflow:ellipsis}.dg .c{float:left;width:60%;position:relative}.dg .c input[type=text]{border:0;margin-top:4px;padding:3px;width:100%;float:right}.dg .has-slider input[type=text]{width:30%;margin-left:0}.dg .slider{float:left;width:66%;margin-left:-5px;margin-right:0;height:19px;margin-top:4px}.dg .slider-fg{height:100%}.dg .c input[type=checkbox]{margin-top:7px}.dg .c select{margin-top:5px}.dg .cr.function,.dg .cr.function .property-name,.dg .cr.function *,.dg .cr.boolean,.dg .cr.boolean *{cursor:pointer}.dg .cr.color{overflow:visible}.dg .selector{display:none;position:absolute;margin-left:-9px;margin-top:23px;z-index:10}.dg .c:hover .selector,.dg .selector.drag{display:block}.dg li.save-row{padding:0}.dg li.save-row .button{display:inline-block;padding:0px 6px}.dg.dialogue{background-color:#222;width:460px;padding:15px;font-size:13px;line-height:15px}#dg-new-constructor{padding:10px;color:#222;font-family:Monaco, monospace;font-size:10px;border:0;resize:none;box-shadow:inset 1px 1px 1px #888;word-wrap:break-word;margin:12px 0;display:block;width:440px;overflow-y:scroll;height:100px;position:relative}#dg-local-explain{display:none;font-size:11px;line-height:17px;border-radius:3px;background-color:#333;padding:8px;margin-top:10px}#dg-local-explain code{font-size:10px}#dat-gui-save-locally{display:none}.dg{color:#eee;font:11px 'Lucida Grande', sans-serif;text-shadow:0 -1px 0 #111}.dg.main::-webkit-scrollbar{width:5px;background:#1a1a1a}.dg.main::-webkit-scrollbar-corner{height:0;display:none}.dg.main::-webkit-scrollbar-thumb{border-radius:5px;background:#676767}.dg li:not(.folder){background:#1a1a1a;border-bottom:1px solid #2c2c2c}.dg li.save-row{line-height:25px;background:#dad5cb;border:0}.dg li.save-row select{margin-left:5px;width:108px}.dg li.save-row .button{margin-left:5px;margin-top:1px;border-radius:2px;font-size:9px;line-height:7px;padding:4px 4px 5px 4px;background:#c5bdad;color:#fff;text-shadow:0 1px 0 #b0a58f;box-shadow:0 -1px 0 #b0a58f;cursor:pointer}.dg li.save-row .button.gears{background:#c5bdad url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQJJREFUeNpiYKAU/P//PwGIC/ApCABiBSAW+I8AClAcgKxQ4T9hoMAEUrxx2QSGN6+egDX+/vWT4e7N82AMYoPAx/evwWoYoSYbACX2s7KxCxzcsezDh3evFoDEBYTEEqycggWAzA9AuUSQQgeYPa9fPv6/YWm/Acx5IPb7ty/fw+QZblw67vDs8R0YHyQhgObx+yAJkBqmG5dPPDh1aPOGR/eugW0G4vlIoTIfyFcA+QekhhHJhPdQxbiAIguMBTQZrPD7108M6roWYDFQiIAAv6Aow/1bFwXgis+f2LUAynwoIaNcz8XNx3Dl7MEJUDGQpx9gtQ8YCueB+D26OECAAQDadt7e46D42QAAAABJRU5ErkJggg==) 2px 1px no-repeat;height:7px;width:8px}.dg li.save-row .button:hover{background-color:#bab19e;box-shadow:0 -1px 0 #b0a58f}.dg li.folder{border-bottom:0}.dg li.title{padding-left:16px;background:#000 url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlI+hKgFxoCgAOw==) 6px 10px no-repeat;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.2)}.dg .closed li.title{background-image:url(data:image/gif;base64,R0lGODlhBQAFAJEAAP////Pz8////////yH5BAEAAAIALAAAAAAFAAUAAAIIlGIWqMCbWAEAOw==)}.dg .cr.boolean{border-left:3px solid #806787}.dg .cr.color{border-left:3px solid}.dg .cr.function{border-left:3px solid #e61d5f}.dg .cr.number{border-left:3px solid #2FA1D6}.dg .cr.number input[type=text]{color:#2FA1D6}.dg .cr.string{border-left:3px solid #1ed36f}.dg .cr.string input[type=text]{color:#1ed36f}.dg .cr.function:hover,.dg .cr.boolean:hover{background:#111}.dg .c input[type=text]{background:#303030;outline:none}.dg .c input[type=text]:hover{background:#3c3c3c}.dg .c input[type=text]:focus{background:#494949;color:#fff}.dg .c .slider{background:#303030;cursor:ew-resize}.dg .c .slider-fg{background:#2FA1D6;max-width:100%}.dg .c .slider:hover{background:#3c3c3c}.dg .c .slider:hover .slider-fg{background:#44abda}\n"));
-  var OC = function() {
+  var LC = function() {
     try {
       return !!window.localStorage;
     } catch (t2) {
       return false;
     }
-  }(), LC = void 0, NC = true, DC = void 0, FC = false, BC = [], UC = function t2(e2) {
+  }(), NC = void 0, DC = true, FC = void 0, BC = false, UC = [], kC = function t2(e2) {
     var n2 = this, i2 = e2 || {};
-    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), fC.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = YP.defaults(i2, { closeOnTop: false, autoPlace: true, width: t2.DEFAULT_WIDTH }), i2 = YP.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), YP.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), YP.isUndefined(i2.parent) && i2.hideable && BC.push(this), i2.resizable = YP.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && YP.isUndefined(i2.scrollable) && (i2.scrollable = true);
-    var r2, o2 = OC && localStorage.getItem(VC(this, "isLocal")) === "true", s2 = void 0, a2 = void 0;
+    this.domElement = document.createElement("div"), this.__ul = document.createElement("ul"), this.domElement.appendChild(this.__ul), mC.addClass(this.domElement, "dg"), this.__folders = {}, this.__controllers = [], this.__rememberedObjects = [], this.__rememberedObjectIndecesToControllers = [], this.__listening = [], i2 = ZP.defaults(i2, { closeOnTop: false, autoPlace: true, width: t2.DEFAULT_WIDTH }), i2 = ZP.defaults(i2, { resizable: i2.autoPlace, hideable: i2.autoPlace }), ZP.isUndefined(i2.load) ? i2.load = { preset: "Default" } : i2.preset && (i2.load.preset = i2.preset), ZP.isUndefined(i2.parent) && i2.hideable && UC.push(this), i2.resizable = ZP.isUndefined(i2.parent) && i2.resizable, i2.autoPlace && ZP.isUndefined(i2.scrollable) && (i2.scrollable = true);
+    var r2, o2 = LC && localStorage.getItem(WC(this, "isLocal")) === "true", s2 = void 0, a2 = void 0;
     if (Object.defineProperties(this, { parent: { get: function() {
       return i2.parent;
     } }, scrollable: { get: function() {
@@ -34416,7 +34437,7 @@ void main(void){
     } }, width: { get: function() {
       return i2.width;
     }, set: function(t3) {
-      i2.width = t3, ZC(n2, t3);
+      i2.width = t3, JC(n2, t3);
     } }, name: { get: function() {
       return i2.name;
     }, set: function(t3) {
@@ -34424,50 +34445,50 @@ void main(void){
     } }, closed: { get: function() {
       return i2.closed;
     }, set: function(e3) {
-      i2.closed = e3, i2.closed ? fC.addClass(n2.__ul, t2.CLASS_CLOSED) : fC.removeClass(n2.__ul, t2.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e3 ? t2.TEXT_OPEN : t2.TEXT_CLOSED);
+      i2.closed = e3, i2.closed ? mC.addClass(n2.__ul, t2.CLASS_CLOSED) : mC.removeClass(n2.__ul, t2.CLASS_CLOSED), this.onResize(), n2.__closeButton && (n2.__closeButton.innerHTML = e3 ? t2.TEXT_OPEN : t2.TEXT_CLOSED);
     } }, load: { get: function() {
       return i2.load;
     } }, useLocalStorage: { get: function() {
       return o2;
     }, set: function(t3) {
-      OC && (o2 = t3, t3 ? fC.bind(window, "unload", s2) : fC.unbind(window, "unload", s2), localStorage.setItem(VC(n2, "isLocal"), t3));
-    } } }), YP.isUndefined(i2.parent)) {
-      if (this.closed = i2.closed || false, fC.addClass(this.domElement, t2.CLASS_MAIN), fC.makeSelectable(this.domElement, false), OC && o2) {
+      LC && (o2 = t3, t3 ? mC.bind(window, "unload", s2) : mC.unbind(window, "unload", s2), localStorage.setItem(WC(n2, "isLocal"), t3));
+    } } }), ZP.isUndefined(i2.parent)) {
+      if (this.closed = i2.closed || false, mC.addClass(this.domElement, t2.CLASS_MAIN), mC.makeSelectable(this.domElement, false), LC && o2) {
         n2.useLocalStorage = true;
-        var l2 = localStorage.getItem(VC(this, "gui"));
+        var l2 = localStorage.getItem(WC(this, "gui"));
         l2 && (i2.load = JSON.parse(l2));
       }
-      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t2.TEXT_CLOSED, fC.addClass(this.__closeButton, t2.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (fC.addClass(this.__closeButton, t2.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (fC.addClass(this.__closeButton, t2.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), fC.bind(this.__closeButton, "click", function() {
+      this.__closeButton = document.createElement("div"), this.__closeButton.innerHTML = t2.TEXT_CLOSED, mC.addClass(this.__closeButton, t2.CLASS_CLOSE_BUTTON), i2.closeOnTop ? (mC.addClass(this.__closeButton, t2.CLASS_CLOSE_TOP), this.domElement.insertBefore(this.__closeButton, this.domElement.childNodes[0])) : (mC.addClass(this.__closeButton, t2.CLASS_CLOSE_BOTTOM), this.domElement.appendChild(this.__closeButton)), mC.bind(this.__closeButton, "click", function() {
         n2.closed = !n2.closed;
       });
     } else {
       i2.closed === void 0 && (i2.closed = true);
       var u2 = document.createTextNode(i2.name);
-      fC.addClass(u2, "controller-name"), a2 = kC(n2, u2);
-      fC.addClass(this.__ul, t2.CLASS_CLOSED), fC.addClass(a2, "title"), fC.bind(a2, "click", function(t3) {
+      mC.addClass(u2, "controller-name"), a2 = GC(n2, u2);
+      mC.addClass(this.__ul, t2.CLASS_CLOSED), mC.addClass(a2, "title"), mC.bind(a2, "click", function(t3) {
         return t3.preventDefault(), n2.closed = !n2.closed, false;
       }), i2.closed || (this.closed = false);
     }
-    i2.autoPlace && (YP.isUndefined(i2.parent) && (NC && (DC = document.createElement("div"), fC.addClass(DC, "dg"), fC.addClass(DC, t2.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(DC), NC = false), DC.appendChild(this.domElement), fC.addClass(this.domElement, t2.CLASS_AUTO_PLACE)), this.parent || ZC(n2, i2.width)), this.__resizeHandler = function() {
+    i2.autoPlace && (ZP.isUndefined(i2.parent) && (DC && (FC = document.createElement("div"), mC.addClass(FC, "dg"), mC.addClass(FC, t2.CLASS_AUTO_PLACE_CONTAINER), document.body.appendChild(FC), DC = false), FC.appendChild(this.domElement), mC.addClass(this.domElement, t2.CLASS_AUTO_PLACE)), this.parent || JC(n2, i2.width)), this.__resizeHandler = function() {
       n2.onResizeDebounced();
-    }, fC.bind(window, "resize", this.__resizeHandler), fC.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), fC.bind(this.__ul, "transitionend", this.__resizeHandler), fC.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && YC(this), s2 = function() {
-      OC && localStorage.getItem(VC(n2, "isLocal")) === "true" && localStorage.setItem(VC(n2, "gui"), JSON.stringify(n2.getSaveObject()));
-    }, this.saveToLocalStorageIfPossible = s2, i2.parent || ((r2 = n2.getRoot()).width += 1, YP.defer(function() {
+    }, mC.bind(window, "resize", this.__resizeHandler), mC.bind(this.__ul, "webkitTransitionEnd", this.__resizeHandler), mC.bind(this.__ul, "transitionend", this.__resizeHandler), mC.bind(this.__ul, "oTransitionEnd", this.__resizeHandler), this.onResize(), i2.resizable && ZC(this), s2 = function() {
+      LC && localStorage.getItem(WC(n2, "isLocal")) === "true" && localStorage.setItem(WC(n2, "gui"), JSON.stringify(n2.getSaveObject()));
+    }, this.saveToLocalStorageIfPossible = s2, i2.parent || ((r2 = n2.getRoot()).width += 1, ZP.defer(function() {
       r2.width -= 1;
     }));
   };
-  function kC(t2, e2, n2) {
+  function GC(t2, e2, n2) {
     var i2 = document.createElement("li");
     return e2 && i2.appendChild(e2), n2 ? t2.__ul.insertBefore(i2, n2) : t2.__ul.appendChild(i2), t2.onResize(), i2;
   }
-  function GC(t2) {
-    fC.unbind(window, "resize", t2.__resizeHandler), t2.saveToLocalStorageIfPossible && fC.unbind(window, "unload", t2.saveToLocalStorageIfPossible);
+  function HC(t2) {
+    mC.unbind(window, "resize", t2.__resizeHandler), t2.saveToLocalStorageIfPossible && mC.unbind(window, "unload", t2.saveToLocalStorageIfPossible);
   }
-  function HC(t2, e2) {
+  function zC(t2, e2) {
     var n2 = t2.__preset_select[t2.__preset_select.selectedIndex];
     n2.innerHTML = e2 ? n2.value + "*" : n2.value;
   }
-  function zC(t2, e2) {
+  function jC(t2, e2) {
     var n2 = t2.getRoot(), i2 = n2.__rememberedObjects.indexOf(e2.object);
     if (i2 !== -1) {
       var r2 = n2.__rememberedObjectIndecesToControllers[i2];
@@ -34487,31 +34508,31 @@ void main(void){
       }
     }
   }
-  function jC(t2, e2, n2, i2) {
+  function VC(t2, e2, n2, i2) {
     if (e2[n2] === void 0)
       throw new Error('Object "' + e2 + '" has no property "' + n2 + '"');
     var r2 = void 0;
     if (i2.color)
-      r2 = new SC(e2, n2);
+      r2 = new EC(e2, n2);
     else {
       var o2 = [e2, n2].concat(i2.factoryArgs);
-      r2 = PC.apply(t2, o2);
+      r2 = CC.apply(t2, o2);
     }
-    i2.before instanceof hC && (i2.before = i2.before.__li), zC(t2, r2), fC.addClass(r2.domElement, "c");
+    i2.before instanceof cC && (i2.before = i2.before.__li), jC(t2, r2), mC.addClass(r2.domElement, "c");
     var s2 = document.createElement("span");
-    fC.addClass(s2, "property-name"), s2.innerHTML = r2.property;
+    mC.addClass(s2, "property-name"), s2.innerHTML = r2.property;
     var a2 = document.createElement("div");
     a2.appendChild(s2), a2.appendChild(r2.domElement);
-    var l2 = kC(t2, a2, i2.before);
-    return fC.addClass(l2, UC.CLASS_CONTROLLER_ROW), r2 instanceof SC ? fC.addClass(l2, "color") : fC.addClass(l2, eC(r2.getValue())), function(t3, e3, n3) {
-      if (n3.__li = e3, n3.__gui = t3, YP.extend(n3, { options: function(e4) {
+    var l2 = GC(t2, a2, i2.before);
+    return mC.addClass(l2, kC.CLASS_CONTROLLER_ROW), r2 instanceof EC ? mC.addClass(l2, "color") : mC.addClass(l2, nC(r2.getValue())), function(t3, e3, n3) {
+      if (n3.__li = e3, n3.__gui = t3, ZP.extend(n3, { options: function(e4) {
         if (arguments.length > 1) {
           var i4 = n3.__li.nextElementSibling;
-          return n3.remove(), jC(t3, n3.object, n3.property, { before: i4, factoryArgs: [YP.toArray(arguments)] });
+          return n3.remove(), VC(t3, n3.object, n3.property, { before: i4, factoryArgs: [ZP.toArray(arguments)] });
         }
-        if (YP.isArray(e4) || YP.isObject(e4)) {
+        if (ZP.isArray(e4) || ZP.isObject(e4)) {
           var r4 = n3.__li.nextElementSibling;
-          return n3.remove(), jC(t3, n3.object, n3.property, { before: r4, factoryArgs: [e4] });
+          return n3.remove(), VC(t3, n3.object, n3.property, { before: r4, factoryArgs: [e4] });
         }
       }, name: function(t4) {
         return n3.__li.firstElementChild.firstElementChild.innerHTML = t4, n3;
@@ -34519,157 +34540,157 @@ void main(void){
         return n3.__gui.listen(n3), n3;
       }, remove: function() {
         return n3.__gui.remove(n3), n3;
-      } }), n3 instanceof TC) {
-        var i3 = new xC(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
-        YP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t4) {
+      } }), n3 instanceof wC) {
+        var i3 = new bC(n3.object, n3.property, { min: n3.__min, max: n3.__max, step: n3.__step });
+        ZP.each(["updateDisplay", "onChange", "onFinishChange", "step", "min", "max"], function(t4) {
           var e4 = n3[t4], r4 = i3[t4];
           n3[t4] = i3[t4] = function() {
             var t5 = Array.prototype.slice.call(arguments);
             return r4.apply(i3, t5), e4.apply(n3, t5);
           };
-        }), fC.addClass(e3, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
-      } else if (n3 instanceof xC) {
+        }), mC.addClass(e3, "has-slider"), n3.domElement.insertBefore(i3.domElement, n3.domElement.firstElementChild);
+      } else if (n3 instanceof bC) {
         var r3 = function(e4) {
-          if (YP.isNumber(n3.__min) && YP.isNumber(n3.__max)) {
+          if (ZP.isNumber(n3.__min) && ZP.isNumber(n3.__max)) {
             var i4 = n3.__li.firstElementChild.firstElementChild.innerHTML, r4 = n3.__gui.__listening.indexOf(n3) > -1;
             n3.remove();
-            var o3 = jC(t3, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
+            var o3 = VC(t3, n3.object, n3.property, { before: n3.__li.nextElementSibling, factoryArgs: [n3.__min, n3.__max, n3.__step] });
             return o3.name(i4), r4 && o3.listen(), o3;
           }
           return e4;
         };
-        n3.min = YP.compose(r3, n3.min), n3.max = YP.compose(r3, n3.max);
+        n3.min = ZP.compose(r3, n3.min), n3.max = ZP.compose(r3, n3.max);
       } else
-        n3 instanceof mC ? (fC.bind(e3, "click", function() {
-          fC.fakeEvent(n3.__checkbox, "click");
-        }), fC.bind(n3.__checkbox, "click", function(t4) {
+        n3 instanceof gC ? (mC.bind(e3, "click", function() {
+          mC.fakeEvent(n3.__checkbox, "click");
+        }), mC.bind(n3.__checkbox, "click", function(t4) {
           t4.stopPropagation();
-        })) : n3 instanceof wC ? (fC.bind(e3, "click", function() {
-          fC.fakeEvent(n3.__button, "click");
-        }), fC.bind(e3, "mouseover", function() {
-          fC.addClass(n3.__button, "hover");
-        }), fC.bind(e3, "mouseout", function() {
-          fC.removeClass(n3.__button, "hover");
-        })) : n3 instanceof SC && (fC.addClass(e3, "color"), n3.updateDisplay = YP.compose(function(t4) {
+        })) : n3 instanceof SC ? (mC.bind(e3, "click", function() {
+          mC.fakeEvent(n3.__button, "click");
+        }), mC.bind(e3, "mouseover", function() {
+          mC.addClass(n3.__button, "hover");
+        }), mC.bind(e3, "mouseout", function() {
+          mC.removeClass(n3.__button, "hover");
+        })) : n3 instanceof EC && (mC.addClass(e3, "color"), n3.updateDisplay = ZP.compose(function(t4) {
           return e3.style.borderLeftColor = n3.__color.toString(), t4;
         }, n3.updateDisplay), n3.updateDisplay());
-      n3.setValue = YP.compose(function(e4) {
-        return t3.getRoot().__preset_select && n3.isModified() && HC(t3.getRoot(), true), e4;
+      n3.setValue = ZP.compose(function(e4) {
+        return t3.getRoot().__preset_select && n3.isModified() && zC(t3.getRoot(), true), e4;
       }, n3.setValue);
     }(t2, l2, r2), t2.__controllers.push(r2), r2;
   }
-  function VC(t2, e2) {
+  function WC(t2, e2) {
     return document.location.href + "." + e2;
   }
-  function WC(t2, e2, n2) {
+  function XC(t2, e2, n2) {
     var i2 = document.createElement("option");
     i2.innerHTML = e2, i2.value = e2, t2.__preset_select.appendChild(i2), n2 && (t2.__preset_select.selectedIndex = t2.__preset_select.length - 1);
   }
-  function XC(t2, e2) {
+  function qC(t2, e2) {
     e2.style.display = t2.useLocalStorage ? "block" : "none";
   }
-  function qC(t2) {
+  function YC(t2) {
     var e2 = t2.__save_row = document.createElement("li");
-    fC.addClass(t2.domElement, "has-save"), t2.__ul.insertBefore(e2, t2.__ul.firstChild), fC.addClass(e2, "save-row");
+    mC.addClass(t2.domElement, "has-save"), t2.__ul.insertBefore(e2, t2.__ul.firstChild), mC.addClass(e2, "save-row");
     var n2 = document.createElement("span");
-    n2.innerHTML = "&nbsp;", fC.addClass(n2, "button gears");
+    n2.innerHTML = "&nbsp;", mC.addClass(n2, "button gears");
     var i2 = document.createElement("span");
-    i2.innerHTML = "Save", fC.addClass(i2, "button"), fC.addClass(i2, "save");
+    i2.innerHTML = "Save", mC.addClass(i2, "button"), mC.addClass(i2, "save");
     var r2 = document.createElement("span");
-    r2.innerHTML = "New", fC.addClass(r2, "button"), fC.addClass(r2, "save-as");
+    r2.innerHTML = "New", mC.addClass(r2, "button"), mC.addClass(r2, "save-as");
     var o2 = document.createElement("span");
-    o2.innerHTML = "Revert", fC.addClass(o2, "button"), fC.addClass(o2, "revert");
+    o2.innerHTML = "Revert", mC.addClass(o2, "button"), mC.addClass(o2, "revert");
     var s2 = t2.__preset_select = document.createElement("select");
-    if (t2.load && t2.load.remembered ? YP.each(t2.load.remembered, function(e3, n3) {
-      WC(t2, n3, n3 === t2.preset);
-    }) : WC(t2, "Default", false), fC.bind(s2, "change", function() {
+    if (t2.load && t2.load.remembered ? ZP.each(t2.load.remembered, function(e3, n3) {
+      XC(t2, n3, n3 === t2.preset);
+    }) : XC(t2, "Default", false), mC.bind(s2, "change", function() {
       for (var e3 = 0; e3 < t2.__preset_select.length; e3++)
         t2.__preset_select[e3].innerHTML = t2.__preset_select[e3].value;
       t2.preset = this.value;
-    }), e2.appendChild(s2), e2.appendChild(n2), e2.appendChild(i2), e2.appendChild(r2), e2.appendChild(o2), OC) {
+    }), e2.appendChild(s2), e2.appendChild(n2), e2.appendChild(i2), e2.appendChild(r2), e2.appendChild(o2), LC) {
       var a2 = document.getElementById("dg-local-explain"), l2 = document.getElementById("dg-local-storage");
-      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(VC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), XC(t2, a2), fC.bind(l2, "change", function() {
-        t2.useLocalStorage = !t2.useLocalStorage, XC(t2, a2);
+      document.getElementById("dg-save-locally").style.display = "block", localStorage.getItem(WC(0, "isLocal")) === "true" && l2.setAttribute("checked", "checked"), qC(t2, a2), mC.bind(l2, "change", function() {
+        t2.useLocalStorage = !t2.useLocalStorage, qC(t2, a2);
       });
     }
     var u2 = document.getElementById("dg-new-constructor");
-    fC.bind(u2, "keydown", function(t3) {
-      !t3.metaKey || t3.which !== 67 && t3.keyCode !== 67 || LC.hide();
-    }), fC.bind(n2, "click", function() {
-      u2.innerHTML = JSON.stringify(t2.getSaveObject(), void 0, 2), LC.show(), u2.focus(), u2.select();
-    }), fC.bind(i2, "click", function() {
+    mC.bind(u2, "keydown", function(t3) {
+      !t3.metaKey || t3.which !== 67 && t3.keyCode !== 67 || NC.hide();
+    }), mC.bind(n2, "click", function() {
+      u2.innerHTML = JSON.stringify(t2.getSaveObject(), void 0, 2), NC.show(), u2.focus(), u2.select();
+    }), mC.bind(i2, "click", function() {
       t2.save();
-    }), fC.bind(r2, "click", function() {
+    }), mC.bind(r2, "click", function() {
       var e3 = prompt("Enter a new preset name.");
       e3 && t2.saveAs(e3);
-    }), fC.bind(o2, "click", function() {
+    }), mC.bind(o2, "click", function() {
       t2.revert();
     });
   }
-  function YC(t2) {
+  function ZC(t2) {
     var e2 = void 0;
     function n2(n3) {
       return n3.preventDefault(), t2.width += e2 - n3.clientX, t2.onResize(), e2 = n3.clientX, false;
     }
     function i2() {
-      fC.removeClass(t2.__closeButton, UC.CLASS_DRAG), fC.unbind(window, "mousemove", n2), fC.unbind(window, "mouseup", i2);
+      mC.removeClass(t2.__closeButton, kC.CLASS_DRAG), mC.unbind(window, "mousemove", n2), mC.unbind(window, "mouseup", i2);
     }
     function r2(r3) {
-      return r3.preventDefault(), e2 = r3.clientX, fC.addClass(t2.__closeButton, UC.CLASS_DRAG), fC.bind(window, "mousemove", n2), fC.bind(window, "mouseup", i2), false;
+      return r3.preventDefault(), e2 = r3.clientX, mC.addClass(t2.__closeButton, kC.CLASS_DRAG), mC.bind(window, "mousemove", n2), mC.bind(window, "mouseup", i2), false;
     }
-    t2.__resize_handle = document.createElement("div"), YP.extend(t2.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), fC.bind(t2.__resize_handle, "mousedown", r2), fC.bind(t2.__closeButton, "mousedown", r2), t2.domElement.insertBefore(t2.__resize_handle, t2.domElement.firstElementChild);
+    t2.__resize_handle = document.createElement("div"), ZP.extend(t2.__resize_handle.style, { width: "6px", marginLeft: "-3px", height: "200px", cursor: "ew-resize", position: "absolute" }), mC.bind(t2.__resize_handle, "mousedown", r2), mC.bind(t2.__closeButton, "mousedown", r2), t2.domElement.insertBefore(t2.__resize_handle, t2.domElement.firstElementChild);
   }
-  function ZC(t2, e2) {
+  function JC(t2, e2) {
     t2.domElement.style.width = e2 + "px", t2.__save_row && t2.autoPlace && (t2.__save_row.style.width = e2 + "px"), t2.__closeButton && (t2.__closeButton.style.width = e2 + "px");
   }
-  function JC(t2, e2) {
+  function $C(t2, e2) {
     var n2 = {};
-    return YP.each(t2.__rememberedObjects, function(i2, r2) {
+    return ZP.each(t2.__rememberedObjects, function(i2, r2) {
       var o2 = {}, s2 = t2.__rememberedObjectIndecesToControllers[r2];
-      YP.each(s2, function(t3, n3) {
+      ZP.each(s2, function(t3, n3) {
         o2[n3] = e2 ? t3.initialValue : t3.getValue();
       }), n2[r2] = o2;
     }), n2;
   }
-  UC.toggleHide = function() {
-    FC = !FC, YP.each(BC, function(t2) {
-      t2.domElement.style.display = FC ? "none" : "";
+  kC.toggleHide = function() {
+    BC = !BC, ZP.each(UC, function(t2) {
+      t2.domElement.style.display = BC ? "none" : "";
     });
-  }, UC.CLASS_AUTO_PLACE = "a", UC.CLASS_AUTO_PLACE_CONTAINER = "ac", UC.CLASS_MAIN = "main", UC.CLASS_CONTROLLER_ROW = "cr", UC.CLASS_TOO_TALL = "taller-than-window", UC.CLASS_CLOSED = "closed", UC.CLASS_CLOSE_BUTTON = "close-button", UC.CLASS_CLOSE_TOP = "close-top", UC.CLASS_CLOSE_BOTTOM = "close-bottom", UC.CLASS_DRAG = "drag", UC.DEFAULT_WIDTH = 245, UC.TEXT_CLOSED = "Close Controls", UC.TEXT_OPEN = "Open Controls", UC._keydownHandler = function(t2) {
-    document.activeElement.type === "text" || t2.which !== 72 && t2.keyCode !== 72 || UC.toggleHide();
-  }, fC.bind(window, "keydown", UC._keydownHandler, false), YP.extend(UC.prototype, { add: function(t2, e2) {
-    return jC(this, t2, e2, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
+  }, kC.CLASS_AUTO_PLACE = "a", kC.CLASS_AUTO_PLACE_CONTAINER = "ac", kC.CLASS_MAIN = "main", kC.CLASS_CONTROLLER_ROW = "cr", kC.CLASS_TOO_TALL = "taller-than-window", kC.CLASS_CLOSED = "closed", kC.CLASS_CLOSE_BUTTON = "close-button", kC.CLASS_CLOSE_TOP = "close-top", kC.CLASS_CLOSE_BOTTOM = "close-bottom", kC.CLASS_DRAG = "drag", kC.DEFAULT_WIDTH = 245, kC.TEXT_CLOSED = "Close Controls", kC.TEXT_OPEN = "Open Controls", kC._keydownHandler = function(t2) {
+    document.activeElement.type === "text" || t2.which !== 72 && t2.keyCode !== 72 || kC.toggleHide();
+  }, mC.bind(window, "keydown", kC._keydownHandler, false), ZP.extend(kC.prototype, { add: function(t2, e2) {
+    return VC(this, t2, e2, { factoryArgs: Array.prototype.slice.call(arguments, 2) });
   }, addColor: function(t2, e2) {
-    return jC(this, t2, e2, { color: true });
+    return VC(this, t2, e2, { color: true });
   }, remove: function(t2) {
     this.__ul.removeChild(t2.__li), this.__controllers.splice(this.__controllers.indexOf(t2), 1);
     var e2 = this;
-    YP.defer(function() {
+    ZP.defer(function() {
       e2.onResize();
     });
   }, destroy: function() {
     if (this.parent)
       throw new Error("Only the root GUI should be removed with .destroy(). For subfolders, use gui.removeFolder(folder) instead.");
-    this.autoPlace && DC.removeChild(this.domElement);
+    this.autoPlace && FC.removeChild(this.domElement);
     var t2 = this;
-    YP.each(this.__folders, function(e2) {
+    ZP.each(this.__folders, function(e2) {
       t2.removeFolder(e2);
-    }), fC.unbind(window, "keydown", UC._keydownHandler, false), GC(this);
+    }), mC.unbind(window, "keydown", kC._keydownHandler, false), HC(this);
   }, addFolder: function(t2) {
     if (this.__folders[t2] !== void 0)
       throw new Error('You already have a folder in this GUI by the name "' + t2 + '"');
     var e2 = { name: t2, parent: this };
     e2.autoPlace = this.autoPlace, this.load && this.load.folders && this.load.folders[t2] && (e2.closed = this.load.folders[t2].closed, e2.load = this.load.folders[t2]);
-    var n2 = new UC(e2);
+    var n2 = new kC(e2);
     this.__folders[t2] = n2;
-    var i2 = kC(this, n2.domElement);
-    return fC.addClass(i2, "folder"), n2;
+    var i2 = GC(this, n2.domElement);
+    return mC.addClass(i2, "folder"), n2;
   }, removeFolder: function(t2) {
-    this.__ul.removeChild(t2.domElement.parentElement), delete this.__folders[t2.name], this.load && this.load.folders && this.load.folders[t2.name] && delete this.load.folders[t2.name], GC(t2);
+    this.__ul.removeChild(t2.domElement.parentElement), delete this.__folders[t2.name], this.load && this.load.folders && this.load.folders[t2.name] && delete this.load.folders[t2.name], HC(t2);
     var e2 = this;
-    YP.each(t2.__folders, function(e3) {
+    ZP.each(t2.__folders, function(e3) {
       t2.removeFolder(e3);
-    }), YP.defer(function() {
+    }), ZP.defer(function() {
       e2.onResize();
     });
   }, open: function() {
@@ -34683,60 +34704,60 @@ void main(void){
   }, onResize: function() {
     var t2 = this.getRoot();
     if (t2.scrollable) {
-      var e2 = fC.getOffset(t2.__ul).top, n2 = 0;
-      YP.each(t2.__ul.childNodes, function(e3) {
-        t2.autoPlace && e3 === t2.__save_row || (n2 += fC.getHeight(e3));
-      }), window.innerHeight - e2 - 20 < n2 ? (fC.addClass(t2.domElement, UC.CLASS_TOO_TALL), t2.__ul.style.height = window.innerHeight - e2 - 20 + "px") : (fC.removeClass(t2.domElement, UC.CLASS_TOO_TALL), t2.__ul.style.height = "auto");
+      var e2 = mC.getOffset(t2.__ul).top, n2 = 0;
+      ZP.each(t2.__ul.childNodes, function(e3) {
+        t2.autoPlace && e3 === t2.__save_row || (n2 += mC.getHeight(e3));
+      }), window.innerHeight - e2 - 20 < n2 ? (mC.addClass(t2.domElement, kC.CLASS_TOO_TALL), t2.__ul.style.height = window.innerHeight - e2 - 20 + "px") : (mC.removeClass(t2.domElement, kC.CLASS_TOO_TALL), t2.__ul.style.height = "auto");
     }
-    t2.__resize_handle && YP.defer(function() {
+    t2.__resize_handle && ZP.defer(function() {
       t2.__resize_handle.style.height = t2.__ul.offsetHeight + "px";
     }), t2.__closeButton && (t2.__closeButton.style.width = t2.width + "px");
-  }, onResizeDebounced: YP.debounce(function() {
+  }, onResizeDebounced: ZP.debounce(function() {
     this.onResize();
   }, 50), remember: function() {
-    if (YP.isUndefined(LC) && ((LC = new IC()).domElement.innerHTML = RC), this.parent)
+    if (ZP.isUndefined(NC) && ((NC = new OC()).domElement.innerHTML = PC), this.parent)
       throw new Error("You can only call remember on a top level GUI.");
     var t2 = this;
-    YP.each(Array.prototype.slice.call(arguments), function(e2) {
-      t2.__rememberedObjects.length === 0 && qC(t2), t2.__rememberedObjects.indexOf(e2) === -1 && t2.__rememberedObjects.push(e2);
-    }), this.autoPlace && ZC(this, this.width);
+    ZP.each(Array.prototype.slice.call(arguments), function(e2) {
+      t2.__rememberedObjects.length === 0 && YC(t2), t2.__rememberedObjects.indexOf(e2) === -1 && t2.__rememberedObjects.push(e2);
+    }), this.autoPlace && JC(this, this.width);
   }, getRoot: function() {
     for (var t2 = this; t2.parent; )
       t2 = t2.parent;
     return t2;
   }, getSaveObject: function() {
     var t2 = this.load;
-    return t2.closed = this.closed, this.__rememberedObjects.length > 0 && (t2.preset = this.preset, t2.remembered || (t2.remembered = {}), t2.remembered[this.preset] = JC(this)), t2.folders = {}, YP.each(this.__folders, function(e2, n2) {
+    return t2.closed = this.closed, this.__rememberedObjects.length > 0 && (t2.preset = this.preset, t2.remembered || (t2.remembered = {}), t2.remembered[this.preset] = $C(this)), t2.folders = {}, ZP.each(this.__folders, function(e2, n2) {
       t2.folders[n2] = e2.getSaveObject();
     }), t2;
   }, save: function() {
-    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = JC(this), HC(this, false), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}), this.load.remembered[this.preset] = $C(this), zC(this, false), this.saveToLocalStorageIfPossible();
   }, saveAs: function(t2) {
-    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = JC(this, true)), this.load.remembered[t2] = JC(this), this.preset = t2, WC(this, t2, true), this.saveToLocalStorageIfPossible();
+    this.load.remembered || (this.load.remembered = {}, this.load.remembered.Default = $C(this, true)), this.load.remembered[t2] = $C(this), this.preset = t2, XC(this, t2, true), this.saveToLocalStorageIfPossible();
   }, revert: function(t2) {
-    YP.each(this.__controllers, function(e2) {
-      this.getRoot().load.remembered ? zC(t2 || this.getRoot(), e2) : e2.setValue(e2.initialValue), e2.__onFinishChange && e2.__onFinishChange.call(e2, e2.getValue());
-    }, this), YP.each(this.__folders, function(t3) {
+    ZP.each(this.__controllers, function(e2) {
+      this.getRoot().load.remembered ? jC(t2 || this.getRoot(), e2) : e2.setValue(e2.initialValue), e2.__onFinishChange && e2.__onFinishChange.call(e2, e2.getValue());
+    }, this), ZP.each(this.__folders, function(t3) {
       t3.revert(t3);
-    }), t2 || HC(this.getRoot(), false);
+    }), t2 || zC(this.getRoot(), false);
   }, listen: function(t2) {
     var e2 = this.__listening.length === 0;
     this.__listening.push(t2), e2 && function t3(e3) {
-      e3.length !== 0 && CC.call(window, function() {
+      e3.length !== 0 && IC.call(window, function() {
         t3(e3);
       });
-      YP.each(e3, function(t4) {
+      ZP.each(e3, function(t4) {
         t4.updateDisplay();
       });
     }(this.__listening);
   }, updateDisplay: function() {
-    YP.each(this.__controllers, function(t2) {
+    ZP.each(this.__controllers, function(t2) {
       t2.updateDisplay();
-    }), YP.each(this.__folders, function(t2) {
+    }), ZP.each(this.__folders, function(t2) {
       t2.updateDisplay();
     });
   } });
-  var $C = UC, KC = function() {
+  var KC = kC, QC = function() {
     function t2(t3) {
       this.runTime = { fps: 0, resolution: "" }, this.target = t3.target, this.data = t3.params, this.player = t3.player, this.gui = this.createControllerGUI(), this.createStats(), this.addEventListener();
     }
@@ -34746,7 +34767,7 @@ void main(void){
         t3.player.view && (t3.controller.runTimeFps.setValue(t3.player.fps.value), t3.controller.drawCall.setValue(t3.player.runtime.drawCall), t3.controller.runTimeResolution.setValue(t3.player.view.width + "*" + t3.player.view.height));
       }, 500);
     }, t2.prototype.createControllerGUI = function() {
-      var t3, e2, n2, i2, r2, o2 = new $C({ autoPlace: true, closed: true });
+      var t3, e2, n2, i2, r2, o2 = new KC({ autoPlace: true, closed: true });
       o2.domElement.style.opacity = ".6", o2.domElement.style.transformOrigin = "100% 0", o2.domElement.style.transform = "scale(1)", this.target.appendChild(o2.domElement), o2.domElement.style.position = "absolute", o2.domElement.style.right = "0", o2.domElement.style.top = "0", o2.domElement.style.zIndex = "2";
       var s2 = o2.add({ FPS: 0 }, "FPS", 0), a2 = o2.add({ drawCall: 0 }, "drawCall", 0), l2 = o2.add({ "\u5206\u8FA8\u7387": "" }, "\u5206\u8FA8\u7387", ""), u2 = o2.add({ "\u989D\u5916\u8BA1\u7B97": 0 }, "\u989D\u5916\u8BA1\u7B97", 0, 200), h2 = o2.addFolder("renderOptions");
       return this.controller = { runTimeResolution: l2, runTimeFps: s2, drawCall: a2, moreCalculation: u2, minFPS: h2.add({ "\u6700\u4F4Efps": (t3 = this.data.minFPS) !== null && t3 !== void 0 ? t3 : 40 }, "\u6700\u4F4Efps", 0, 60), maxFPS: h2.add({ "\u6700\u9AD8fps": (e2 = this.data.maxFPS) !== null && e2 !== void 0 ? e2 : 50 }, "\u6700\u9AD8fps", 0, 60), resolution: h2.add({ "\u76EE\u6807\u5206\u8FA8\u500D\u7387": (n2 = this.data.resolution) !== null && n2 !== void 0 ? n2 : window.devicePixelRatio }, "\u76EE\u6807\u5206\u8FA8\u500D\u7387", 0.5, 6), autoResolution: h2.add({ "\u81EA\u52A8\u5206\u8FA8\u7387": (i2 = this.data.autoResolution) !== null && i2 !== void 0 && i2 }, "\u81EA\u52A8\u5206\u8FA8\u7387", true), autoFps: h2.add({ "\u81EA\u52A8fps": (r2 = this.data.autoFPS) === null || r2 === void 0 || r2 }, "\u81EA\u52A8fps", true), transactionBgColor: h2.addColor({ "\u5207\u9875\u80CC\u666F\u8272": this.data.transactionBgColor }, "\u5207\u9875\u80CC\u666F\u8272") }, this.controller.runTimeFps.disabled = true, this.controller.runTimeResolution.disabled = true, o2;
@@ -34777,7 +34798,7 @@ void main(void){
       } catch (t3) {
       }
     }, t2;
-  }(), QC = function() {
+  }(), tI = function() {
     function t2(t3) {
       var e2 = this;
       this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
@@ -34793,7 +34814,7 @@ void main(void){
     }, t2.prototype.addTask = function(t3) {
       this.tasks.push(t3), this.isScheduling || this.schedule();
     }, t2;
-  }(), tI = function() {
+  }(), eI = function() {
     function t2(t3) {
       this.autoUnlock = /* @__PURE__ */ Object.create(null), this.locks = /* @__PURE__ */ Object.create(null), this.available = false, this.available = t3;
     }
@@ -34807,7 +34828,7 @@ void main(void){
     }, t2.prototype.isLocked = function(t3) {
       return !!this.available && !!this.locks[t3];
     }, t2;
-  }(), eI = function() {
+  }(), nI = function() {
     function t2() {
       var t3 = this;
       this.tasks = [], this.isDestroy = false, this.isScheduling = false, this.schedule = function() {
@@ -34830,7 +34851,7 @@ void main(void){
     }, t2.prototype.destroy = function() {
       this.isDestroy = true;
     }, t2;
-  }(), nI = function() {
+  }(), iI = function() {
     var t2 = function(e2, n2) {
       return (t2 = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(t3, e3) {
         t3.__proto__ = e3;
@@ -34847,14 +34868,14 @@ void main(void){
       }
       t2(e2, n2), e2.prototype = n2 === null ? Object.create(n2) : (i2.prototype = n2.prototype, new i2());
     };
-  }(), iI = function() {
-    return (iI = Object.assign || function(t2) {
+  }(), rI = function() {
+    return (rI = Object.assign || function(t2) {
       for (var e2, n2 = 1, i2 = arguments.length; n2 < i2; n2++)
         for (var r2 in e2 = arguments[n2])
           Object.prototype.hasOwnProperty.call(e2, r2) && (t2[r2] = e2[r2]);
       return t2;
     }).apply(this, arguments);
-  }, rI = function(t2, e2, n2, i2) {
+  }, oI = function(t2, e2, n2, i2) {
     var r2, o2 = arguments.length, s2 = o2 < 3 ? e2 : i2 === null ? i2 = Object.getOwnPropertyDescriptor(e2, n2) : i2;
     if (typeof Reflect == "object" && typeof Reflect.decorate == "function")
       s2 = Reflect.decorate(t2, e2, n2, i2);
@@ -34862,7 +34883,7 @@ void main(void){
       for (var a2 = t2.length - 1; a2 >= 0; a2--)
         (r2 = t2[a2]) && (s2 = (o2 < 3 ? r2(s2) : o2 > 3 ? r2(e2, n2, s2) : r2(e2, n2)) || s2);
     return o2 > 3 && s2 && Object.defineProperty(e2, n2, s2), s2;
-  }, oI = function(t2, e2, n2, i2) {
+  }, sI = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -34886,7 +34907,7 @@ void main(void){
       }
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
-  }, sI = function(t2, e2) {
+  }, aI = function(t2, e2) {
     var n2, i2, r2, o2, s2 = { label: 0, sent: function() {
       if (1 & r2[0])
         throw r2[1];
@@ -34949,20 +34970,20 @@ void main(void){
         }([o3, a3]);
       };
     }
-  }, aI = window.ResizeObserver || GP, lI = function(t2) {
+  }, lI = window.ResizeObserver || HP, uI = function(t2) {
     return new Promise(function(e2) {
       return setTimeout(e2, t2);
     });
   };
-  function uI(t2, e2) {
-    return oI(this, void 0, void 0, function() {
+  function hI(t2, e2) {
+    return sI(this, void 0, void 0, function() {
       var n2;
-      return sI(this, function(i2) {
+      return aI(this, function(i2) {
         switch (i2.label) {
           case 0:
             n2 = Date.now(), i2.label = 1;
           case 1:
-            return !t2() && Date.now() - n2 < e2 ? [4, lI(50)] : [3, 3];
+            return !t2() && Date.now() - n2 < e2 ? [4, uI(50)] : [3, 3];
           case 2:
             return i2.sent(), [3, 1];
           case 3:
@@ -34971,21 +34992,21 @@ void main(void){
       });
     });
   }
-  var hI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, cI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, dI = "";
+  var cI = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange" }, dI = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, pI = "";
   try {
-    dI = "0.5.16-alpha.1";
+    pI = "0.5.16-alpha.3";
   } catch (t2) {
-    dI = "development";
+    pI = "development";
   }
-  var pI = null;
+  var fI = null;
   try {
-    pI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
+    fI = o.createInstance({ name: "__slide_local_log__", driver: o.INDEXEDDB, version: 1 });
   } catch (t2) {
   }
-  var fI = function(t2) {
+  var mI = function(t2) {
     function e2(n3) {
       var i2 = t2.call(this) || this;
-      return i2.iosResetCache = [], i2.needClearCacheImage = false, i2.version = dI, i2.__slideState = Object(l.cloneDeep)(cI), i2.userInputTime = 0, i2.isSyncingSlideState = false, i2.frozenTaskManager = new eI(), i2.randomId = Math.random().toString(32).substr(2), i2.resize = false, i2.isAnimating = false, i2.renderingTaskManager = new VP(), i2.isLoading = false, i2.interactive = true, i2.renderingIndex = 0, i2.frameWidth = 1, i2.frameHeight = 1, i2.frame = document.createElement("div"), i2.medianController = document.createElement("div"), i2.frameResizeObserver = new aI(function() {
+      return i2.iosResetCache = [], i2.needClearCacheImage = false, i2.version = pI, i2.__slideState = Object(l.cloneDeep)(dI), i2.userInputTime = 0, i2.isSyncingSlideState = false, i2.frozenTaskManager = new nI(), i2.randomId = Math.random().toString(32).substr(2), i2.resize = false, i2.isAnimating = false, i2.renderingTaskManager = new WP(), i2.isLoading = false, i2.interactive = true, i2.renderingIndex = 0, i2.frameWidth = 1, i2.frameHeight = 1, i2.frame = document.createElement("div"), i2.medianController = document.createElement("div"), i2.frameResizeObserver = new lI(function() {
         return i2.frameResizeHandler();
       }), i2.timestamp = function() {
         return Date.now();
@@ -35005,12 +35026,12 @@ void main(void){
       }, i2.handleSlideRef = function() {
         console.log(i2), window.__slide = i2;
       }, i2.receiveSyncHandler = function(t3) {
-        return oI(i2, void 0, void 0, function() {
+        return sI(i2, void 0, void 0, function() {
           var e3, n4, i3, r2, o2 = this;
-          return sI(this, function(s2) {
+          return aI(this, function(s2) {
             switch (s2.label) {
               case 0:
-                return Object(l.isNumber)(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(hI.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), t3.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
+                return Object(l.isNumber)(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(cI.syncEventLag), this._receiveIncrId = t3.incrId || 0), this.logger.info("sync receive " + JSON.stringify(t3), this.taskId), t3.type !== "nextStep" ? [3, 1] : (this.mainSeqStep !== t3.next - 1 && this.mainSeqStep + 1 !== this.mainSeqLength && this.player ? (this.setMainSeqStep(t3.next, "start"), this.player.nextTick(function() {
                   o2.doNextStep(true);
                 })) : this.doNextStep(true), [3, 6]);
               case 1:
@@ -35031,9 +35052,9 @@ void main(void){
           });
         });
       }, i2.handlePrevSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), oI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), sI(i2, void 0, void 0, function() {
           var e3, n4;
-          return sI(this, function(i3) {
+          return aI(this, function(i3) {
             switch (i3.label) {
               case 0:
                 return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(true)] : [2];
@@ -35043,9 +35064,9 @@ void main(void){
           });
         });
       }, i2.handleNextSlide = function(t3) {
-        return t3 === void 0 && (t3 = false), oI(i2, void 0, void 0, function() {
+        return t3 === void 0 && (t3 = false), sI(i2, void 0, void 0, function() {
           var e3, n4;
-          return sI(this, function(i3) {
+          return aI(this, function(i3) {
             switch (i3.label) {
               case 0:
                 return this.player ? [4, (n4 = this.player) === null || n4 === void 0 ? void 0 : n4.createSnapshotForNextSlide(false)] : [2];
@@ -35069,23 +35090,23 @@ void main(void){
       }, error: function(t3, n4) {
         var r2, o2;
         ((r2 = i2.config.logger) === null || r2 === void 0 ? void 0 : r2.error) && (e2._tempLog += "ERROR - " + new Date().toISOString() + " - {" + i2.randomId + "}[" + n4 + "] " + t3 + "\n\n", (o2 = i2.config.logger) === null || o2 === void 0 || o2.error("[" + n4 + "] " + t3));
-      } }, i2.anchor = i2.config.anchor, i2.syncQueue = new QC(i2.receiveSyncHandler), i2.lock = new tI(i2.mode === "interactive"), i2.cacheImage.style.position = "absolute", i2.cacheImage.style.zIndex = "100", i2.setMedianControllerAttribute(), i2.frame.appendChild(i2.medianController), i2.frameResizeObserver.observe(i2.frame), i2.on(hI.syncReceive, function(t3) {
+      } }, i2.anchor = i2.config.anchor, i2.syncQueue = new tI(i2.receiveSyncHandler), i2.lock = new eI(i2.mode === "interactive"), i2.cacheImage.style.position = "absolute", i2.cacheImage.style.zIndex = "100", i2.setMedianControllerAttribute(), i2.frame.appendChild(i2.medianController), i2.frameResizeObserver.observe(i2.frame), i2.on(cI.syncReceive, function(t3) {
         i2.lock.unlock(t3.type, t3.uuid), i2.syncQueue.addTask(t3);
       }), i2.renderingTaskManager.eventHub.on("task-error", function(t3) {
         var e3 = t3.error, n4 = t3.task, r2 = qE.transform(e3);
-        r2.errorType === VE.RuntimeWarn ? i2.logger.warn(r2.message, i2.taskId) : i2.logger.error(r2.message, i2.taskId), i2.isLoading = false, i2.emit(hI.renderError, { error: r2, index: n4.slideIndex });
+        r2.errorType === VE.RuntimeWarn ? i2.logger.warn(r2.message, i2.taskId) : i2.logger.error(r2.message, i2.taskId), i2.isLoading = false, i2.emit(cI.renderError, { error: r2, index: n4.slideIndex });
       }), window.addEventListener("__slide_ref__", i2.handleSlideRef), i2.resizeView = Object(l.debounce)(i2.resizeView.bind(i2), 50), i2.player = i2.initPlayer(i2.config), i2.config.controller && i2.createController(), i2.player.view && i2.frame.appendChild(i2.player.view), i2.handleViewClick = Object(l.debounce)(i2.handleViewClick, 300), i2.player.errorChannel.on("error", function(t3, e3) {
         var n4 = qE.transform(t3);
-        n4.errorType === VE.RuntimeWarn ? i2.logger.warn(n4.message, i2.taskId) : i2.logger.error(n4.message, i2.taskId), i2.isLoading = false, e3 === i2.renderingIndex && i2.emit(hI.renderError, { error: t3, index: e3 });
+        n4.errorType === VE.RuntimeWarn ? i2.logger.warn(n4.message, i2.taskId) : i2.logger.error(n4.message, i2.taskId), i2.isLoading = false, e3 === i2.renderingIndex && i2.emit(cI.renderError, { error: t3, index: e3 });
       }), i2;
     }
     var n2;
-    return nI(e2, t2), e2.flushLog = function() {
-      return oI(this, void 0, void 0, function() {
-        return sI(this, function(t3) {
+    return iI(e2, t2), e2.flushLog = function() {
+      return sI(this, void 0, void 0, function() {
+        return aI(this, function(t3) {
           switch (t3.label) {
             case 0:
-              return e2._tempLog.length > 0 ? [4, pI == null ? void 0 : pI.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)] : [3, 2];
+              return e2._tempLog.length > 0 ? [4, fI == null ? void 0 : fI.setItem("run_time_log_" + e2._tempLogIndex, e2._tempLog)] : [3, 2];
             case 1:
               t3.sent(), e2._tempLog = "", e2._tempLogIndex += 1, t3.label = 2;
             case 2:
@@ -35096,51 +35117,51 @@ void main(void){
     }, Object.defineProperty(e2.prototype, "dispatchIncrId", { get: function() {
       return this._dispatchIncrId++;
     }, enumerable: false, configurable: true }), e2.prototype.initSlideConfig = function(t3) {
-      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (KR.RtcAudioClazz = t3.rtcAudio), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !Object(l.isUndefined)(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3;
+      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (QR.RtcAudioClazz = t3.rtcAudio), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !Object(l.isUndefined)(t3.enableGlobalClick) && t3.enableGlobalClick, this.resize = t3.resize || false, this.interactive = t3.interactive, this.frame.style.cssText = t3.fixedFrameSize ? "width:" + t3.fixedFrameSize.width + "px;height:" + t3.fixedFrameSize.height + "px;" : "width:100%;height:100%", this.frame.style.cssText += "display:flex;justify-content:center;align-items:center;visibility:hidden;position:relative;z-index:1;", t3.fixedFrameSize && (this.frameWidth = t3.fixedFrameSize.width, this.frameHeight = t3.fixedFrameSize.height), t3;
     }, e2.prototype.initPlayer = function(t3) {
-      var e3, n3, i2, r2 = this, o2 = new KR({ mode: this.mode, useLocalCache: !!Object(l.isUndefined)(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: Object(l.isUndefined)(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate });
-      return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on($R.renderStart, function(t4) {
-        r2.isLoading = true, r2.emit(hI.renderStart, t4);
-      }), o2.on($R.renderEnd, function(t4) {
-        r2.isLoading = false, r2.player && (r2.designHeight = r2.player.designHeight, r2.designWidth = r2.player.designWidth, r2.cacheImage.style.width = r2.player.designWidth + "px", r2.cacheImage.style.height = r2.player.designHeight + "px", r2._slideCount = r2.player.slideCount), r2.emit(hI.renderEnd, t4);
-      }), o2.on($R.slideChange, function(t4) {
-        r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(hI.slideChange, t4);
-      }), o2.on($R.mainSeqStateChange, function(t4) {
+      var e3, n3, i2, r2 = this, o2 = new QR({ mode: this.mode, useLocalCache: !!Object(l.isUndefined)(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: Object(l.isUndefined)(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate });
+      return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on(KR.renderStart, function(t4) {
+        r2.isLoading = true, r2.emit(cI.renderStart, t4);
+      }), o2.on(KR.renderEnd, function(t4) {
+        r2.isLoading = false, r2.player && (r2.designHeight = r2.player.designHeight, r2.designWidth = r2.player.designWidth, r2.cacheImage.style.width = r2.player.designWidth + "px", r2.cacheImage.style.height = r2.player.designHeight + "px", r2._slideCount = r2.player.slideCount), r2.emit(cI.renderEnd, t4);
+      }), o2.on(KR.slideChange, function(t4) {
+        r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(cI.slideChange, t4);
+      }), o2.on(KR.mainSeqStateChange, function(t4) {
         r2.__slideState.mainSeqState = t4, r2.emitStateChange();
-      }), o2.on($R.mainSeqStepChange, function(t4) {
+      }), o2.on(KR.mainSeqStepChange, function(t4) {
         r2.__slideState.mainSeqStep = t4, r2.emitStateChange();
-      }), o2.on($R.interactiveSeqStateChange, function(t4) {
+      }), o2.on(KR.interactiveSeqStateChange, function(t4) {
         var e4 = t4.id, n4 = t4.state;
         r2.__slideState.interactiveSeqState[e4] = n4, r2.emitStateChange();
-      }), o2.on($R.animateStart, function() {
-        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(hI.animateStart));
-      }), o2.on($R.animateEnd, function() {
-        r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(hI.animateEnd));
-      }), o2.on($R.interactiveSeqAction, function(t4) {
+      }), o2.on(KR.animateStart, function() {
+        r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(cI.animateStart));
+      }), o2.on(KR.animateEnd, function() {
+        r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(cI.animateEnd));
+      }), o2.on(KR.interactiveSeqAction, function(t4) {
         var e4 = t4.action, n4 = t4.seqId;
         r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "interactiveAnim", action: e4, seqId: n4 }), r2.emitStateChange();
-      }), o2.on($R.mainSeqStepStart, function(t4) {
-        r2.emit(hI.mainSeqStepStart, t4);
-      }), o2.on($R.mainSeqStepEnd, function(t4) {
-        r2.emit(hI.mainSeqStepEnd, t4);
-      }), o2.on($R.mediaPlay, function(t4) {
+      }), o2.on(KR.mainSeqStepStart, function(t4) {
+        r2.emit(cI.mainSeqStepStart, t4);
+      }), o2.on(KR.mainSeqStepEnd, function(t4) {
+        r2.emit(cI.mainSeqStepEnd, t4);
+      }), o2.on(KR.mediaPlay, function(t4) {
         var e4 = { type: "play", time: r2.timestamp() - 1e3 * t4.time };
         r2.__slideState.mediaState[t4.id] = e4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPlay", id: t4.id, state: e4 }), r2.emitStateChange();
-      }), o2.on($R.mediaPause, function(t4) {
+      }), o2.on(KR.mediaPause, function(t4) {
         var e4 = { type: "pause", time: t4.time };
         r2.__slideState.mediaState[t4.id] = e4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPause", id: t4.id, state: e4 }), r2.emitStateChange();
-      }), o2.on($R.mediaSeek, function(t4) {
+      }), o2.on(KR.mediaSeek, function(t4) {
         var e4 = { type: "pause", time: 0 };
         t4.isPlaying ? (e4.type = "play", r2.__slideState.mediaState[t4.id] ? e4.time = r2.__slideState.mediaState[t4.id].time - 1e3 * t4.time : e4.time = r2.timestamp() - 1e3 * t4.time, r2.__slideState.mediaState[t4.id] = e4) : (e4.type = "pause", e4.time = t4.time, r2.__slideState.mediaState[t4.id] = e4), r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaSeek", id: t4.id, time: t4.time, state: e4 }), r2.emitStateChange();
-      }), o2.on($R.requestPrevSlide, function(t4) {
+      }), o2.on(KR.requestPrevSlide, function(t4) {
         r2.handlePrevSlide(t4);
-      }), o2.on($R.requestNextSlide, function(t4) {
+      }), o2.on(KR.requestNextSlide, function(t4) {
         r2.handleNextSlide(t4);
-      }), o2.on($R.requestGotoSlide, function(t4) {
+      }), o2.on(KR.requestGotoSlide, function(t4) {
         r2.config.navigatorDelegate ? r2.config.navigatorDelegate.gotoPage(t4) : r2.handleGotoSlide(t4);
-      }), (e3 = o2.view) === null || e3 === void 0 || e3.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i2 = o2.view) === null || i2 === void 0 || i2.addEventListener("click", this.handleViewClick), o2.on($R.userInput, this.userInputHandle), o2;
+      }), (e3 = o2.view) === null || e3 === void 0 || e3.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i2 = o2.view) === null || i2 === void 0 || i2.addEventListener("click", this.handleViewClick), o2.on(KR.userInput, this.userInputHandle), o2;
     }, e2.prototype.createController = function() {
-      this.player && (this.playerController = new KC({ player: this.player, params: this.player.config || {}, target: this.frame }));
+      this.player && (this.playerController = new QC({ player: this.player, params: this.player.config || {}, target: this.frame }));
     }, e2.prototype.setMedianControllerAttribute = function() {
       this.medianController.className = "median-container", this.medianController.style.position = "absolute", this.medianController.style.left = "0", this.medianController.style.top = "0", this.medianController.style.zIndex = "2";
     }, e2.prototype.frameResizeHandler = function() {
@@ -35160,9 +35181,9 @@ void main(void){
       }
     }, e2.prototype.setSlideState = function(t3) {
       var e3, n3, i2;
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var r2, o2 = this;
-        return sI(this, function(s2) {
+        return aI(this, function(s2) {
           switch (s2.label) {
             case 0:
               return this.isSyncingSlideState = true, this.logger.info("stateChange receive " + JSON.stringify(t3), this.taskId), t3.taskId && t3.taskId !== this.__slideState.taskId && (this.__slideState.taskId = t3.taskId, (e3 = this.player) === null || e3 === void 0 || e3.setResourceData(t3.taskId, this.__slideState.url)), t3.url && t3.url !== this.__slideState.url && (this.__slideState.url = t3.url, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(this.__slideState.taskId, t3.url)), Number.isInteger(t3.currentSlideIndex) && t3.currentSlideIndex !== this.__slideState.currentSlideIndex ? (this.__slideState.currentSlideIndex = t3.currentSlideIndex, [4, this.doRenderSlide(t3.currentSlideIndex)]) : [3, 2];
@@ -35202,9 +35223,9 @@ void main(void){
     }, Object.defineProperty(e2.prototype, "slideCount", { get: function() {
       return this._slideCount;
     }, enumerable: false, configurable: true }), e2.prototype.getSizeAsync = function() {
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var t3;
-        return sI(this, function(e3) {
+        return aI(this, function(e3) {
           switch (e3.label) {
             case 0:
               if (this.width > 0 && this.height > 0)
@@ -35224,8 +35245,8 @@ void main(void){
         });
       });
     }, e2.prototype.getSlideCountAsync = function() {
-      return oI(this, void 0, void 0, function() {
-        return sI(this, function(t3) {
+      return sI(this, void 0, void 0, function() {
+        return aI(this, function(t3) {
           switch (t3.label) {
             case 0:
               if (this._slideCount > 0)
@@ -35281,12 +35302,12 @@ void main(void){
       this.taskId = t3, (n3 = this.player) === null || n3 === void 0 || n3.setResourceData(t3, e3), this.__slideState.taskId = t3, this.__slideState.url = e3, this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "setResource", taskId: t3, url: e3 });
     }, e2.prototype._renderSlide = function(t3) {
       var e3;
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var n3 = this;
-        return sI(this, function(i2) {
+        return aI(this, function(i2) {
           switch (i2.label) {
             case 0:
-              return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.indexOf(t3) < 0 && this.iosResetCache.push(t3), [4, (e3 = this.player) === null || e3 === void 0 ? void 0 : e3.renderSlide(t3)]);
+              return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((QR.platform.isIOS() || QR.platform.isAndroid()) && this.iosResetCache.indexOf(t3) < 0 && this.iosResetCache.push(t3), [4, (e3 = this.player) === null || e3 === void 0 ? void 0 : e3.renderSlide(t3)]);
             case 1:
               return i2.sent(), this.__slideState.currentSlideIndex = t3, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.emitStateChange(), setTimeout(function() {
                 var t4, e4;
@@ -35305,8 +35326,8 @@ void main(void){
         (n3 !== this.player.currentIndex || this.renderingTaskManager.hasStartTask()) && (n3 > this.slideCount && this.slideCount > 0 || this.poseRenderSlide(n3, e3));
       }
     }, e2.prototype.needCreateNewPlayer = function() {
-      var t3 = KR.platform.isLowGpuMemory() ? 15 : 30;
-      return (KR.platform.isIOS() || KR.platform.isAndroid()) && this.iosResetCache.length > t3;
+      var t3 = QR.platform.isLowGpuMemory() ? 15 : 30;
+      return (QR.platform.isIOS() || QR.platform.isAndroid()) && this.iosResetCache.length > t3;
     }, e2.prototype.poseRenderSlide = function(t3, e3) {
       this.mode === "interactive" ? this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t3, isForward: e3 }) : this.mode === "sync" ? (this.doRenderSlide(t3, e3), this.emitSyncDispatch({ slideIndex: this.__slideState.currentSlideIndex, type: "renderSlide", index: t3, isForward: e3 })) : this.doRenderSlide(t3, e3);
     }, e2.prototype.doRenderSlide = function(t3, e3) {
@@ -35344,14 +35365,14 @@ void main(void){
     }, e2.prototype.emitStateChange = function() {
       if (this.mode !== "local" && !this.isSyncingSlideState) {
         var t3 = this.slideState;
-        !Object(l.isEqual)(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(hI.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
+        !Object(l.isEqual)(this.lastEmitedState, t3) && this.isSlideStateReady(t3) && (this.lastEmitedState = t3, this.emit(cI.stateChange, t3), this.logger.info("stateChange dispatch " + JSON.stringify(this.slideState), this.taskId));
       }
     }, e2.prototype.emitSyncDispatch = function(t3) {
       if (!this.lock.isLocked(t3.type)) {
         var e3 = Math.random().toString(32).substr(2);
         this.lock.addLock(t3.type, e3);
-        var n3 = iI(iI({}, t3), { uuid: e3 });
-        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(hI.syncDispatch, n3), this.logger.info("sync dispatch " + JSON.stringify(n3), this.taskId);
+        var n3 = rI(rI({}, t3), { uuid: e3 });
+        this.config.mode === "sync" && (n3.incrId = this.dispatchIncrId), this.emit(cI.syncDispatch, n3), this.logger.info("sync dispatch " + JSON.stringify(n3), this.taskId);
       }
     }, e2.prototype.setMainSeqStep = function(t3, e3) {
       var n3;
@@ -35367,9 +35388,9 @@ void main(void){
       (t3 = this.player) === null || t3 === void 0 || t3.resume();
     }, e2.prototype._doFrozen = function() {
       var t3;
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var e3, n3, i2, r2 = this;
-        return sI(this, function(o2) {
+        return aI(this, function(o2) {
           switch (o2.label) {
             case 0:
               return this.view && this.player ? [4, this.player.clock.waitUntil(function() {
@@ -35377,7 +35398,7 @@ void main(void){
               }, 6e4)] : [3, 2];
             case 1:
               for (n3 in o2.sent(), e3 = this.player.getSnapshot() || "", this.cacheImage.src = e3, this.frame.appendChild(this.cacheImage), this.player.destroy(), (t3 = this.playerController) === null || t3 === void 0 || t3.destroy(), this.player = void 0, this.__slideState.mediaState)
-                i2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = iI(iI({}, i2), { frozenTime: this.timestamp() });
+                i2 = this.__slideState.mediaState[n3], this.__slideState.mediaState[n3] = rI(rI({}, i2), { frozenTime: this.timestamp() });
               o2.label = 2;
             case 2:
               return [2];
@@ -35391,14 +35412,14 @@ void main(void){
       });
     }, e2.prototype._doRelease = function() {
       var t3, e3;
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var n3, i2, r2, o2;
-        return sI(this, function(s2) {
+        return aI(this, function(s2) {
           switch (s2.label) {
             case 0:
               if (this.player)
                 return [2];
-              for (i2 in this.player = this.initPlayer(this.config), ((t3 = this.config) === null || t3 === void 0 ? void 0 : t3.controller) && this.createController(), this.player.view && (this.frame.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n3 = this.__slideState, this.__slideState = Object(l.cloneDeep)(cI), n3.mediaState)
+              for (i2 in this.player = this.initPlayer(this.config), ((t3 = this.config) === null || t3 === void 0 ? void 0 : t3.controller) && this.createController(), this.player.view && (this.frame.appendChild(this.player.view), this.player.view.style.visibility = "hidden"), n3 = this.__slideState, this.__slideState = Object(l.cloneDeep)(dI), n3.mediaState)
                 (r2 = n3.mediaState[i2]).type === "play" && (o2 = Math.max((e3 = r2.frozenTime) !== null && e3 !== void 0 ? e3 : 0, r2.time), r2.time = this.timestamp() - (o2 - r2.time), r2.frozenTime = void 0);
               return [4, this.setSlideState(n3)];
             case 1:
@@ -35432,14 +35453,14 @@ void main(void){
       } catch (t4) {
       }
     }, e2.prototype.waitLoadEnd = function() {
-      return oI(this, void 0, void 0, function() {
+      return sI(this, void 0, void 0, function() {
         var t3;
-        return sI(this, function(e3) {
+        return aI(this, function(e3) {
           switch (e3.label) {
             case 0:
               t3 = 0, e3.label = 1;
             case 1:
-              return this.isLoading && t3 < 10 ? [4, lI(100)] : [3, 3];
+              return this.isLoading && t3 < 10 ? [4, uI(100)] : [3, 3];
             case 2:
               return e3.sent(), t3 += 1, [3, 1];
             case 3:
@@ -35465,22 +35486,25 @@ void main(void){
         return false;
       var t3 = this.player.currentIndex === 1, e3 = this.mainSeqLength === 0 || this.mainSeqStep === 0, n3 = this.mainSeqState === "idle" || this.mainSeqState === null;
       return !(t3 && e3 && n3);
+    }, e2.prototype.updateGlobalVolume = function(t3) {
+      var e3;
+      (e3 = this.player) === null || e3 === void 0 || e3.updateGlobalVolume(t3);
     }, e2.clearLocalCache = function() {
-      KR.clearLocalCache();
+      QR.clearLocalCache();
     }, e2.disposeLocalCache = function() {
-    }, e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = tP, e2.handleLogDownload = function() {
-      return oI(void 0, void 0, void 0, function() {
+    }, e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = eP, e2.handleLogDownload = function() {
+      return sI(void 0, void 0, void 0, function() {
         var t3, e3, n3, i2, r2, o2, s2;
-        return sI(this, function(a2) {
+        return aI(this, function(a2) {
           switch (a2.label) {
             case 0:
-              return t3 = "", pI ? [4, pI.keys()] : [3, 5];
+              return t3 = "", fI ? [4, fI.keys()] : [3, 5];
             case 1:
               e3 = (a2.sent() || []).sort(function(t4, e4) {
                 return parseInt(t4.replace("run_time_log_", "")) - parseInt(e4.replace("run_time_log_", ""));
               }), n3 = 0, i2 = e3, a2.label = 2;
             case 2:
-              return n3 < i2.length ? (r2 = i2[n3], o2 = t3, [4, pI.getItem(r2)]) : [3, 5];
+              return n3 < i2.length ? (r2 = i2[n3], o2 = t3, [4, fI.getItem(r2)]) : [3, 5];
             case 3:
               t3 = o2 + (a2.sent() || ""), a2.label = 4;
             case 4:
@@ -35490,12 +35514,12 @@ void main(void){
           }
         });
       });
-    }, rI([(n2 = "Slide.initConfig", function(t3, e3, i2) {
+    }, oI([(n2 = "Slide.initConfig", function(t3, e3, i2) {
       var r2 = i2.value;
       i2.value = function() {
         for (var t4 = [], e4 = 0; e4 < arguments.length; e4++)
           t4[e4] = arguments[e4];
-        for (var i3 = QR.get(n2) || [], o2 = t4, s2 = 0, a2 = i3; s2 < a2.length; s2++) {
+        for (var i3 = tP.get(n2) || [], o2 = t4, s2 = 0, a2 = i3; s2 < a2.length; s2++) {
           var l2 = a2[s2];
           try {
             o2 = l2.before(o2);
@@ -35517,8 +35541,8 @@ void main(void){
       };
     })], e2.prototype, "initSlideConfig", null), e2;
   }(a.a);
-  pI == null || pI.clear(), window.addEventListener("__slide_log__", fI.handleLogDownload), window.setInterval(function() {
-    fI.flushLog().catch(function() {
+  fI == null || fI.clear(), window.addEventListener("__slide_log__", mI.handleLogDownload), window.setInterval(function() {
+    mI.flushLog().catch(function() {
     });
   }, 9e3);
 }]);
@@ -37699,7 +37723,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.6-alpha.1";
+const version = "0.2.6";
 const SlideApp = {
   kind: "Slide",
   setup(context) {