@netless/app-slide 0.2.25 → 0.2.26-beta.1

package/dist/main.es.js

@@ -28934,7 +28934,14 @@ void main() {
       return n2 === Rm ? Rm : n2;
     });
   }
-  var Im = function(t2, e2, n2, i2) {
+  function Im(t2, e2) {
+    return Am(this, void 0, void 0, function* () {
+      const n2 = Date.now();
+      for (; !t2() && Date.now() - n2 < e2; )
+        yield Cm(16);
+    });
+  }
+  var Om = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -28959,8 +28966,8 @@ void main() {
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  function Om(t2, e2) {
-    return Im(this, void 0, void 0, function* () {
+  function Nm(t2, e2) {
+    return Om(this, void 0, void 0, function* () {
       const n2 = yield Pm(() => fetch(t2), e2);
       if (n2 === Rm)
         throw new Tm(gm.ResourceError, `"${t2}" loaded timeout"`);
@@ -28969,7 +28976,7 @@ void main() {
       return n2;
     });
   }
-  class Nm {
+  class Lm {
     constructor(t2, e2, n2, i2, r2) {
       this.timeout = 15e3, this.useCache = false, this.taskId = "", this.delegate = null, this.useCache = e2, this.localStorage = t2, this.logger = n2, this.timeout = i2, this.delegate = r2 || null;
     }
@@ -28977,7 +28984,7 @@ void main() {
       this.taskId = t2;
     }
     fetchJson(t2) {
-      return Im(this, void 0, void 0, function* () {
+      return Om(this, void 0, void 0, function* () {
         let e2;
         if (this.useCache && (this.logger.info("load resource from cache. " + t2, this.taskId || ""), e2 = yield this.localStorage.getItem(t2)), e2)
           return this.logger.info("cache hit. " + t2, this.taskId || ""), e2;
@@ -28990,14 +28997,14 @@ void main() {
               throw new Tm(gm.ResourceError, `"${t2}" loaded timeout"`);
             e3 = JSON.parse(n2);
           } else
-            this.logger.info("load resource from server. " + t2, this.taskId || ""), e3 = yield (yield Om("" + t2, this.timeout)).json();
+            this.logger.info("load resource from server. " + t2, this.taskId || ""), e3 = yield (yield Nm("" + t2, this.timeout)).json();
           return this.logger.info("load end. " + t2, this.taskId || ""), this.useCache && this.localStorage.setItem(t2, e3).catch(() => {
           }), e3;
         }
       });
     }
     fetchPng(t2, e2) {
-      return Im(this, void 0, void 0, function* () {
+      return Om(this, void 0, void 0, function* () {
         let n2;
         const i2 = t2 + "-v2";
         if (this.useCache && (this.logger.info("load resource from cache. " + t2, this.taskId || ""), n2 = yield this.localStorage.getItem(i2)), n2) {
@@ -29012,7 +29019,7 @@ void main() {
               throw new Tm(gm.ResourceError, `"${t2}" loaded timeout"`);
           } else {
             this.logger.info("load resource from server. " + t2, this.taskId || "");
-            const e3 = yield Om(t2, this.timeout);
+            const e3 = yield Nm(t2, this.timeout);
             r2 = yield e3.blob();
           }
           n2 = yield function(t3) {
@@ -29048,7 +29055,7 @@ void main() {
     destroy() {
     }
   }
-  var Lm = function(t2, e2, n2, i2) {
+  var Dm = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -29073,7 +29080,7 @@ void main() {
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class Dm {
+  class Fm {
     constructor(t2) {
       this.isPaused = false, this.timestamp = 0, this.callbackList = [], this.onTimeUpdate = (t3) => {
         const e2 = t3 / (md.b.TARGET_FPMS || 0.06);
@@ -29105,7 +29112,7 @@ void main() {
       });
     }
     waitUntil(t2, e2) {
-      return Lm(this, void 0, void 0, function* () {
+      return Dm(this, void 0, void 0, function* () {
         const n2 = this.timestamp;
         for (; !t2() && this.timestamp - n2 < e2; )
           yield this.delay(50);
@@ -29118,7 +29125,7 @@ void main() {
       this.isPaused = false;
     }
   }
-  var Fm = function(t2, e2, n2, i2) {
+  var Bm = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -29143,11 +29150,11 @@ void main() {
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  function Bm(t2, e2, n2) {
+  function Um(t2, e2, n2) {
     return n2 ? Math.floor(parseFloat(t2) * e2) : Math.ceil(parseFloat(t2) * e2);
   }
-  const Um = { w: true, h: true, x: true, y: true };
-  class km {
+  const km = { w: true, h: true, x: true, y: true };
+  class Gm {
     constructor(t2) {
       this.gifs = /* @__PURE__ */ Object.create(null), this.textures = /* @__PURE__ */ Object.create(null), this.frames = /* @__PURE__ */ Object.create(null), this.spriteSheets = [], this.loader = t2;
     }
@@ -29161,18 +29168,18 @@ void main() {
       return this.gifs[t2] ? this.gifs[t2].filter((t3) => !!t3) : [];
     }
     loadSpriteSheetItem(t2, e2, n2, i2) {
-      return Fm(this, void 0, void 0, function* () {
+      return Bm(this, void 0, void 0, function* () {
         const r2 = yield this.loader.fetchJson(`${t2}/${e2}/jsonOutput/${n2}.json`), { baseTexture: o2, scale: s2 } = yield this.loader.fetchPng(`${t2}/${e2}/jsonOutput/${n2}.png`, i2);
         !function(t3, e3) {
           t3.meta && t3.meta.size && ["w", "h"].forEach((n3) => {
-            t3.meta.size[n3] = Bm(t3.meta.size[n3], e3, Um[n3]);
+            t3.meta.size[n3] = Um(t3.meta.size[n3], e3, km[n3]);
           }), t3.frames && Object.keys(t3.frames).forEach((n3) => {
             t3.frames[n3].frame && ["x", "y", "w", "h"].forEach((i3) => {
-              t3.frames[n3].frame[i3] = Bm(t3.frames[n3].frame[i3], e3, Um[i3]);
+              t3.frames[n3].frame[i3] = Um(t3.frames[n3].frame[i3], e3, km[i3]);
             }), t3.frames[n3].spriteSourceSize && ["x", "y", "w", "h"].forEach((i3) => {
-              t3.frames[n3].spriteSourceSize[i3] = Bm(t3.frames[n3].spriteSourceSize[i3], e3, Um[i3]);
+              t3.frames[n3].spriteSourceSize[i3] = Um(t3.frames[n3].spriteSourceSize[i3], e3, km[i3]);
             }), t3.frames[n3].sourceSize && ["w", "h"].forEach((i3) => {
-              t3.frames[n3].sourceSize[i3] = Bm(t3.frames[n3].sourceSize[i3], e3, Um[i3]);
+              t3.frames[n3].sourceSize[i3] = Um(t3.frames[n3].sourceSize[i3], e3, km[i3]);
             });
           });
         }(r2, s2);
@@ -29195,8 +29202,8 @@ void main() {
       this.spriteSheets.forEach((t2) => t2.destroy(true)), this.spriteSheets = [], this.gifs = /* @__PURE__ */ Object.create(null), this.textures = /* @__PURE__ */ Object.create(null), this.frames = /* @__PURE__ */ Object.create(null);
     }
   }
-  var Gm = n(18), Hm = n.n(Gm), jm = n(13), zm = n.n(jm);
-  function Vm(t2, e2, n2) {
+  var Hm = n(18), jm = n.n(Hm), zm = n(13), Vm = n.n(zm);
+  function Xm(t2, e2, n2) {
     let i2, r2;
     const o2 = Math.round(t2) % 360;
     if (o2 % 180 == 0)
@@ -29212,7 +29219,7 @@ void main() {
     }
     return { x: i2, y: r2 };
   }
-  function Xm(t2, e2, n2, i2, r2, o2) {
+  function Wm(t2, e2, n2, i2, r2, o2) {
     const s2 = t2, a2 = e2;
     let l2, h2, u2, c2, d2;
     if (Math.round(i2) === 0)
@@ -29220,12 +29227,12 @@ void main() {
     else if (Math.round(i2) >= 360)
       l2 = r2, h2 = o2, u2 = r2 + 2 * t2 * Math.abs(Math.cos(-n2 / 180 * Math.PI)), c2 = o2 + 2 * e2 * Math.sin(-n2 / 180 * Math.PI), d2 = 1;
     else {
-      const t3 = -n2, e3 = -(n2 + i2), { x: u3, y: c3 } = Vm(t3, s2, a2), p2 = r2 - u3, f2 = o2 + c3, { x: m2, y: g2 } = Vm(e3, s2, a2);
+      const t3 = -n2, e3 = -(n2 + i2), { x: u3, y: c3 } = Xm(t3, s2, a2), p2 = r2 - u3, f2 = o2 + c3, { x: m2, y: g2 } = Xm(e3, s2, a2);
       l2 = m2 + p2, h2 = f2 - g2, d2 = i2 >= -360 && i2 < -180 ? 1 : i2 >= -180 && i2 < 0 || i2 > 0 && i2 < 180 ? 0 : 1;
     }
     return { radiusX: s2, radiusY: a2, xAxisRotation: 0, largeArcFlag: d2, sweepFlag: i2 > 0 ? 1 : 0, endX: l2, endY: h2, middleX: u2, middleY: c2 };
   }
-  class Wm {
+  class Ym {
     constructor() {
       this.pool = [];
     }
@@ -29246,7 +29253,7 @@ void main() {
       this.pool.filter((e2) => e2.group === t2).forEach((t3) => this.collectObject(t3.obj));
     }
   }
-  const Ym = new class extends Wm {
+  const qm = new class extends Ym {
     createObject() {
       const t2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
       return t2.setAttribute("xmlns", "http://www.w3.org/2000/svg"), t2.setAttribute("version", "1.1"), t2;
@@ -29255,7 +29262,7 @@ void main() {
       t2.removeAttribute("viewBox"), t2.removeAttribute("width"), t2.removeAttribute("height"), t2.innerHTML = "";
     }
   }();
-  const qm = new class extends Wm {
+  const Zm = new class extends Ym {
     createObject() {
       return document.createElement("img");
     }
@@ -29263,7 +29270,7 @@ void main() {
       t2.removeAttribute("src");
     }
   }();
-  var Zm = function(t2, e2, n2, i2) {
+  var Jm = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -29288,13 +29295,13 @@ void main() {
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class Jm {
+  class Km {
     constructor() {
       this.imgElements = [], this.svgElements = [], this.idToHashMap = /* @__PURE__ */ Object.create(null), this.textures = /* @__PURE__ */ Object.create(null), this.graphics = [], this.hashToIdMap = /* @__PURE__ */ Object.create(null);
     }
     render(t2, e2, n2) {
-      return Zm(this, void 0, void 0, function* () {
-        const { items: e3, width: i2, height: r2 } = t2, o2 = qm.getObject(n2), s2 = new Uh.h(o2, { width: i2, height: r2, resolution: 1 }), a2 = Ym.getObject(n2);
+      return Jm(this, void 0, void 0, function* () {
+        const { items: e3, width: i2, height: r2 } = t2, o2 = Zm.getObject(n2), s2 = new Uh.h(o2, { width: i2, height: r2, resolution: 1 }), a2 = qm.getObject(n2);
         this.imgElements.push(o2), this.svgElements.push(a2), a2.setAttribute("viewBox", `0 0 ${i2} ${r2}`), a2.setAttribute("width", "" + i2), a2.setAttribute("height", "" + r2);
         const l2 = {}, h2 = {};
         e3.forEach((t3) => {
@@ -29302,7 +29309,7 @@ void main() {
           e4.pathsData.forEach((t4) => {
             let e5 = "";
             t4.cmds.forEach(([n4, i4]) => {
-              e5 += n4 + " ", e5 += i4.map((e6) => (zm()(e6) || (e6.x = e6.x + t4.offset.x + r3, e6.y = e6.y + t4.offset.y + o3), e6)).reduce((t5, e6) => (zm()(e6) ? t5 += e6 + " " : t5 += `${e6.x} ${e6.y} `, t5), ""), e5 += " ";
+              e5 += n4 + " ", e5 += i4.map((e6) => (Vm()(e6) || (e6.x = e6.x + t4.offset.x + r3, e6.y = e6.y + t4.offset.y + o3), e6)).reduce((t5, e6) => (Vm()(e6) ? t5 += e6 + " " : t5 += `${e6.x} ${e6.y} `, t5), ""), e5 += " ";
             }), t4.pathElement.setAttribute("d", e5), a2.appendChild(t4.pathElement);
           });
           const u3 = e4.width - 4 - 2 * e4.padding, c3 = e4.height - 4 - 2 * e4.padding;
@@ -29323,7 +29330,7 @@ void main() {
       var c2, d2;
       if (!s2 && !l2)
         return t2;
-      const p2 = Hm()(n2 + ((d2 = (c2 = s2 == null ? void 0 : s2.width) === null || c2 === void 0 ? void 0 : c2.toString()) !== null && d2 !== void 0 ? d2 : 0) + l2 + h2 + u2);
+      const p2 = jm()(n2 + ((d2 = (c2 = s2 == null ? void 0 : s2.width) === null || c2 === void 0 ? void 0 : c2.toString()) !== null && d2 !== void 0 ? d2 : 0) + l2 + h2 + u2);
       if (this.hashToIdMap[p2] || (this.hashToIdMap[p2] = []), this.hashToIdMap[p2].push(t2), this.idToHashMap[t2] = p2, this.graphics.findIndex((t3) => t3.hash === p2) < 0) {
         const { graphicsWidth: t3, graphicsHeight: n3, pathsData: a3, pivot: c3, padding: d3 } = function(t4, e3, n4, i3, r3, o3, s3, a4, l3) {
           var h3;
@@ -29342,7 +29349,7 @@ void main() {
                 let [t7, e6] = i4.split(",").map((t8) => Number(t8));
                 o4 = { x: t7, y: e6 }, t7 = t7 / 9525 * n5.x, e6 = e6 / 9525 * n5.y, l4.cmds.push(["M", [{ x: t7, y: e6 }]]);
               } else if (e5 === "A") {
-                const [t7, e6, r5, s4] = i4.split(",").map((t8) => Number(t8)), a5 = r5 / Math.PI * 180, h4 = s4 / Math.PI * 180, u4 = Xm(t7, e6, a5, h4, o4.x, o4.y);
+                const [t7, e6, r5, s4] = i4.split(",").map((t8) => Number(t8)), a5 = r5 / Math.PI * 180, h4 = s4 / Math.PI * 180, u4 = Wm(t7, e6, a5, h4, o4.x, o4.y);
                 Math.round(h4) >= 360 ? (o4 = { x: u4.endX, y: u4.endY }, l4.cmds.push(["A", [u4.radiusX / 9525 * n5.x, u4.radiusY / 9525 * n5.y, u4.xAxisRotation, u4.largeArcFlag, u4.sweepFlag, { x: u4.middleX / 9525 * n5.x, y: u4.middleY / 9525 * n5.y }]]), l4.cmds.push(["A", [u4.radiusX / 9525 * n5.x, u4.radiusY / 9525 * n5.y, u4.xAxisRotation, u4.largeArcFlag, u4.sweepFlag, { x: u4.endX / 9525 * n5.x, y: u4.endY / 9525 * n5.y }]])) : (o4 = { x: u4.endX, y: u4.endY }, l4.cmds.push(["A", [u4.radiusX / 9525 * n5.x, u4.radiusY / 9525 * n5.y, u4.xAxisRotation, u4.largeArcFlag, u4.sweepFlag, { x: u4.endX / 9525 * n5.x, y: u4.endY / 9525 * n5.y }]]));
               } else if (e5 === "L") {
                 let [t7, e6] = i4.split(",").map((t8) => Number(t8));
@@ -29387,10 +29394,10 @@ void main() {
       Object.keys(this.textures).forEach((t2) => {
         var e2;
         (e2 = this.textures[t2]) === null || e2 === void 0 || e2.texture.destroy(true);
-      }), this.textures = /* @__PURE__ */ Object.create(null), this.imgElements.forEach((t2) => qm.collectObject(t2)), this.svgElements.forEach((t2) => Ym.collectObject(t2)), this.graphics = [];
+      }), this.textures = /* @__PURE__ */ Object.create(null), this.imgElements.forEach((t2) => Zm.collectObject(t2)), this.svgElements.forEach((t2) => qm.collectObject(t2)), this.graphics = [];
     }
   }
-  class Km {
+  class Qm {
     constructor() {
       this.runningTimeNodes = {};
     }
@@ -29408,7 +29415,7 @@ void main() {
       delete this.runningTimeNodes[n2];
     }
   }
-  class Qm {
+  class $m {
     constructor(t2) {
       this.eventHub = t2, this.targets = /* @__PURE__ */ Object.create(null);
     }
@@ -29430,7 +29437,7 @@ void main() {
       this.targets = /* @__PURE__ */ Object.create(null);
     }
   }
-  class $m {
+  class tg {
     constructor(t2) {
       this.target = t2;
     }
@@ -29447,14 +29454,14 @@ void main() {
       this.target.strokeActive = t2 === "true";
     }
   }
-  class tg {
+  class eg {
     constructor(t2) {
       this.applyCommand = (t3, e2) => {
         this.target.applyCommand(t3, e2);
       }, this.target = t2;
     }
   }
-  class eg {
+  class ng {
     constructor(t2) {
       this.target = t2;
     }
@@ -29477,7 +29484,7 @@ void main() {
       return this.color;
     }
   }
-  class ng {
+  class ig {
     constructor(t2) {
       this.target = t2;
     }
@@ -29497,7 +29504,7 @@ void main() {
       return this.target.fillColorFilter.designColor;
     }
   }
-  class ig {
+  class rg {
     constructor(t2, e2, n2) {
       this.hardHidden = false, this.designRotation = 0, this.target = t2, e2 === true && (this.hardHidden = true), this.designRotation = n2;
     }
@@ -29520,7 +29527,7 @@ void main() {
       this.visibility === t2 || this.hardHidden || (this.target.visible = t2 === "visible");
     }
   }
-  class rg {
+  class og {
     constructor(t2, e2) {
       this.actions = [], this.ctx = e2, this.object = t2, this.object.interactive = true;
     }
@@ -29545,68 +29552,68 @@ void main() {
       return this.object.hitArea ? this.object.hitArea : new Rh.k(0, 0, this.object.width, this.object.height);
     }
     handleAction(t2, e2 = false) {
-      this.proxy && !e2 || (this.ctx.eventHub.emit(By.hyperlinkTrigger, t2), this.execAction(t2));
+      this.proxy && !e2 || (this.ctx.eventHub.emit(Uy.hyperlinkTrigger, t2), this.execAction(t2));
     }
     execAction(t2) {
       var e2;
-      if (this.ctx.eventHub.emit(By.userInput), t2.action === "ppaction://hlinksldjump") {
+      if (this.ctx.eventHub.emit(Uy.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(By.requestGotoSlide, Number(n2[1]));
+        n2 && n2[1] && this.ctx.eventHub.emit(Uy.requestGotoSlide, Number(n2[1]));
       } else if (t2.action === "ppaction://hlinkshowjump?jump=nextslide")
-        this.ctx.eventHub.emit(By.requestNextSlide);
+        this.ctx.eventHub.emit(Uy.requestNextSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=previousslide")
-        this.ctx.eventHub.emit(By.requestPrevSlide);
+        this.ctx.eventHub.emit(Uy.requestPrevSlide);
       else if (t2.action === "ppaction://hlinkshowjump?jump=firstslide")
-        this.ctx.eventHub.emit(By.requestGotoSlide, 1);
+        this.ctx.eventHub.emit(Uy.requestGotoSlide, 1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslide")
-        this.ctx.eventHub.emit(By.requestGotoSlide, -1);
+        this.ctx.eventHub.emit(Uy.requestGotoSlide, -1);
       else if (t2.action === "ppaction://hlinkshowjump?jump=lastslideviewed") {
         const t3 = this.ctx.lastViewedIndex;
-        this.ctx.eventHub.emit(By.requestGotoSlide, t3);
+        this.ctx.eventHub.emit(Uy.requestGotoSlide, t3);
       } else
-        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(By.requestGotoSlide, -1);
+        t2.action === "ppaction://hlinkshowjump?jump=endshow" && this.ctx.eventHub.emit(Uy.requestGotoSlide, -1);
     }
   }
-  function og(t2, e2, n2 = 5) {
+  function sg(t2, e2, n2 = 5) {
     return Math.abs(t2 - e2) <= Math.pow(10, -n2);
   }
-  function sg(t2) {
+  function ag(t2) {
     return Math.floor(1e6 * t2) / 1e6;
   }
-  class ag {
+  class lg {
     constructor() {
       this.point = { x: 0, y: 0 }, this.slope = Math.PI / 4;
     }
     static fromPointSlope(t2, e2) {
-      const n2 = new ag();
+      const n2 = new lg();
       return n2.point = t2, n2.slope = e2, n2;
     }
     resolveY(t2) {
       return Math.tan(this.slope) * (t2 - this.point.x) + this.point.y;
     }
     distanceToLinearEquation(t2) {
-      return og(this.slope, t2.slope) ? this.distanceToPoint(t2.point) : -1;
+      return sg(this.slope, t2.slope) ? this.distanceToPoint(t2.point) : -1;
     }
     distanceToPoint(t2) {
       let e2 = 0;
       if (Math.tan(this.slope) * (t2.x - this.point.x) + this.point.y === t2.y)
         return 0;
       e2 = this.slope >= Math.PI / 2 ? this.slope - Math.PI / 2 : Math.PI / 2 + this.slope;
-      const n2 = ag.fromPointSlope(t2, e2), i2 = this.crossPoint(n2);
+      const n2 = lg.fromPointSlope(t2, e2), i2 = this.crossPoint(n2);
       return i2 ? Math.ceil(Math.sqrt(Math.pow(i2.x - t2.x, 2) + Math.pow(i2.y - t2.y, 2))) : 0;
     }
     crossPoint(t2) {
-      if (og(t2.slope, this.slope))
+      if (sg(t2.slope, this.slope))
         return null;
       let e2 = 0, n2 = 0;
       const i2 = Math.tan(t2.slope), r2 = Math.tan(this.slope), { x: o2, y: s2 } = this.point, { x: a2, y: l2 } = t2.point;
-      return og(this.slope, Math.PI / 2) ? (e2 = this.point.x, n2 = i2 * (e2 - a2) + l2) : og(t2.slope, Math.PI / 2) ? (e2 = t2.point.x, n2 = r2 * (e2 - o2) + s2) : og(this.slope, Math.PI) || og(this.slope, 0) ? (n2 = this.point.y, e2 = (n2 - l2) / i2 + a2) : og(t2.slope, Math.PI) || og(t2.slope, 0) ? (n2 = t2.point.y, e2 = (n2 - s2) / r2 + o2) : (e2 = (i2 * a2 - l2 + s2 - r2 * o2) / (i2 - r2), n2 = r2 * (e2 - o2) + s2), { x: e2, y: n2 };
+      return sg(this.slope, Math.PI / 2) ? (e2 = this.point.x, n2 = i2 * (e2 - a2) + l2) : sg(t2.slope, Math.PI / 2) ? (e2 = t2.point.x, n2 = r2 * (e2 - o2) + s2) : sg(this.slope, Math.PI) || sg(this.slope, 0) ? (n2 = this.point.y, e2 = (n2 - l2) / i2 + a2) : sg(t2.slope, Math.PI) || sg(t2.slope, 0) ? (n2 = t2.point.y, e2 = (n2 - s2) / r2 + o2) : (e2 = (i2 * a2 - l2 + s2 - r2 * o2) / (i2 - r2), n2 = r2 * (e2 - o2) + s2), { x: e2, y: n2 };
     }
   }
-  class lg {
+  class hg {
     constructor(t2, e2, n2) {
       var i2, r2, o2, s2, a2, l2;
-      this.scaleExt = { x: 1, y: 1 }, this.scaleOrigin = { x: 1, y: 1 }, this.designScale = { x: 1, y: 1 }, this.bound = new Rh.j(0, 0, 1, 1), this.pptX = 0, this.pptY = 0, this.presetSubType = 0, this.designWidth = 0, this.designHeight = 0, this.designX = 0, this.designY = 0, this.hasPreset = false, this.container = new wh.b(), this.animationFilterQueue = [], this.ctx = e2, this.style = new ig(this.container, !!t2.hardHidden, t2.rotation || 0), this.designGlobalPosition = { x: n2.x + ((r2 = (i2 = t2.position) === null || i2 === void 0 ? void 0 : i2.x) !== null && r2 !== void 0 ? r2 : 0), y: n2.y + ((s2 = (o2 = t2.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) }, this.container.interactive = true, (t2.hlinkClick || t2.hlinkHover) && (this.hyperlink = new rg(this.container, this.ctx), t2.hlinkHover && ((a2 = this.hyperlink) === null || a2 === void 0 || a2.addAction(t2.hlinkHover, "hover")), t2.hlinkClick && ((l2 = this.hyperlink) === null || l2 === void 0 || l2.addAction(t2.hlinkClick, "click"))), this.ctx.clock.waitUntil(() => {
+      this.scaleExt = { x: 1, y: 1 }, this.scaleOrigin = { x: 1, y: 1 }, this.designScale = { x: 1, y: 1 }, this.bound = new Rh.j(0, 0, 1, 1), this.pptX = 0, this.pptY = 0, this.presetSubType = 0, this.designWidth = 0, this.designHeight = 0, this.designX = 0, this.designY = 0, this.hasPreset = false, this.container = new wh.b(), this.animationFilterQueue = [], this.ctx = e2, this.style = new rg(this.container, !!t2.hardHidden, t2.rotation || 0), this.designGlobalPosition = { x: n2.x + ((r2 = (i2 = t2.position) === null || i2 === void 0 ? void 0 : i2.x) !== null && r2 !== void 0 ? r2 : 0), y: n2.y + ((s2 = (o2 = t2.position) === null || o2 === void 0 ? void 0 : o2.y) !== null && s2 !== void 0 ? s2 : 0) }, this.container.interactive = true, (t2.hlinkClick || t2.hlinkHover) && (this.hyperlink = new og(this.container, this.ctx), t2.hlinkHover && ((a2 = this.hyperlink) === null || a2 === void 0 || a2.addAction(t2.hlinkHover, "hover")), t2.hlinkClick && ((l2 = this.hyperlink) === null || l2 === void 0 || l2.addAction(t2.hlinkClick, "click"))), this.ctx.clock.waitUntil(() => {
         try {
           return !!this.container.width;
         } catch (t3) {
@@ -29660,16 +29667,16 @@ void main() {
       this.scaleOrigin.x = t2.x, this.scaleOrigin.y = t2.y, this.updateScale();
     }
     get design_ppt_w() {
-      return sg(this.designWidth / this.ctx.stageWidth);
+      return ag(this.designWidth / this.ctx.stageWidth);
     }
     get design_ppt_h() {
-      return sg((this.designHeight || this.container.height) / this.ctx.stageHeight);
+      return ag((this.designHeight || this.container.height) / this.ctx.stageHeight);
     }
     get design_ppt_x() {
-      return sg(this.designX / this.ctx.stageWidth);
+      return ag(this.designX / this.ctx.stageWidth);
     }
     get design_ppt_y() {
-      return sg(this.designY / this.ctx.stageHeight);
+      return ag(this.designY / this.ctx.stageHeight);
     }
     get ppt_w() {
       return this.scaleExt.x * this.scaleOrigin.x * this.designWidth / this.ctx.stageWidth;
@@ -29719,8 +29726,8 @@ void main() {
       return this.container.skew.y;
     }
   }
-  var hg = n(108), ug = n.n(hg);
-  class cg {
+  var ug = n(108), cg = n.n(ug);
+  class dg {
     constructor(t2) {
       if (this._isInit = false, this.h = 0, this.s = 0, this.l = 0, this.a = 1, t2) {
         this._isInit = true;
@@ -29735,7 +29742,7 @@ void main() {
       e2.h = Math.max(Math.min(this.h + t2.h, 359), 0), e2.s = Math.max(Math.min(this.s + t2.s, 1), 0), e2.l = Math.max(Math.min(this.l + t2.l, 1), 0), e2.a = Math.max(Math.min(this.a + t2.a, 1), 0);
     }
     fromHexString(t2) {
-      const [e2, n2, i2, r2] = fg(t2);
+      const [e2, n2, i2, r2] = mg(t2);
       let o2 = 0, s2 = 0, a2 = 0;
       const l2 = Math.max(e2, n2, i2), h2 = Math.min(e2, n2, i2), u2 = l2 - h2;
       a2 = (l2 + h2) / 2, u2 === 0 ? o2 = 0 : l2 === e2 ? o2 = (n2 - i2) / u2 % 6 * 60 : l2 === n2 ? o2 = 60 * ((i2 - e2) / u2 + 2) : l2 === i2 && (o2 = 60 * ((e2 - n2) / u2 + 4)), s2 = u2 === 0 ? 0 : u2 / (1 - Math.abs(2 * a2 - 1)), this.h = o2, this.s = s2, this.l = a2, this.a = r2;
@@ -29752,15 +29759,15 @@ void main() {
         const a2 = (1 - Math.abs(2 * i2 - 1)) * n2, l2 = a2 * (1 - Math.abs(e2 / 60 % 2 - 1)), h2 = i2 - a2 / 2;
         [r2, o2, s2] = e2 >= 0 && e2 < 60 ? [a2, l2, 0] : e2 >= 60 && e2 < 120 ? [l2, a2, 0] : e2 >= 120 && e2 < 180 ? [0, a2, l2] : e2 >= 180 && e2 < 240 ? [0, l2, a2] : e2 >= 240 && e2 < 300 ? [l2, 0, a2] : [a2, 0, l2], t2 = [r2 + h2, o2 + h2, s2 + h2, this.a];
       }
-      return mg(t2);
+      return gg(t2);
     }
   }
-  class dg {
+  class pg {
     constructor(t2) {
       this._isInit = false, this.r = 0, this.g = 0, this.b = 0, this.a = 0, t2 && (this._isInit = true, this.fromHexString(t2));
     }
     fromHexString(t2) {
-      const [e2, n2, i2, r2] = fg(t2);
+      const [e2, n2, i2, r2] = mg(t2);
       this.r = e2, this.g = n2, this.b = i2, this.a = r2;
     }
     isInit() {
@@ -29773,48 +29780,48 @@ void main() {
       e2.r = Math.min(Math.max(this.r + t2.r, 0), 255), e2.g = Math.min(Math.max(this.g + t2.g, 0), 255), e2.b = Math.min(Math.max(this.b + t2.b, 0), 255), e2.a = Math.min(Math.max(this.a + t2.a, 0), 1);
     }
     toHexString() {
-      return mg([this.r, this.g, this.b, this.a]);
+      return gg([this.r, this.g, this.b, this.a]);
     }
   }
-  function pg(t2) {
+  function fg(t2) {
     const e2 = t2.substring(1);
     return [parseInt(e2.substring(0, 6), 16), parseInt(e2.substring(6, 8), 16) / 255];
   }
-  function fg(t2) {
+  function mg(t2) {
     return (t2 = t2.replace(/^#/, "")).substring(6, 8).length === 0 && (t2 += "FF"), [parseInt(t2.substring(0, 2).padStart(8, "0"), 16) / 255, parseInt(t2.substring(2, 4).padStart(8, "0"), 16) / 255, parseInt(t2.substring(4, 6).padStart(8, "0"), 16) / 255, parseInt(t2.substring(6, 8).padStart(8, "0"), 16) / 255];
   }
-  function mg(t2) {
+  function gg(t2) {
     return "#" + Math.round(255 * t2[0]).toString(16).padStart(2, "0") + Math.round(255 * t2[1]).toString(16).padStart(2, "0") + Math.round(255 * t2[2]).toString(16).padStart(2, "0") + Math.round(255 * t2[3]).toString(16).padStart(2, "0");
   }
-  function gg(t2, e2, n2) {
-    const i2 = fg(t2), r2 = fg(e2), o2 = Math.round(255 * (i2[0] + (r2[0] - i2[0]) * n2)), s2 = Math.round(255 * (i2[1] + (r2[1] - i2[1]) * n2)), a2 = Math.round(255 * (i2[2] + (r2[2] - i2[2]) * n2)), l2 = Math.round(255 * (i2[3] + (r2[3] - i2[3]) * n2));
+  function vg(t2, e2, n2) {
+    const i2 = mg(t2), r2 = mg(e2), o2 = Math.round(255 * (i2[0] + (r2[0] - i2[0]) * n2)), s2 = Math.round(255 * (i2[1] + (r2[1] - i2[1]) * n2)), a2 = Math.round(255 * (i2[2] + (r2[2] - i2[2]) * n2)), l2 = Math.round(255 * (i2[3] + (r2[3] - i2[3]) * n2));
     return "#" + o2.toString(16).padStart(2, "0") + s2.toString(16).padStart(2, "0") + a2.toString(16).padStart(2, "0") + l2.toString(16).padStart(2, "0");
   }
-  class vg extends Uh.u {
+  class _g extends Uh.u {
     constructor() {
       super(void 0, "\nvarying vec2 vTextureCoord;\n\nuniform vec4 color;\nuniform sampler2D uSampler;\n\nvoid main(void){\n    vec4 texColor = texture2D(uSampler, vTextureCoord);\n\n    if (texColor.a > 0.0) {\n        vec4 resultColor = color;\n        resultColor = resultColor * texColor.a;\n        gl_FragColor = resultColor;\n    } else {\n        gl_FragColor = texColor;\n    }\n}\n", { color: new Float32Array([0, 0, 0, 0]), active: 0 }), this.currentColor = "#FFFFFFFF", this.designColor = "#FFFFFFFF";
     }
     set color(t2) {
       this.currentColor = t2;
-      const e2 = fg(t2);
+      const e2 = mg(t2);
       this.uniforms.color = Float32Array.from(e2);
     }
     get color() {
       return this.currentColor;
     }
   }
-  const _g = new rm.ColorMatrixFilter();
-  _g.matrix = [1, 0, 0, 0, -0.2, 0, 1, 0, 0, -0.2, 0, 0, 1, 0, -0.2, 0, 0, 0, 1, 0];
   const yg = new rm.ColorMatrixFilter();
-  yg.matrix = [1, 0, 0, 0, -0.1, 0, 1, 0, 0, -0.1, 0, 0, 1, 0, -0.1, 0, 0, 0, 1, 0];
+  yg.matrix = [1, 0, 0, 0, -0.2, 0, 1, 0, 0, -0.2, 0, 0, 1, 0, -0.2, 0, 0, 0, 1, 0];
   const xg = new rm.ColorMatrixFilter();
-  xg.matrix = [1, 0, 0, 0, 0.2, 0, 1, 0, 0, 0.2, 0, 0, 1, 0, 0.2, 0, 0, 0, 1, 0];
+  xg.matrix = [1, 0, 0, 0, -0.1, 0, 1, 0, 0, -0.1, 0, 0, 1, 0, -0.1, 0, 0, 0, 1, 0];
   const bg = new rm.ColorMatrixFilter();
-  bg.matrix = [1, 0, 0, 0, 0.1, 0, 1, 0, 0, 0.1, 0, 0, 1, 0, 0.1, 0, 0, 0, 1, 0];
-  const Tg = { darken: _g, darkenLess: yg, lightenLess: bg, lighten: xg };
-  class Eg extends lg {
+  bg.matrix = [1, 0, 0, 0, 0.2, 0, 1, 0, 0, 0.2, 0, 0, 1, 0, 0.2, 0, 0, 0, 1, 0];
+  const Tg = new rm.ColorMatrixFilter();
+  Tg.matrix = [1, 0, 0, 0, 0.1, 0, 1, 0, 0, 0.1, 0, 0, 1, 0, 0.1, 0, 0, 0, 1, 0];
+  const Eg = { darken: yg, darkenLess: xg, lightenLess: Tg, lighten: bg };
+  class Sg extends hg {
     constructor(t2, e2, n2) {
-      super({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height }, e2, n2), this.fillColorFilter = new vg(), this.fill = new ng(this), this.json = t2, this.ctx = e2, this.parentGlobalPos = n2, this.global = { x: n2.x + t2.x, y: n2.y + t2.y }, this.updateTransform({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height });
+      super({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height }, e2, n2), this.fillColorFilter = new _g(), this.fill = new ig(this), this.json = t2, this.ctx = e2, this.parentGlobalPos = n2, this.global = { x: n2.x + t2.x, y: n2.y + t2.y }, this.updateTransform({ position: { x: t2.x, y: t2.y }, width: t2.width, height: t2.height });
     }
     get fillActive() {
       var t2, e2;
@@ -29855,13 +29862,13 @@ void main() {
       this.container.position.y = this.designY + e2 + this.container.pivot.y * n2;
     }
     get design_ppt_x() {
-      return sg(this.global.x / this.ctx.stageWidth);
+      return ag(this.global.x / this.ctx.stageWidth);
     }
     get design_ppt_y() {
-      return sg(this.global.y / this.ctx.stageHeight);
+      return ag(this.global.y / this.ctx.stageHeight);
     }
   }
-  class Sg {
+  class wg {
     constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, h2, u2) {
       this.ctx = t2, this.type = e2, this.lineWidth = n2, this.width = i2, this.height = r2, this.fillColor = o2, this.isHorz = s2, this.renderContainer = new wh.b(), this.ghcTextureId = `${a2}-text-p${l2}-l${h2}-u${u2}-underLine`;
     }
@@ -29870,7 +29877,7 @@ void main() {
         return null;
       {
         let t2 = `M 0,0 L ${9525 * this.width},0`, [e2, n2] = [this.width, this.lineWidth];
-        return this.isHorz || (t2 = "M 0,0 L 0," + 9525 * this.height, [e2, n2] = [this.lineWidth, this.height]), { paths: [{ id: Mm(), path: t2, fill: "norm", hasStroke: true, scale: { x: 1, y: 1 }, hash: Hm()(t2) }], width: e2, height: n2 };
+        return this.isHorz || (t2 = "M 0,0 L 0," + 9525 * this.height, [e2, n2] = [this.lineWidth, this.height]), { paths: [{ id: Mm(), path: t2, fill: "norm", hasStroke: true, scale: { x: 1, y: 1 }, hash: jm()(t2) }], width: e2, height: n2 };
       }
     }
     getLineStyle() {
@@ -29895,8 +29902,8 @@ void main() {
       (t2 = this.sprite) === null || t2 === void 0 || t2.destroy({ texture: true });
     }
   }
-  const wg = 134217729;
-  function Ag(t2, e2, n2, i2, r2) {
+  const Ag = 134217729;
+  function Mg(t2, e2, n2, i2, r2) {
     let o2, s2, a2, l2, h2 = e2[0], u2 = i2[0], c2 = 0, d2 = 0;
     u2 > h2 == u2 > -h2 ? (o2 = h2, h2 = e2[++c2]) : (o2 = u2, u2 = i2[++d2]);
     let p2 = 0;
@@ -29909,17 +29916,17 @@ void main() {
       s2 = o2 + u2, l2 = s2 - o2, a2 = o2 - (s2 - l2) + (u2 - l2), u2 = i2[++d2], o2 = s2, a2 !== 0 && (r2[p2++] = a2);
     return o2 === 0 && p2 !== 0 || (r2[p2++] = o2), p2;
   }
-  function Mg(t2, e2) {
+  function Rg(t2, e2) {
     let n2 = e2[0];
     for (let i2 = 1; i2 < t2; i2++)
       n2 += e2[i2];
     return n2;
   }
-  function Rg(t2) {
+  function Cg(t2) {
     return new Float64Array(t2);
   }
-  const Cg = Rg(4), Pg = Rg(8), Ig = Rg(12), Og = Rg(16), Ng = Rg(4);
-  function Lg(t2, e2, n2, i2, r2, o2) {
+  const Pg = Cg(4), Ig = Cg(8), Og = Cg(12), Ng = Cg(16), Lg = Cg(4);
+  function Dg(t2, e2, n2, i2, r2, o2) {
     const s2 = (e2 - o2) * (n2 - r2), a2 = (t2 - r2) * (i2 - o2), l2 = s2 - a2;
     if (s2 === 0 || a2 === 0 || s2 > 0 != a2 > 0)
       return l2;
@@ -29927,32 +29934,32 @@ void main() {
     return Math.abs(l2) >= 33306690738754716e-32 * h2 ? l2 : -function(t3, e3, n3, i3, r3, o3, s3) {
       let a3, l3, h3, u2, c2, d2, p2, f2, m2, g2, v2, _2, y2, x2, b2, T2, E2, S2;
       const w2 = t3 - r3, A2 = n3 - r3, M2 = e3 - o3, R2 = i3 - o3;
-      x2 = w2 * R2, d2 = wg * w2, p2 = d2 - (d2 - w2), f2 = w2 - p2, d2 = wg * R2, m2 = d2 - (d2 - R2), g2 = R2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = M2 * A2, d2 = wg * M2, p2 = d2 - (d2 - M2), f2 = M2 - p2, d2 = wg * A2, m2 = d2 - (d2 - A2), g2 = A2 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Cg[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Cg[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Cg[2] = _2 - (S2 - c2) + (v2 - c2), Cg[3] = S2;
-      let C2 = Mg(4, Cg), P2 = 22204460492503146e-32 * s3;
+      x2 = w2 * R2, d2 = Ag * w2, p2 = d2 - (d2 - w2), f2 = w2 - p2, d2 = Ag * R2, m2 = d2 - (d2 - R2), g2 = R2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = M2 * A2, d2 = Ag * M2, p2 = d2 - (d2 - M2), f2 = M2 - p2, d2 = Ag * A2, m2 = d2 - (d2 - A2), g2 = A2 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Pg[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Pg[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Pg[2] = _2 - (S2 - c2) + (v2 - c2), Pg[3] = S2;
+      let C2 = Rg(4, Pg), P2 = 22204460492503146e-32 * s3;
       if (C2 >= P2 || -C2 >= P2)
         return C2;
       if (c2 = t3 - w2, a3 = t3 - (w2 + c2) + (c2 - r3), c2 = n3 - A2, h3 = n3 - (A2 + c2) + (c2 - r3), c2 = e3 - M2, l3 = e3 - (M2 + c2) + (c2 - o3), c2 = i3 - R2, u2 = i3 - (R2 + c2) + (c2 - o3), a3 === 0 && l3 === 0 && h3 === 0 && u2 === 0)
         return C2;
       if (P2 = 11093356479670487e-47 * s3 + 33306690738754706e-32 * Math.abs(C2), C2 += w2 * u2 + R2 * a3 - (M2 * h3 + A2 * l3), C2 >= P2 || -C2 >= P2)
         return C2;
-      x2 = a3 * R2, d2 = wg * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = wg * R2, m2 = d2 - (d2 - R2), g2 = R2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = l3 * A2, d2 = wg * l3, p2 = d2 - (d2 - l3), f2 = l3 - p2, d2 = wg * A2, m2 = d2 - (d2 - A2), g2 = A2 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Ng[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Ng[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Ng[2] = _2 - (S2 - c2) + (v2 - c2), Ng[3] = S2;
-      const I2 = Ag(4, Cg, 4, Ng, Pg);
-      x2 = w2 * u2, d2 = wg * w2, p2 = d2 - (d2 - w2), f2 = w2 - p2, d2 = wg * u2, m2 = d2 - (d2 - u2), g2 = u2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = M2 * h3, d2 = wg * M2, p2 = d2 - (d2 - M2), f2 = M2 - p2, d2 = wg * h3, m2 = d2 - (d2 - h3), g2 = h3 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Ng[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Ng[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Ng[2] = _2 - (S2 - c2) + (v2 - c2), Ng[3] = S2;
-      const O2 = Ag(I2, Pg, 4, Ng, Ig);
-      x2 = a3 * u2, d2 = wg * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = wg * u2, m2 = d2 - (d2 - u2), g2 = u2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = l3 * h3, d2 = wg * l3, p2 = d2 - (d2 - l3), f2 = l3 - p2, d2 = wg * h3, m2 = d2 - (d2 - h3), g2 = h3 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Ng[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Ng[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Ng[2] = _2 - (S2 - c2) + (v2 - c2), Ng[3] = S2;
-      const N2 = Ag(O2, Ig, 4, Ng, Og);
-      return Og[N2 - 1];
+      x2 = a3 * R2, d2 = Ag * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = Ag * R2, m2 = d2 - (d2 - R2), g2 = R2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = l3 * A2, d2 = Ag * l3, p2 = d2 - (d2 - l3), f2 = l3 - p2, d2 = Ag * A2, m2 = d2 - (d2 - A2), g2 = A2 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Lg[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Lg[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Lg[2] = _2 - (S2 - c2) + (v2 - c2), Lg[3] = S2;
+      const I2 = Mg(4, Pg, 4, Lg, Ig);
+      x2 = w2 * u2, d2 = Ag * w2, p2 = d2 - (d2 - w2), f2 = w2 - p2, d2 = Ag * u2, m2 = d2 - (d2 - u2), g2 = u2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = M2 * h3, d2 = Ag * M2, p2 = d2 - (d2 - M2), f2 = M2 - p2, d2 = Ag * h3, m2 = d2 - (d2 - h3), g2 = h3 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Lg[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Lg[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Lg[2] = _2 - (S2 - c2) + (v2 - c2), Lg[3] = S2;
+      const O2 = Mg(I2, Ig, 4, Lg, Og);
+      x2 = a3 * u2, d2 = Ag * a3, p2 = d2 - (d2 - a3), f2 = a3 - p2, d2 = Ag * u2, m2 = d2 - (d2 - u2), g2 = u2 - m2, b2 = f2 * g2 - (x2 - p2 * m2 - f2 * m2 - p2 * g2), T2 = l3 * h3, d2 = Ag * l3, p2 = d2 - (d2 - l3), f2 = l3 - p2, d2 = Ag * h3, m2 = d2 - (d2 - h3), g2 = h3 - m2, E2 = f2 * g2 - (T2 - p2 * m2 - f2 * m2 - p2 * g2), v2 = b2 - E2, c2 = b2 - v2, Lg[0] = b2 - (v2 + c2) + (c2 - E2), _2 = x2 + v2, c2 = _2 - x2, y2 = x2 - (_2 - c2) + (v2 - c2), v2 = y2 - T2, c2 = y2 - v2, Lg[1] = y2 - (v2 + c2) + (c2 - T2), S2 = _2 + v2, c2 = S2 - _2, Lg[2] = _2 - (S2 - c2) + (v2 - c2), Lg[3] = S2;
+      const N2 = Mg(O2, Og, 4, Lg, Ng);
+      return Ng[N2 - 1];
     }(t2, e2, n2, i2, r2, o2, h2);
   }
-  const Dg = Math.pow(2, -52), Fg = new Uint32Array(512);
-  class Bg {
-    static from(t2, e2 = zg, n2 = Vg) {
+  const Fg = Math.pow(2, -52), Bg = new Uint32Array(512);
+  class Ug {
+    static from(t2, e2 = Vg, n2 = Xg) {
       const i2 = t2.length, r2 = new Float64Array(2 * i2);
       for (let o2 = 0; o2 < i2; o2++) {
         const i3 = t2[o2];
         r2[2 * o2] = e2(i3), r2[2 * o2 + 1] = n2(i3);
       }
-      return new Bg(r2);
+      return new Ug(r2);
     }
     constructor(t2) {
       const e2 = t2.length >> 1;
@@ -29972,7 +29979,7 @@ void main() {
       const u2 = (s2 + l2) / 2, c2 = (a2 + h2) / 2;
       let d2, p2, f2, m2 = 1 / 0;
       for (let e3 = 0; e3 < o2; e3++) {
-        const n3 = Ug(u2, c2, t2[2 * e3], t2[2 * e3 + 1]);
+        const n3 = kg(u2, c2, t2[2 * e3], t2[2 * e3 + 1]);
         n3 < m2 && (d2 = e3, m2 = n3);
       }
       const g2 = t2[2 * d2], v2 = t2[2 * d2 + 1];
@@ -29980,21 +29987,21 @@ void main() {
       for (let e3 = 0; e3 < o2; e3++) {
         if (e3 === d2)
           continue;
-        const n3 = Ug(g2, v2, t2[2 * e3], t2[2 * e3 + 1]);
+        const n3 = kg(g2, v2, t2[2 * e3], t2[2 * e3 + 1]);
         n3 < m2 && n3 > 0 && (p2 = e3, m2 = n3);
       }
       let _2 = t2[2 * p2], y2 = t2[2 * p2 + 1], x2 = 1 / 0;
       for (let e3 = 0; e3 < o2; e3++) {
         if (e3 === d2 || e3 === p2)
           continue;
-        const n3 = Gg(g2, v2, _2, y2, t2[2 * e3], t2[2 * e3 + 1]);
+        const n3 = Hg(g2, v2, _2, y2, t2[2 * e3], t2[2 * e3 + 1]);
         n3 < x2 && (f2 = e3, x2 = n3);
       }
       let b2 = t2[2 * f2], T2 = t2[2 * f2 + 1];
       if (x2 === 1 / 0) {
         for (let e4 = 0; e4 < o2; e4++)
           this._dists[e4] = t2[2 * e4] - t2[0] || t2[2 * e4 + 1] - t2[1];
-        Hg(this._ids, this._dists, 0, o2 - 1);
+        jg(this._ids, this._dists, 0, o2 - 1);
         const e3 = new Uint32Array(o2);
         let n3 = 0;
         for (let t3 = 0, i3 = -1 / 0; t3 < o2; t3++) {
@@ -30003,7 +30010,7 @@ void main() {
         }
         return this.hull = e3.subarray(0, n3), this.triangles = new Uint32Array(0), void (this.halfedges = new Uint32Array(0));
       }
-      if (Lg(g2, v2, _2, y2, b2, T2) < 0) {
+      if (Dg(g2, v2, _2, y2, b2, T2) < 0) {
         const t3 = p2, e3 = _2, n3 = y2;
         p2 = f2, _2 = b2, y2 = T2, f2 = t3, b2 = e3, T2 = n3;
       }
@@ -30013,13 +30020,13 @@ void main() {
       }(g2, v2, _2, y2, b2, T2);
       this._cx = E2.x, this._cy = E2.y;
       for (let e3 = 0; e3 < o2; e3++)
-        this._dists[e3] = Ug(t2[2 * e3], t2[2 * e3 + 1], E2.x, E2.y);
-      Hg(this._ids, this._dists, 0, o2 - 1), this._hullStart = d2;
+        this._dists[e3] = kg(t2[2 * e3], t2[2 * e3 + 1], E2.x, E2.y);
+      jg(this._ids, this._dists, 0, o2 - 1), this._hullStart = d2;
       let S2 = 3;
       n2[d2] = e2[f2] = p2, n2[p2] = e2[d2] = f2, n2[f2] = e2[p2] = d2, i2[d2] = 0, i2[p2] = 1, i2[f2] = 2, r2.fill(-1), r2[this._hashKey(g2, v2)] = d2, r2[this._hashKey(_2, y2)] = p2, r2[this._hashKey(b2, T2)] = f2, this.trianglesLen = 0, this._addTriangle(d2, p2, f2, -1, -1, -1);
       for (let o3, s3, a3 = 0; a3 < this._ids.length; a3++) {
         const l3 = this._ids[a3], h3 = t2[2 * l3], u3 = t2[2 * l3 + 1];
-        if (a3 > 0 && Math.abs(h3 - o3) <= Dg && Math.abs(u3 - s3) <= Dg)
+        if (a3 > 0 && Math.abs(h3 - o3) <= Fg && Math.abs(u3 - s3) <= Fg)
           continue;
         if (o3 = h3, s3 = u3, l3 === d2 || l3 === p2 || l3 === f2)
           continue;
@@ -30028,7 +30035,7 @@ void main() {
           ;
         c3 = e2[c3];
         let m3, g3 = c3;
-        for (; m3 = n2[g3], Lg(h3, u3, t2[2 * g3], t2[2 * g3 + 1], t2[2 * m3], t2[2 * m3 + 1]) >= 0; )
+        for (; m3 = n2[g3], Dg(h3, u3, t2[2 * g3], t2[2 * g3 + 1], t2[2 * m3], t2[2 * m3 + 1]) >= 0; )
           if (g3 = m3, g3 === c3) {
             g3 = -1;
             break;
@@ -30038,10 +30045,10 @@ void main() {
         let v3 = this._addTriangle(g3, l3, n2[g3], -1, -1, i2[g3]);
         i2[l3] = this._legalize(v3 + 2), i2[g3] = v3, S2++;
         let _3 = n2[g3];
-        for (; m3 = n2[_3], Lg(h3, u3, t2[2 * _3], t2[2 * _3 + 1], t2[2 * m3], t2[2 * m3 + 1]) < 0; )
+        for (; m3 = n2[_3], Dg(h3, u3, t2[2 * _3], t2[2 * _3 + 1], t2[2 * m3], t2[2 * m3 + 1]) < 0; )
           v3 = this._addTriangle(_3, l3, m3, i2[l3], -1, i2[_3]), i2[l3] = this._legalize(v3 + 2), n2[_3] = _3, S2--, _3 = m3;
         if (g3 === c3)
-          for (; m3 = e2[g3], Lg(h3, u3, t2[2 * m3], t2[2 * m3 + 1], t2[2 * g3], t2[2 * g3 + 1]) < 0; )
+          for (; m3 = e2[g3], Dg(h3, u3, t2[2 * m3], t2[2 * m3 + 1], t2[2 * g3], t2[2 * g3 + 1]) < 0; )
             v3 = this._addTriangle(m3, l3, g3, -1, i2[g3], i2[m3]), this._legalize(v3 + 2), i2[m3] = v3, n2[g3] = g3, S2--, g3 = m3;
         this._hullStart = e2[l3] = g3, n2[g3] = e2[_3] = l3, n2[l3] = _3, r2[this._hashKey(h3, u3)] = l3, r2[this._hashKey(t2[2 * g3], t2[2 * g3 + 1])] = g3;
       }
@@ -30064,11 +30071,11 @@ void main() {
         if (o2 = a2 + (t2 + 2) % 3, s2 === -1) {
           if (r2 === 0)
             break;
-          t2 = Fg[--r2];
+          t2 = Bg[--r2];
           continue;
         }
         const l2 = s2 - s2 % 3, h2 = a2 + (t2 + 1) % 3, u2 = l2 + (s2 + 2) % 3, c2 = e2[o2], d2 = e2[t2], p2 = e2[h2], f2 = e2[u2];
-        if (kg(i2[2 * c2], i2[2 * c2 + 1], i2[2 * d2], i2[2 * d2 + 1], i2[2 * p2], i2[2 * p2 + 1], i2[2 * f2], i2[2 * f2 + 1])) {
+        if (Gg(i2[2 * c2], i2[2 * c2 + 1], i2[2 * d2], i2[2 * d2 + 1], i2[2 * p2], i2[2 * p2 + 1], i2[2 * f2], i2[2 * f2 + 1])) {
           e2[t2] = f2, e2[s2] = c2;
           const i3 = n2[u2];
           if (i3 === -1) {
@@ -30083,11 +30090,11 @@ void main() {
           }
           this._link(t2, i3), this._link(s2, n2[o2]), this._link(o2, u2);
           const a3 = l2 + (s2 + 1) % 3;
-          r2 < Fg.length && (Fg[r2++] = a3);
+          r2 < Bg.length && (Bg[r2++] = a3);
         } else {
           if (r2 === 0)
             break;
-          t2 = Fg[--r2];
+          t2 = Bg[--r2];
         }
       }
       return o2;
@@ -30100,19 +30107,19 @@ void main() {
       return this._triangles[s2] = t2, this._triangles[s2 + 1] = e2, this._triangles[s2 + 2] = n2, this._link(s2, i2), this._link(s2 + 1, r2), this._link(s2 + 2, o2), this.trianglesLen += 3, s2;
     }
   }
-  function Ug(t2, e2, n2, i2) {
+  function kg(t2, e2, n2, i2) {
     const r2 = t2 - n2, o2 = e2 - i2;
     return r2 * r2 + o2 * o2;
   }
-  function kg(t2, e2, n2, i2, r2, o2, s2, a2) {
+  function Gg(t2, e2, n2, i2, r2, o2, s2, a2) {
     const l2 = t2 - s2, h2 = e2 - a2, u2 = n2 - s2, c2 = i2 - a2, d2 = r2 - s2, p2 = o2 - a2, f2 = u2 * u2 + c2 * c2, m2 = d2 * d2 + p2 * p2;
     return l2 * (c2 * m2 - f2 * p2) - h2 * (u2 * m2 - f2 * d2) + (l2 * l2 + h2 * h2) * (u2 * p2 - c2 * d2) < 0;
   }
-  function Gg(t2, e2, n2, i2, r2, o2) {
+  function Hg(t2, e2, n2, i2, r2, o2) {
     const s2 = n2 - t2, a2 = i2 - e2, l2 = r2 - t2, h2 = o2 - e2, u2 = s2 * s2 + a2 * a2, c2 = l2 * l2 + h2 * h2, d2 = 0.5 / (s2 * h2 - a2 * l2), p2 = (h2 * u2 - a2 * c2) * d2, f2 = (s2 * c2 - l2 * u2) * d2;
     return p2 * p2 + f2 * f2;
   }
-  function Hg(t2, e2, n2, i2) {
+  function jg(t2, e2, n2, i2) {
     if (i2 - n2 <= 20)
       for (let r2 = n2 + 1; r2 <= i2; r2++) {
         const i3 = t2[r2], o2 = e2[i3];
@@ -30123,7 +30130,7 @@ void main() {
       }
     else {
       let r2 = n2 + 1, o2 = i2;
-      jg(t2, n2 + i2 >> 1, r2), e2[t2[n2]] > e2[t2[i2]] && jg(t2, n2, i2), e2[t2[r2]] > e2[t2[i2]] && jg(t2, r2, i2), e2[t2[n2]] > e2[t2[r2]] && jg(t2, n2, r2);
+      zg(t2, n2 + i2 >> 1, r2), e2[t2[n2]] > e2[t2[i2]] && zg(t2, n2, i2), e2[t2[r2]] > e2[t2[i2]] && zg(t2, r2, i2), e2[t2[n2]] > e2[t2[r2]] && zg(t2, n2, r2);
       const s2 = t2[r2], a2 = e2[s2];
       for (; ; ) {
         do {
@@ -30134,22 +30141,22 @@ void main() {
         } while (e2[t2[o2]] > a2);
         if (o2 < r2)
           break;
-        jg(t2, r2, o2);
+        zg(t2, r2, o2);
       }
-      t2[n2 + 1] = t2[o2], t2[o2] = s2, i2 - r2 + 1 >= o2 - n2 ? (Hg(t2, e2, r2, i2), Hg(t2, e2, n2, o2 - 1)) : (Hg(t2, e2, n2, o2 - 1), Hg(t2, e2, r2, i2));
+      t2[n2 + 1] = t2[o2], t2[o2] = s2, i2 - r2 + 1 >= o2 - n2 ? (jg(t2, e2, r2, i2), jg(t2, e2, n2, o2 - 1)) : (jg(t2, e2, n2, o2 - 1), jg(t2, e2, r2, i2));
     }
   }
-  function jg(t2, e2, n2) {
+  function zg(t2, e2, n2) {
     const i2 = t2[e2];
     t2[e2] = t2[n2], t2[n2] = i2;
   }
-  function zg(t2) {
+  function Vg(t2) {
     return t2[0];
   }
-  function Vg(t2) {
+  function Xg(t2) {
     return t2[1];
   }
-  function Xg(t2, e2, n2) {
+  function Wg(t2, e2, n2) {
     let i2 = null;
     const r2 = new wh.b();
     if (t2.stopList.sort((t3, e3) => t3.pos - e3.pos), !t2.stopList.find((t3) => t3.pos === 0)) {
@@ -30163,12 +30170,12 @@ void main() {
     const o2 = (t3) => {
       const e3 = [];
       for (let n3 = 0, i3 = t3.length; n3 < i3 - 1; n3++) {
-        const i4 = t3[n3], r3 = t3[n3 + 1], o3 = i4.pos + 0.5 * (r3.pos - i4.pos), s2 = gg(i4.color, r3.color, 0.5), a2 = 2 * n3;
+        const i4 = t3[n3], r3 = t3[n3 + 1], o3 = i4.pos + 0.5 * (r3.pos - i4.pos), s2 = vg(i4.color, r3.color, 0.5), a2 = 2 * n3;
         e3[a2] = i4, e3[a2 + 1] = { color: s2, pos: o3 }, e3[a2 + 2] = r3;
       }
       return e3;
     };
-    if (t2.stopList = o2(t2.stopList), t2.stopList = o2(t2.stopList), i2 = t2.line ? Wg(t2, e2, n2) : t2.path ? function(t3, e3, n3) {
+    if (t2.stopList = o2(t2.stopList), t2.stopList = o2(t2.stopList), i2 = t2.line ? Yg(t2, e2, n2) : t2.path ? function(t3, e3, n3) {
       var i3, r3, o3;
       const s2 = [], a2 = { x: 0, y: 0 };
       if (((i3 = t3.path) === null || i3 === void 0 ? void 0 : i3.path) === "circle" || ((r3 = t3.path) === null || r3 === void 0 ? void 0 : r3.path) === "rect" || ((o3 = t3.path) === null || o3 === void 0 ? void 0 : o3.path) === "shape") {
@@ -30186,10 +30193,10 @@ void main() {
         });
       }
       return { points: s2, position: a2 };
-    }(t2, e2, n2) : Wg(t2, e2, n2), i2) {
-      const t3 = [], o3 = [], { position: s2, points: a2 } = i2, l2 = Bg.from(a2, (t4) => t4.point.x, (t4) => t4.point.y);
+    }(t2, e2, n2) : Yg(t2, e2, n2), i2) {
+      const t3 = [], o3 = [], { position: s2, points: a2 } = i2, l2 = Ug.from(a2, (t4) => t4.point.x, (t4) => t4.point.y);
       for (let e3 = 0; e3 < l2.triangles.length; e3 += 3)
-        t3.push(a2[l2.triangles[e3]].point.x, a2[l2.triangles[e3]].point.y), t3.push(a2[l2.triangles[e3 + 1]].point.x, a2[l2.triangles[e3 + 1]].point.y), t3.push(a2[l2.triangles[e3 + 2]].point.x, a2[l2.triangles[e3 + 2]].point.y), o3.push(...fg(a2[l2.triangles[e3]].color)), o3.push(...fg(a2[l2.triangles[e3 + 1]].color)), o3.push(...fg(a2[l2.triangles[e3 + 2]].color));
+        t3.push(a2[l2.triangles[e3]].point.x, a2[l2.triangles[e3]].point.y), t3.push(a2[l2.triangles[e3 + 1]].point.x, a2[l2.triangles[e3 + 1]].point.y), t3.push(a2[l2.triangles[e3 + 2]].point.x, a2[l2.triangles[e3 + 2]].point.y), o3.push(...mg(a2[l2.triangles[e3]].color)), o3.push(...mg(a2[l2.triangles[e3 + 1]].color)), o3.push(...mg(a2[l2.triangles[e3 + 2]].color));
       const h2 = new Uh.C();
       h2.addAttribute("aVertexPosition", t3, 2), h2.addAttribute("aColor", o3, 4);
       const u2 = Uh.W.from("\n        precision mediump float;\n        attribute vec2 aVertexPosition;\n        attribute vec4 aColor;\n        uniform mat3 translationMatrix;\n        uniform mat3 projectionMatrix;\n        varying vec4 vColor;\n        void main() {\n            vColor = aColor;\n            gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aVertexPosition, 1.0)).xy, 0.0, 1.0);\n        }", "precision mediump float;    \n        varying vec4 vColor;\n        void main() {\n            float alpha = vColor.a;\n            vec4 color = vColor;\n            color.a = 1.0;\n            gl_FragColor = color * alpha;\n        }\n    "), c2 = new Xd();
@@ -30199,8 +30206,8 @@ void main() {
     }
     return r2;
   }
-  function Wg(t2, e2, n2) {
-    const i2 = e2 / 2, r2 = n2 / 2, o2 = [{ x: -i2, y: r2 }, { x: -i2, y: -r2 }, { x: i2, y: r2 }, { x: i2, y: -r2 }], s2 = [ag.fromPointSlope({ x: -i2, y: 0 }, Math.PI / 2), ag.fromPointSlope({ x: 0, y: r2 }, 0), ag.fromPointSlope({ x: i2, y: 0 }, Math.PI / 2), ag.fromPointSlope({ x: 0, y: -r2 }, 0)], a2 = [], l2 = t2.stopList.slice(1, t2.stopList.length - 1).map((o3) => {
+  function Yg(t2, e2, n2) {
+    const i2 = e2 / 2, r2 = n2 / 2, o2 = [{ x: -i2, y: r2 }, { x: -i2, y: -r2 }, { x: i2, y: r2 }, { x: i2, y: -r2 }], s2 = [lg.fromPointSlope({ x: -i2, y: 0 }, Math.PI / 2), lg.fromPointSlope({ x: 0, y: r2 }, 0), lg.fromPointSlope({ x: i2, y: 0 }, Math.PI / 2), lg.fromPointSlope({ x: 0, y: -r2 }, 0)], a2 = [], l2 = t2.stopList.slice(1, t2.stopList.length - 1).map((o3) => {
       var l3, h3, u3;
       const c3 = 2 * Math.PI;
       let d3 = (h3 = (l3 = t2.line) === null || l3 === void 0 ? void 0 : l3.ang) !== null && h3 !== void 0 ? h3 : 0;
@@ -30209,8 +30216,8 @@ void main() {
       for (; d3 < 0; )
         d3 += c3;
       const p3 = { x: 0, y: 0 };
-      og(d3, Math.PI / 2) ? (p3.x = 0, p3.y = n2 / 2 - o3.pos * n2) : og(d3, 0) ? (p3.x = o3.pos * e2 - e2 / 2, p3.y = 0) : (p3.x = o3.pos * e2 - e2 / 2, p3.y = n2 / 2 - o3.pos * n2), d3 > Math.PI / 2 && d3 <= Math.PI && (p3.x *= -1), d3 > Math.PI && d3 <= 2 * Math.PI && (p3.y *= -1);
-      const f2 = ag.fromPointSlope(p3, Math.PI / 2 - (((u3 = t2.line) === null || u3 === void 0 ? void 0 : u3.ang) || 0)), m2 = s2.map((t3) => f2.crossPoint(t3)).filter((t3) => t3 && t3.x <= i2 && t3.x >= -i2 && t3.y <= r2 && t3.y >= -r2).map((t3) => ({ point: t3, color: o3.color })).sort((t3, e3) => e3.point.y - t3.point.y);
+      sg(d3, Math.PI / 2) ? (p3.x = 0, p3.y = n2 / 2 - o3.pos * n2) : sg(d3, 0) ? (p3.x = o3.pos * e2 - e2 / 2, p3.y = 0) : (p3.x = o3.pos * e2 - e2 / 2, p3.y = n2 / 2 - o3.pos * n2), d3 > Math.PI / 2 && d3 <= Math.PI && (p3.x *= -1), d3 > Math.PI && d3 <= 2 * Math.PI && (p3.y *= -1);
+      const f2 = lg.fromPointSlope(p3, Math.PI / 2 - (((u3 = t2.line) === null || u3 === void 0 ? void 0 : u3.ang) || 0)), m2 = s2.map((t3) => f2.crossPoint(t3)).filter((t3) => t3 && t3.x <= i2 && t3.x >= -i2 && t3.y <= r2 && t3.y >= -r2).map((t3) => ({ point: t3, color: o3.color })).sort((t3, e3) => e3.point.y - t3.point.y);
       a2.push(...m2);
       let g2 = Math.abs(m2[1].point.x - m2[0].point.x) / 10;
       for (let t3 = 20; t3--; ) {
@@ -30226,7 +30233,7 @@ void main() {
         for (let e4 = 0; e4 < l2.length - 1; e4++) {
           const i4 = l2[e4], r4 = l2[e4 + 1], o3 = i4.distanceToLinearEquation(r4), s4 = i4.distanceToPoint(n3), h3 = r4.distanceToPoint(n3);
           if (s4 < o3 && h3 < o3) {
-            const i5 = t2.stopList.slice(1, t2.stopList.length - 1)[e4], r5 = t2.stopList.slice(1, t2.stopList.length - 1)[e4 + 1], l3 = gg(i5.color, r5.color, s4 / o3);
+            const i5 = t2.stopList.slice(1, t2.stopList.length - 1)[e4], r5 = t2.stopList.slice(1, t2.stopList.length - 1)[e4 + 1], l3 = vg(i5.color, r5.color, s4 / o3);
             a2.splice(e4 + 1, 0, { point: n3, color: l3 });
             continue t;
           }
@@ -30240,7 +30247,7 @@ void main() {
         return { point: e3.point, color: t2.stopList[0].color };
       {
         const n4 = t2.stopList[0].color, i3 = t2.stopList[1].color;
-        return { point: e3.point, color: gg(n4, i3, 1 - (h2[0].dis === 0 ? 1 : e3.dis / h2[0].dis)) };
+        return { point: e3.point, color: vg(n4, i3, 1 - (h2[0].dis === 0 ? 1 : e3.dis / h2[0].dis)) };
       }
     }).sort((t3, e3) => e3.point.y - t3.point.y);
     u2 = u2.sort((t3, e3) => e3.dis - t3.dis);
@@ -30249,24 +30256,24 @@ void main() {
         return { point: e3.point, color: t2.stopList[t2.stopList.length - 1].color };
       {
         const n4 = t2.stopList[t2.stopList.length - 2].color, i3 = t2.stopList[t2.stopList.length - 1].color;
-        return { point: e3.point, color: gg(n4, i3, u2[0].dis === 0 ? 0 : e3.dis / u2[0].dis) };
+        return { point: e3.point, color: vg(n4, i3, u2[0].dis === 0 ? 0 : e3.dis / u2[0].dis) };
       }
     }).sort((t3, e3) => e3.point.y - t3.point.y), p2 = c2.concat(...a2).concat(d2);
     for (let t3 = 0; t3 < p2.length; t3++)
       p2[t3].point.x += i2, p2[t3].point.y = -p2[t3].point.y + r2;
     return { points: p2, position: { x: 0, y: 0 } };
   }
-  const Yg = "\nvec3 rgb2hsl(vec3 rgb) {\n    float cMax = max(max(rgb.r, rgb.g), rgb.b);\n    float cMin = min(min(rgb.r, rgb.g), rgb.b);\n    float delta = cMax - cMin;\n    \n    float h = 0.0;\n    if (delta == 0.0) {\n        h = 0.0;\n    } else if (cMax == rgb.r) {\n        h = 60.0 * mod(((rgb.g - rgb.b) / delta), 6.0);\n    } else if (cMax == rgb.g ) {\n        h = 60.0 * ((rgb.b - rgb.r) / delta + 2.0);\n    } else if (cMax == rgb.b) {\n        h = 60.0 * ((rgb.r - rgb.g) / delta + 4.0);\n    }\n    \n    float l = (cMax + cMin) / 2.0;\n    \n    float s = 0.0;\n    if (delta == 0.0) {\n        s = 0.0;\n    } else {\n        s = delta / (1.0 - abs(2.0 * l - 1.0));\n    }\n    \n    return vec3(h, s, l);\n}\n", qg = [Yg], Zg = { biLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    mat3 rgb2yuv = mat3(\n        0.2126, 0.7152, 0.0722,\n        -0.09991, -0.33609, 0.43600,\n        0.615, -0.5586, -0.05639\n    );\n    vec3 yuv = texColor.rgb * rgb2yuv;\n    if (yuv.x >= 0.49 || texColor.a < 0.9) {\n        return vec4(1.0, 1.0, 1.0, 1.0) * texColor.a;\n    } else {\n        return vec4(0.0, 0.0, 0.0, 1.0) * texColor.a;\n    }\n}\n", alphaModFix: "\nvec4 transform(vec4 texColor, float arg) {\n   return texColor * arg;\n}\n", alphaBiLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < arg) {\n        result.a = 0.0;\n    } else {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaCeiling: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a > 0.0) {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaFloor: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < 1.0) {\n        result.a = 0.0;\n    }\n    return result;\n}\n", grayscl: "\nvec4 transform(vec4 texColor, float arg) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n    return vec4(avg, avg, avg, texColor.a);\n}\n" };
-  class Jg extends Uh.u {
+  const qg = "\nvec3 rgb2hsl(vec3 rgb) {\n    float cMax = max(max(rgb.r, rgb.g), rgb.b);\n    float cMin = min(min(rgb.r, rgb.g), rgb.b);\n    float delta = cMax - cMin;\n    \n    float h = 0.0;\n    if (delta == 0.0) {\n        h = 0.0;\n    } else if (cMax == rgb.r) {\n        h = 60.0 * mod(((rgb.g - rgb.b) / delta), 6.0);\n    } else if (cMax == rgb.g ) {\n        h = 60.0 * ((rgb.b - rgb.r) / delta + 2.0);\n    } else if (cMax == rgb.b) {\n        h = 60.0 * ((rgb.r - rgb.g) / delta + 4.0);\n    }\n    \n    float l = (cMax + cMin) / 2.0;\n    \n    float s = 0.0;\n    if (delta == 0.0) {\n        s = 0.0;\n    } else {\n        s = delta / (1.0 - abs(2.0 * l - 1.0));\n    }\n    \n    return vec3(h, s, l);\n}\n", Zg = [qg], Jg = { biLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    mat3 rgb2yuv = mat3(\n        0.2126, 0.7152, 0.0722,\n        -0.09991, -0.33609, 0.43600,\n        0.615, -0.5586, -0.05639\n    );\n    vec3 yuv = texColor.rgb * rgb2yuv;\n    if (yuv.x >= 0.49 || texColor.a < 0.9) {\n        return vec4(1.0, 1.0, 1.0, 1.0) * texColor.a;\n    } else {\n        return vec4(0.0, 0.0, 0.0, 1.0) * texColor.a;\n    }\n}\n", alphaModFix: "\nvec4 transform(vec4 texColor, float arg) {\n   return texColor * arg;\n}\n", alphaBiLevel: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < arg) {\n        result.a = 0.0;\n    } else {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaCeiling: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a > 0.0) {\n        result.a = 1.0;\n    }\n    return result;\n}\n", alphaFloor: "\nvec4 transform(vec4 texColor, float arg) {\n    vec4 result = vec4(texColor);\n    result.rgb = result.rgb / texColor.a;\n    if (texColor.a < 1.0) {\n        result.a = 0.0;\n    }\n    return result;\n}\n", grayscl: "\nvec4 transform(vec4 texColor, float arg) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n    return vec4(avg, avg, avg, texColor.a);\n}\n" };
+  class Kg extends Uh.u {
     constructor(t2, e2) {
       var n2;
-      super(void 0, (n2 = Zg[t2], `
+      super(void 0, (n2 = Jg[t2], `
 varying vec2 vTextureCoord;
 
 uniform float arg;
 uniform sampler2D uSampler;
 
-${qg.map((t3) => t3 + "\n").join("\n")}
+${Zg.map((t3) => t3 + "\n").join("\n")}
 
 ${n2}
 
@@ -30277,18 +30284,18 @@ void main(void){
 `), { arg: e2 });
     }
   }
-  const Kg = [Yg], Qg = { clrChange: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float epsilon = 0.001;\n    vec3 colorDiff = arg1.rgb - (texColor.rgb / max(texColor.a, 0.0000000001));\n    float colorDistance = length(colorDiff);\n    if (colorDistance < epsilon) {\n        arg2.rgb *= arg2.a;\n        return arg2;\n    } else {\n        return texColor;\n    }\n}\n", changeBulletColor: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    if (texColor.a == 0.0) {\n        return texColor;\n    } else {\n        return arg2;\n    }\n}\n", duotone: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n\n    vec3 hsl = rgb2hsl(vec3(avg, avg, avg));\n\n    vec3 result = arg2.rgb * hsl.z + arg1.rgb * (1.0 - hsl.z);\n\n    return vec4(result * texColor.a, texColor.a);\n}\n" };
-  class $g extends Uh.u {
+  const Qg = [qg], $g = { clrChange: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float epsilon = 0.001;\n    vec3 colorDiff = arg1.rgb - (texColor.rgb / max(texColor.a, 0.0000000001));\n    float colorDistance = length(colorDiff);\n    if (colorDistance < epsilon) {\n        arg2.rgb *= arg2.a;\n        return arg2;\n    } else {\n        return texColor;\n    }\n}\n", changeBulletColor: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    if (texColor.a == 0.0) {\n        return texColor;\n    } else {\n        return arg2;\n    }\n}\n", duotone: "\nvec4 transform(vec4 texColor, vec4 arg1, vec4 arg2) {\n    float avg = (texColor.r + texColor.g + texColor.b) / 3.0;\n\n    vec3 hsl = rgb2hsl(vec3(avg, avg, avg));\n\n    vec3 result = arg2.rgb * hsl.z + arg1.rgb * (1.0 - hsl.z);\n\n    return vec4(result * texColor.a, texColor.a);\n}\n" };
+  class tv extends Uh.u {
     constructor(t2, e2, n2) {
       var i2;
-      super(void 0, (i2 = Qg[t2], `
+      super(void 0, (i2 = $g[t2], `
 varying vec2 vTextureCoord;
 
 uniform vec4 arg1;
 uniform vec4 arg2;
 uniform sampler2D uSampler;
 
-${Kg.map((t3) => t3 + "\n").join("\n")}
+${Qg.map((t3) => t3 + "\n").join("\n")}
 
 ${i2}
 
@@ -30299,18 +30306,18 @@ void main(void){
 `), { arg1: Float32Array.from(e2), arg2: Float32Array.from(n2) });
     }
   }
-  const tv = [Yg], ev = { lum: "\nvec4 transform(vec4 texColor, float arg1, float arg2) {\n    vec3 rgb = texColor.rgb / texColor.a;\n\n    // \u5BF9\u6BD4\u5EA6\n    float C = arg2 * 255.0;\n    float F = (259.0 * (255.0 + C)) / (255.0 * (259.0 - C));\n    rgb.rgb = F * (rgb.rgb - 0.5) + 0.5;\n\n    // \u4EAE\u5EA6\n    rgb.rgb += arg1;\n\n    rgb.rgb *= texColor.a;\n    return vec4(rgb, texColor.a);\n}\n" };
-  class nv extends Uh.u {
+  const ev = [qg], nv = { lum: "\nvec4 transform(vec4 texColor, float arg1, float arg2) {\n    vec3 rgb = texColor.rgb / texColor.a;\n\n    // \u5BF9\u6BD4\u5EA6\n    float C = arg2 * 255.0;\n    float F = (259.0 * (255.0 + C)) / (255.0 * (259.0 - C));\n    rgb.rgb = F * (rgb.rgb - 0.5) + 0.5;\n\n    // \u4EAE\u5EA6\n    rgb.rgb += arg1;\n\n    rgb.rgb *= texColor.a;\n    return vec4(rgb, texColor.a);\n}\n" };
+  class iv extends Uh.u {
     constructor(t2, e2, n2) {
       var i2;
-      super(void 0, (i2 = ev[t2], `
+      super(void 0, (i2 = nv[t2], `
 varying vec2 vTextureCoord;
 
 uniform float arg1;
 uniform float arg2;
 uniform sampler2D uSampler;
 
-${tv.map((t3) => t3 + "\n").join("\n")}
+${ev.map((t3) => t3 + "\n").join("\n")}
 
 ${i2}
 
@@ -30321,17 +30328,17 @@ void main(void){
 `), { arg1: e2, arg2: n2 });
     }
   }
-  const iv = [Yg], rv = { alphaInv: "\nvec4 transform(vec4 texColor, vec4 arg1) {\n    float alpha = 1.0 - texColor.a;\n    arg1.rgb = arg1.rgb * alpha;\n    arg1.a = alpha;\n    return arg1;\n}\n" };
-  class ov extends Uh.u {
+  const rv = [qg], ov = { alphaInv: "\nvec4 transform(vec4 texColor, vec4 arg1) {\n    float alpha = 1.0 - texColor.a;\n    arg1.rgb = arg1.rgb * alpha;\n    arg1.a = alpha;\n    return arg1;\n}\n" };
+  class sv extends Uh.u {
     constructor(t2, e2) {
       var n2;
-      super(void 0, (n2 = rv[t2], `
+      super(void 0, (n2 = ov[t2], `
 varying vec2 vTextureCoord;
 
 uniform vec4 arg1;
 uniform sampler2D uSampler;
 
-${iv.map((t3) => t3 + "\n").join("\n")}
+${rv.map((t3) => t3 + "\n").join("\n")}
 
 ${n2}
 
@@ -30342,9 +30349,9 @@ void main(void){
 `), { arg1: Float32Array.from(e2) });
     }
   }
-  class sv {
+  class av {
     constructor(t2, e2, n2, i2, r2) {
-      this.ctx = t2, this.fillStyle = e2, this.width = n2, this.height = i2, this.config = r2, this.clonedObjects = [], this._displayObject = null, this.gradientHash = Hm()(`${JSON.stringify(e2)}${Math.ceil(n2)}${Math.ceil(i2)}`);
+      this.ctx = t2, this.fillStyle = e2, this.width = n2, this.height = i2, this.config = r2, this.clonedObjects = [], this._displayObject = null, this.gradientHash = jm()(`${JSON.stringify(e2)}${Math.ceil(n2)}${Math.ceil(i2)}`);
     }
     get displayObject() {
       return this._displayObject || (this._displayObject = this.createDisplayObject()), this._displayObject;
@@ -30366,7 +30373,7 @@ void main(void){
       if (this.fillStyle.fillType === "solidFill" || this.fillStyle.fillType === "noFill")
         return null;
       if (this.fillStyle.fillType === "gradientFill") {
-        const t3 = new Kd(), e2 = Xg(this.fillStyle, this.width, this.height), n2 = Uh.P.create({ width: this.width, height: this.height, resolution: this.ctx.renderer.resolution });
+        const t3 = new Kd(), e2 = Wg(this.fillStyle, this.width, this.height), n2 = Uh.P.create({ width: this.width, height: this.height, resolution: this.ctx.renderer.resolution });
         return this.ctx.renderer.render(e2, { renderTexture: n2 }), e2.destroy({ children: true, texture: true }), t3.texture = n2, t3;
       }
       if (this.fillStyle.fillType === "blipFill") {
@@ -30378,15 +30385,15 @@ void main(void){
             return t3.forEach((t4) => {
               const i3 = ((e4 == null ? void 0 : e4.filter) || []).indexOf(t4.type) >= 0;
               if (["biLevel", "alphaBiLevel", "alphaCeiling", "alphaModFix", "alphaFloor", "grayscl"].indexOf(t4.type) >= 0 && i3)
-                n3.push(new Jg(t4.type, t4.args[0] || 0));
+                n3.push(new Kg(t4.type, t4.args[0] || 0));
               else if (["clrChange", "changeBulletColor", "duotone"].indexOf(t4.type) >= 0 && i3) {
-                const e5 = fg(t4.args[0]), i4 = fg(t4.args[1]);
-                n3.push(new $g(t4.type, e5, i4));
+                const e5 = mg(t4.args[0]), i4 = mg(t4.args[1]);
+                n3.push(new tv(t4.type, e5, i4));
               } else if (t4.type === "lum" && i3)
-                n3.push(new nv(t4.type, t4.args[0], t4.args[1]));
+                n3.push(new iv(t4.type, t4.args[0], t4.args[1]));
               else if (t4.type === "alphaInv" && i3) {
-                const e5 = fg(t4.args[0]);
-                n3.push(new ov(t4.type, e5));
+                const e5 = mg(t4.args[0]);
+                n3.push(new sv(t4.type, e5));
               }
             }), n3;
           }(n2, this.ctx.featureList)), this.config.fillFloat) {
@@ -30428,7 +30435,7 @@ void main(void){
       }), this.clonedObjects = [];
     }
   }
-  var av = function(t2, e2, n2, i2) {
+  var lv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -30453,28 +30460,28 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class lv extends Eg {
+  class hv extends Sg {
     constructor(t2, e2, n2) {
       var i2;
       super(t2, e2, n2), this.textureContainer = new wh.b(), this.underline = null, this.cacheSprite = new Kd();
       const { shapeId: r2, paragraphIndex: o2, lineIndex: s2, unitIndex: a2, lineHeight: l2, width: h2, underLine: u2, fill: c2, height: d2, isHorz: p2, lineWidth: f2 } = t2, m2 = ((i2 = c2 == null ? void 0 : c2.fill) === null || i2 === void 0 ? void 0 : i2.fillType) === "solidFill" ? c2.fill.color : null;
       if (u2) {
         const t3 = p2 ? l2 / 16 : f2 / 16;
-        this.underline = new Sg(e2, u2.type, t3, h2, d2, m2, p2, r2, o2, s2, a2);
+        this.underline = new wg(e2, u2.type, t3, h2, d2, m2, p2, r2, o2, s2, a2);
       }
       this.textGraphics = this.createTextGraphics(), this.textFill = this.createTextFill(), this.strokeGraphics = this.createStrokeGraphics(), this.strokeFill = this.createStrokeFill();
     }
     createStrokeFill() {
       const { stroke: t2, lineWidth: e2, lineHeight: n2 } = this.json;
-      return new sv(this.ctx, t2 == null ? void 0 : t2.fill, e2, n2, { useFilter: false, useSlideBackgroundFill: false });
+      return new av(this.ctx, t2 == null ? void 0 : t2.fill, e2, n2, { useFilter: false, useSlideBackgroundFill: false });
     }
     createStrokeGraphics() {
       const { stroke: t2 } = this.json, e2 = (t2 == null ? void 0 : t2.key) ? { fillType: "blipFill", src: t2.key, filters: [] } : void 0;
-      return new sv(this.ctx, e2, (t2 == null ? void 0 : t2.width) || 0, (t2 == null ? void 0 : t2.height) || 0, { useFilter: false, useSlideBackgroundFill: false });
+      return new av(this.ctx, e2, (t2 == null ? void 0 : t2.width) || 0, (t2 == null ? void 0 : t2.height) || 0, { useFilter: false, useSlideBackgroundFill: false });
     }
     createTextFill() {
       const { isHorz: t2, fill: e2, lineWidth: n2, lineHeight: i2, fillLineHeight: r2 } = this.json;
-      return t2 ? new sv(this.ctx, e2 == null ? void 0 : e2.fill, n2, Math.max(r2, i2), { useFilter: false, useSlideBackgroundFill: false }) : new sv(this.ctx, e2 == null ? void 0 : e2.fill, r2, i2, { useFilter: false, useSlideBackgroundFill: false });
+      return t2 ? new av(this.ctx, e2 == null ? void 0 : e2.fill, n2, Math.max(r2, i2), { useFilter: false, useSlideBackgroundFill: false }) : new av(this.ctx, e2 == null ? void 0 : e2.fill, r2, i2, { useFilter: false, useSlideBackgroundFill: false });
     }
     createTextGraphics() {
       var t2;
@@ -30482,7 +30489,7 @@ void main(void){
       let i2 = "#000000";
       ((t2 = e2 == null ? void 0 : e2.fill) === null || t2 === void 0 ? void 0 : t2.fillType) === "solidFill" && (i2 = e2.fill.color);
       const r2 = (e2 == null ? void 0 : e2.key) ? { fillType: "blipFill", src: e2.key, filters: [{ type: "changeBulletColor", args: ["#000000", i2] }] } : void 0;
-      return new sv(this.ctx, r2, (e2 == null ? void 0 : e2.width) || 0, (e2 == null ? void 0 : e2.height) || 0, { useFilter: n2 === "\u25FE", useSlideBackgroundFill: false });
+      return new av(this.ctx, r2, (e2 == null ? void 0 : e2.width) || 0, (e2 == null ? void 0 : e2.height) || 0, { useFilter: n2 === "\u25FE", useSlideBackgroundFill: false });
     }
     getIterateEntry() {
       return null;
@@ -30500,7 +30507,7 @@ void main(void){
       (t2 = this.underline) === null || t2 === void 0 || t2.preRender();
     }
     render(t2) {
-      t2.addSubMTask(() => av(this, void 0, void 0, function* () {
+      t2.addSubMTask(() => lv(this, void 0, void 0, function* () {
         this.doRender();
       }), "@TextUnitImpl[doRender]");
     }
@@ -30509,7 +30516,7 @@ void main(void){
       const { lineWidth: e2, lineHeight: n2, baseLine: i2, isHorz: r2, underline: o2, height: s2, width: a2, highlightColor: l2, x: h2, y: u2, content: c2, fillLineHeight: d2, fill: p2 } = this.json;
       let f2 = this.json.needFill !== false;
       if (p2 && p2.fill && p2.fill.fillType !== "solidFill" && (f2 = true), l2) {
-        const t3 = new Xd(), [i3, o3] = pg(l2);
+        const t3 = new Xd(), [i3, o3] = fg(l2);
         t3.beginFill(i3, o3), t3.drawRect(0, 0, r2 ? a2 : e2, r2 ? n2 : s2), t3.endFill(), this.textureContainer.addChild(t3);
       }
       if (this.textGraphics.displayObject) {
@@ -30519,7 +30526,7 @@ void main(void){
           if (n3)
             n3.mask = e3, n3.addChild(e3), n3.position.x = -h2, e3.position.x += h2, t2 = true, this.textureContainer.addChild(n3);
           else if (this.textFill.isSolidFill()) {
-            const n4 = new vg();
+            const n4 = new _g();
             n4.color = this.textFill.getSolidFillColor(), e3.filters = [n4], t2 = true, this.textureContainer.addChild(e3);
           }
         } else
@@ -30533,7 +30540,7 @@ void main(void){
             n3.mask = e3, n3.addChild(e3), r2 ? n3.position.y = u2 > 0 ? u2 : 0 : n3.position.x = h2, this.textureContainer.addChild(n3);
           else if (this.strokeFill.isSolidFill()) {
             r2 ? e3.position.y = u2 > 0 ? u2 : 0 : e3.position.x = h2;
-            const n4 = new vg();
+            const n4 = new _g();
             n4.color = this.strokeFill.getSolidFillColor(), e3.filters = [n4], t2 = true, this.textureContainer.addChild(e3);
           }
         } else
@@ -30555,7 +30562,7 @@ void main(void){
       this.textFill.destroy(), this.textGraphics.destroy(), this.strokeFill.destroy(), this.strokeGraphics.destroy(), this.cacheSprite.texture.destroy(true), this.cacheSprite.destroy(), this.textureContainer.destroy(), this.container.destroy();
     }
   }
-  var hv = function(t2, e2, n2, i2) {
+  var uv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -30580,7 +30587,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class uv extends Eg {
+  class cv extends Sg {
     constructor() {
       super(...arguments), this.units = [], this.isHorz = true;
     }
@@ -30594,14 +30601,14 @@ void main(void){
     }
     createUnits(t2, e2, n2, i2) {
       for (let r2 = 0, o2 = this.json.textUnits.length; r2 < o2; r2++)
-        i2.addSubMTask(() => hv(this, void 0, void 0, function* () {
-          const i3 = this.json.textUnits[r2], { height: o3, width: s2, fillHeight: a2, baseline: l2, y: h2, underline: u2 } = this.json, c2 = new lv(Object.assign(Object.assign({}, i3), { lineHeight: o3, lineWidth: s2, baseLine: l2 - h2, underline: u2, fillLineHeight: a2 || o3, isHorz: this.isHorz, shapeId: t2, paragraphIndex: e2, lineIndex: n2, unitIndex: r2 }), this.ctx, this.global);
+        i2.addSubMTask(() => uv(this, void 0, void 0, function* () {
+          const i3 = this.json.textUnits[r2], { height: o3, width: s2, fillHeight: a2, baseline: l2, y: h2, underline: u2 } = this.json, c2 = new hv(Object.assign(Object.assign({}, i3), { lineHeight: o3, lineWidth: s2, baseLine: l2 - h2, underline: u2, fillLineHeight: a2 || o3, isHorz: this.isHorz, shapeId: t2, paragraphIndex: e2, lineIndex: n2, unitIndex: r2 }), this.ctx, this.global);
           c2.preRender(), this.units.push(c2);
         }), "@TextLineImpl[createUnits]");
     }
     render(t2) {
       for (const e2 of this.units.reverse())
-        e2.render(t2), t2.addSubMTask(() => hv(this, void 0, void 0, function* () {
+        e2.render(t2), t2.addSubMTask(() => uv(this, void 0, void 0, function* () {
           this.container.addChild(e2.container);
         }), "@TextLineImpl[container.addChild]");
     }
@@ -30611,7 +30618,7 @@ void main(void){
       }), this.container.destroy({ children: false });
     }
   }
-  var cv = function(t2, e2, n2, i2) {
+  var dv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -30636,7 +30643,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class dv extends Eg {
+  class pv extends Sg {
     constructor() {
       super(...arguments), this.iterateElements = [], this.lines = [], this.isHorz = true;
     }
@@ -30654,14 +30661,14 @@ void main(void){
     }
     createLines(t2, e2, n2) {
       for (let i2 = 0, r2 = this.json.lines.length; i2 < r2; i2++)
-        n2.addSubMTask(() => cv(this, void 0, void 0, function* () {
-          const r3 = this.json.lines[i2], o2 = new uv(r3, this.ctx, this.global);
+        n2.addSubMTask(() => dv(this, void 0, void 0, function* () {
+          const r3 = this.json.lines[i2], o2 = new cv(r3, this.ctx, this.global);
           o2.isHorz = this.isHorz, o2.container.name = "line-" + i2, o2.createUnits(t2, e2, i2, n2), this.lines.push(o2);
         }), "@TextParagraphImpl[createLines]");
     }
     render(t2) {
       for (const e2 of this.lines)
-        e2.render(t2), t2.addSubMTask(() => cv(this, void 0, void 0, function* () {
+        e2.render(t2), t2.addSubMTask(() => dv(this, void 0, void 0, function* () {
           this.container.addChild(e2.container);
         }), "@TextParagraphImpl[container.addChild]");
     }
@@ -30671,7 +30678,7 @@ void main(void){
       }), this.container.destroy({ children: false });
     }
   }
-  function pv(t2, e2, n2) {
+  function fv(t2, e2, n2) {
     let i2, r2;
     const o2 = Math.round(t2) % 360;
     if (o2 % 180 == 0)
@@ -30684,11 +30691,11 @@ void main(void){
     }
     return { x: i2, y: r2 };
   }
-  function fv(t2, e2, n2, i2, r2, o2) {
-    const s2 = pv((r2 = -r2) / Math.PI * 180, n2, i2), a2 = t2.x - s2.x, l2 = t2.y - s2.y;
+  function mv(t2, e2, n2, i2, r2, o2) {
+    const s2 = fv((r2 = -r2) / Math.PI * 180, n2, i2), a2 = t2.x - s2.x, l2 = t2.y - s2.y;
     return { centerX: a2 / 9525 * e2.x, centerY: l2 / 9525 * e2.y, rx: n2 / 9525 * e2.x, ry: i2 / 9525 * e2.y, st: -r2, end: -r2 + o2, aClockWise: o2 < 0 };
   }
-  function mv(t2) {
+  function gv(t2) {
     const e2 = new Vs(), { scale: n2 } = t2;
     let i2 = { x: 0, y: 0 };
     const r2 = t2.path.trim().split(" ");
@@ -30698,7 +30705,7 @@ void main(void){
         let [t4, r3] = s2.split(",").map((t5) => Number(t5));
         i2 = { x: t4, y: r3 }, t4 = t4 / 9525 * n2.x, r3 = r3 / 9525 * n2.y, e2.moveTo(t4, r3);
       } else if (o2 === "A") {
-        const [t4, r3, o3, a2] = s2.split(",").map((t5) => Number(t5)), { centerX: l2, centerY: h2, rx: u2, ry: c2, st: d2, end: p2, aClockWise: f2 } = fv(i2, n2, t4, r3, o3, a2);
+        const [t4, r3, o3, a2] = s2.split(",").map((t5) => Number(t5)), { centerX: l2, centerY: h2, rx: u2, ry: c2, st: d2, end: p2, aClockWise: f2 } = mv(i2, n2, t4, r3, o3, a2);
         e2.absellipse(l2, h2, u2, c2, d2, p2, f2, 0);
       } else if (o2 === "L") {
         let [t4, r3] = s2.split(",").map((t5) => Number(t5));
@@ -30717,11 +30724,11 @@ void main(void){
     }
     return e2;
   }
-  function gv(t2, e2) {
+  function vv(t2, e2) {
     return t2.curves.map((t3) => t3.getPoints(e2)).reduce((t3, e3) => t3.concat(e3), []);
   }
-  const vv = { textCirclePour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textStop: { top: (t2) => gv(t2, 100), bottom: (t2) => gv(t2, 100) }, textPlain: { top: (t2) => gv(t2, 100), bottom: (t2) => gv(t2, 100) }, textTriangle: { top: (t2) => gv(t2, 50), bottom: (t2) => gv(t2, 101) }, textTriangleInverted: { bottom: (t2) => gv(t2, 50), top: (t2) => gv(t2, 101) }, textChevron: { bottom: (t2) => gv(t2, 50), top: (t2) => gv(t2, 50) }, textChevronInverted: { bottom: (t2) => gv(t2, 50), top: (t2) => gv(t2, 50) }, textRingInside: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textRingOutside: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textArchUpPour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textArchDownPour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCurveUp: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCurveDown: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCanUp: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCanDown: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textWave1: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textWave2: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textDoubleWave1: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textWave4: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textInflate: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textDeflate: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textInflateBottom: { top: (t2) => gv(t2, 180), bottom: (t2) => t2.getPoints(180) }, textDeflateBottom: { top: (t2) => gv(t2, 180), bottom: (t2) => t2.getPoints(180) }, textInflateTop: { bottom: (t2) => gv(t2, 180), top: (t2) => t2.getPoints(180) }, textDeflateTop: { bottom: (t2) => gv(t2, 180), top: (t2) => t2.getPoints(180) }, textFadeRight: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textFadeLeft: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textFadeUp: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textFadeDown: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textSlantUp: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textSlantDown: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textCascadeUp: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) }, textCascadeDown: { bottom: (t2) => gv(t2, 180), top: (t2) => gv(t2, 180) } };
-  var _v = function(t2, e2, n2, i2) {
+  const _v = { textCirclePour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textStop: { top: (t2) => vv(t2, 100), bottom: (t2) => vv(t2, 100) }, textPlain: { top: (t2) => vv(t2, 100), bottom: (t2) => vv(t2, 100) }, textTriangle: { top: (t2) => vv(t2, 50), bottom: (t2) => vv(t2, 101) }, textTriangleInverted: { bottom: (t2) => vv(t2, 50), top: (t2) => vv(t2, 101) }, textChevron: { bottom: (t2) => vv(t2, 50), top: (t2) => vv(t2, 50) }, textChevronInverted: { bottom: (t2) => vv(t2, 50), top: (t2) => vv(t2, 50) }, textRingInside: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textRingOutside: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textArchUpPour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textArchDownPour: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCurveUp: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCurveDown: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCanUp: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textCanDown: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textWave1: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textWave2: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textDoubleWave1: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textWave4: { top: (t2) => t2.getPoints(360), bottom: (t2) => t2.getPoints(360) }, textInflate: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textDeflate: { top: (t2) => t2.getPoints(180), bottom: (t2) => t2.getPoints(180) }, textInflateBottom: { top: (t2) => vv(t2, 180), bottom: (t2) => t2.getPoints(180) }, textDeflateBottom: { top: (t2) => vv(t2, 180), bottom: (t2) => t2.getPoints(180) }, textInflateTop: { bottom: (t2) => vv(t2, 180), top: (t2) => t2.getPoints(180) }, textDeflateTop: { bottom: (t2) => vv(t2, 180), top: (t2) => t2.getPoints(180) }, textFadeRight: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textFadeLeft: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textFadeUp: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textFadeDown: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textSlantUp: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textSlantDown: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textCascadeUp: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) }, textCascadeDown: { bottom: (t2) => vv(t2, 180), top: (t2) => vv(t2, 180) } };
+  var yv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -30746,7 +30753,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class yv {
+  class xv {
     constructor(t2, e2, n2, i2, r2) {
       this.iterateElements = [], this.paragraphs = [], this.container = new wh.b(), this.textContainer = new wh.b(), this.json = t2, this.ctx = e2, this.shapeRotation = r2, this.parentGlobalPos = i2, this.iterateType = n2, this.container.name = "textBody", this.global = { x: this.parentGlobalPos.x + t2.position.x, y: this.parentGlobalPos.y + t2.position.y }, this.container.position.x = t2.position.x, this.container.position.y = t2.position.y, this.container.scale.x = t2.scale.x, this.container.scale.y = t2.scale.y;
       const o2 = new Xd();
@@ -30777,32 +30784,34 @@ void main(void){
     }
     createParagraphs(t2, e2) {
       for (let n2 = 0, i2 = this.json.paragraphs.length; n2 < i2; n2++)
-        e2.addSubMTask(() => _v(this, void 0, void 0, function* () {
+        e2.addSubMTask(() => yv(this, void 0, void 0, function* () {
           var i3;
-          const r2 = this.json.paragraphs[n2], o2 = new dv(r2, this.ctx, this.global);
-          o2.isHorz = (i3 = this.json.isHorz) === null || i3 === void 0 || i3, o2.createLines(t2, n2, e2), e2.addSubMTask(() => _v(this, void 0, void 0, function* () {
+          const r2 = this.json.paragraphs[n2], o2 = new pv(r2, this.ctx, this.global);
+          o2.isHorz = (i3 = this.json.isHorz) === null || i3 === void 0 || i3, o2.createLines(t2, n2, e2), e2.addSubMTask(() => yv(this, void 0, void 0, function* () {
             this.iterateElements = this.iterateElements.concat(o2.getIterateElements()), o2.container.name = "\u6BB5\u843D-" + n2, this.paragraphs.push(o2);
           }), "@TextBodyImpl[paragraphs.push]");
         }), "@TextBodyImpl[createParagraphs]");
     }
     render(t2) {
       for (const e2 of this.paragraphs)
-        e2.render(t2), t2.addSubMTask(() => _v(this, void 0, void 0, function* () {
+        e2.render(t2), t2.addSubMTask(() => yv(this, void 0, void 0, function* () {
           this.textContainer.addChild(e2.container);
         }), "@TextBodyImpl[container.addChild]");
-      t2.addSubMTask(() => _v(this, void 0, void 0, function* () {
+      t2.addSubMTask(() => yv(this, void 0, void 0, function* () {
         const { width: t3 } = this.container;
         this.container.scale.x < 0 && (this.container.x += -1 * t3);
-      }), "@TextBodyImpl[reset width]"), t2.addSubMTask(() => _v(this, void 0, void 0, function* () {
+      }), "@TextBodyImpl[reset width]"), t2.addSubMTask(() => yv(this, void 0, void 0, function* () {
         if (this.json.presetTextShape) {
           const t3 = this.json.paragraphs.map((t4) => t4.x).reduce((t4, e3) => Math.min(t4, e3)), e2 = this.json.paragraphs[0].y, n2 = this.textContainer.getBounds(), { width: i2, height: r2 } = n2, { geometry: o2, type: s2 } = this.json.presetTextShape;
           if (o2.paths) {
             const n3 = Uh.P.create({ width: i2, height: r2, resolution: this.ctx.renderer.resolution }), a2 = new Rh.d();
             a2.translate(-t3, -e2), this.ctx.renderer.render(this.textContainer, { renderTexture: n3, transform: a2 });
-            const l2 = this.json.isHorz !== void 0 && !this.json.isHorz, h2 = function(t4, e3, n4, i3) {
-              if (!vv[n4])
+            const l2 = this.json.isHorz !== void 0 && !this.json.isHorz;
+            this.json.presetTextShape.type;
+            const h2 = function(t4, e3, n4, i3) {
+              if (!_v[n4])
                 return null;
-              const r3 = vv[n4].top(mv(e3)), o3 = vv[n4].bottom(mv(t4));
+              const r3 = _v[n4].top(gv(e3)), o3 = _v[n4].bottom(gv(t4));
               if (r3.length !== o3.length)
                 return null;
               const s3 = Math.min(r3.length, o3.length), a3 = 1 / (s3 - 1), l3 = [], h3 = [], u2 = new Array(2 * s3).fill("").map((t5, e4) => e4);
@@ -30819,7 +30828,7 @@ void main(void){
       }), "presetTextShape");
     }
   }
-  class xv {
+  class bv {
     constructor(t2) {
       this.scaleX = 1, this.scaleY = 1, this.pivot = { x: 0, y: 0 }, this.paths = [], this.hash = "", this.width = 0, this.height = 0, this.graphicsId = "", this.textureId = "", this.id = t2.id, this.type = t2.type, this.heightSize = t2.heightSize, this.widthSize = t2.widthSize, this.fillStyle = t2.fillStyle || { fillType: "solidFill", color: "#ffffffff" }, this.lineWidth = t2.lineWidth || 1, this.position = t2.position || { x: 0, y: 0 }, this.rotate = t2.rotation || 1, this.path = this.getUnitPath(), this.setScaleFromLineWidth(), this.setScaleFromSize(), this.generatePaths(), this.setPivot();
     }
@@ -30839,7 +30848,7 @@ void main(void){
       }
     }
     generatePaths() {
-      this.hash = "arrow-" + Hm()(this.path + this.scaleX + this.scaleY), this.paths = [{ id: this.id, path: this.path, fill: "norm", hasStroke: false, hash: this.hash, scale: { x: this.scaleX, y: this.scaleY } }];
+      this.hash = "arrow-" + jm()(this.path + this.scaleX + this.scaleY), this.paths = [{ id: this.id, path: this.path, fill: "norm", hasStroke: false, hash: this.hash, scale: { x: this.scaleX, y: this.scaleY } }];
     }
     getUnitPath() {
       switch (this.type) {
@@ -30905,7 +30914,7 @@ void main(void){
       this.width = 10 * this.scaleX, this.height = 10 * this.scaleY;
     }
   }
-  class bv {
+  class Tv {
     constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, h2, u2) {
       this.id = t2, this.ctx = e2, this.paths = n2, this.hash = i2, this.nept = r2, this.width = o2, this.height = s2, this.lineStyle = a2, this.shouldFill = l2, this.bgColor = h2, this.lnColor = u2, this.clonedObjects = [], this._displayObject = null, this.isRectangle = false, this.isPureRect = false, this.isColoredPureRect = false, this.isRectangle = this.rectangleDetect(n2), this.isRectangle && l2 ? this.bgColor ? this.isColoredPureRect = true : this.isPureRect = true : this.ctx.graphicsTexture.addGraphics(this.id, this.paths, this.hash, this.nept, this.width, this.height, this.lineStyle, this.ctx.objectPoolGroup, this.shouldFill, this.bgColor, this.lnColor);
     }
@@ -30937,7 +30946,7 @@ void main(void){
       if (Number.isNaN(r2) || Number.isNaN(o2))
         return false;
       const s2 = { x: r2, y: o2 };
-      return og(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[1])) && og(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[2])) && og(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[3])) && this.pointDis(s2, i2[0]) === this.pointDis(s2, i2[1]);
+      return sg(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[1])) && sg(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[2])) && sg(this.pointDis(s2, i2[0]), this.pointDis(s2, i2[3])) && this.pointDis(s2, i2[0]) === this.pointDis(s2, i2[1]);
     }
     createDisplayObject() {
       if (this.isPureRect) {
@@ -30945,7 +30954,7 @@ void main(void){
         return t2.beginFill(0, 1), t2.drawRect(0, 0, this.width, this.height), t2;
       }
       if (this.isColoredPureRect && this.bgColor) {
-        const t2 = new Xd(), [e2, n2] = pg(this.bgColor);
+        const t2 = new Xd(), [e2, n2] = fg(this.bgColor);
         return t2.beginFill(e2, n2), t2.drawRect(0, 0, this.width, this.height), t2;
       }
       {
@@ -30975,12 +30984,12 @@ void main(void){
       }), this.clonedObjects = [];
     }
   }
-  class Tv extends Uh.u {
+  class Ev extends Uh.u {
   }
-  var Ev = n(109), Sv = n.n(Ev), wv = n(110), Av = n.n(wv);
-  class Mv extends Tv {
+  var Sv = n(109), wv = n.n(Sv), Av = n(110), Mv = n.n(Av);
+  class Rv extends Ev {
     constructor(t2) {
-      super(Sv.a, Av.a, { uShapeFilterArea: new Float32Array([0, 0, 0, 0]), uGlowColor: fg(t2.color), uSdfSampler: Uh.db.WHITE, uSdfReady: 0, uSdfMaxDis: 0, uRad: t2.rad / 2, uSdfPosition: new Float32Array([0, 0]) }), this.priority = 3, this.json = t2;
+      super(wv.a, Mv.a, { uShapeFilterArea: new Float32Array([0, 0, 0, 0]), uGlowColor: mg(t2.color), uSdfSampler: Uh.db.WHITE, uSdfReady: 0, uSdfMaxDis: 0, uRad: t2.rad / 2, uSdfPosition: new Float32Array([0, 0]) }), this.priority = 3, this.json = t2;
     }
     filterAreaJustify(t2) {
       const e2 = Math.ceil(this.json.rad), n2 = Math.ceil(t2.width + 2 * e2), i2 = Math.ceil(t2.height + 2 * e2);
@@ -30991,10 +31000,10 @@ void main(void){
       return new Rh.j(n2, n2, i2, r2);
     }
   }
-  var Rv = n(19), Cv = n.n(Rv), Pv = n(111), Iv = n.n(Pv);
-  class Ov extends Tv {
+  var Cv = n(19), Pv = n.n(Cv), Iv = n(111), Ov = n.n(Iv);
+  class Nv extends Ev {
     constructor(t2) {
-      super(Cv.a, Iv.a, { uShapeFilterArea: new Float32Array([0, 0, 0, 0]), uRad: t2.rad, uSdfSampler: Uh.db.WHITE, uSdfReady: 0, uSdfMaxDis: 1 }), this.priority = 2, this.json = t2;
+      super(Pv.a, Ov.a, { uShapeFilterArea: new Float32Array([0, 0, 0, 0]), uRad: t2.rad, uSdfSampler: Uh.db.WHITE, uSdfReady: 0, uSdfMaxDis: 1 }), this.priority = 2, this.json = t2;
     }
     filterAreaJustify(t2) {
       return t2;
@@ -31003,17 +31012,17 @@ void main(void){
       return new Rh.j(0, 0, t2, e2);
     }
   }
-  class Nv {
+  class Lv {
   }
-  var Lv = n(112), Dv = n.n(Lv);
-  class Fv extends Uh.u {
+  var Dv = n(112), Fv = n.n(Dv);
+  class Bv extends Uh.u {
     constructor(t2) {
-      super(Cv.a, Dv.a, { uColor: fg(t2) });
+      super(Pv.a, Fv.a, { uColor: mg(t2) });
     }
   }
-  class Bv extends Nv {
+  class Uv extends Lv {
     constructor(t2, e2, n2) {
-      super(), this.order = 1, this.outputTexture = Uh.db.WHITE, this.frameTextures = [], this.json = t2, this.effectContainer = e2, this.outputSprite = new Kd(), this.targetScale = n2, this.outputSprite.scale.x = this.json.sx, this.outputSprite.scale.y = this.json.sy, this.outputSprite.skew.x = (this.targetScale.x > 0 ? 1 : -1) * this.json.kx, this.outputSprite.skew.y = (this.targetScale.y > 0 ? 1 : -1) * this.json.ky, this.outputSprite.filters = [new rm.BlurFilter(this.json.blurRad / 2, 4), new Fv(this.json.color)];
+      super(), this.order = 1, this.outputTexture = Uh.db.WHITE, this.frameTextures = [], this.json = t2, this.effectContainer = e2, this.outputSprite = new Kd(), this.targetScale = n2, this.outputSprite.scale.x = this.json.sx, this.outputSprite.scale.y = this.json.sy, this.outputSprite.skew.x = (this.targetScale.x > 0 ? 1 : -1) * this.json.kx, this.outputSprite.skew.y = (this.targetScale.y > 0 ? 1 : -1) * this.json.ky, this.outputSprite.filters = [new rm.BlurFilter(this.json.blurRad / 2, 4), new Bv(this.json.color)];
     }
     updateFrame(t2) {
       const e2 = this.frameTextures[t2];
@@ -31062,17 +31071,17 @@ void main(void){
       console.log(t2, e2);
     }
   }
-  var Uv = n(113), kv = n.n(Uv);
-  class Gv extends Uh.u {
+  var kv = n(113), Gv = n.n(kv);
+  class Hv extends Uh.u {
     constructor(t2, e2) {
-      super(Cv.a, kv.a, { uStartAlpha: t2.startAlpha, uEndAlpha: t2.endAlpha, uStartPos: t2.startPos, uEndPos: t2.endPos, uHeight: e2 }), console.log(this);
+      super(Pv.a, Gv.a, { uStartAlpha: t2.startAlpha, uEndAlpha: t2.endAlpha, uStartPos: t2.startPos, uEndPos: t2.endPos, uHeight: e2 }), console.log(this);
     }
   }
-  class Hv extends Nv {
+  class jv extends Lv {
     constructor(t2, e2, n2, i2, r2) {
       super(), this.order = 2, this.outputSprite = new Kd(), this.outputTexture = Uh.db.WHITE, this.frameTextures = [], this.json = t2, this.shapeScaleX = i2, this.effectContainer = e2, this.rotation = n2, this.ctx = r2, this.outputSprite.anchor.x = 0.5, this.outputSprite.anchor.y = 0.5;
       const o2 = this.effectContainer.getBounds();
-      this.outputSprite.filters = [new rm.BlurFilter(this.json.blurRad / 2, 4), new Gv(this.json, o2.height)], this.outputSprite.alpha = 0.5, this.outputSprite.rotation = this.shapeScaleX === -1 ? Math.PI + 2 * this.rotation : Math.PI - 2 * this.rotation, this.outputSprite.scale.x = -1;
+      this.outputSprite.filters = [new rm.BlurFilter(this.json.blurRad / 2, 4), new Hv(this.json, o2.height)], this.outputSprite.alpha = 0.5, this.outputSprite.rotation = this.shapeScaleX === -1 ? Math.PI + 2 * this.rotation : Math.PI - 2 * this.rotation, this.outputSprite.scale.x = -1;
     }
     updateFrame(t2) {
       const e2 = this.frameTextures[t2];
@@ -31086,10 +31095,10 @@ void main(void){
       this.outputSprite.position.x = o2.x + t2, this.outputSprite.position.y = o2.y + e2;
     }
   }
-  var jv = n(114), zv = n.n(jv);
-  class Vv extends Tv {
+  var zv = n(114), Vv = n.n(zv);
+  class Xv extends Ev {
     constructor(t2) {
-      super(Cv.a, zv.a, {}), this.priority = 1, this.json = t2;
+      super(Pv.a, Vv.a, {}), this.priority = 1, this.json = t2;
     }
     filterAreaJustify(t2) {
       return t2;
@@ -31098,7 +31107,7 @@ void main(void){
       return null;
     }
   }
-  var Xv = function(t2, e2, n2, i2) {
+  var Wv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31123,25 +31132,25 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class Wv extends Ja.a {
+  class Yv extends Ja.a {
     constructor(t2, e2, n2, i2, r2, o2) {
       super(), this.effects = [], this.attachs = [], this.frames = /* @__PURE__ */ new Map(), this._targetContainer = new wh.b(), this.frameCount = 1, this.ctx = i2, this.originWidth = t2.width, this.originHeight = t2.height, this.cacheKey = n2, this.sourceSprite = new Kd();
       for (const n3 of e2)
         switch (n3.type) {
           case "innerShadow":
-            this.effects.push(new Vv(n3));
+            this.effects.push(new Xv(n3));
             break;
           case "softEdge":
-            this.effects.push(new Ov(n3));
+            this.effects.push(new Nv(n3));
             break;
           case "glow":
-            this.effects.push(new Mv(n3));
+            this.effects.push(new Rv(n3));
             break;
           case "reflection":
-            this.attachs.push(new Hv(n3, t2, r2, o2.x, this.ctx));
+            this.attachs.push(new jv(n3, t2, r2, o2.x, this.ctx));
             break;
           case "outerShadow":
-            this.attachs.push(new Bv(n3, t2, o2));
+            this.attachs.push(new Uv(n3, t2, o2));
         }
       this.effects = this.effects.sort((t3, e3) => t3.priority - e3.priority), this.attachs = this.attachs.sort((t3, e3) => t3.order - e3.order);
       for (const t3 of this.attachs)
@@ -31154,7 +31163,7 @@ void main(void){
       return this._targetContainer;
     }
     getSdfTexture(t2, e2) {
-      return Xv(this, void 0, void 0, function* () {
+      return Wv(this, void 0, void 0, function* () {
         const n2 = `${this.cacheKey}_${t2}`, i2 = this.effects.map((t3) => ({ sdfRect: t3.sdfBox(e2.width, e2.height) })).reduce((t3, e3) => e3.sdfRect ? (t3.width < e3.sdfRect.width && (t3.width = e3.sdfRect.width), t3.height < e3.sdfRect.height && (t3.height = e3.sdfRect.height), t3) : t3, new Rh.j(0, 0));
         return i2.width === 0 || i2.height === 0 ? null : this.ctx.sdfManager.getSdf(e2, i2, n2);
       });
@@ -31178,7 +31187,7 @@ void main(void){
     }
     createFrame(t2, e2) {
       var n2, i2;
-      return Xv(this, void 0, void 0, function* () {
+      return Wv(this, void 0, void 0, function* () {
         const r2 = e2.width, o2 = e2.height;
         if (this.frames.has(t2))
           return;
@@ -31198,7 +31207,7 @@ void main(void){
       });
     }
   }
-  var Yv = function(t2, e2, n2, i2) {
+  var qv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31223,14 +31232,14 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  const qv = { pivot: { x: 0, y: 0 }, width: 0, height: 0 };
-  class Zv extends lg {
+  const Zv = { pivot: { x: 0, y: 0 }, width: 0, height: 0 };
+  class Jv extends hg {
     constructor(t2, e2, n2, i2) {
       var r2;
-      super(t2, e2, n2), this.renderContainer = new wh.b(), this.needCacheAsBitMap = false, this.backgroundGraphics = null, this.effectList = [], this.strokeGraphics = null, this.arrowList = [], this.fillColorFilter = new vg(), this.strokeColorFilter = new vg(), this.pptColorFilter = new vg(), this.id = "", this.ppt_c = new eg(this), this.fill = new ng(this), this.stroke = new $m(this), this.effectObject = null, this.effectContainer = new wh.b(), this.effectDisposer = () => {
+      super(t2, e2, n2), this.renderContainer = new wh.b(), this.needCacheAsBitMap = false, this.backgroundGraphics = null, this.effectList = [], this.strokeGraphics = null, this.arrowList = [], this.fillColorFilter = new _g(), this.strokeColorFilter = new _g(), this.pptColorFilter = new _g(), this.id = "", this.ppt_c = new ng(this), this.fill = new ig(this), this.stroke = new tg(this), this.effectObject = null, this.effectContainer = new wh.b(), this.effectDisposer = () => {
       }, this.json = t2, this.json.fillStyle && this.json.fillStyle.fillType === "groupFill" && i2 && (this.json.fillStyle = i2), this.id = t2.id;
       const { fillStyle: o2, lineStyle: s2 } = this.json;
-      this.container.sortableChildren = true, this.container.name = t2.id + "_container_[Shape]", this.effectContainer.name = "effect-container", this.effectContainer.zIndex = 1, this.container.addChild(this.effectContainer), this.renderContainer.name = t2.id + "_render_container_[Shape]", this.generateArrowList(), this.backgroundFill = this.createBackgroundFill(), this.backgroundGraphics = this.createBackgroundGraphics(), this.strokeFill = this.createStrokeFill(), this.strokeGraphics = this.createStrokeGraphics(), this.ctx.timingTargets.addTarget(this.id, this), (o2 == null ? void 0 : o2.fillType) === "solidFill" && (this.fillColorFilter.currentColor = o2.color, this.fillColorFilter.designColor = o2.color), ((r2 = s2 == null ? void 0 : s2.fill) === null || r2 === void 0 ? void 0 : r2.fillType) === "solidFill" && (this.strokeColorFilter.currentColor = s2.fill.color, this.strokeColorFilter.designColor = s2.fill.color), this.updateTransform(this.json), t2.textBody && (this.text = new yv(t2.textBody, this.ctx, t2.textBody.iterateType, { x: this.designGlobalPosition.x, y: this.designGlobalPosition.y }, this.json.rotation || 0)), this.container.hitArea = new Rh.k(1, 1, this.json.width, this.json.height), this.ctx.slideScopeEventHub.once("slide-render", (t3) => {
+      this.container.sortableChildren = true, this.container.name = t2.id + "_container_[Shape]", this.effectContainer.name = "effect-container", this.effectContainer.zIndex = 1, this.container.addChild(this.effectContainer), this.renderContainer.name = t2.id + "_render_container_[Shape]", this.generateArrowList(), this.backgroundFill = this.createBackgroundFill(), this.backgroundGraphics = this.createBackgroundGraphics(), this.strokeFill = this.createStrokeFill(), this.strokeGraphics = this.createStrokeGraphics(), this.ctx.timingTargets.addTarget(this.id, this), (o2 == null ? void 0 : o2.fillType) === "solidFill" && (this.fillColorFilter.currentColor = o2.color, this.fillColorFilter.designColor = o2.color), ((r2 = s2 == null ? void 0 : s2.fill) === null || r2 === void 0 ? void 0 : r2.fillType) === "solidFill" && (this.strokeColorFilter.currentColor = s2.fill.color, this.strokeColorFilter.designColor = s2.fill.color), this.updateTransform(this.json), t2.textBody && (this.text = new xv(t2.textBody, this.ctx, t2.textBody.iterateType, { x: this.designGlobalPosition.x, y: this.designGlobalPosition.y }, this.json.rotation || 0)), this.container.hitArea = new Rh.k(1, 1, this.json.width, this.json.height), this.ctx.slideScopeEventHub.once("slide-render", (t3) => {
         if (this.ctx.slideIndex === t3 && this.effectObject) {
           const t4 = this.getEffectTexture();
           if (t4) {
@@ -31290,26 +31299,26 @@ void main(void){
     }
     createStrokeGraphics() {
       var t2, e2, n2, i2;
-      const { id: r2, geometry: o2, lineStyle: s2 } = this.json, { width: a2, height: l2, pivot: h2 } = (o2 == null ? void 0 : o2.lineTransform) || qv, u2 = a2 || this.json.width, c2 = l2 || this.json.height, d2 = ((t2 = s2 == null ? void 0 : s2.fill) === null || t2 === void 0 ? void 0 : t2.fillType) === "solidFill" ? s2.fill.color : null;
-      return s2 && ((e2 = s2.fill) === null || e2 === void 0 ? void 0 : e2.fillType) !== "noFill" ? new bv(r2 + "-path-graphics", this.ctx, (n2 = o2 == null ? void 0 : o2.paths) !== null && n2 !== void 0 ? n2 : [], (i2 = o2 == null ? void 0 : o2.hash) !== null && i2 !== void 0 ? i2 : "", h2 || { x: 0, y: 0 }, u2, c2, s2, false, null, d2) : null;
+      const { id: r2, geometry: o2, lineStyle: s2 } = this.json, { width: a2, height: l2, pivot: h2 } = (o2 == null ? void 0 : o2.lineTransform) || Zv, u2 = a2 || this.json.width, c2 = l2 || this.json.height, d2 = ((t2 = s2 == null ? void 0 : s2.fill) === null || t2 === void 0 ? void 0 : t2.fillType) === "solidFill" ? s2.fill.color : null;
+      return s2 && ((e2 = s2.fill) === null || e2 === void 0 ? void 0 : e2.fillType) !== "noFill" ? new Tv(r2 + "-path-graphics", this.ctx, (n2 = o2 == null ? void 0 : o2.paths) !== null && n2 !== void 0 ? n2 : [], (i2 = o2 == null ? void 0 : o2.hash) !== null && i2 !== void 0 ? i2 : "", h2 || { x: 0, y: 0 }, u2, c2, s2, false, null, d2) : null;
     }
     createStrokeFill() {
-      const [t2, e2] = this.calculateFillObjectOffset(), { geometry: n2, lineStyle: i2, width: r2, height: o2 } = this.json, s2 = (n2 == null ? void 0 : n2.lineTransform) || qv, a2 = zm()(i2 == null ? void 0 : i2.width) ? i2.width : 1;
-      return new sv(this.ctx, i2 == null ? void 0 : i2.fill, (s2.width || r2) + a2 + t2, Math.max((s2.height || o2) + a2, e2), { useFilter: true, useSlideBackgroundFill: false });
+      const [t2, e2] = this.calculateFillObjectOffset(), { geometry: n2, lineStyle: i2, width: r2, height: o2 } = this.json, s2 = (n2 == null ? void 0 : n2.lineTransform) || Zv, a2 = Vm()(i2 == null ? void 0 : i2.width) ? i2.width : 1;
+      return new av(this.ctx, i2 == null ? void 0 : i2.fill, (s2.width || r2) + a2 + t2, Math.max((s2.height || o2) + a2, e2), { useFilter: true, useSlideBackgroundFill: false });
     }
     createBackgroundGraphics() {
       var t2;
-      const { geometry: e2, lineStyle: n2, fillStyle: i2, id: r2 } = this.json, { width: o2, height: s2, pivot: a2 } = (e2 == null ? void 0 : e2.lineTransform) || qv, l2 = o2 || this.json.width, h2 = s2 || this.json.height, u2 = (i2 == null ? void 0 : i2.fillType) === "solidFill" ? i2.color : null;
-      return i2 && i2.fillType !== "noFill" || this.json.isPicture ? new bv(r2 + "-bg-graphics", this.ctx, (t2 = e2 == null ? void 0 : e2.paths) !== null && t2 !== void 0 ? t2 : [], (e2 == null ? void 0 : e2.hash) || "", a2 || { x: 0, y: 0 }, l2, h2, n2, true, u2, null) : null;
+      const { geometry: e2, lineStyle: n2, fillStyle: i2, id: r2 } = this.json, { width: o2, height: s2, pivot: a2 } = (e2 == null ? void 0 : e2.lineTransform) || Zv, l2 = o2 || this.json.width, h2 = s2 || this.json.height, u2 = (i2 == null ? void 0 : i2.fillType) === "solidFill" ? i2.color : null;
+      return i2 && i2.fillType !== "noFill" || this.json.isPicture ? new Tv(r2 + "-bg-graphics", this.ctx, (t2 = e2 == null ? void 0 : e2.paths) !== null && t2 !== void 0 ? t2 : [], (e2 == null ? void 0 : e2.hash) || "", a2 || { x: 0, y: 0 }, l2, h2, n2, true, u2, null) : null;
     }
     createBackgroundFill() {
       var t2, e2;
-      const { fillStyle: n2, width: i2, height: r2, lineStyle: o2, geometry: s2 } = this.json, a2 = (s2 == null ? void 0 : s2.fillTransform) || qv;
-      return new sv(this.ctx, n2, (a2.width || i2) + ((t2 = o2 == null ? void 0 : o2.width) !== null && t2 !== void 0 ? t2 : 0), (a2.height || r2) + ((e2 = o2 == null ? void 0 : o2.width) !== null && e2 !== void 0 ? e2 : 0), { useFilter: true, useSlideBackgroundFill: this.json.useBgFill, fillFloat: this.json.fillFloat, shapeRotation: this.json.rotation });
+      const { fillStyle: n2, width: i2, height: r2, lineStyle: o2, geometry: s2 } = this.json, a2 = (s2 == null ? void 0 : s2.fillTransform) || Zv;
+      return new av(this.ctx, n2, (a2.width || i2) + ((t2 = o2 == null ? void 0 : o2.width) !== null && t2 !== void 0 ? t2 : 0), (a2.height || r2) + ((e2 = o2 == null ? void 0 : o2.width) !== null && e2 !== void 0 ? e2 : 0), { useFilter: true, useSlideBackgroundFill: this.json.useBgFill, fillFloat: this.json.fillFloat, shapeRotation: this.json.rotation });
     }
     createBackground() {
       var t2, e2, n2, i2, r2, o2, s2, a2;
-      const { pivot: l2, width: h2, height: u2 } = ((t2 = this.json.geometry) === null || t2 === void 0 ? void 0 : t2.fillTransform) || qv, { displayObject: c2 } = this.backgroundFill;
+      const { pivot: l2, width: h2, height: u2 } = ((t2 = this.json.geometry) === null || t2 === void 0 ? void 0 : t2.fillTransform) || Zv, { displayObject: c2 } = this.backgroundFill;
       c2 ? (this.json.useBgFill && ((n2 = this.backgroundGraphics) === null || n2 === void 0 ? void 0 : n2.displayObject) ? (this.needCacheAsBitMap = true, c2.mask = this.backgroundGraphics.displayObject, c2.pivot.x = ((i2 = this.json.position) === null || i2 === void 0 ? void 0 : i2.x) || 0, c2.pivot.y = ((r2 = this.json.position) === null || r2 === void 0 ? void 0 : r2.y) || 0, this.effectContainer.addChild(this.backgroundGraphics.displayObject)) : ((o2 = this.json.fillStyle) === null || o2 === void 0 ? void 0 : o2.fillType) === "gifFill" ? (c2.height = u2 || this.designHeight, c2.width = h2 || this.designWidth, c2 instanceof em && c2.play(), ((s2 = this.backgroundGraphics) === null || s2 === void 0 ? void 0 : s2.isNeedMask(c2.width, c2.height)) && (c2.mask = this.backgroundGraphics.displayObject, this.backgroundGraphics.displayObject && this.effectContainer.addChild(this.backgroundGraphics.displayObject))) : ((a2 = this.backgroundGraphics) === null || a2 === void 0 ? void 0 : a2.isNeedMask(c2.width, c2.height)) && (this.json.fillFloat || (this.needCacheAsBitMap = true, c2.mask = this.backgroundGraphics.displayObject, this.backgroundGraphics.displayObject && this.effectContainer.addChild(this.backgroundGraphics.displayObject))), this.json.fillFloat || (c2.x = l2.x, c2.y = l2.y), this.effectContainer.addChild(c2)) : this.backgroundFill.hasFill && ((e2 = this.backgroundGraphics) === null || e2 === void 0 ? void 0 : e2.displayObject) && this.effectContainer.addChild(this.backgroundGraphics.displayObject);
     }
     createPathFill() {
@@ -31326,7 +31335,7 @@ void main(void){
           const i3 = new Kd(e3.texture);
           i3.pivot.x = e3.pivot.x, i3.pivot.y = e3.pivot.y;
           const r2 = this.backgroundFill.getClonedDisplayObject(), o2 = (n2 = this.backgroundGraphics) === null || n2 === void 0 ? void 0 : n2.getClonedDisplayObject(), s2 = r2 || o2;
-          s2 && (this.backgroundFill.displayObject && (s2.pivot.x = this.backgroundFill.displayObject.pivot.x, s2.pivot.y = this.backgroundFill.displayObject.pivot.y), s2.mask = i3, s2.filters = [Tg[t3.fill]], this.needCacheAsBitMap = true, this.effectContainer.addChild(s2), this.effectContainer.addChild(i3));
+          s2 && (this.backgroundFill.displayObject && (s2.pivot.x = this.backgroundFill.displayObject.pivot.x, s2.pivot.y = this.backgroundFill.displayObject.pivot.y), s2.mask = i3, s2.filters = [Eg[t3.fill]], this.needCacheAsBitMap = true, this.effectContainer.addChild(s2), this.effectContainer.addChild(i3));
         }
       }
     }
@@ -31345,7 +31354,7 @@ void main(void){
       const { lineArrowList: n2, lineStyle: i2, id: r2 } = this.json, o2 = ((t2 = i2 == null ? void 0 : i2.fill) === null || t2 === void 0 ? void 0 : t2.fillType) === "solidFill" ? i2.fill.color : null;
       (e2 = n2 || []) === null || e2 === void 0 || e2.forEach((t3, e3) => {
         var n3, s2;
-        const a2 = new xv(Object.assign(Object.assign({}, t3), { fillStyle: i2 == null ? void 0 : i2.fill, lineWidth: (n3 = i2 == null ? void 0 : i2.width) !== null && n3 !== void 0 ? n3 : 0 }));
+        const a2 = new bv(Object.assign(Object.assign({}, t3), { fillStyle: i2 == null ? void 0 : i2.fill, lineWidth: (n3 = i2 == null ? void 0 : i2.width) !== null && n3 !== void 0 ? n3 : 0 }));
         a2.graphicsId = `${r2}-arrow-${e3}-graphics`, a2.textureId = `${r2}-arrow-${e3}-fill`, this.ctx.graphicsTexture.addGraphics(a2.graphicsId, (s2 = a2.paths) !== null && s2 !== void 0 ? s2 : [], a2.hash, { x: 0, y: 0 }, a2.width, a2.height, void 0, this.ctx.objectPoolGroup, true, o2, null), this.arrowList.push(a2);
       });
     }
@@ -31355,19 +31364,19 @@ void main(void){
     }
     preRender(t2) {
       var e2, n2, i2;
-      const { lineStyle: r2, geometry: o2 } = this.json, { width: s2, height: a2 } = (o2 == null ? void 0 : o2.lineTransform) || qv, l2 = s2 || this.json.width, h2 = a2 || this.json.height, u2 = ((e2 = o2 == null ? void 0 : o2.paths) === null || e2 === void 0 ? void 0 : e2.filter((t3) => t3.fill !== "none" && t3.fill !== "norm")) || [], c2 = ((n2 = r2 == null ? void 0 : r2.fill) === null || n2 === void 0 ? void 0 : n2.fillType) === "solidFill" ? r2.fill.color : null;
-      t2.addSubMTask(() => Yv(this, void 0, void 0, function* () {
+      const { lineStyle: r2, geometry: o2 } = this.json, { width: s2, height: a2 } = (o2 == null ? void 0 : o2.lineTransform) || Zv, l2 = s2 || this.json.width, h2 = a2 || this.json.height, u2 = ((e2 = o2 == null ? void 0 : o2.paths) === null || e2 === void 0 ? void 0 : e2.filter((t3) => t3.fill !== "none" && t3.fill !== "norm")) || [], c2 = ((n2 = r2 == null ? void 0 : r2.fill) === null || n2 === void 0 ? void 0 : n2.fillType) === "solidFill" ? r2.fill.color : null;
+      t2.addSubMTask(() => qv(this, void 0, void 0, function* () {
         for (const t3 of u2)
-          this.ctx.graphicsTexture.addGraphics(t3.id, [t3], t3.hash, ((o2 == null ? void 0 : o2.lineTransform) || qv).pivot, l2, h2, r2, this.ctx.objectPoolGroup, true, null, c2);
+          this.ctx.graphicsTexture.addGraphics(t3.id, [t3], t3.hash, ((o2 == null ? void 0 : o2.lineTransform) || Zv).pivot, l2, h2, r2, this.ctx.objectPoolGroup, true, null, c2);
       }), "@ShapeImpl[addGraphics]"), (i2 = this.text) === null || i2 === void 0 || i2.createParagraphs(this.json.id, t2);
     }
     subClassRender() {
     }
     render(t2) {
-      t2.addSubMTask(() => Yv(this, void 0, void 0, function* () {
+      t2.addSubMTask(() => qv(this, void 0, void 0, function* () {
         var t3, e2;
         (t3 = this.strokeGraphics) === null || t3 === void 0 || t3.render(), (e2 = this.backgroundGraphics) === null || e2 === void 0 || e2.render(), this.createBackground(), this.subClassRender(), this.createFilledPathMask(), this.createPathFill(), this.createArrow();
-      }), "@ShapeImpl[render]"), this.text && this.text.render(t2), t2.addSubMTask(() => Yv(this, void 0, void 0, function* () {
+      }), "@ShapeImpl[render]"), this.text && this.text.render(t2), t2.addSubMTask(() => qv(this, void 0, void 0, function* () {
         var t3, e2, n2, i2, r2, o2, s2, a2, l2, h2, u2;
         if (((t3 = this.json.textBody) === null || t3 === void 0 ? void 0 : t3.iterateType) === "wd" || ((e2 = this.json.textBody) === null || e2 === void 0 ? void 0 : e2.iterateType) === "lt") {
           if (this.renderContainer.addChild(this.container), this.text) {
@@ -31376,7 +31385,7 @@ void main(void){
           }
         } else {
           if (this.text) {
-            if (ug()(this.json.textRotateWithShape) && !this.json.textRotateWithShape) {
+            if (cg()(this.json.textRotateWithShape) && !this.json.textRotateWithShape) {
               const t5 = this.json.rotation || 0;
               this.text.container.rotation = -t5;
               const { width: e3 } = this.text;
@@ -31392,7 +31401,7 @@ void main(void){
           const t4 = Uh.P.create({ width: this.json.width, height: this.json.height, resolution: Math.ceil(this.ctx.renderer.resolution) });
           this.ctx.renderer.render(this.renderContainer, { renderTexture: t4 }), this.ctx.bgTexture = t4;
         }
-        this.json.effectList && this.json.effectList.length > 0 && ((l2 = this.ctx.featureList) === null || l2 === void 0 ? void 0 : l2.effect) && !this.ctx.forceCanvas && (this.effectObject = new Wv(this.effectContainer, this.json.effectList, `${this.ctx.taskId}_${this.ctx.slideIndex}_${this.json.id}`, this.ctx, this.json.rotation || 0, new Rh.g(((h2 = this.json.scale) === null || h2 === void 0 ? void 0 : h2.x) || 1, ((u2 = this.json.scale) === null || u2 === void 0 ? void 0 : u2.y) || 1)), function(t4) {
+        this.json.effectList && this.json.effectList.length > 0 && ((l2 = this.ctx.featureList) === null || l2 === void 0 ? void 0 : l2.effect) && !this.ctx.forceCanvas && (this.effectObject = new Yv(this.effectContainer, this.json.effectList, `${this.ctx.taskId}_${this.ctx.slideIndex}_${this.json.id}`, this.ctx, this.json.rotation || 0, new Rh.g(((h2 = this.json.scale) === null || h2 === void 0 ? void 0 : h2.x) || 1, ((u2 = this.json.scale) === null || u2 === void 0 ? void 0 : u2.y) || 1)), function(t4) {
           var e3, n3, i3;
           return ((e3 = t4.fillStyle) === null || e3 === void 0 ? void 0 : e3.fillType) === "gifFill" || (((i3 = (n3 = t4.lineStyle) === null || n3 === void 0 ? void 0 : n3.fill) === null || i3 === void 0 ? void 0 : i3.fillType) === "gifFill" || !!t4.picFill && t4.picFill.fillType === "gifFill");
         }(this.json) && this.effectObject.setFrameCount(-1), this.effectObject.on("ready", () => {
@@ -31410,7 +31419,7 @@ void main(void){
       (t2 = this.text) === null || t2 === void 0 || t2.destroy(), this.fillColorFilter.destroy(), this.strokeColorFilter.destroy(), this.backgroundFill.destroy(), (e2 = this.backgroundGraphics) === null || e2 === void 0 || e2.destroy(), this.strokeFill.destroy(), (n2 = this.strokeGraphics) === null || n2 === void 0 || n2.destroy(), this.renderContainer.destroy(), (i2 = this.arrowRenderTexture) === null || i2 === void 0 || i2.destroy(true), this.arrowList = [], this.effectDisposer();
     }
   }
-  var Jv = function(t2, e2, n2, i2) {
+  var Kv = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31435,37 +31444,38 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  function Kv(t2, e2) {
+  function Qv(t2, e2) {
     for (const n2 in e2)
       t2.style[n2] = e2[n2];
   }
-  class Qv {
+  class $v {
     constructor(t2) {
       var e2, n2;
-      this.progress = document.createElement("div"), this.totalTime = document.createElement("span"), this.playButton = document.createElement("div"), this.pauseButton = document.createElement("div"), this.currentTime = document.createElement("span"), this.mediaController = document.createElement("div"), this.currentProgress = document.createElement("div"), this.medianIsEnd = false, this.pickBookmarkIndex = 0, this.playCallBackList = [], this.duration = 0, this.start = 0, this.end = 0, this.changeMediaProgress = (t3) => {
+      this.progress = document.createElement("div"), this.totalTime = document.createElement("span"), this.playButton = document.createElement("div"), this.pauseButton = document.createElement("div"), this.currentTime = document.createElement("span"), this.mediaController = document.createElement("div"), this.currentProgress = document.createElement("div"), this.fullScreenButton = document.createElement("div"), this.exitFullScreenButton = document.createElement("div"), this.medianIsEnd = false, this.pickBookmarkIndex = 0, this.playCallBackList = [], this.duration = 0, this.isVideo = false, this.start = 0, this.end = 0, this.changeMediaProgress = (t3) => {
         if (this.ctx.isPlayerPaused())
           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(By.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
-      }, this.jumpToTime = (t3 = 0) => {
+        this.medianIsEnd = false, this.ctx.mode !== "interactive" && this.jumpToTime(e3), this.ctx.mode !== "local" && this.ctx.eventHub.emit(Uy.mediaSeek, { id: this.targetId, time: e3, isPlaying: this.media.isPlaying });
+      }, this.jumpToTime = (t3 = 0) => Kv(this, void 0, void 0, function* () {
+        yield Im(() => !!this.duration, 3e3);
         const e3 = Math.floor(t3) + this.start;
         this.media.currentTime !== e3 && (this.media.currentTime = e3, this.changeBookmarkIndex(e3, e3 > this.media.currentTime));
-      }, this.showController = (t3) => {
+      }), this.showController = (t3) => {
         t3.stopPropagation(), this.show();
       }, this.getMediaDuration = () => {
-        this.duration && !Number.isNaN(this.duration) || (this.duration = this.media.duration, this.start && (this.duration -= this.start, this.jumpToTime()), this.end && (this.duration -= this.end)), this.totalTime.innerText = Qv.formatTime(this.duration);
-      }, this.playMedia = () => Jv(this, void 0, void 0, function* () {
+        this.duration && !Number.isNaN(this.duration) || (this.duration = this.media.duration, this.start && (this.duration -= this.start, this.jumpToTime()), this.end && (this.duration -= this.end)), this.totalTime.innerText = $v.formatTime(this.duration);
+      }, this.playMedia = () => Kv(this, void 0, void 0, function* () {
         this.playButton.style.display = "none", this.pauseButton.style.display = "block", yield this.media.play(), this.medianIsEnd && (this.medianIsEnd = false, this.jumpToTime()), this.playCallBackList.forEach((t3) => {
           t3();
         });
-      }), this.pauseMedia = () => Jv(this, void 0, void 0, function* () {
+      }), this.pauseMedia = () => Kv(this, void 0, void 0, function* () {
         this.playButton.style.display = "block", this.pauseButton.style.display = "none", yield this.media.pause();
       }), this.onMouseOut = (t3) => {
         t3.stopPropagation(), this.mediaController.style.display = "none";
-      }, this.mediaTimeUpdate = () => Jv(this, void 0, void 0, function* () {
+      }, this.mediaTimeUpdate = () => Kv(this, void 0, void 0, function* () {
         const t3 = this.media.currentTime - this.start;
-        if (this.duration > 0 && (t3 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.medianIsEnd = true, this.jumpToTime(), this.ctx.eventHub.emit(By.mediaStop, { id: this.targetId })), this.currentTime.innerText = Qv.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), !this.bookmarkList || this.bookmarkList.length === 0)
+        if (this.duration > 0 && (t3 > this.duration || this.media.ended) && (yield this.pauseMedia(), this.medianIsEnd = true, this.jumpToTime(), this.ctx.eventHub.emit(Uy.mediaStop, { id: this.targetId })), this.currentTime.innerText = $v.formatTime(t3), this.currentProgress.style.flex = (t3 / this.duration).toString(), !this.bookmarkList || this.bookmarkList.length === 0)
           return;
         const e3 = this.bookmarkList[this.pickBookmarkIndex];
         e3 && e3.time.toFixed(0) === this.media.currentTime.toFixed(0) && (this.ctx.timingEventHub.emit(`shape ${this.shapeId} onMediaBookmark ${e3.name}`), this.pickBookmarkIndex += 1);
@@ -31476,10 +31486,20 @@ 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(By.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(Uy.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(By.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));
+        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(Uy.mediaPause, { id: this.targetId, time: this.media.currentTime - this.start }));
+      }, this.onClickFullScreenButtonHandle = () => {
+        this.media.requestFullscreen(), this.ctx.eventHub.emit(Uy.fullscreenChange, { targetId: this.targetId, state: true });
+      }, this.onClickCancelFullScreenButtonHandle = () => {
+        this.media.requestCancelFullscreen(), this.ctx.eventHub.emit(Uy.fullscreenChange, { targetId: this.targetId, state: false });
+      }, this.onFullScreenChange = (t3) => {
+        const { status: e3, targetId: n3, slideIndex: i2 } = t3;
+        this.changeFullScreenState(e3, n3, i2);
+      }, 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.media.type === "video" && (this.isVideo = true), 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));
+    }
+    get clippedDuration() {
+      return this.duration;
     }
     getMedianContainer() {
       var t2;
@@ -31502,30 +31522,48 @@ void main(void){
     }
     generatePauseButton(t2 = 20, e2 = 20) {
       const n2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-      Kv(n2, { height: "20px" }), n2.setAttributeNS(null, "viewBox", "0 0 512 512"), n2.setAttributeNS(null, "height", t2.toString()), n2.setAttributeNS(null, "width", e2.toString());
+      Qv(n2, { height: t2 + "px" }), n2.setAttributeNS(null, "viewBox", "0 0 512 512"), n2.setAttributeNS(null, "height", t2.toString()), n2.setAttributeNS(null, "width", e2.toString());
       const i2 = document.createElementNS("http://www.w3.org/2000/svg", "rect");
       i2.setAttributeNS(null, "x", "35"), i2.setAttributeNS(null, "y", "0"), i2.setAttributeNS(null, "width", "148"), i2.setAttributeNS(null, "height", "512");
       const r2 = i2.cloneNode(true);
       return r2.setAttributeNS(null, "x", "330"), n2.append(i2, r2), n2;
     }
+    generateFullScreenButton(t2 = 20, e2 = 20) {
+      const n2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      Qv(n2, { height: t2 + "px", width: e2 + "px" }), n2.setAttributeNS(null, "width", e2.toString()), n2.setAttributeNS(null, "height", t2.toString()), n2.setAttributeNS(null, "viewBox", "0 0 1024 1024");
+      const i2 = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      return i2.setAttributeNS(null, "d", "M918.116352 107.409408c10.186752 10.175488 10.186752 26.691584 0 36.87936L653.734912 407.038976c-10.187776 10.187776-26.703872 10.187776-36.891648 0-10.175488-10.187776-10.175488-26.703872 0.013312-36.891648l264.38144-262.73792c10.174464-10.187776 26.69056-10.200064 36.87936-0.013312L918.117376 107.409408zM878.281728 148.096l-161.155072-0.44544c-11.283456 0.279552-20.85888-8.226816-21.90336-19.458048l0-13.421568c0.318464-10.671104 8.889344-19.241984 19.560448-19.560448l187.030528 0.827392c0.1792-0.037888 0.357376-0.0768 0.523264-0.089088l9.549824-0.229376c5.005312-0.152576 9.843712 1.770496 13.372416 5.336064 3.32288 3.629056 4.9664 8.49408 4.545536 13.40928l-1.032192 9.537536c0 0.191488 0.70144 0.318464 0.70144 0.49664l-0.534528 188.279808c-0.54784 9.984-9.092096 17.637376-19.076096 17.089536-0.165888-0.012288-0.319488-0.0256-0.484352-0.037888L896.009216 329.8304c-10.379264-0.0512-18.733056-8.506368-18.681856-18.885632 0.013312-0.191488 0.013312-0.381952 0.013312-0.585728L878.281728 148.096zM105.884672 916.661248c-10.187776-10.175488-10.200064-26.691584-0.013312-36.87936 0 0 0-0.013312 0.013312-0.013312l265.19552-262.73792c10.35264-10.008576 26.86976-9.729024 36.866048 0.636928 9.766912 10.110976 9.766912 26.131456 0 36.242432L143.579136 916.661248C133.072896 926.848 116.3776 926.848 105.884672 916.661248L105.884672 916.661248zM146.533376 875.973632l161.154048 0.433152c11.283456-0.292864 20.85888 8.213504 21.891072 19.458048l0 13.38368c-0.292864 10.672128-8.876032 19.255296-19.560448 19.561472l-187.858944-0.828416c-0.165888 0.037888-0.344064 0.075776-0.509952 0.089088l-9.550848 0.229376c-5.004288 0.152576-9.831424-1.782784-13.35808-5.336064-3.323904-3.629056-4.979712-8.493056-4.54656-13.395968l1.031168-9.537536c0-0.191488-0.712704-0.330752-0.700416-0.509952l0.534528-188.278784c0.534528-9.984 9.066496-17.625088 19.050496-17.089536 0.165888 0.013312 0.330752 0.0256 0.508928 0.037888l14.212096 0c10.365952 0.0512 18.719744 8.507392 18.656256 18.873344 0 0.191488 0 0.395264-0.013312 0.598016L146.533376 875.973632zM918.116352 916.661248c10.186752-10.175488 10.200064-26.691584 0.012288-36.87936 0 0 0-0.013312-0.012288-0.013312l-264.38144-262.73792c-10.365952-10.008576-26.86976-9.729024-36.87936 0.636928-9.766912 10.110976-9.766912 26.131456 0 36.242432L881.22368 916.661248c10.186752 10.186752 26.703872 10.186752 36.891648 0.013312L918.115328 916.661248 918.116352 916.661248zM878.281728 875.973632l-161.168384 0.433152c-11.270144-0.292864-20.845568 8.213504-21.890048 19.458048l0 13.38368c0.306176 10.672128 8.889344 19.241984 19.560448 19.561472l187.030528-0.828416c0.1792 0.037888 0.357376 0.075776 0.523264 0.089088l9.549824 0.229376c5.005312 0.152576 9.843712-1.782784 13.372416-5.336064 3.32288-3.629056 4.978688-8.493056 4.545536-13.395968l-1.032192-9.537536c0-0.191488 0.70144-0.330752 0.70144-0.509952l-0.534528-188.278784c-0.54784-9.984-9.092096-17.637376-19.076096-17.089536-0.165888 0.013312-0.319488 0.0256-0.484352 0.037888L896.009216 694.19008c-10.379264 0.0512-18.733056 8.507392-18.681856 18.885632 0 0.191488 0.013312 0.381952 0.013312 0.584704L878.281728 875.973632zM105.884672 107.409408c-10.187776 10.175488-10.187776 26.691584 0 36.87936l265.19552 262.750208c10.187776 10.187776 26.691584 10.187776 36.87936 0s10.175488-26.703872-0.012288-36.891648l-264.368128-262.73792C133.072896 97.222656 116.3776 97.222656 105.884672 107.409408L105.884672 107.409408zM146.533376 148.096l161.154048-0.44544c11.283456 0.292864 20.85888-8.213504 21.891072-19.458048l0-13.421568c-0.306176-10.671104-8.889344-19.241984-19.560448-19.560448l-187.858944 0.827392c-0.165888-0.0512-0.344064-0.0768-0.509952-0.089088l-9.550848-0.229376c-5.004288-0.152576-9.831424 1.782784-13.35808 5.336064-3.323904 3.629056-4.979712 8.49408-4.54656 13.40928l1.031168 9.537536c0 0.191488-0.712704 0.318464-0.700416 0.49664l0.534528 188.279808c0.534528 9.970688 9.066496 17.624064 19.050496 17.089536 0.165888-0.012288 0.330752-0.0256 0.508928-0.037888l14.212096 0c10.365952-0.0512 18.719744-8.506368 18.656256-18.87232 0-0.191488 0-0.395264-0.013312-0.598016L146.533376 148.096z"), n2.appendChild(i2), document.body.appendChild(n2), n2;
+    }
+    generateExitFullScreenButton(t2 = 20, e2 = 20) {
+      const n2 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+      Qv(n2, { height: t2 + "px", width: e2 + "px" }), n2.setAttributeNS(null, "width", e2.toString()), n2.setAttributeNS(null, "height", t2.toString()), n2.setAttributeNS(null, "viewBox", "0 0 1024 1024");
+      const i2 = document.createElementNS("http://www.w3.org/2000/svg", "path"), r2 = document.createElementNS("http://www.w3.org/2000/svg", "path");
+      return i2.setAttributeNS(null, "d", "M716.8 998.4a25.6 25.6 0 0 1-25.6-25.6v-256a25.6 25.6 0 0 1 25.6-25.6h256a25.6 25.6 0 1 1 0 51.2h-230.4v230.4a25.6 25.6 0 0 1-25.6 25.6zM307.2 998.4a25.6 25.6 0 0 1-25.6-25.6v-230.4H51.2a25.6 25.6 0 1 1 0-51.2h256a25.6 25.6 0 0 1 25.6 25.6v256a25.6 25.6 0 0 1-25.6 25.6zM972.8 332.8h-256a25.6 25.6 0 0 1-25.6-25.6v-256a25.6 25.6 0 1 1 51.2 0v230.4h230.4a25.6 25.6 0 1 1 0 51.2zM307.2 332.8h-256a25.6 25.6 0 1 1 0-51.2h230.4V51.2a25.6 25.6 0 1 1 51.2 0v256a25.6 25.6 0 0 1-25.6 25.6z"), r2.setAttributeNS(null, "d", "M307.2 332.8a25.6 25.6 0 0 1-18.112-7.488L56.896 93.12a25.6 25.6 0 0 1 36.224-36.224l232.192 232.192A25.6 25.6 0 0 1 307.2 332.8zM716.8 332.8a25.6 25.6 0 0 1-18.112-43.712L930.88 56.896a25.6 25.6 0 0 1 36.224 36.224l-232.192 232.192a25.472 25.472 0 0 1-18.112 7.488zM948.992 974.592a25.6 25.6 0 0 1-18.112-7.488l-232.192-232.192a25.6 25.6 0 0 1 36.224-36.224l232.192 232.192a25.6 25.6 0 0 1-18.112 43.712zM75.008 974.592a25.6 25.6 0 0 1-18.112-43.712l232.192-232.192a25.6 25.6 0 0 1 36.224 36.224l-232.192 232.192a25.472 25.472 0 0 1-18.112 7.488z"), n2.appendChild(i2), n2.appendChild(r2), document.body.appendChild(n2), n2;
+    }
     createButton() {
-      const t2 = { marginLeft: "15px", marginRight: "10px", fontSize: "0", height: "20px" };
-      Kv(this.playButton, Object.assign(Object.assign({}, t2), { display: "block" }));
+      const t2 = { marginLeft: "15px", marginRight: "10px", fontSize: "0", height: "20px", display: "flex", justifyContent: "center", alignItems: "center" };
+      Qv(this.playButton, Object.assign(Object.assign({}, t2), { display: "block" }));
       const e2 = this.generatePlayButton();
-      Kv(e2, { height: "20px" }), this.playButton.appendChild(e2), Kv(this.pauseButton, Object.assign(Object.assign({}, t2), { display: "none" }));
+      Qv(e2, { height: "20px" }), this.playButton.appendChild(e2), Qv(this.pauseButton, Object.assign(Object.assign({}, t2), { display: "none" }));
       const n2 = this.generatePauseButton();
-      Kv(n2, { height: "20px" }), this.pauseButton.appendChild(n2);
+      if (Qv(n2, { height: "20px" }), this.pauseButton.appendChild(n2), !this.isVideo)
+        return;
+      const i2 = this.generateFullScreenButton(20, 20);
+      this.fullScreenButton.appendChild(i2), Qv(this.fullScreenButton, Object.assign(Object.assign({}, t2), { display: "block" }));
+      const r2 = this.generateExitFullScreenButton(20, 20);
+      this.exitFullScreenButton.appendChild(r2), Qv(this.exitFullScreenButton, Object.assign(Object.assign({}, t2), { display: "none" }));
     }
     createTimer() {
       const t2 = document.createElement("div");
-      Kv(t2, { width: "100px" }), this.currentTime.innerText = "00:00";
+      Qv(t2, { width: "100px" }), this.currentTime.innerText = "00:00";
       const e2 = document.createElement("span");
       return e2.innerText = "/", t2.append(this.currentTime, e2, this.totalTime), t2;
     }
     createProgress() {
-      Kv(this.progress, { flex: "1", position: "relative", marginRight: "10px" });
-      const t2 = document.createElement("div");
-      Kv(t2, { background: "#D9D9D9", position: "relative", height: "10px", display: "flex" }), this.progress.appendChild(t2), Kv(this.currentProgress, { background: "#4F4F4F", top: "0px", left: "0", height: "10px", flex: "0" }), t2.appendChild(this.currentProgress);
+      const t2 = { flex: "1", position: "relative" };
+      this.isVideo || (t2.marginRight = "10px"), Qv(this.progress, t2);
+      const e2 = document.createElement("div");
+      Qv(e2, { background: "#D9D9D9", position: "relative", height: "10px", display: "flex" }), this.progress.appendChild(e2), Qv(this.currentProgress, { background: "#4F4F4F", top: "0px", left: "0", height: "10px", flex: "0" }), e2.appendChild(this.currentProgress);
     }
     changeBookmarkIndex(t2, e2) {
       if (this.bookmarkList && this.bookmarkList.length !== 0) {
@@ -31548,24 +31586,27 @@ void main(void){
         }
       }
     }
-    bindEvent() {
-      this.mediaController.addEventListener("mouseover", this.showController, false), this.mediaController.addEventListener("mouseout", this.onMouseOut, false), this.progress.addEventListener("mousedown", this.changeMediaProgress, false), this.playButton.addEventListener("click", this.playMediaFromCtrl, false), this.pauseButton.addEventListener("click", this.pauseMediaFromCtrl, false), this.media.on("durationchange", this.getMediaDuration, false), this.media.on("timeupdate", this.mediaTimeUpdate, false), this.media.on("pause", this.onPauseMedia, false), this.media.on("play", this.onPlayMedia, false);
-    }
     setControllerPosition() {
       var t2;
       const { target: e2 } = this, { stageWidth: n2, stageHeight: i2 } = this.ctx, r2 = e2.getGlobalPosition(), o2 = Number((t2 = this.container) === null || t2 === void 0 ? void 0 : t2.getAttribute("data-scale")), s2 = n2 * o2, a2 = 1 / o2 * (300 > s2 ? s2 / 300 : 1);
-      r2.y = r2.y + this.height - 50, r2.x = Math.max(r2.x, 0), r2.x = Math.min(r2.x, n2 - 300 * a2), r2.y = Math.max(r2.y, 0), r2.y = Math.min(r2.y, i2 - 50), Kv(this.mediaController, { height: "50px", borderRadius: "25px", width: "300px", flexDirection: "row", alignItems: "center", position: "absolute", left: r2.x + "px", top: r2.y + "px", display: "none", background: "#fff", zIndex: "2", border: "1px solid #ccc", transform: `scale(${a2})`, transformOrigin: "0 100%" });
+      r2.y = r2.y + this.height - 50, r2.x = Math.max(r2.x, 0), r2.x = Math.min(r2.x, n2 - 300 * a2), r2.y = Math.max(r2.y, 0), r2.y = Math.min(r2.y, i2 - 50), Qv(this.mediaController, { height: "50px", borderRadius: "25px", width: "300px", flexDirection: "row", alignItems: "center", position: "absolute", left: r2.x + "px", top: r2.y + "px", display: "none", background: "#fff", zIndex: "2", border: "1px solid #ccc", transform: `scale(${a2})`, transformOrigin: "0 100%" });
     }
     createMediaController() {
       this.setControllerPosition(), this.createButton();
       const t2 = this.createTimer();
-      this.createProgress(), this.mediaController.append(this.playButton, this.pauseButton, t2, this.progress), this.container.appendChild(this.mediaController), this.bindEvent();
+      this.createProgress(), this.mediaController.append(this.playButton, this.pauseButton, t2, this.progress), this.isVideo && this.mediaController.append(this.fullScreenButton, this.exitFullScreenButton), this.container.appendChild(this.mediaController), this.bindEvent();
     }
     addPlayCallBack(t2) {
       this.playCallBackList.push(t2);
     }
+    changeFullScreenState(t2, e2, n2) {
+      n2 === this.ctx.slideIndex ? t2 && this.targetId === e2 ? (this.fullScreenButton.style.display = "none", this.exitFullScreenButton.style.display = "block", this.mediaController.style.display = "flex", this.mediaController.removeEventListener("mouseout", this.onMouseOut, false)) : (this.fullScreenButton.style.display = "block", this.exitFullScreenButton.style.display = "none", this.mediaController.style.display = "none", this.mediaController.addEventListener("mouseout", this.onMouseOut, false)) : this.ctx.logger.info("Media controller prevent fullscreen event with different slide index", this.ctx.taskId);
+    }
+    bindEvent() {
+      this.mediaController.addEventListener("mouseover", this.showController, false), this.mediaController.addEventListener("mouseout", this.onMouseOut, false), this.progress.addEventListener("mousedown", this.changeMediaProgress, false), this.playButton.addEventListener("click", this.playMediaFromCtrl, false), this.pauseButton.addEventListener("click", this.pauseMediaFromCtrl, false), this.media.on("durationchange", this.getMediaDuration, false), this.media.on("timeupdate", this.mediaTimeUpdate, false), this.media.on("pause", this.onPauseMedia, false), this.media.on("play", this.onPlayMedia, false), this.isVideo && (this.ctx.globalEventHub.on("onFullscreenChange", this.onFullScreenChange), this.fullScreenButton.addEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.addEventListener("click", this.onClickCancelFullScreenButtonHandle, false));
+    }
     unbindEvent() {
-      this.mediaController.removeEventListener("mouseover", this.showController, false), this.mediaController.removeEventListener("mouseout", this.onMouseOut, false), this.progress.removeEventListener("mousedown", this.changeMediaProgress, false), this.playButton.removeEventListener("click", this.playMediaFromCtrl, false), this.pauseButton.removeEventListener("click", this.pauseMediaFromCtrl, false), this.media.removeAllListeners();
+      this.mediaController.removeEventListener("mouseover", this.showController, false), this.mediaController.removeEventListener("mouseout", this.onMouseOut, false), this.progress.removeEventListener("mousedown", this.changeMediaProgress, false), this.playButton.removeEventListener("click", this.playMediaFromCtrl, false), this.pauseButton.removeEventListener("click", this.pauseMediaFromCtrl, false), this.media.removeAllListeners(), this.isVideo && (this.ctx.globalEventHub.removeListener("onFullscreenChange", this.onFullScreenChange), this.fullScreenButton.removeEventListener("click", this.onClickFullScreenButtonHandle, false), this.exitFullScreenButton.removeEventListener("click", this.onClickCancelFullScreenButtonHandle, false));
     }
     show() {
       this.setControllerPosition(), this.mediaController.style.display = "flex";
@@ -31578,10 +31619,10 @@ void main(void){
       this.unbindEvent(), this.playCallBackList = [], (t2 = this.container) === null || t2 === void 0 || t2.removeChild(this.mediaController);
     }
   }
-  var $v = n(115);
-  class t_ extends Ja.a {
+  var t_ = n(115);
+  class e_ extends Ja.a {
     constructor(t2, e2) {
-      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.isHowlLoadEmit = false, this.url = t2, this.runningAudio = e2, Uy.RtcAudioClazz ? (this.rctClient = new Uy.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 $v.Howl({ src: [t2] }), this.howl.load(), this.howl.on("load", () => {
+      super(), this.isGlobalPause = false, this.lastTime = -1, this.howl = null, this.rctClient = null, this.isHowlEnd = false, this.isHowlLoadEmit = false, this.url = t2, this.runningAudio = e2, ky.RtcAudioClazz ? (this.rctClient = new ky.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 t_.Howl({ src: [t2] }), this.howl.load(), this.howl.on("load", () => {
         this.isHowlLoadEmit = true, this.emit("load");
       }), this.howl.on("pause", () => this.emit("pause")), this.howl.on("play", () => {
         this.isHowlLoadEmit || this.emit("load"), this.isHowlEnd = false, this.emit("play");
@@ -31633,7 +31674,7 @@ void main(void){
       this.rctClient ? this.rctClient.volume(t2) : this.howl && this.howl.volume(t2);
     }
   }
-  var e_ = function(t2, e2, n2, i2) {
+  var n_ = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31658,24 +31699,29 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class n_ extends Ja.a {
+  class i_ extends Ja.a {
     constructor(t2) {
-      var e2, n2;
-      super(), this.type = "video", this.sprite = new Kd(), this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
-        Uy.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 Uh.jb(i2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true });
-      let r2 = t2.video.src.replace(/4$/, "3");
-      this.ctx.loaderDelegate && (r2 = this.ctx.loaderDelegate.redirectMedia(r2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${r2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new t_(r2, t2.ctx.runningAudio);
-      const { video: o2, width: s2, height: a2, target: l2 } = t2;
-      this.controller = new Qv({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: s2, height: a2, target: l2, media: this, info: o2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
-        this.sprite.width = s2, this.sprite.height = a2, this.ctx.clock.setTimeout(() => {
+      var e2, n2, i2;
+      super(), this.type = "video", this.sprite = new Kd(), this.isPlaying = false, this.isGlobalPause = false, this.fullscreen = false, this.url = "", this.onVideoStalled = () => {
+        this.ctx.logger.warn(this.url + ", Failed to fetch data, but trying.", this.ctx.taskId);
+      }, this.updateVolume = (t3) => {
+        ky.RtcAudioClazz ? this.rtcAudio.volume(t3) : this.videoResource.source && (this.videoResource.source.volume = t3);
+      }, this.syncFullscreenVideoState = (t3) => {
+        const { targetId: e3, state: n3, slideIndex: i3 } = t3;
+        i3 === this.ctx.slideIndex && e3 === this.id && (n3 ? this.requestFullscreen() : this.requestCancelFullscreen());
+      }, 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.fullscreen = (i2 = t2.video.fullscreen) !== null && i2 !== void 0 && i2, this.container = t2.container, this.ctx = t2.ctx, this.ctx.medias[this.id] = this;
+      let r2 = t2.video.src;
+      this.ctx.loaderDelegate && (r2 = this.ctx.loaderDelegate.redirectMedia(r2), this.ctx.logger.info(`redirect media url from ${t2.video.src} to ${r2} by delegate.`, t2.ctx.taskId)), this.videoResource = new Uh.jb(r2, { autoLoad: true, autoPlay: false, updateFPS: 30, crossorigin: true }), this.videoResource.source.addEventListener("stalled", this.onVideoStalled), this.url = t2.video.src;
+      let o2 = t2.video.src.replace(/4$/, "3");
+      this.ctx.loaderDelegate && (o2 = this.ctx.loaderDelegate.redirectMedia(o2), this.ctx.logger.info(`redirect media url from ${t2.video.src.replace(/4$/, "3")} to ${o2} by delegate.`, t2.ctx.taskId)), this.rtcAudio = new e_(o2, t2.ctx.runningAudio);
+      const { video: s2, width: a2, height: l2, target: h2 } = t2;
+      this.controller = new $v({ targetId: t2.id, shapeId: t2.shapeId, ctx: t2.ctx, width: a2, height: l2, target: h2, media: this, info: s2, canvasElement: t2.canvasElement }), this.controller.addPlayCallBack(() => {
+        this.sprite.width = a2, this.sprite.height = l2, this.ctx.clock.setTimeout(() => {
           this.sprite.visible = true;
         }, 50);
       });
-      const h2 = new Uh.h(null, { height: a2, width: s2 });
-      h2.resource = this.videoResource, this.videoResource.bind(h2), this.sprite = new Kd(), this.sprite.visible = false, this.sprite.texture = new Uh.db(h2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
+      const u2 = new Uh.h(null, { height: l2, width: a2 });
+      u2.resource = this.videoResource, this.videoResource.bind(u2), this.sprite = new Kd(), this.sprite.visible = false, this.sprite.texture = new Uh.db(u2), this.sprite.interactive = true, this.container.addChild(this.sprite), this.sprite.on("mouseover", (t3) => {
         t3.stopPropagation(), this.controller.show();
       }), this.sprite.on("mouseout", (t3) => {
         t3.stopPropagation(), this.controller.hide();
@@ -31683,14 +31729,14 @@ void main(void){
         this.videoResource.source.addEventListener(t3, () => {
           t3 === "timeupdate" && this.isPlaying, this.emit(t3);
         });
-      }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume);
+      }), this.ctx.activeMedia.add(this), this.ctx.volumeAdjuster.on("update", this.updateVolume), this.ctx.globalEventHub.on("syncFullscreenVideoState", this.syncFullscreenVideoState);
     }
     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) {
-      Uy.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
+      ky.RtcAudioClazz && (this.rtcAudio.currentTime = t2), this.videoResource.source && (this.videoResource.source.currentTime = t2);
     }
     get paused() {
       var t2, e2;
@@ -31704,6 +31750,9 @@ void main(void){
       var t2, e2;
       return (e2 = (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.duration) !== null && e2 !== void 0 ? e2 : 0;
     }
+    get clippedDuration() {
+      return this.controller.clippedDuration;
+    }
     showController() {
       this.controller.show();
     }
@@ -31712,16 +31761,16 @@ void main(void){
     }
     play() {
       var t2;
-      return e_(this, void 0, void 0, function* () {
+      return n_(this, void 0, void 0, function* () {
         this.isPlaying = true, this.updateVolume(this.ctx.volumeAdjuster.volume), yield this.load(), yield this.ctx.clock.waitUntil(() => {
           const t3 = this.videoResource.source;
           return !!(t3 && t3.videoWidth > 0);
         }, 3e3);
         const e2 = this.videoResource.source;
-        e2 && e2.videoWidth <= 0 || (Uy.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.videoResource.source.muted = true, this.rtcAudio.once("play", () => {
+        e2 && e2.videoWidth <= 0 || (ky.RtcAudioClazz ? (this.videoResource.source.volume = 0, this.videoResource.source.muted = true, this.rtcAudio.once("play", () => {
           var t3;
-          (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
-        }), this.rtcAudio.play()) : yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play());
+          this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Uy.fullscreenChange, { targetId: this.id, state: true })), (t3 = this.videoResource.source) === null || t3 === void 0 || t3.play();
+        }), this.rtcAudio.play()) : (this.fullscreen && (this.requestFullscreen(), this.ctx.eventHub.emit(Uy.fullscreenChange, { targetId: this.id, state: true })), yield (t2 = this.videoResource.source) === null || t2 === void 0 ? void 0 : t2.play()));
       });
     }
     load() {
@@ -31729,7 +31778,7 @@ void main(void){
     }
     pause() {
       var t2;
-      this.isPlaying = false, Uy.RtcAudioClazz ? (this.rtcAudio.once("pause", () => {
+      this.isPlaying = false, this.ctx.logger.warn(this.url + ", pause video manual.", this.ctx.taskId), ky.RtcAudioClazz ? (this.ctx.logger.warn(this.url + ", pause rtc audio manual.", this.ctx.taskId), 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();
@@ -31747,14 +31796,21 @@ void main(void){
       this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause();
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Uy.mediaStop);
+    }
+    requestFullscreen() {
+      const t2 = new Uh.db(this.sprite.texture.baseTexture);
+      this.ctx.globalEventHub.emit("requestFullscreen", { texture: t2, index: this.ctx.slideIndex, targetId: this.id });
+    }
+    requestCancelFullscreen() {
+      this.ctx.globalEventHub.emit("requestCancelFullscreen", { targetId: this.id, index: this.ctx.slideIndex });
     }
     destroy() {
       var t2;
-      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t2 = this.videoResource) === null || t2 === void 0 || t2.destroy(), this.rtcAudio.destroy(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.ctx.globalEventHub.removeListener("syncFullscreenVideoState", this.syncFullscreenVideoState), this.sprite.interactive = false, this.sprite.destroy({ texture: true, baseTexture: true }), (t2 = this.videoResource) === null || t2 === void 0 || t2.destroy(), this.rtcAudio.destroy(), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  var i_ = function(t2, e2, n2, i2) {
+  var r_ = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31779,15 +31835,15 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class r_ extends Ja.a {
+  class o_ extends Ja.a {
     constructor(t2) {
       super(), this.type = "audio", this.isPlaying = false, this.isGlobalPause = false, this.updateVolume = (t3) => {
         this.audioPlayer.volume(t3);
       }, this.id = t2.id;
       let e2 = t2.audio.src;
-      /mp4$/.test(e2) && (e2 = e2.replace(/mp4$/, "mp3")), 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 t_(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;
+      /mp4$/.test(e2) && (e2 = e2.replace(/mp4$/, "mp3")), 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 e_(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 Qv({ 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);
+      this.controller = new $v({ 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;
@@ -31795,6 +31851,9 @@ void main(void){
     set currentTime(t2) {
       this.audioPlayer.currentTime = t2;
     }
+    get clippedDuration() {
+      return this.controller.clippedDuration;
+    }
     get paused() {
       return this.audioPlayer.isPaused;
     }
@@ -31817,7 +31876,7 @@ void main(void){
       this.controller.hide();
     }
     play() {
-      return i_(this, void 0, void 0, function* () {
+      return r_(this, void 0, void 0, function* () {
         this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent play event with paused state", this.ctx.taskId) : (this.updateVolume(this.ctx.volumeAdjuster.volume), this.isPlaying = true, this.audioPlayer.play());
       });
     }
@@ -31837,18 +31896,22 @@ void main(void){
       this.ctx.isPlayerPaused() ? this.ctx.logger.info("Audio player prevent seek event with paused state", this.ctx.taskId) : this.controller.jumpToTime(t2);
     }
     stop() {
-      this.seek(0), this.pause();
+      this.seek(0), this.pause(), this.ctx.eventHub.emit(Uy.mediaStop);
+    }
+    requestFullscreen() {
+    }
+    requestCancelFullscreen() {
     }
     destroy() {
-      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.audioPlayer.pause(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
+      this.ctx.volumeAdjuster.removeListener("update", this.updateVolume), this.stop(), this.controller.destroy(), this.ctx.activeMedia.delete(this);
     }
   }
-  class o_ extends Zv {
+  class s_ extends Jv {
     constructor(t2, e2, n2, i2) {
-      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e2, n2, i2), this.isInteractiveOutside = false, this.cmd = new tg(this), this.media = t2 == null ? void 0 : t2.media, this.container.name = t2.id + "_container_[Picture]", this.renderContainer.name = t2.id + "_render_container_[Picture]", this.picFill = new sv(this.ctx, t2.picFill, t2.width, t2.height, { useFilter: true, useSlideBackgroundFill: false });
+      super(Object.assign(Object.assign({}, t2), { type: "Shape", useBgFill: false, textRotateWithShape: true, isPicture: true }), e2, n2, i2), this.isInteractiveOutside = false, this.cmd = new eg(this), this.media = t2 == null ? void 0 : t2.media, this.container.name = t2.id + "_container_[Picture]", this.renderContainer.name = t2.id + "_render_container_[Picture]", this.picFill = new av(this.ctx, t2.picFill, t2.width, t2.height, { useFilter: true, useSlideBackgroundFill: false });
     }
     applyCommand(t2, e2) {
-      var n2, i2, r2, o2, s2;
+      var n2, i2, r2, o2;
       if (e2 === "call")
         if (/playFrom\(([0-9.]+)\)/.test(t2)) {
           const e3 = t2.match(/playFrom\(([0-9.]+)\)/), i3 = Number(e3[1] || "0");
@@ -31857,7 +31920,7 @@ void main(void){
             (t3 = this.mediaPlayer) === null || t3 === void 0 || t3.seek(i3);
           });
         } else
-          t2 === "custom-pause" ? (i2 = this.mediaPlayer) === null || i2 === void 0 || i2.pause() : t2 === "togglePause" ? (r2 = this.mediaPlayer) === null || r2 === void 0 || r2.togglePause() : t2 === "stop" && ((o2 = this.mediaPlayer) === null || o2 === void 0 || o2.pause(), (s2 = this.mediaPlayer) === null || s2 === void 0 || s2.seek(0));
+          t2 === "custom-pause" ? (i2 = this.mediaPlayer) === null || i2 === void 0 || i2.pause() : t2 === "togglePause" ? (r2 = this.mediaPlayer) === null || r2 === void 0 || r2.togglePause() : t2 === "stop" && ((o2 = this.mediaPlayer) === null || o2 === void 0 || o2.stop());
     }
     renderPic() {
       var t2, e2, n2, i2, r2, o2;
@@ -31877,12 +31940,12 @@ void main(void){
               }
           });
         }), this.effectContainer.addChild(s2), ((n2 = this.media) === null || n2 === void 0 ? void 0 : n2.type) === "video" && this.media.src) {
-          if (this.mediaPlayer = new n_({ id: this.json.id + "-video", shapeId: this.json.id, ctx: this.ctx, video: this.media, height: this.designHeight, width: this.designWidth, target: s2, container: this.effectContainer, canvasElement: this.ctx.view }), ((i2 = this.mediaPlayer) === null || i2 === void 0 ? void 0 : i2.sprite) && a2) {
+          if (this.mediaPlayer = new i_({ id: this.json.id + "-video", shapeId: this.json.id, ctx: this.ctx, video: this.media, height: this.designHeight, width: this.designWidth, target: s2, container: this.effectContainer, canvasElement: this.ctx.view }), ((i2 = this.mediaPlayer) === null || i2 === void 0 ? void 0 : i2.sprite) && a2) {
             const t3 = (r2 = this.backgroundGraphics) === null || r2 === void 0 ? void 0 : r2.getClonedDisplayObject();
             t3 && (this.mediaPlayer.sprite.mask = t3, this.container.addChild(t3));
           }
         } else
-          ((o2 = this.media) === null || o2 === void 0 ? void 0 : o2.type) === "audio" && this.media.src && (this.mediaPlayer = new r_({ id: this.json.id + "-audio", shapeId: this.json.id, ctx: this.ctx, audio: this.media, height: this.designHeight, width: this.designWidth, target: s2, canvasElement: this.ctx.view }));
+          ((o2 = this.media) === null || o2 === void 0 ? void 0 : o2.type) === "audio" && this.media.src && (this.mediaPlayer = new o_({ id: this.json.id + "-audio", shapeId: this.json.id, ctx: this.ctx, audio: this.media, height: this.designHeight, width: this.designWidth, target: s2, canvasElement: this.ctx.view }));
         this.mediaPlayer && (this.isInteractiveOutside = !!this.container.interactive, this.container.interactive = true, this.container.on("mouseover", () => {
           this.mediaPlayer.showController();
         }), this.container.on("mouseout", () => {
@@ -31906,7 +31969,7 @@ void main(void){
       this.mediaPlayer && (this.picFill.displayObject && !this.isInteractiveOutside && (this.container.interactive = false), this.mediaPlayer.destroy(), this.mediaPlayer = void 0), this.picFill.destroy();
     }
   }
-  var s_ = function(t2, e2, n2, i2) {
+  var a_ = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -31931,18 +31994,18 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class a_ extends lg {
+  class l_ extends hg {
     constructor(t2, e2, n2, i2, r2) {
-      super(t2, e2, n2), this.children = [], this.cacheSprite = new Kd(), this.cacheContainer = new wh.b(), this.json = t2, this.json.fillStyle && this.json.fillStyle.fillType === "groupFill" && i2 && (this.json.fillStyle = i2), this.container.name = t2.id + "_container_[Container]", this.cacheContainer.name = t2.id + "_cache_container_[Container]", this.ctx.timingTargets.addTarget(t2.id, this), this.updateTransform(this.json), this.fillObject = new sv(this.ctx, t2.fillStyle, t2.width, t2.height, { useFilter: false, useSlideBackgroundFill: false }), this.createChildren(r2);
+      super(t2, e2, n2), this.children = [], this.cacheSprite = new Kd(), this.cacheContainer = new wh.b(), this.json = t2, this.json.fillStyle && this.json.fillStyle.fillType === "groupFill" && i2 && (this.json.fillStyle = i2), this.container.name = t2.id + "_container_[Container]", this.cacheContainer.name = t2.id + "_cache_container_[Container]", this.ctx.timingTargets.addTarget(t2.id, this), this.updateTransform(this.json), this.fillObject = new av(this.ctx, t2.fillStyle, t2.width, t2.height, { useFilter: false, useSlideBackgroundFill: false }), this.createChildren(r2);
     }
     createChildren(t2) {
       var e2, n2, i2, r2;
       const o2 = { x: (n2 = (e2 = this.json.position) === null || e2 === void 0 ? void 0 : e2.x) !== null && n2 !== void 0 ? n2 : 0, y: (r2 = (i2 = this.json.position) === null || i2 === void 0 ? void 0 : i2.y) !== null && r2 !== void 0 ? r2 : 0 };
       for (let e3 = 0, n3 = this.json.children.length; e3 < n3; e3++)
-        t2.addSubMTask(() => s_(this, void 0, void 0, function* () {
+        t2.addSubMTask(() => a_(this, void 0, void 0, function* () {
           const n4 = this.json.children[e3];
           let i3 = null;
-          (n4 == null ? void 0 : n4.type) === "Shape" ? i3 = new Zv(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Picture" ? i3 = new o_(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Container" && (i3 = new a_(n4, this.ctx, o2, this.json.fillStyle, t2)), i3 && this.children.push(i3);
+          (n4 == null ? void 0 : n4.type) === "Shape" ? i3 = new Jv(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Picture" ? i3 = new s_(n4, this.ctx, o2, this.json.fillStyle) : (n4 == null ? void 0 : n4.type) === "Container" && (i3 = new l_(n4, this.ctx, o2, this.json.fillStyle, t2)), i3 && this.children.push(i3);
         }), "@ContainerImpl[child.init]");
     }
     get interactiveContainer() {
@@ -31953,7 +32016,7 @@ void main(void){
     }
     preRender(t2) {
       for (const e2 of this.children)
-        t2.addSubMTask(() => s_(this, void 0, void 0, function* () {
+        t2.addSubMTask(() => a_(this, void 0, void 0, function* () {
           e2.preRender(t2);
         }), "@ContainerImpl[child.preRender]");
     }
@@ -31968,11 +32031,11 @@ void main(void){
     }
     render(t2) {
       for (const e2 of this.children)
-        e2.render(t2), t2.addSubMTask(() => s_(this, void 0, void 0, function* () {
+        e2.render(t2), t2.addSubMTask(() => a_(this, void 0, void 0, function* () {
           var t3;
           this.cacheContainer.addChild(e2.renderContainer), (e2.json.hlinkHover || e2.json.hlinkClick) && ((t3 = e2.hyperlink) === null || t3 === void 0 || t3.addProxy(this.container));
         }), "@ContainerImpl[child.render]");
-      t2.addSubMTask(() => s_(this, void 0, void 0, function* () {
+      t2.addSubMTask(() => a_(this, void 0, void 0, function* () {
         this.container.addChild(this.cacheContainer);
       }), "@ContainerImpl[child.append]");
     }
@@ -31992,7 +32055,7 @@ void main(void){
       this.cacheSprite && this.cacheSprite.destroy({ texture: true }), this.children.forEach((t2) => t2.destroy()), this.container.destroy({ children: true, texture: true, baseTexture: true }), this.cacheContainer.destroy({ children: true, texture: true, baseTexture: true });
     }
   }
-  class l_ extends Ja.a {
+  class h_ extends Ja.a {
     constructor(t2, e2, n2, i2) {
       super(), this.cond = {}, this.timeoutIds = [], this.condHandle = (t3, e3 = {}) => {
         if (t3)
@@ -32039,7 +32102,7 @@ void main(void){
       }), this.timeoutIds.forEach((t2) => this.ctx.clock.clearTimeout(t2));
     }
   }
-  class h_ extends Ja.a {
+  class u_ extends Ja.a {
     constructor(t2) {
       super(), this.isTimeNodeEndSync = false, this.interactiveListeners = [], this.runtimeNodeEventHub = new Ja.a(), this._currentSeqIndex = 0, this._currentSeqState = "idle", this.isForward = true, this.autoPlay = false, this.handlePrev = (t3 = false) => {
         var e3, n3, i3, r3, o3, s3;
@@ -32058,16 +32121,16 @@ void main(void){
         }
       };
       const { json: e2, iterateType: n2, isIterate: i2, isSub: r2, parent: o2, ctx: s2, eventHub: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 } = t2;
-      this.isMainSeq = e2.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e2.ctn.nodeType === "interactiveSeq", this.id = e2.ctn.id, this.isIterate = i2, this.json = e2, this.ctx = s2, this.globalEventHub = a2, this.commonTimeNode = new uy({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new l_("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new l_("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
+      this.isMainSeq = e2.ctn.nodeType === "mainSeq", this.isInteractiveSeq = e2.ctn.nodeType === "interactiveSeq", this.id = e2.ctn.id, this.isIterate = i2, this.json = e2, this.ctx = s2, this.globalEventHub = a2, this.commonTimeNode = new cy({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2 || this.isInteractiveSeq, fromSeqId: this.isInteractiveSeq ? this.json.ctn.id : "" }), this.bindShapeEvent(), this.nextConds = new h_("mainSeq", e2.nextCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.prevConds = new h_("mainSeq", e2.preCondLst, { global: a2, runtime: this.runtimeNodeEventHub }, this.ctx), this.commonTimeNode.on("timeNodeRestart", () => {
         this.currentSeqIndex = 0, this.currentSeqState = "idle";
       }), this.commonTimeNode.on("childTimeNodeStart", (t3) => {
         const e3 = this.commonTimeNode.children.findIndex((e4) => e4.commonTimeNode.uuid === t3.id);
-        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(By.mainSeqStepStart, e3);
+        e3 >= 0 && (this.currentSeqIndex = e3), this.currentSeqState = "running", this.isMainSeq && this.ctx.eventHub.emit(Uy.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(false, true);
-        }), this.isMainSeq && this.ctx.eventHub.emit(By.mainSeqStepEnd, e3);
+        }), this.isMainSeq && this.ctx.eventHub.emit(Uy.mainSeqStepEnd, e3);
       }), this.commonTimeNode.on("timeNodeEndSync", () => {
         this.isTimeNodeEndSync = true, this.commonTimeNode.resetForRepeat();
       }), this.commonTimeNode.on("timeNodeDestroy", () => {
@@ -32084,13 +32147,13 @@ void main(void){
       return this._currentSeqIndex;
     }
     set currentSeqIndex(t2) {
-      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit(By.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(By.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: t2, state: this._currentSeqState } });
+      this._currentSeqIndex = t2, this.isMainSeq ? this.ctx.eventHub.emit(Uy.mainSeqStepChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(Uy.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(By.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(By.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
+      this._currentSeqState = t2, this.isMainSeq ? this.ctx.eventHub.emit(Uy.mainSeqStateChange, t2) : this.isInteractiveSeq && this.ctx.eventHub.emit(Uy.interactiveSeqStateChange, { id: this.json.ctn.id, state: { step: this._currentSeqIndex, state: t2 } });
     }
     get stepLength() {
       return this.commonTimeNode.children.length;
@@ -32128,9 +32191,9 @@ void main(void){
             if (t3) {
               t3.interactiveContainer.interactive = true, t3.interactiveContainer.cursor = "pointer";
               const n2 = () => {
-                this.ctx.eventHub.emit(By.userInput);
+                this.ctx.eventHub.emit(Uy.userInput);
                 const t4 = `shape ${e2} onClick`, { mode: n3 } = this.ctx;
-                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit(By.interactiveSeqAction, { action: t4, seqId: this.json.ctn.id }), n3 !== "sync" && n3 !== "local" || this.globalEventHub.emit(t4);
+                n3 !== "interactive" && n3 !== "sync" || this.ctx.eventHub.emit(Uy.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]);
             }
@@ -32154,7 +32217,7 @@ void main(void){
       }
     }
   }
-  function u_(t2, e2, n2) {
+  function c_(t2, e2, n2) {
     const i2 = e2.split(".");
     i2.reduce((r2, o2, s2) => {
       if (r2)
@@ -32162,7 +32225,7 @@ void main(void){
       console.warn(`${t2} not support ${e2}`);
     }, t2);
   }
-  function c_(t2, e2) {
+  function d_(t2, e2) {
     if (!e2)
       return null;
     return e2.split(".").reduce((n2, i2) => {
@@ -32171,7 +32234,7 @@ void main(void){
       console.warn(`${t2} not support ${e2}`);
     }, t2);
   }
-  class d_ {
+  class p_ {
     constructor(t2) {
       this.timingTarget = null, this.runtimeNodeEventHub = new Ja.a(), this.basicOnTimeNodeEnd = () => {
         if (this.isConflict) {
@@ -32189,29 +32252,29 @@ void main(void){
         }
       };
       const { isIterate: e2, isSub: n2, json: i2, ctx: r2, parent: o2, eventHub: s2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 } = t2;
-      this.json = i2, this.id = i2.cBhvr.ctn.id, this.ctx = r2, this.globalEventHub = s2, this.commonTimeNode = new uy({ json: i2.cBhvr.ctn, isSub: n2, eventHubs: { global: s2, runtime: this.runtimeNodeEventHub }, ctx: r2, parent: o2, isIterate: e2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i2.cBhvr.target, e2, { type: a2, index: l2, id: h2 }), this.commonTimeNode.on("seekToStart", () => this.onSeekToStart()), this.commonTimeNode.on("seekToEnd", () => this.onSeekToEnd()), this.commonTimeNode.on("timelineStart", this.basicOnTimeLineStart), this.commonTimeNode.on("timeNodeEnd", this.basicOnTimeNodeEnd);
+      this.json = i2, this.id = i2.cBhvr.ctn.id, this.ctx = r2, this.globalEventHub = s2, this.commonTimeNode = new cy({ json: i2.cBhvr.ctn, isSub: n2, eventHubs: { global: s2, runtime: this.runtimeNodeEventHub }, ctx: r2, parent: o2, isIterate: e2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 }), this.timingTarget = this.ctx.timingTargets.getTarget(i2.cBhvr.target, e2, { type: a2, index: l2, id: h2 }), this.commonTimeNode.on("seekToStart", () => this.onSeekToStart()), this.commonTimeNode.on("seekToEnd", () => this.onSeekToEnd()), this.commonTimeNode.on("timelineStart", this.basicOnTimeLineStart), this.commonTimeNode.on("timeNodeEnd", this.basicOnTimeNodeEnd);
     }
     getTargetId(t2) {
       let e2 = t2.id;
       return t2.type === "shape" && t2.txEl && (e2 = `${e2}-txEl-${t2.txEl.range[0]}`), this.commonTimeNode.isIterate && (e2 = `${e2}-iterate-${this.commonTimeNode.iterateIndex}`), e2;
     }
   }
-  class p_ extends d_ {
+  class f_ extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.updateStartValue = () => {
-        this.timingTarget && (this.startVal = c_(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = d_(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.onSeekToStart = () => {
         const t3 = this.json.cBhvr.attrList[0];
-        this.startVal !== null && this.timingTarget && u_(this.timingTarget, t3, this.startVal);
+        this.startVal !== null && this.timingTarget && c_(this.timingTarget, t3, this.startVal);
       }, this.onSeekToEnd = () => {
         const t3 = this.json.cBhvr.attrList[0], e2 = this.json.cBhvr.to || this.json.to;
-        e2 && this.timingTarget && u_(this.timingTarget, t3, e2);
+        e2 && this.timingTarget && c_(this.timingTarget, t3, e2);
       }, this.commonTimeNode.on("timeNodeStart", this.updateStartValue), this.commonTimeNode.on("timeNodeCreate", this.updateStartValue), this.commonTimeNode.on("timeUpdate", ({ duration: t3, delta: e2 }) => {
         if (e2 / t3 >= 1) {
           const t4 = this.json.cBhvr.attrList[0];
           this.json.cBhvr.attrList.length > 1 && console.warn("this.json.cBhvr.attrList.length > 0");
           const e3 = this.json.cBhvr.to || this.json.to;
-          e3 && this.timingTarget && u_(this.timingTarget, t4, e3);
+          e3 && this.timingTarget && c_(this.timingTarget, t4, e3);
         }
       });
     }
@@ -32219,7 +32282,7 @@ void main(void){
       return this.json.cBhvr.attrList[0];
     }
   }
-  var f_ = function(t2, e2, n2, i2) {
+  var m_ = 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);
@@ -32228,7 +32291,7 @@ void main(void){
         (r2 = t2[a2]) && (s2 = (o2 < 3 ? r2(s2) : o2 > 3 ? r2(e2, n2, s2) : r2(e2, n2)) || s2);
     return o2 > 3 && s2 && Object.defineProperty(e2, n2, s2), s2;
   };
-  class m_ {
+  class g_ {
     constructor(t2, e2) {
       this.math = { pi: Math.PI, e: Math.E, abs: Math.abs, acos: Math.acos, asin: Math.asin, atan: Math.atan, ceil: Math.ceil, cos: Math.cos, cosh: Math.cosh, deg: (t3) => t3 / Math.PI * 180, exp: Math.exp, floor: Math.floor, ln: Math.log, max: Math.max, min: Math.min, rad: (t3) => t3 / 180 * Math.PI, rand: Math.random, sin: Math.sin, sinh: Math.sinh, sqrt: Math.sqrt, tan: Math.tan, tanh: Math.tanh }, this.timingTarget = e2, this.val = t2.val.value, this.time = t2.time, t2.fmla && (this.fmla = this.parseFmla(t2.fmla));
     }
@@ -32240,7 +32303,7 @@ void main(void){
       }), new Function("vars", "math", "$", "return " + e2);
     }
   }
-  class g_ extends m_ {
+  class v_ extends g_ {
     constructor(t2, e2, n2) {
       super(t2, e2), this.value = t2.val.value, n2 && (this.fmla = this.parseFmla(n2));
     }
@@ -32252,8 +32315,8 @@ void main(void){
       return t2.fmla ? t2.fmla(n2, this.math, r2) : r2;
     }
   }
-  f_([Em()], g_.prototype, "interpolationFrom", null);
-  class v_ extends m_ {
+  m_([Em()], v_.prototype, "interpolationFrom", null);
+  class __ extends g_ {
     constructor(t2, e2) {
       var n2;
       super(t2, e2), this.value = (n2 = t2.val) === null || n2 === void 0 ? void 0 : n2.value;
@@ -32266,8 +32329,8 @@ void main(void){
       return this.value || "";
     }
   }
-  f_([Em()], v_.prototype, "interpolationFrom", null);
-  class __ extends m_ {
+  m_([Em()], __.prototype, "interpolationFrom", null);
+  class y_ extends g_ {
     constructor(t2, e2) {
       super(t2, e2), this.fn = this.parseFmla(this.val);
     }
@@ -32279,23 +32342,23 @@ void main(void){
       return t2.fmla ? t2.fmla(n2, this.math, r2) : r2;
     }
   }
-  f_([Em()], __.prototype, "interpolationFrom", null);
-  class y_ extends m_ {
+  m_([Em()], y_.prototype, "interpolationFrom", null);
+  class x_ extends g_ {
     constructor(t2, e2) {
       super(t2, e2), this.value = t2.val.value;
     }
     interpolationFrom(t2, e2) {
-      return gg(t2.resolveValue(), this.value, e2);
+      return vg(t2.resolveValue(), this.value, e2);
     }
     resolveValue() {
       return this.value;
     }
   }
-  f_([Em()], y_.prototype, "interpolationFrom", null);
-  class x_ extends d_ {
+  m_([Em()], x_.prototype, "interpolationFrom", null);
+  class b_ extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.vars = { ppt_x: 0, ppt_y: 0, ppt_w: 0, ppt_h: 0 }, this.keyFrames = [], this.isColorAnim = false, this.onTimeNodeStart = () => {
-        this.timingTarget && (this.startVal = c_(this.timingTarget, this.json.cBhvr.attrList[0]));
+        this.timingTarget && (this.startVal = d_(this.timingTarget, this.json.cBhvr.attrList[0]));
       }, this.updateVars = () => {
         var t3, e2, n2, i2;
         ((t3 = this.timingTarget) === null || t3 === void 0 ? void 0 : t3.ppt_h) && (this.vars.ppt_h = this.timingTarget.ppt_h), ((e2 = this.timingTarget) === null || e2 === void 0 ? void 0 : e2.ppt_w) && (this.vars.ppt_w = this.timingTarget.ppt_w), ((n2 = this.timingTarget) === null || n2 === void 0 ? void 0 : n2.ppt_x) && (this.vars.ppt_x = this.timingTarget.ppt_x), ((i2 = this.timingTarget) === null || i2 === void 0 ? void 0 : i2.ppt_y) && (this.vars.ppt_y = this.timingTarget.ppt_y), this.isColorAnim;
@@ -32303,12 +32366,12 @@ void main(void){
         const n2 = e2 / t3, i2 = this.keyFrames.findIndex((t4) => n2 <= t4[0]), { attrList: r2 } = this.json.cBhvr;
         if (i2 < 0) {
           const t4 = this.keyFrames[this.keyFrames.length - 1];
-          return void (this.timingTarget && r2 && r2[0] && u_(this.timingTarget, r2[0], t4[1].resolveValue(this.vars)));
+          return void (this.timingTarget && r2 && r2[0] && c_(this.timingTarget, r2[0], t4[1].resolveValue(this.vars)));
         }
         const o2 = i2 - 1, s2 = this.keyFrames[i2], a2 = this.keyFrames[o2] || s2, l2 = s2[0] - a2[0] == 0 ? 1 : (n2 - a2[0]) / (s2[0] - a2[0]), h2 = s2[1].interpolationFrom(a2[1], l2, this.vars);
-        this.timingTarget && r2 && r2[0] && u_(this.timingTarget, r2[0], h2);
+        this.timingTarget && r2 && r2[0] && c_(this.timingTarget, r2[0], h2);
       }, this.onSeekToStart = () => {
-        this.startVal !== null && this.timingTarget && u_(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
+        this.startVal !== null && this.timingTarget && c_(this.timingTarget, this.json.cBhvr.attrList[0], this.startVal);
       }, this.onSeekToEnd = () => {
         this.onTimeUpdate({ duration: 1, delta: 1, isReverse: false });
       }, this.initKeyFrames(), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate), this.commonTimeNode.on("timelineStart", this.updateVars), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart);
@@ -32324,24 +32387,24 @@ void main(void){
           if (this.json.from || this.startVal) {
             const t4 = { time: 0, val: { type: "string", value: this.json.from || this.startVal.toString() }, fmla: "" };
             if (e2 === "num" && this.timingTarget) {
-              const e3 = new __(t4, this.timingTarget);
+              const e3 = new y_(t4, this.timingTarget);
               this.keyFrames.push([t4.time, e3]);
             }
           }
           const t3 = { time: 1, val: { type: "string", value: this.json.to }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const e3 = new __(t3, this.timingTarget);
+            const e3 = new y_(t3, this.timingTarget);
             this.keyFrames.push([t3.time, e3]);
           }
         } else if (this.json.by) {
           const n2 = { time: 0, val: { type: "string", value: this.json.cBhvr.attrList[0] }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const t3 = new __(n2, this.timingTarget);
+            const t3 = new y_(n2, this.timingTarget);
             this.keyFrames.push([n2.time, t3]);
           }
           const i2 = { time: 1, val: { type: "string", value: (((t2 = n2.val) === null || t2 === void 0 ? void 0 : t2.value) || "") + "+" + this.json.by }, fmla: "" };
           if (e2 === "num" && this.timingTarget) {
-            const t3 = new __(i2, this.timingTarget);
+            const t3 = new y_(i2, this.timingTarget);
             this.keyFrames.push([i2.time, t3]);
           }
         }
@@ -32350,12 +32413,12 @@ void main(void){
         for (const t3 of this.json.tavLst)
           if (t3.val && this.timingTarget) {
             let n2 = null;
-            t3.val.type === "string" ? e2 === "num" ? n2 = new __(t3, this.timingTarget) : e2 === "str" && (n2 = new v_(t3, this.timingTarget)) : t3.val.type === "number" ? n2 = new g_(t3, this.timingTarget) : t3.val.type === "color" ? (this.isColorAnim = true, n2 = new y_(t3, this.timingTarget)) : t3.val.type === "boolean" && console.warn("not implements"), n2 && this.keyFrames.push([t3.time, n2]);
+            t3.val.type === "string" ? e2 === "num" ? n2 = new y_(t3, this.timingTarget) : e2 === "str" && (n2 = new __(t3, this.timingTarget)) : t3.val.type === "number" ? n2 = new v_(t3, this.timingTarget) : t3.val.type === "color" ? (this.isColorAnim = true, n2 = new x_(t3, this.timingTarget)) : t3.val.type === "boolean" && console.warn("not implements"), n2 && this.keyFrames.push([t3.time, n2]);
           }
       }
     }
   }
-  class b_ extends Uh.u {
+  class T_ extends Uh.u {
     constructor(t2, e2, n2) {
       super(t2, e2, n2);
     }
@@ -32366,89 +32429,89 @@ void main(void){
       this.uniforms.transition = t2;
     }
   }
-  var T_ = n(116), E_ = n.n(T_), S_ = n(117), w_ = n.n(S_);
-  var A_ = n(118), M_ = n.n(A_);
-  var R_ = n(119), C_ = n.n(R_), P_ = n(9), I_ = n.n(P_);
-  var O_ = n(120), N_ = n.n(O_);
-  var L_ = n(121), D_ = n.n(L_);
-  const F_ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAr5QTFRFAAAATwAAOQAAZgAAKwAAPAAAPQAA7AAA/wAA/QAAugAA5QAAsQAAwQAAsAAAfwAAawAASQAAZAAAOAAAJwAALAAALQAAqQAAiwAAmgAA5AAA7QAAtQAAhQAALwAAfAAAXwAAYQAAigAAuQAAfgAAswAAcgAArQAAqgAAZwAAaQAAMgAAGAAAiAAAjwAA1gAA6QAA+wAA7wAA2AAAbQAA2gAA3QAAuwAA3wAA2QAAxQAA0QAAzwAA0gAAXQAAYAAADAAADwAAGQAALgAAjgAAcAAAzQAAwgAA+gAA3AAAGwAAoAAAowAAcQAAVwAA1QAAIQAAWQAA5wAAsgAAuAAASwAAbwAARwAAMAAAnAAAUQAAaAAA9wAA4gAAPwAAbAAAOwAAlwAA0wAAjQAAvAAAwwAAkwAAQQAAvgAAnwAAvQAA0AAA2wAAwAAAWwAATQAACwAABwAAQgAAtgAAgwAAvwAAgQAAlgAAEAAAxgAAtwAAmAAARgAAjAAAdwAAqwAArwAAywAAYgAACAAAmwAAHwAApQAA8QAAdAAAbgAAFgAAgAAAogAAewAAXgAA6AAA9gAA/AAAzgAA3gAAkgAAngAAdQAARAAAmQAATgAAUgAAJQAAIgAAqAAARQAAPgAAxwAACQAAAgAAMQAAiQAAhwAA4AAAUAAABQAAeQAAygAA9AAAFQAAVQAAyAAANQAA4wAAKAAAWAAAZQAApwAA4QAAyQAAXAAAkQAArAAAdgAApgAAHgAA8gAA/gAA6gAA8wAAFwAAHQAAhgAArgAAnQAANAAASAAA7gAAlQAAJgAA+AAA8AAANwAAJAAAHAAANgAAkAAAKQAAoQAAzAAABgAAFAAATAAAeAAAAQAADgAAggAA6wAAEQAAfQAAVAAA9QAAIAAADQAAEgAAVgAA5gAAQAAABAAA1wAA+QAAUHExBAAAJDlJREFUeJwlevk/lPv7/2XtOrKNsWcbzGCMJSmSpSxJZtQkjPEOg5mxRWns+xpZyr5ECGmcLIOsdVK2oyJbcVI0J8fp/Bff2+d7/+BhPO6Z1+u+ruf1XF4GAEAGZOXkFRQBTiD+dgKVTiqrqKqpq5M0ZMmaWtoAOrp6+qcMDMFIzdiEYmpmbqJBpVlYWtFJitYMG1sbFTskLvvTDmcQHM+ec3ImXp13uYCubvB/l7sHkC9eAk8jcy9Eb5/LvldQzQ+v+jsw1ZAlfwYDAK5dZ98IvIlBwXRNXVYIJ9TpLJUb9j9LvBVOj4jkRVGj/Y1i8AwiH09eEwhjMU4uXtsiAWLlqInMcLh+28okKRnuhNy945lic0+Uqu7NdErDdB/5DBo7MwuE4J+dw8jIzcsvwEIUFFGEisWQm1ACpcZlxF7vl1c8YMCJyqrqGio+fFRbVw8NjU2uec0isNWhVuq2XMPzmjcRBVHhSWCtXaPR2mZoybHzL0TUfmxPabeR6yg/+6QTY83VQNOkSwkbumsgkgzwtKe8tDdHYM7ts3sW1Q/Pn3PEWaGmYjoje+B3ewx9bM4V0LNfDB5XL3/o5v1hSBi5fzvQkQESOkQOwiiwI++5YBdkDjFIrKEx3cZK4Ti8eAlZpjcnYMSHKG0ygKKVeFSLRpOZNL9p19Ku1Q9enKlp45lZiQGr7hlWS17RKWp03mv8481cQnwBUNTAXwIUeAvsJwCCTnV4FyJC9CrKYDnOT91DpRZSG8Bsn7pAw2Ihd7Hn7R0hynXezjQcvQTyMGgUjV12kiW75XaR7Z9OK9kD0/j6ckfyk/fcPHCkvkz48NG/r3p4FeRpoQa9JA74sJAOcLubirEPqXqTpZ1hNzUN5exoNVbk5RmSOQqcJix5yWvvRZZ9nyay+tqAsb6U76oAwo3wgXvJkK6sCpOYQBTIdT6cg92rSxWh16pdV2c8NnDzfQhveqvND4k6aAB0ssWnHuL2yZQ7AHLzJTgUrreyZeWewhawpw1RMDWYHLP1OcNQgKzwlKVP5JV5crB7cZ+NRJ6AB3wx/x3RsEufEkozLu+g7+zkekfLbFQo8byEubp5ld7Ot2CQKxJ7qguZxF4SB3ozQF2pCEIbcaFxg6eAr0/MbeHb1DCK+vQCA3j4YTcwjNiWyEgcq1dRlfnXsq31K3hhhvNX/CYM0JC+asxk91d+7ahTr6AAaTAn3U2lTBfjIc1pr5VEX94yw8uIZhWQVAHQj66iLErxDLqNmN0wuO9hYf6FN+boQb1FjENYJAiWKrru2ejWzoZX6M9A91p2Sw1TTRT/rdDQsyiOT1f6br4fKm6Fpeb9qocNfvYOLPAuczuA5BTbeVT2O/ghlkYEScGHX0Df3StfyMT4iYHCTEQTLj04iWePVx6aomPYGLc08OXB+drJLqoq42/wXqB5eagtaqR+ZAPsymG8utBxt1rO8zFTPHITA50gCMQ4Gw7tQBZFo0DBsWb5ExlyKoBbvRAO7jdv6U8jMYne4Y+iWXmg53gvbNYsGg+gU3elEnaeXB/ufFUKJiyZdNZemo10NviBxr65KE1k/Rijg8KTan5647eoiJQAYPIL+9fuHPb/VSMucg/bcJHzKt557SPRYF8voq1+2SIWmSgQCZo2ZjhlymMigEZdZQ3MzX6wmmMTECwNWieLpWDlKihSZ2sVVwNX9AmecOXtMHP7C/WwPzvKbZqiJIYFZ7PuZngFJmNi9YatOLLQU77vGbS6PzGdsQVn/Ad7nQyALeZVbm01GA72t5bvR/aWTWVIIEVDwDJanzjqAc8QuFl4Yr9/2WTdPVPmHCtY7ZEZ4mJoDqURsbWcaHwtmIqJWrIXshpck5ilsHlYM34YFFXTG3dGzKrDMBxB8gsDn7G3bW/TDpe51ALDmy5KQW8lUgg4guspE7TN7wCTbFWnf7gBB16vuHtYoXsWo14j1cD9/Z+oyj5GF95jqI9KG0s6YtJ0N0jtISrVAZQcIO251QuKrBIaH7k2hLK/Mw8pyNmCnott3tGm6XjT9DsZUps7H8DCHwjc731hFRtTaF2UQ572Ca4Qp/On0RVdmFD0A219YL4DcFBN/lnfBvNr12E0W2MSZatepyNLVIbbFIg7jaYfoR/4W1VUKqL6zsF4NpNiq4orZEhCEjExd7AQ2j+B6GMOPmekeA7+DsM0IAsIqj31xrtAzvWqBsjmIWC6+uBONItM9R+HA8rGHxptX9JAF/G0L6QEiy3McdFEhp4+YNA0FHNwnW0/RFFEtwHRb/hwQsbzX/heYihsB6nNVJssfHnqQe/acYKMv8LqcRe7aEF7Y6ugtWxKLILeNmlzVF277PqxIg8dSxpo5gsaMBFxfgwvdWBhOvzOHHHzx4JUHLNpyc8LUzkLcfiIv3A2jQxpeQ1iL4IKUJ1dTmigtKLpgi6QjX2d8ISbHl1B8bH0UEbnI2DMVm5h4+6Ko+kTd3VVSVPGkpp4/p+BW7/faCjBhlD7MoDqRpcOJxz6lBe8gWYtBP80qaKf86k0FP9L1ziS+Y1m8MPaWpcD8BXkG2flILIvKvoC/hr8upkS1N2pwbQD5NtZmC6iNb2JUVJTRDoZxTXibAjQDp3w/y5Bhld8zynk7OU1S3S3LPnJLvjhzcfUaKeYeJwtkmPDDbYpWt0gTaf8e/gL32vUwV1i7lHVD65CN0n+CySLiHLZfbSx/XYollUUj09xeL/Cjqg2DUp2eM7igsEZPyXlnve63tfjYjZSbBwtUf7mlAhvX0N/CzxFIKE25lol9uEzuf4B95AK6EAVtXBSn3XGA6bVuISAxQuuFKTClSg4xz/VEivy43BYA1UY4x7aSd/i1RMdwdgzi68x0JEYIfLBbEMag6Kcur0R3WGGtXvT2744+WPE4QaWz1rrbq5fEmwQTMwOLPRNs2jAJiPTPpAjXA48lyGNDo/aEnNyEv39YQtTIKcLY2gVw/SWl2eGCgmvgRKcowIU96xWM6PvyJhk/4dRHbP4A2JaG+uq0xb1J15Gaa++VgngHKhh3L3grVzTsa95kyjw3wgZLYViuASK6smRQA8Ds39GAisCnrN+wiGik1BsIZfpFhk9aVvJNr+pUWJbSmxoOAqRzseBsHsCPJ+9EvFA6HLDuymPuB3VbLuUAeRzs5AnmhdV52drj6JdA/9JE6GEWqDZIrYYlrYCDM7hLcefRsAoFiZc4P3tYx5qFsH9ttFzAL0L/lgSwvjbS4Hlik7xGLuSVfejKzFhvtnHF3039B8VGq1UCpg4+cLt0KMDi46N3M5F9YWHiD/InKc21mDdj2pCGZNgqLihu2j14oFnH9dxycOd1FsVBZ+cMEBkuu0U7wwPJEfc9SWATH9MuG0EvfyJPxuf9enmuy3ipIOtB/Tq8fRSfpzQFs03/H+7yBgpxgsOgaPD69B90NfAH5SMhqmB4xns1ARtQlmao4VcBTRTDeuo6wPwzlIp/AQcGagk6KNOsPIQxV8P+wi/EIUDDVLWFGWvjTzIZnkLRH1UoJhWpXMTjPAjt3UAX17p6WGAJwxrWKi26AC0+gNR2jzhlwfEJrgvQCombOyaY8/bLwB9fMvueMLQvWNkBKGC0lq0Ht3KzP5jCcE4StVpESb3tdp2iHeZtLDMQ26rGa6n0GpULC4tIz4jBBxadsL3wHdFQPwahEAq1xR5rwJkcKwXQrx0f6F7awZw4fPbGa1gUiXJVpYOUgng1Il6/kdwHeGfQlS+PdZEZ/WbBBOmQjvC0LG6wpXRfApSSh5UP+GjCtGd2HwGkHtuvHkJDGvpqBlcXLXap5CKR9eJRzlgZ8W4zK891g7/yQl4SpDRz5B6E6FEUxFv8K/4i/p8Hn1DOZxLx2FQHi3X/cwgM0LCK+TZnTMszAMO3JUIXyO6zOQNiThG4OXOrwJNCE8XwV95JJ175KWLydZwJE882VhaOGyWMiSKcP771g4kaYKUFB2Dmz0JUdUk75Pplh8T7VBZwUY90zTpUDwWxIJNQ4p3+oSPgHVcJUQVskdpHklpVCunu2AMvq7HI2HuekbnizilxbZeVzVwQLUBT133fJUvswkKMu+OHgCDmIJX9+b8TDTiXIyTQUrXPXFm5NsIOF7X6snH0GkbLAqxPlJ9ecWoX5Ywy8Vl/GgAlgE21JAfp4T0F8NwItrDq/BXLuXDsET46eLTOOKK5svMyhZ3Ah1ePwHOvYdijiwWbAEJnbIP5V95SOcbXM43qIJm+5G32UABbhvaNNvRffVynh4jmDDQ3V+XtC1dHWnr5PFwd9Ds2UdVaIEHmECBo9V1OAz0w9Q7ZONc7xXtF+8+ETCmmX+G7+2+flmEDTEww2Dr5eQAbJggPltoLQ9vmismCRLQYIvSsXqDWOIS85DgRSlAhWjGdOxACJXNVdyGoSxA1lu2eETiYQrdn23iL9SxSRCa5LgEX0CruBRSxHIQWrdV/mq5qOUyNgs9QUYv+xsmlhwRichkxSqZko2RwH46USV7CUofNLnT23rewuaB+3Y+8g82zzjibgmdChhbQRFk34o/zPECaRHy7wKj5wlFDE8H30Jva81PwVlVT/UNLeH5C/T9cIDrBy3capubs5y2F7ATbAwpRvThn7BsaBvwbu0BBMDxHEtAsSE3DVOdF+kWWcXsfX3AFYeWSbrZP/TS/H80MGryotBYxj1U8rWXomZeevT+aQ0crFNLeulQLpiCr0J3rB5jTS3MR+wbSYRJirC2/5eEGCMHpzOUFWEplMsWaW0SVaCL8y8rZVI4hiy4qyEC7CW0YwNHTGLxvJ2vW6GNMctZQNF8YFxN+y/di6ENOZNtphmlCkIZsU3uvDqzlidm8vQCrkUfzYk6D4AYr6tk+mccy/i8xBKFQzibM/wWTIysZ6cDt/XhySBb1niUMBJRN+ILdWbj7Z6dnUgLZELPYXWeyXNhzV48NvUbAWzWEC0lD8PwVIGTt6rveS3h3gX3XiVRg1O5poRFvgPCL17nEx324dKJT5AC5OU7RFWXuEp0U1v+MRgY7mxikdoB4lle086YyXrr61aA8eVem+VOaY1TKn/sOxOeRhIcR4AZLNrygau7faIG/T/vTPO010Kbci6K9mAYPE3+D/Q/02VDHhOfPxxTud5MF+8KsrdY8Bw4TELjh26cdDiBfCo2ptEyDRsJrRk1KZcvgta3ckuK5CRPn7AxcptUHMpozoAU68b9ElVYL1uhaVz7RTJwRJ15W+0X8HZs7gUMi9wPAEik099Y6ilYhW7j1KNLmlFXlRwAb+NvU+PbN1AfHY1t+/sN4J1JVfn7FDYLloP1Scsg9GA3s2b6XMPgHYNbve6n3ghsmK0WGyzvNrCU7t0veADh7RGOKA7vXwYQc0uuPZMJMUQMLbBdz+2kFzkStJJNFEvH/f/cT1wnXJfsflkfnn+qJe89nGfU5c6Fpsd3vp8y31fD+eHg8uZSYXdwqcoBT9DS0aTRKoaZrdSqk0KtkFZb4+BBqXAnpKdyVLXBuP5clrK5wxSYyIWrghPCaNnLhJkp/A3x8fsMgMczROQeBhpGULvpU+ZNQqKLZQMr2c5uvEvEMHOemnBn5rN1M88Y+/TkhOxUIBP/2P2jr1+oIelfW2KEQFOnrjfGzrGWUsS6YsjIBTxTDwc64bw+fGhfW5AnvnpxLYAJDBm2lJ6rvaNZZMrsfTANYByHtYSbJahyNwhmaepqjdIPb+zS9jVAgfRHPZEjU1Gd3rhA/5cI2/I7HkyV/yE2rhd7VLRC+6h3nRnBwqHqGw2HNB46i9yPFIYrAbBjbP8Xiw3DuyzbyCf9d4TVDRcSKQussrgoejwBiAjYwZi0qcQK8KuYyotDvMBHuWgDgNhVUXyHsaOlkxmK4H0+NoRd5BhMX9v+E0DX3JzZF4fOt9EZhbDdj5dngkuAUBvofWKvSxgvWN/JXhGtuib/SxfY8KRQCXuP9M9m4RKN/YNl9WjkI76xL/vI3tkUW8UwNyBJ97wf3vZkr8zgZWjt09M51pPhhhhIa5n7iOjQUKxcVfAILZl0T4jc7FxaD1109JL9Ca0sSBbrEuNCQcFBiIv+SZSJPYe/1EYItPw54SrCk2fKxMmvjDJ19ORWT937dR9t2yrEWeJCbBTuaVFvARwhlXYkVrmPmMoeHL//5uHAvRj2Y8axOXO33AUsW/qXsBWn9CxkKIYN1C7xCb9tfTfE+3+m+utf4yM6L/i+ic02U8cQ2F98GKWj7KuD2pLDXkPCLCOzaCvJfwOemmSw+9kphfUY4yI+yj5/MmQxX+dJTNMaPNhkZY4Wbc3tEQKBn08wseAkoa6qqIQUIOD3kPmDGdgoM1ToC4KklkiDUBk4Uk/Fidp8zCJcFBMgHj+etTxbRFeHvwhf80CiSt3z3DIFYl6k1lWLVvRBn0lpMVKj6PITC0tar9jbVAPhHP8k4rhblOqCcOdqrAPy67Z1WL4TfMfVx0GLrHQJyH8iQUus8lkFKuv5kcYrNvW13YfKuZ89ORAmC15BmyKxBFilYKq8dxQRWdqGLLb8Rij6WrIs7/mxVyFptbrarK6uDO1v3yxzOWQjtaz2W/01pTvN/Omyfx8D2VGPK80olW8HfnliYW8J7UjIcIlewB+DJW6whrBEqHlPOAQ8W/xs1Hn5GmuasOM+K9M5T9RYI+PMwnvMsCTG6r+dbVXfMESA2YjneGLq0D1CQv4w2JrzNXBsshiH+QHHQa2Mr/AZ4I3FCYwSF30Bqgti3TOnZKmjAfxUANcv/0JqQQ2HHnOhMOwJodHns6/25Jg743Q1lQ+KbmEPuPq51Bt83snYTH17IxKtNv2roT2epeJDTPX4a0X9SZHNHJqSie0RtRDgKb5JGNRAJr4h2aypQVI68DWseD13hXjPfFQtgcpsWw3+bHWbYNMQ5bN4cjo9d8aBirB8/oJdnePZQoxNeCAZZbotwjOCA0wROeUdcuZjnmA4UdjXjcB5b5xb9AZYmwdFSH2DdhvscW5z5QnIMnYTFRngKajbkSdjvvVyWw6LwIJWxlYhshBPGlg4xDUFZOFLf2UlA4MUe8DA8TIea+IX2smNzuP0vmleE8ArQR+UsNqTqekrljgz0+vhX5+FaB5qs3t9J5cPuwScX+MPS/UkluQXNh5WrJFM9p4CGban0P71P43YKxglb2X+cyKQ94h/diX4v9RaCpnBsnLBEiBNo/0idpiYrznuGrJbXrCBGfcS8UOZNOTvW4hnUTwJkuVcBHodNx3R8t5LtTDmf9/EmsNByWOE4XyHplSzut+ilAlOYAW6FAoMlRP17j9CYvp40MImU7d5GfS2Drx+GW3yciuygcSeJPwW0wzd8Jx7iITtZPchNXC6aPAtKQrB2xa8z53r/+NXr2nhyLPFySAhSY0IYOQBgKT6h3kSWUhtwoeuSh11H23xn6OOue1lRwSZFtnWn9cdSaaEGqWp9dYsa7+ChyZcubQzxJjXzXLk9h89vBXfZGDIlvpsP4QIbmPMjqxhqsBfefv19nkI6ATGqFQsHNSKV1bi5RDhNzYOR3Ckunra8gfjADKT/ll0bAtT+Gyj2d7NLfv1oX/s3Dxbwcs6upK916xmn4Cn9qoUPECeybc02KdxfxGRB0zT8l0Zikliu1neuQQ0TmnzytBG1jCdcA7AUAfwLbEnAjIqNRI/tr3AS3HHzaJJ1AVHLTuHM72nkWqYVDDf+j66wmI+h8Lmvxl4OGEXnX3JOrwBz08R7ELtwHigs810rOj0viiWN/+sC7Ni5oBKQ6bZk8eHN3PYLZzQgVjEb5jNex3lMrEC0EzpQ3faNx4xd523exujDDnuf5ZP5S7v7/UuKqkqW2X94NfxXy7549ho3WWi6n1Vt7ABUIeJc5cdqWkRZrf4aNACabeODzxEINKtnW6CGh5734US98i9pjARiQfrdT+ax6iuaQ68hRSbykUQcJUr4DoFBkm4wgd2hq4tBIt5iGqkmIYjIK97X2Ac+y7Al6Eas2r5VF3EkYVixIGsqzlkm0RXA05xqwaznFZjzk8V80Y+iIDhMyNdfSpEMp3IheR2cbKGSnSfWK1HK5rU73te+Y+mp46Jt6oD3xe3/MKUzoD2UBzNmu3iQW2uCJHd2ne9t/x3h7lnn4kBxCEAK//UgVlyjyz9W5JHgDWu3g3OlGHBZO/680MjgZCrLsuOfLU+5jPl2Pxck02uqzyqmPlhPA0isbdnhRis6Qh/S179zV226tq30IMf1KqJ+bHgSCHhjM64dbIL8GGt21vGOEXP+/AJcER6NjIb286TKSzTCCidNp6Zf3rpsWZnG5dNhuEqU94Fd2sYHaDOgM3A3LO9nxQazFRTOJsT7cD4eScDOsG8UfQGqlmCqM7L0/3ZpnWylRSPqBu/B+eHEfYNZO+0QTaWrYVbLURYIK4TWR8iESRGfHHQWgthnGCFSR6XhpDR2Xtq0uhr2QQvOUVv8Giw6ImYIgOdd8OPo1dxm1hQCQV84zTzso6krY75wTfRjcwV5Geb/tJ4owfFd8kC7FDPX9B9mBYVZ0zuK21vYoVpvazdgKlwKfwFKZSgPgFfDQtTRYNOvy6JNZ7OeYCWEFJq/hygT5KPD9mIbenEBsAvHdzCG/K5iPb4S4aP/YhnMDJHIP/icNM6ztIK9gkRRdA71nyoMef+2jb3neklwx0pHH2SIdKb2jwOWG3JCmYK4Iva+7eEG0a3If9Da4KaFAGMYlTTCfFBFSoyK7YMSwyuICgV8M49c7bf4VqtKi5LOaLKCJlVZ5zBpLrIr9LvsMNctO/oiM3ab/MknNJPPbnirNLPbGflQrRr2aJJYXg/QIsh8k1PXzz+z9w5gIxiXea4P0RlO2OUDqhJdvv8EBpRLy6Z9p8GR+FFKgDHcGsMkkbMnJz0q7hAhDVdF3sCfBM6hj2P4SlE5njIsBmSky6FhkNYd2UfgLt37a35+BEvupCA+Jh5kmC5dWaGeQNmz35EEQvhwZG3qxKo/RZr66hM7IJ5Won7gh78anK172Zt3buKAMKyMDjzdR9ufcCZ0zU4DOA5RKIgkAMTbytB3LQFlT5MH/An6qfRJPjj2dg5WFP3mdlZkwFePrA+3eN2Wu0A+WAFKZrztzJRibcqCweEddxU/PSGWxOnjHtOUDzfDk9lEvDDj39cFH1E9dVeQLGVI3Qgeo0M34dZ6K/3cb9BBZcZf8uS+BivagqBuLW31L60FMADuX1jiTur3n1ZrBrIgpkFO//0OmyT9qWthHcnwzLRswTdDbgUflRNCAvfaODDSX8vQLo7QBDltK42Y/OdFbS1zUYFLv6qSiV43zDiUrcAtbEqoMVBPa37+RMTuT1gmrJVH1qqYsi12cyakNWPLrTGqg9NO1KY2vPwISkCnxobu6FodJWlXUwABhb1LwveepTps6Tt0E8j+tabfLiI+MdLLWSxLqA1cJON1hz8aZkisUWXUMhNOQpLrIR062CCV3Bg0ZwlU9OhbKefT1NjDog/g2q+TAW89zQllayE0d/y9qAdSAucb3iKOXZYzSSmdealQNS1IL3qMUpowYU6uuO7LEqyPD05MgXvXy6frzzrkpBXlAx+J30gur7J4OT/ziwA3fvIcKvLAHet4sqms0BCkZk6CKbyRPu8Xqwsv5KGfYcI4thniGI9nFwFwt1bfZm9racBom20+/R8n0upa1EAueM5b9A7lN3BE9empZqOTj5NkKNeCf630MV2jeKeEP8cImJ5W9l3gYGDg1wPxxZcmBvsZ4qZXUMim6a/M2jKAsHtYvPN1A0FsH3AAbpFvCxA200RpdN9ME2nSQL2g5pg9OIw6KkYT3gKe7QmWrItoXK1c/XBbJQ6pVOca2BzfQfoOCTygsFljpEPDG+tBLrte+jUDP2DcYKLisBjhgtTZnAmgmg8/Aus/awVIZGqScBZ1xa/82qG7rzT0BDLldEs0sP5HS8oNhU3lhDue5NS0TUt0T7YTZvSGH0HEYEs97dJ7xpNO1TKokYmLWenco4PvNEsv2hQ85pcgDjlA29jwVT9IoAcXQGCnhPG8fgYyhJ64NNzBiWf5p1XdoBx+xtXoPiVbK44FcHipEqTaar9/ruKsdneZuJmevOHPOjhmtvwVVX8Nmx+/eftj7gZmxlF3ocI/n5T0byPxzPfMi24AxSQeAGjdI3Q4hc5ffAT7v7F89ZNEgj6fheuHl2hjRQlG4EMMwpiAnsm1HT499a+zKPMejH0uAfnT4JyItDTiDQ4l5DoO/sQZ0HkzGpiM8KQNwaHk0Un9WaO+yuA1ZTV9z8Jm13bqwTlfNHncIi8M/kHQMFhMF7Imo2mUw/Sox7Bh3W6UplqvEiy+g2NvVzFPCtGkHSTLuFSL2CtGzpPY+E5O0PK3HSbUnBzNBZodkNnUAlch2Zk9/9F8JuAYBirgoVpE7QyheJ33WDOysDFYMSXBdm20XfXCWcGzsGyvXE8FJN7EadsGjIDzZ+GtIUEBWuQ6o87kaDvo4eplYs4dz6P06lSSCA0yAvpXKD1djjC8dnWdYtWsLpl4Fplhje74Y6i/M7VMSQnRvD54/CC4LPzx4vghhIOzVo6bLzl7QIHPvVyM/drqBBZ3tW1lYqvXfauRfH5WHe+RcHI+xxeqDECqJ9tdXLyy9L7RqxyUaZKwmlAux+zEzdzITSRlr36YuSm0LBhTpkivodWytR6BNULFxftqF42QqKLmoog9WlYNRb4GtNm93bHuxBvV5VcOUeY6N/9xDutwbqYhaN3rIzpg1M6XfrYctTdA5Msr2v4Aydmb+Nl2/Eqw+jSXYvctmuDHYUAei0pUc6E5N1bULPEjHAr+HI3gwDjpDg0nE2fMkXneCumq9ifZR5IKUOqn0aDIfN64olrhaHfV4msozkdG/3j5HHqsf5Els8kwvDrCaK4/BXb+YzYC00mJEOu8njPsKgB9dG+FjqqeToCsJKLTvHS+iQTnqFquCJ+yCckuDaHLnP4GzroGg7BelrYZWStEFay3j+vkEuXHy3B2zG5xBqSx+/pxoEOv+OfiCfq5QMCCNq26xXC+1DZ+eQdH2jJ9FXSh9yrISZTk56jTzMIzG9+Ye+pumQffxmh2lcvPXjmNWL3PoOgRpkx4o/TZzE2y3IMtEZNxpNUlBqFlnBVXuPS0TIBkF+ZfvW3y2bGWD14zb8Cju5+wiSW1pIIRRtD0DeaxOLIvup5BZ2R2QfQVx6ryHH4H/rls/fRJy6KIdsJ/qVsWrBZaKgKOhP0GOUjA16wS+vlpcmot72SIWJWQDwyiD04TLSU6LyObtnOC2W5QA0OCGXHtlTi9Cyh95AIL8UU6AaQOaDSDfuf3DbxO4065WUdqPZ6Zj9S26jGlhDs/3mX1c4h+to5J2UwvgO3dkFtmKMBF3OuQvskMsOO8R5FnXblT4zMUpkjhs3m1ygag6zQWKfFOQCFM8jmAFtaCpCqDX77xqhE3B99uGU3UT+41SufAp9fQENvgk5lwqneywazIE9IpGT8v23sBPibAHG34mLWiivxnjk8p2S5ofshihnLQd4CU5ABpVcMX/5Hg39Jm55k+hgxugBCGIR5KmY+qz6US5/wKYimBbjTOSBlyD9OiYpWxtoLH6PcoaUdK0dW4vKR121dfMwumvgSBf8g0fsVN0w8jbplh7Df1FVC9wZuTbZStSswGJu6IngHRvBgOFag8F3hwPVNuUYjxNngNURuMvnnOvway+3l+1sK7aILbzdSzAxUCtG9/CaaHsBFIVzMWEH7upNL6Hr6P+oI4i+VqT6NyQrYUMkRXYd2P1ZjEMDaJ1rrurxTBgTfMw9cZe8SHIAz0JA7jpgDmr+InVbg0HrkFNZVhQ2uBKn75tLEZwfMp2azBhkglsAXDPx2BccwTDGmnsjRDh2jHh9ynTQY4vLqcuv/NWRlP8sFHWyxSmm38ikF1UoTywoZL0oFE4I4ujqIcvCuo+0ABPohIMdyq8EqgTcogXcYNCGdgvytDCA/fwt2eG78+OAANOgmKkOI8WdjE3FaFdqW6rx/oOBunJoqMLOwnPtv67Cw7PY8c4jFvek2G/hk1Thivu5Pf2iV8YDA8DyziBPz6MKlF9XQlRt7ZRV09nZrygwo00ME7IpFuOiEsUrd14UcCvNC/DPkbFmqB1uQIg477mFiq2niVADUYnvdjiQPNpFfMTo4yg4X+tDW3rmH2WE9E2rY0ES40wM6QRwaQL5/fepJULkj3Zc6L1ItuWmO6zXbvou399GBCPcQwB2+rRpubsw03qWL2iRyHH9Afl/YHuFYa8v7zEXDEigXJo9RAtTM4BTzElQhSgePv55AmHTo4W9v4SmkPDlLIhOpcXBK4GO2AnyzeN0MaKP7umX9bZAfc5LA84bxj3frYCxezbP9KG7QeJzevIhiAU4p/j+y2OyMV2mxNgAAAABJRU5ErkJggg==";
-  var B_ = n(122), U_ = n.n(B_);
-  var k_ = n(123), G_ = n.n(k_);
-  var H_ = n(124), j_ = n.n(H_);
-  var z_ = n(125), V_ = n.n(z_);
-  var X_ = n(126), W_ = n.n(X_);
-  var Y_ = n(127), q_ = n.n(Y_);
-  var Z_ = n(128), J_ = n.n(Z_);
-  var K_ = n(129), Q_ = n.n(K_);
-  var $_ = n(130), ty = n.n($_);
-  const ey = { wipe: class extends b_ {
+  var E_ = n(116), S_ = n.n(E_), w_ = n(117), A_ = n.n(w_);
+  var M_ = n(118), R_ = n.n(M_);
+  var C_ = n(119), P_ = n.n(C_), I_ = n(9), O_ = n.n(I_);
+  var N_ = n(120), L_ = n.n(N_);
+  var D_ = n(121), F_ = n.n(D_);
+  const B_ = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAr5QTFRFAAAATwAAOQAAZgAAKwAAPAAAPQAA7AAA/wAA/QAAugAA5QAAsQAAwQAAsAAAfwAAawAASQAAZAAAOAAAJwAALAAALQAAqQAAiwAAmgAA5AAA7QAAtQAAhQAALwAAfAAAXwAAYQAAigAAuQAAfgAAswAAcgAArQAAqgAAZwAAaQAAMgAAGAAAiAAAjwAA1gAA6QAA+wAA7wAA2AAAbQAA2gAA3QAAuwAA3wAA2QAAxQAA0QAAzwAA0gAAXQAAYAAADAAADwAAGQAALgAAjgAAcAAAzQAAwgAA+gAA3AAAGwAAoAAAowAAcQAAVwAA1QAAIQAAWQAA5wAAsgAAuAAASwAAbwAARwAAMAAAnAAAUQAAaAAA9wAA4gAAPwAAbAAAOwAAlwAA0wAAjQAAvAAAwwAAkwAAQQAAvgAAnwAAvQAA0AAA2wAAwAAAWwAATQAACwAABwAAQgAAtgAAgwAAvwAAgQAAlgAAEAAAxgAAtwAAmAAARgAAjAAAdwAAqwAArwAAywAAYgAACAAAmwAAHwAApQAA8QAAdAAAbgAAFgAAgAAAogAAewAAXgAA6AAA9gAA/AAAzgAA3gAAkgAAngAAdQAARAAAmQAATgAAUgAAJQAAIgAAqAAARQAAPgAAxwAACQAAAgAAMQAAiQAAhwAA4AAAUAAABQAAeQAAygAA9AAAFQAAVQAAyAAANQAA4wAAKAAAWAAAZQAApwAA4QAAyQAAXAAAkQAArAAAdgAApgAAHgAA8gAA/gAA6gAA8wAAFwAAHQAAhgAArgAAnQAANAAASAAA7gAAlQAAJgAA+AAA8AAANwAAJAAAHAAANgAAkAAAKQAAoQAAzAAABgAAFAAATAAAeAAAAQAADgAAggAA6wAAEQAAfQAAVAAA9QAAIAAADQAAEgAAVgAA5gAAQAAABAAA1wAA+QAAUHExBAAAJDlJREFUeJwlevk/lPv7/2XtOrKNsWcbzGCMJSmSpSxJZtQkjPEOg5mxRWns+xpZyr5ECGmcLIOsdVK2oyJbcVI0J8fp/Bff2+d7/+BhPO6Z1+u+ruf1XF4GAEAGZOXkFRQBTiD+dgKVTiqrqKqpq5M0ZMmaWtoAOrp6+qcMDMFIzdiEYmpmbqJBpVlYWtFJitYMG1sbFTskLvvTDmcQHM+ec3ImXp13uYCubvB/l7sHkC9eAk8jcy9Eb5/LvldQzQ+v+jsw1ZAlfwYDAK5dZ98IvIlBwXRNXVYIJ9TpLJUb9j9LvBVOj4jkRVGj/Y1i8AwiH09eEwhjMU4uXtsiAWLlqInMcLh+28okKRnuhNy945lic0+Uqu7NdErDdB/5DBo7MwuE4J+dw8jIzcsvwEIUFFGEisWQm1ACpcZlxF7vl1c8YMCJyqrqGio+fFRbVw8NjU2uec0isNWhVuq2XMPzmjcRBVHhSWCtXaPR2mZoybHzL0TUfmxPabeR6yg/+6QTY83VQNOkSwkbumsgkgzwtKe8tDdHYM7ts3sW1Q/Pn3PEWaGmYjoje+B3ewx9bM4V0LNfDB5XL3/o5v1hSBi5fzvQkQESOkQOwiiwI++5YBdkDjFIrKEx3cZK4Ti8eAlZpjcnYMSHKG0ygKKVeFSLRpOZNL9p19Ku1Q9enKlp45lZiQGr7hlWS17RKWp03mv8481cQnwBUNTAXwIUeAvsJwCCTnV4FyJC9CrKYDnOT91DpRZSG8Bsn7pAw2Ihd7Hn7R0hynXezjQcvQTyMGgUjV12kiW75XaR7Z9OK9kD0/j6ckfyk/fcPHCkvkz48NG/r3p4FeRpoQa9JA74sJAOcLubirEPqXqTpZ1hNzUN5exoNVbk5RmSOQqcJix5yWvvRZZ9nyay+tqAsb6U76oAwo3wgXvJkK6sCpOYQBTIdT6cg92rSxWh16pdV2c8NnDzfQhveqvND4k6aAB0ssWnHuL2yZQ7AHLzJTgUrreyZeWewhawpw1RMDWYHLP1OcNQgKzwlKVP5JV5crB7cZ+NRJ6AB3wx/x3RsEufEkozLu+g7+zkekfLbFQo8byEubp5ld7Ot2CQKxJ7qguZxF4SB3ozQF2pCEIbcaFxg6eAr0/MbeHb1DCK+vQCA3j4YTcwjNiWyEgcq1dRlfnXsq31K3hhhvNX/CYM0JC+asxk91d+7ahTr6AAaTAn3U2lTBfjIc1pr5VEX94yw8uIZhWQVAHQj66iLErxDLqNmN0wuO9hYf6FN+boQb1FjENYJAiWKrru2ejWzoZX6M9A91p2Sw1TTRT/rdDQsyiOT1f6br4fKm6Fpeb9qocNfvYOLPAuczuA5BTbeVT2O/ghlkYEScGHX0Df3StfyMT4iYHCTEQTLj04iWePVx6aomPYGLc08OXB+drJLqoq42/wXqB5eagtaqR+ZAPsymG8utBxt1rO8zFTPHITA50gCMQ4Gw7tQBZFo0DBsWb5ExlyKoBbvRAO7jdv6U8jMYne4Y+iWXmg53gvbNYsGg+gU3elEnaeXB/ufFUKJiyZdNZemo10NviBxr65KE1k/Rijg8KTan5647eoiJQAYPIL+9fuHPb/VSMucg/bcJHzKt557SPRYF8voq1+2SIWmSgQCZo2ZjhlymMigEZdZQ3MzX6wmmMTECwNWieLpWDlKihSZ2sVVwNX9AmecOXtMHP7C/WwPzvKbZqiJIYFZ7PuZngFJmNi9YatOLLQU77vGbS6PzGdsQVn/Ad7nQyALeZVbm01GA72t5bvR/aWTWVIIEVDwDJanzjqAc8QuFl4Yr9/2WTdPVPmHCtY7ZEZ4mJoDqURsbWcaHwtmIqJWrIXshpck5ilsHlYM34YFFXTG3dGzKrDMBxB8gsDn7G3bW/TDpe51ALDmy5KQW8lUgg4guspE7TN7wCTbFWnf7gBB16vuHtYoXsWo14j1cD9/Z+oyj5GF95jqI9KG0s6YtJ0N0jtISrVAZQcIO251QuKrBIaH7k2hLK/Mw8pyNmCnott3tGm6XjT9DsZUps7H8DCHwjc731hFRtTaF2UQ572Ca4Qp/On0RVdmFD0A219YL4DcFBN/lnfBvNr12E0W2MSZatepyNLVIbbFIg7jaYfoR/4W1VUKqL6zsF4NpNiq4orZEhCEjExd7AQ2j+B6GMOPmekeA7+DsM0IAsIqj31xrtAzvWqBsjmIWC6+uBONItM9R+HA8rGHxptX9JAF/G0L6QEiy3McdFEhp4+YNA0FHNwnW0/RFFEtwHRb/hwQsbzX/heYihsB6nNVJssfHnqQe/acYKMv8LqcRe7aEF7Y6ugtWxKLILeNmlzVF277PqxIg8dSxpo5gsaMBFxfgwvdWBhOvzOHHHzx4JUHLNpyc8LUzkLcfiIv3A2jQxpeQ1iL4IKUJ1dTmigtKLpgi6QjX2d8ISbHl1B8bH0UEbnI2DMVm5h4+6Ko+kTd3VVSVPGkpp4/p+BW7/faCjBhlD7MoDqRpcOJxz6lBe8gWYtBP80qaKf86k0FP9L1ziS+Y1m8MPaWpcD8BXkG2flILIvKvoC/hr8upkS1N2pwbQD5NtZmC6iNb2JUVJTRDoZxTXibAjQDp3w/y5Bhld8zynk7OU1S3S3LPnJLvjhzcfUaKeYeJwtkmPDDbYpWt0gTaf8e/gL32vUwV1i7lHVD65CN0n+CySLiHLZfbSx/XYollUUj09xeL/Cjqg2DUp2eM7igsEZPyXlnve63tfjYjZSbBwtUf7mlAhvX0N/CzxFIKE25lol9uEzuf4B95AK6EAVtXBSn3XGA6bVuISAxQuuFKTClSg4xz/VEivy43BYA1UY4x7aSd/i1RMdwdgzi68x0JEYIfLBbEMag6Kcur0R3WGGtXvT2744+WPE4QaWz1rrbq5fEmwQTMwOLPRNs2jAJiPTPpAjXA48lyGNDo/aEnNyEv39YQtTIKcLY2gVw/SWl2eGCgmvgRKcowIU96xWM6PvyJhk/4dRHbP4A2JaG+uq0xb1J15Gaa++VgngHKhh3L3grVzTsa95kyjw3wgZLYViuASK6smRQA8Ds39GAisCnrN+wiGik1BsIZfpFhk9aVvJNr+pUWJbSmxoOAqRzseBsHsCPJ+9EvFA6HLDuymPuB3VbLuUAeRzs5AnmhdV52drj6JdA/9JE6GEWqDZIrYYlrYCDM7hLcefRsAoFiZc4P3tYx5qFsH9ttFzAL0L/lgSwvjbS4Hlik7xGLuSVfejKzFhvtnHF3039B8VGq1UCpg4+cLt0KMDi46N3M5F9YWHiD/InKc21mDdj2pCGZNgqLihu2j14oFnH9dxycOd1FsVBZ+cMEBkuu0U7wwPJEfc9SWATH9MuG0EvfyJPxuf9enmuy3ipIOtB/Tq8fRSfpzQFs03/H+7yBgpxgsOgaPD69B90NfAH5SMhqmB4xns1ARtQlmao4VcBTRTDeuo6wPwzlIp/AQcGagk6KNOsPIQxV8P+wi/EIUDDVLWFGWvjTzIZnkLRH1UoJhWpXMTjPAjt3UAX17p6WGAJwxrWKi26AC0+gNR2jzhlwfEJrgvQCombOyaY8/bLwB9fMvueMLQvWNkBKGC0lq0Ht3KzP5jCcE4StVpESb3tdp2iHeZtLDMQ26rGa6n0GpULC4tIz4jBBxadsL3wHdFQPwahEAq1xR5rwJkcKwXQrx0f6F7awZw4fPbGa1gUiXJVpYOUgng1Il6/kdwHeGfQlS+PdZEZ/WbBBOmQjvC0LG6wpXRfApSSh5UP+GjCtGd2HwGkHtuvHkJDGvpqBlcXLXap5CKR9eJRzlgZ8W4zK891g7/yQl4SpDRz5B6E6FEUxFv8K/4i/p8Hn1DOZxLx2FQHi3X/cwgM0LCK+TZnTMszAMO3JUIXyO6zOQNiThG4OXOrwJNCE8XwV95JJ175KWLydZwJE882VhaOGyWMiSKcP771g4kaYKUFB2Dmz0JUdUk75Pplh8T7VBZwUY90zTpUDwWxIJNQ4p3+oSPgHVcJUQVskdpHklpVCunu2AMvq7HI2HuekbnizilxbZeVzVwQLUBT133fJUvswkKMu+OHgCDmIJX9+b8TDTiXIyTQUrXPXFm5NsIOF7X6snH0GkbLAqxPlJ9ecWoX5Ywy8Vl/GgAlgE21JAfp4T0F8NwItrDq/BXLuXDsET46eLTOOKK5svMyhZ3Ah1ePwHOvYdijiwWbAEJnbIP5V95SOcbXM43qIJm+5G32UABbhvaNNvRffVynh4jmDDQ3V+XtC1dHWnr5PFwd9Ds2UdVaIEHmECBo9V1OAz0w9Q7ZONc7xXtF+8+ETCmmX+G7+2+flmEDTEww2Dr5eQAbJggPltoLQ9vmismCRLQYIvSsXqDWOIS85DgRSlAhWjGdOxACJXNVdyGoSxA1lu2eETiYQrdn23iL9SxSRCa5LgEX0CruBRSxHIQWrdV/mq5qOUyNgs9QUYv+xsmlhwRichkxSqZko2RwH46USV7CUofNLnT23rewuaB+3Y+8g82zzjibgmdChhbQRFk34o/zPECaRHy7wKj5wlFDE8H30Jva81PwVlVT/UNLeH5C/T9cIDrBy3capubs5y2F7ATbAwpRvThn7BsaBvwbu0BBMDxHEtAsSE3DVOdF+kWWcXsfX3AFYeWSbrZP/TS/H80MGryotBYxj1U8rWXomZeevT+aQ0crFNLeulQLpiCr0J3rB5jTS3MR+wbSYRJirC2/5eEGCMHpzOUFWEplMsWaW0SVaCL8y8rZVI4hiy4qyEC7CW0YwNHTGLxvJ2vW6GNMctZQNF8YFxN+y/di6ENOZNtphmlCkIZsU3uvDqzlidm8vQCrkUfzYk6D4AYr6tk+mccy/i8xBKFQzibM/wWTIysZ6cDt/XhySBb1niUMBJRN+ILdWbj7Z6dnUgLZELPYXWeyXNhzV48NvUbAWzWEC0lD8PwVIGTt6rveS3h3gX3XiVRg1O5poRFvgPCL17nEx324dKJT5AC5OU7RFWXuEp0U1v+MRgY7mxikdoB4lle086YyXrr61aA8eVem+VOaY1TKn/sOxOeRhIcR4AZLNrygau7faIG/T/vTPO010Kbci6K9mAYPE3+D/Q/02VDHhOfPxxTud5MF+8KsrdY8Bw4TELjh26cdDiBfCo2ptEyDRsJrRk1KZcvgta3ckuK5CRPn7AxcptUHMpozoAU68b9ElVYL1uhaVz7RTJwRJ15W+0X8HZs7gUMi9wPAEik099Y6ilYhW7j1KNLmlFXlRwAb+NvU+PbN1AfHY1t+/sN4J1JVfn7FDYLloP1Scsg9GA3s2b6XMPgHYNbve6n3ghsmK0WGyzvNrCU7t0veADh7RGOKA7vXwYQc0uuPZMJMUQMLbBdz+2kFzkStJJNFEvH/f/cT1wnXJfsflkfnn+qJe89nGfU5c6Fpsd3vp8y31fD+eHg8uZSYXdwqcoBT9DS0aTRKoaZrdSqk0KtkFZb4+BBqXAnpKdyVLXBuP5clrK5wxSYyIWrghPCaNnLhJkp/A3x8fsMgMczROQeBhpGULvpU+ZNQqKLZQMr2c5uvEvEMHOemnBn5rN1M88Y+/TkhOxUIBP/2P2jr1+oIelfW2KEQFOnrjfGzrGWUsS6YsjIBTxTDwc64bw+fGhfW5AnvnpxLYAJDBm2lJ6rvaNZZMrsfTANYByHtYSbJahyNwhmaepqjdIPb+zS9jVAgfRHPZEjU1Gd3rhA/5cI2/I7HkyV/yE2rhd7VLRC+6h3nRnBwqHqGw2HNB46i9yPFIYrAbBjbP8Xiw3DuyzbyCf9d4TVDRcSKQussrgoejwBiAjYwZi0qcQK8KuYyotDvMBHuWgDgNhVUXyHsaOlkxmK4H0+NoRd5BhMX9v+E0DX3JzZF4fOt9EZhbDdj5dngkuAUBvofWKvSxgvWN/JXhGtuib/SxfY8KRQCXuP9M9m4RKN/YNl9WjkI76xL/vI3tkUW8UwNyBJ97wf3vZkr8zgZWjt09M51pPhhhhIa5n7iOjQUKxcVfAILZl0T4jc7FxaD1109JL9Ca0sSBbrEuNCQcFBiIv+SZSJPYe/1EYItPw54SrCk2fKxMmvjDJ19ORWT937dR9t2yrEWeJCbBTuaVFvARwhlXYkVrmPmMoeHL//5uHAvRj2Y8axOXO33AUsW/qXsBWn9CxkKIYN1C7xCb9tfTfE+3+m+utf4yM6L/i+ic02U8cQ2F98GKWj7KuD2pLDXkPCLCOzaCvJfwOemmSw+9kphfUY4yI+yj5/MmQxX+dJTNMaPNhkZY4Wbc3tEQKBn08wseAkoa6qqIQUIOD3kPmDGdgoM1ToC4KklkiDUBk4Uk/Fidp8zCJcFBMgHj+etTxbRFeHvwhf80CiSt3z3DIFYl6k1lWLVvRBn0lpMVKj6PITC0tar9jbVAPhHP8k4rhblOqCcOdqrAPy67Z1WL4TfMfVx0GLrHQJyH8iQUus8lkFKuv5kcYrNvW13YfKuZ89ORAmC15BmyKxBFilYKq8dxQRWdqGLLb8Rij6WrIs7/mxVyFptbrarK6uDO1v3yxzOWQjtaz2W/01pTvN/Omyfx8D2VGPK80olW8HfnliYW8J7UjIcIlewB+DJW6whrBEqHlPOAQ8W/xs1Hn5GmuasOM+K9M5T9RYI+PMwnvMsCTG6r+dbVXfMESA2YjneGLq0D1CQv4w2JrzNXBsshiH+QHHQa2Mr/AZ4I3FCYwSF30Bqgti3TOnZKmjAfxUANcv/0JqQQ2HHnOhMOwJodHns6/25Jg743Q1lQ+KbmEPuPq51Bt83snYTH17IxKtNv2roT2epeJDTPX4a0X9SZHNHJqSie0RtRDgKb5JGNRAJr4h2aypQVI68DWseD13hXjPfFQtgcpsWw3+bHWbYNMQ5bN4cjo9d8aBirB8/oJdnePZQoxNeCAZZbotwjOCA0wROeUdcuZjnmA4UdjXjcB5b5xb9AZYmwdFSH2DdhvscW5z5QnIMnYTFRngKajbkSdjvvVyWw6LwIJWxlYhshBPGlg4xDUFZOFLf2UlA4MUe8DA8TIea+IX2smNzuP0vmleE8ArQR+UsNqTqekrljgz0+vhX5+FaB5qs3t9J5cPuwScX+MPS/UkluQXNh5WrJFM9p4CGban0P71P43YKxglb2X+cyKQ94h/diX4v9RaCpnBsnLBEiBNo/0idpiYrznuGrJbXrCBGfcS8UOZNOTvW4hnUTwJkuVcBHodNx3R8t5LtTDmf9/EmsNByWOE4XyHplSzut+ilAlOYAW6FAoMlRP17j9CYvp40MImU7d5GfS2Drx+GW3yciuygcSeJPwW0wzd8Jx7iITtZPchNXC6aPAtKQrB2xa8z53r/+NXr2nhyLPFySAhSY0IYOQBgKT6h3kSWUhtwoeuSh11H23xn6OOue1lRwSZFtnWn9cdSaaEGqWp9dYsa7+ChyZcubQzxJjXzXLk9h89vBXfZGDIlvpsP4QIbmPMjqxhqsBfefv19nkI6ATGqFQsHNSKV1bi5RDhNzYOR3Ckunra8gfjADKT/ll0bAtT+Gyj2d7NLfv1oX/s3Dxbwcs6upK916xmn4Cn9qoUPECeybc02KdxfxGRB0zT8l0Zikliu1neuQQ0TmnzytBG1jCdcA7AUAfwLbEnAjIqNRI/tr3AS3HHzaJJ1AVHLTuHM72nkWqYVDDf+j66wmI+h8Lmvxl4OGEXnX3JOrwBz08R7ELtwHigs810rOj0viiWN/+sC7Ni5oBKQ6bZk8eHN3PYLZzQgVjEb5jNex3lMrEC0EzpQ3faNx4xd523exujDDnuf5ZP5S7v7/UuKqkqW2X94NfxXy7549ho3WWi6n1Vt7ABUIeJc5cdqWkRZrf4aNACabeODzxEINKtnW6CGh5734US98i9pjARiQfrdT+ax6iuaQ68hRSbykUQcJUr4DoFBkm4wgd2hq4tBIt5iGqkmIYjIK97X2Ac+y7Al6Eas2r5VF3EkYVixIGsqzlkm0RXA05xqwaznFZjzk8V80Y+iIDhMyNdfSpEMp3IheR2cbKGSnSfWK1HK5rU73te+Y+mp46Jt6oD3xe3/MKUzoD2UBzNmu3iQW2uCJHd2ne9t/x3h7lnn4kBxCEAK//UgVlyjyz9W5JHgDWu3g3OlGHBZO/680MjgZCrLsuOfLU+5jPl2Pxck02uqzyqmPlhPA0isbdnhRis6Qh/S179zV226tq30IMf1KqJ+bHgSCHhjM64dbIL8GGt21vGOEXP+/AJcER6NjIb286TKSzTCCidNp6Zf3rpsWZnG5dNhuEqU94Fd2sYHaDOgM3A3LO9nxQazFRTOJsT7cD4eScDOsG8UfQGqlmCqM7L0/3ZpnWylRSPqBu/B+eHEfYNZO+0QTaWrYVbLURYIK4TWR8iESRGfHHQWgthnGCFSR6XhpDR2Xtq0uhr2QQvOUVv8Giw6ImYIgOdd8OPo1dxm1hQCQV84zTzso6krY75wTfRjcwV5Geb/tJ4owfFd8kC7FDPX9B9mBYVZ0zuK21vYoVpvazdgKlwKfwFKZSgPgFfDQtTRYNOvy6JNZ7OeYCWEFJq/hygT5KPD9mIbenEBsAvHdzCG/K5iPb4S4aP/YhnMDJHIP/icNM6ztIK9gkRRdA71nyoMef+2jb3neklwx0pHH2SIdKb2jwOWG3JCmYK4Iva+7eEG0a3If9Da4KaFAGMYlTTCfFBFSoyK7YMSwyuICgV8M49c7bf4VqtKi5LOaLKCJlVZ5zBpLrIr9LvsMNctO/oiM3ab/MknNJPPbnirNLPbGflQrRr2aJJYXg/QIsh8k1PXzz+z9w5gIxiXea4P0RlO2OUDqhJdvv8EBpRLy6Z9p8GR+FFKgDHcGsMkkbMnJz0q7hAhDVdF3sCfBM6hj2P4SlE5njIsBmSky6FhkNYd2UfgLt37a35+BEvupCA+Jh5kmC5dWaGeQNmz35EEQvhwZG3qxKo/RZr66hM7IJ5Won7gh78anK172Zt3buKAMKyMDjzdR9ufcCZ0zU4DOA5RKIgkAMTbytB3LQFlT5MH/An6qfRJPjj2dg5WFP3mdlZkwFePrA+3eN2Wu0A+WAFKZrztzJRibcqCweEddxU/PSGWxOnjHtOUDzfDk9lEvDDj39cFH1E9dVeQLGVI3Qgeo0M34dZ6K/3cb9BBZcZf8uS+BivagqBuLW31L60FMADuX1jiTur3n1ZrBrIgpkFO//0OmyT9qWthHcnwzLRswTdDbgUflRNCAvfaODDSX8vQLo7QBDltK42Y/OdFbS1zUYFLv6qSiV43zDiUrcAtbEqoMVBPa37+RMTuT1gmrJVH1qqYsi12cyakNWPLrTGqg9NO1KY2vPwISkCnxobu6FodJWlXUwABhb1LwveepTps6Tt0E8j+tabfLiI+MdLLWSxLqA1cJON1hz8aZkisUWXUMhNOQpLrIR062CCV3Bg0ZwlU9OhbKefT1NjDog/g2q+TAW89zQllayE0d/y9qAdSAucb3iKOXZYzSSmdealQNS1IL3qMUpowYU6uuO7LEqyPD05MgXvXy6frzzrkpBXlAx+J30gur7J4OT/ziwA3fvIcKvLAHet4sqms0BCkZk6CKbyRPu8Xqwsv5KGfYcI4thniGI9nFwFwt1bfZm9racBom20+/R8n0upa1EAueM5b9A7lN3BE9empZqOTj5NkKNeCf630MV2jeKeEP8cImJ5W9l3gYGDg1wPxxZcmBvsZ4qZXUMim6a/M2jKAsHtYvPN1A0FsH3AAbpFvCxA200RpdN9ME2nSQL2g5pg9OIw6KkYT3gKe7QmWrItoXK1c/XBbJQ6pVOca2BzfQfoOCTygsFljpEPDG+tBLrte+jUDP2DcYKLisBjhgtTZnAmgmg8/Aus/awVIZGqScBZ1xa/82qG7rzT0BDLldEs0sP5HS8oNhU3lhDue5NS0TUt0T7YTZvSGH0HEYEs97dJ7xpNO1TKokYmLWenco4PvNEsv2hQ85pcgDjlA29jwVT9IoAcXQGCnhPG8fgYyhJ64NNzBiWf5p1XdoBx+xtXoPiVbK44FcHipEqTaar9/ruKsdneZuJmevOHPOjhmtvwVVX8Nmx+/eftj7gZmxlF3ocI/n5T0byPxzPfMi24AxSQeAGjdI3Q4hc5ffAT7v7F89ZNEgj6fheuHl2hjRQlG4EMMwpiAnsm1HT499a+zKPMejH0uAfnT4JyItDTiDQ4l5DoO/sQZ0HkzGpiM8KQNwaHk0Un9WaO+yuA1ZTV9z8Jm13bqwTlfNHncIi8M/kHQMFhMF7Imo2mUw/Sox7Bh3W6UplqvEiy+g2NvVzFPCtGkHSTLuFSL2CtGzpPY+E5O0PK3HSbUnBzNBZodkNnUAlch2Zk9/9F8JuAYBirgoVpE7QyheJ33WDOysDFYMSXBdm20XfXCWcGzsGyvXE8FJN7EadsGjIDzZ+GtIUEBWuQ6o87kaDvo4eplYs4dz6P06lSSCA0yAvpXKD1djjC8dnWdYtWsLpl4Fplhje74Y6i/M7VMSQnRvD54/CC4LPzx4vghhIOzVo6bLzl7QIHPvVyM/drqBBZ3tW1lYqvXfauRfH5WHe+RcHI+xxeqDECqJ9tdXLyy9L7RqxyUaZKwmlAux+zEzdzITSRlr36YuSm0LBhTpkivodWytR6BNULFxftqF42QqKLmoog9WlYNRb4GtNm93bHuxBvV5VcOUeY6N/9xDutwbqYhaN3rIzpg1M6XfrYctTdA5Msr2v4Aydmb+Nl2/Eqw+jSXYvctmuDHYUAei0pUc6E5N1bULPEjHAr+HI3gwDjpDg0nE2fMkXneCumq9ifZR5IKUOqn0aDIfN64olrhaHfV4msozkdG/3j5HHqsf5Els8kwvDrCaK4/BXb+YzYC00mJEOu8njPsKgB9dG+FjqqeToCsJKLTvHS+iQTnqFquCJ+yCckuDaHLnP4GzroGg7BelrYZWStEFay3j+vkEuXHy3B2zG5xBqSx+/pxoEOv+OfiCfq5QMCCNq26xXC+1DZ+eQdH2jJ9FXSh9yrISZTk56jTzMIzG9+Ye+pumQffxmh2lcvPXjmNWL3PoOgRpkx4o/TZzE2y3IMtEZNxpNUlBqFlnBVXuPS0TIBkF+ZfvW3y2bGWD14zb8Cju5+wiSW1pIIRRtD0DeaxOLIvup5BZ2R2QfQVx6ryHH4H/rls/fRJy6KIdsJ/qVsWrBZaKgKOhP0GOUjA16wS+vlpcmot72SIWJWQDwyiD04TLSU6LyObtnOC2W5QA0OCGXHtlTi9Cyh95AIL8UU6AaQOaDSDfuf3DbxO4065WUdqPZ6Zj9S26jGlhDs/3mX1c4h+to5J2UwvgO3dkFtmKMBF3OuQvskMsOO8R5FnXblT4zMUpkjhs3m1ygag6zQWKfFOQCFM8jmAFtaCpCqDX77xqhE3B99uGU3UT+41SufAp9fQENvgk5lwqneywazIE9IpGT8v23sBPibAHG34mLWiivxnjk8p2S5ofshihnLQd4CU5ABpVcMX/5Hg39Jm55k+hgxugBCGIR5KmY+qz6US5/wKYimBbjTOSBlyD9OiYpWxtoLH6PcoaUdK0dW4vKR121dfMwumvgSBf8g0fsVN0w8jbplh7Df1FVC9wZuTbZStSswGJu6IngHRvBgOFag8F3hwPVNuUYjxNngNURuMvnnOvway+3l+1sK7aILbzdSzAxUCtG9/CaaHsBFIVzMWEH7upNL6Hr6P+oI4i+VqT6NyQrYUMkRXYd2P1ZjEMDaJ1rrurxTBgTfMw9cZe8SHIAz0JA7jpgDmr+InVbg0HrkFNZVhQ2uBKn75tLEZwfMp2azBhkglsAXDPx2BccwTDGmnsjRDh2jHh9ynTQY4vLqcuv/NWRlP8sFHWyxSmm38ikF1UoTywoZL0oFE4I4ujqIcvCuo+0ABPohIMdyq8EqgTcogXcYNCGdgvytDCA/fwt2eG78+OAANOgmKkOI8WdjE3FaFdqW6rx/oOBunJoqMLOwnPtv67Cw7PY8c4jFvek2G/hk1Thivu5Pf2iV8YDA8DyziBPz6MKlF9XQlRt7ZRV09nZrygwo00ME7IpFuOiEsUrd14UcCvNC/DPkbFmqB1uQIg477mFiq2niVADUYnvdjiQPNpFfMTo4yg4X+tDW3rmH2WE9E2rY0ES40wM6QRwaQL5/fepJULkj3Zc6L1ItuWmO6zXbvou399GBCPcQwB2+rRpubsw03qWL2iRyHH9Afl/YHuFYa8v7zEXDEigXJo9RAtTM4BTzElQhSgePv55AmHTo4W9v4SmkPDlLIhOpcXBK4GO2AnyzeN0MaKP7umX9bZAfc5LA84bxj3frYCxezbP9KG7QeJzevIhiAU4p/j+y2OyMV2mxNgAAAABJRU5ErkJggg==";
+  var U_ = n(122), k_ = n.n(U_);
+  var G_ = n(123), H_ = n.n(G_);
+  var j_ = n(124), z_ = n.n(j_);
+  var V_ = n(125), X_ = n.n(V_);
+  var W_ = n(126), Y_ = n.n(W_);
+  var q_ = n(127), Z_ = n.n(q_);
+  var J_ = n(128), K_ = n.n(J_);
+  var Q_ = n(129), $_ = n.n(Q_);
+  var ty = n(130), ey = n.n(ty);
+  const ny = { wipe: class extends T_ {
     constructor(t2) {
-      super(w_.a, E_.a, { percent: 0, direction: 1, transition: 0 });
+      super(A_.a, S_.a, { percent: 0, direction: 1, transition: 0 });
       let e2 = 1;
       t2 === "up" ? e2 = 1 : t2 === "down" ? e2 = 2 : t2 === "left" ? e2 = 3 : t2 === "right" && (e2 = 4), this.uniforms.direction = e2;
     }
-  }, fade: class extends b_ {
+  }, fade: class extends T_ {
     constructor(t2) {
-      super(void 0, M_.a, { percent: 0, transition: 1 });
+      super(void 0, R_.a, { percent: 0, transition: 1 });
       let e2 = 1;
       t2 === "out" ? e2 = -1 : t2 === "in" && (e2 = 1), this.uniforms.transition = Math.pow(e2, e2);
     }
-  }, blinds: class extends b_ {
+  }, blinds: class extends T_ {
     constructor(t2) {
-      super(I_.a, C_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "vertical" ? 1 : 0;
+      super(O_.a, P_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "vertical" ? 1 : 0;
     }
-  }, checkerboard: class extends b_ {
+  }, checkerboard: class extends T_ {
     constructor(t2) {
-      super(I_.a, N_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "down" ? 1 : 0;
+      super(O_.a, L_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "down" ? 1 : 0;
     }
-  }, dissolve: class extends b_ {
+  }, dissolve: class extends T_ {
     constructor(t2) {
-      super(I_.a, D_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.setTextTure();
+      super(O_.a, F_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.setTextTure();
     }
     setTextTure() {
-      this.uniforms.dissolveSampler = Uh.db.from(F_);
+      this.uniforms.dissolveSampler = Uh.db.from(B_);
     }
-  }, randombar: class extends b_ {
+  }, randombar: class extends T_ {
     constructor(t2) {
-      super(I_.a, U_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "vertical" ? 1 : 0, this.setTextTure();
+      super(O_.a, k_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "vertical" ? 1 : 0, this.setTextTure();
     }
     setTextTure() {
-      this.uniforms.dissolveSampler = Uh.db.from(F_);
+      this.uniforms.dissolveSampler = Uh.db.from(B_);
     }
-  }, circle: class extends b_ {
+  }, circle: class extends T_ {
     constructor(t2) {
-      super(I_.a, G_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
+      super(O_.a, H_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
     }
-  }, box: class extends b_ {
+  }, box: class extends T_ {
     constructor(t2) {
-      super(I_.a, j_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
+      super(O_.a, z_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
     }
-  }, diamond: class extends b_ {
+  }, diamond: class extends T_ {
     constructor(t2) {
-      super(I_.a, V_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
+      super(O_.a, X_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
     }
-  }, plus: class extends b_ {
+  }, plus: class extends T_ {
     constructor(t2) {
-      super(I_.a, W_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
+      super(O_.a, Y_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "out" ? 1 : 0;
     }
-  }, barn: class extends b_ {
+  }, barn: class extends T_ {
     constructor(t2) {
-      super(I_.a, q_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "inHorizontal" ? 1 : t2 === "outHorizontal" ? 2 : t2 === "outVertical" ? 3 : 0;
+      super(O_.a, Z_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "inHorizontal" ? 1 : t2 === "outHorizontal" ? 2 : t2 === "outVertical" ? 3 : 0;
     }
-  }, strips: class extends b_ {
+  }, strips: class extends T_ {
     constructor(t2) {
-      super(I_.a, J_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "upLeft" ? 1 : t2 === "downRight" ? 2 : t2 === "upRight" ? 3 : 0;
+      super(O_.a, K_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = t2 === "upLeft" ? 1 : t2 === "downRight" ? 2 : t2 === "upRight" ? 3 : 0;
     }
-  }, wedge: class extends b_ {
+  }, wedge: class extends T_ {
     constructor(t2) {
-      super(I_.a, Q_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) });
+      super(O_.a, $_.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) });
     }
-  }, wheel: class extends b_ {
+  }, wheel: class extends T_ {
     constructor(t2) {
-      super(I_.a, ty.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = Number(t2) || 1;
+      super(O_.a, ey.a, { percent: 0, transition: 1, rect: new Float32Array([0, 0, 0, 0]) }), this.uniforms.option = Number(t2) || 1;
     }
   } };
-  class ny extends d_ {
+  class iy extends p_ {
     constructor(t2) {
       var e2;
       super(t2), this.filterType = "", this.isConflict = false, this.activeWhenConflict = "prev", this.onTimeUpdate = ({ duration: t3, delta: e3 }) => {
@@ -32479,14 +32542,14 @@ void main(void){
       const i2 = (e2 = t2.json.filter) === null || e2 === void 0 ? void 0 : e2.match(/^([a-zA-Z]+)(\((.+)\))?/);
       if (i2) {
         const t3 = i2[1], e3 = i2[3];
-        ey[t3] && (this.filter = new ey[t3](e3), this.filterType = `${t3}-${e3}`, this.filter && (this.filter.transition = n2));
+        ny[t3] && (this.filter = new ny[t3](e3), this.filterType = `${t3}-${e3}`, this.filter && (this.filter.transition = n2));
       }
     }
     get modifyAttrKey() {
       return this.filterType;
     }
   }
-  class iy extends d_ {
+  class ry extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startPos = null, this.onTimeNodeStart = () => {
         var t3, e2;
@@ -32539,7 +32602,7 @@ void main(void){
       this.path = e2;
     }
   }
-  class ry extends d_ {
+  class oy extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = true, this.activeWhenConflict = "next", this.startVal = null, this.onTimelineStart = (t3) => {
         t3.isReverse || this.updateCurrentValue();
@@ -32569,19 +32632,19 @@ void main(void){
       this.timingTarget && (this.current = { x: this.timingTarget.scale.x, y: this.timingTarget.scale.y });
     }
   }
-  class oy extends d_ {
+  class sy extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.isTimelineStart = false, this.startColorString = null, this.currentColorString = "#FFFFFFFF", this.onTimelineStart = (t3) => {
         if (this.isTimelineStart)
           return;
         this.isTimelineStart = true, t3.isReverse || this.updateCurrentValue(), this.from.isInit() || this.from.fromHexString(this.currentColorString), this.to.isInit() || this.from.by(this.by, this.to);
         const [e2] = this.json.cBhvr.attrList[0].split(".");
-        u_(this.timingTarget, e2 + ".on", "true");
+        c_(this.timingTarget, e2 + ".on", "true");
       }, this.onTimeNodeEnd = () => {
         let t3 = this.json.cBhvr.attrList[0];
         if (t3 === "ppt_c" && (t3 = "ppt_c.color"), this.json.cBhvr.ctn.fill === "remove") {
           const [e2] = t3.split(".");
-          u_(this.timingTarget, e2 + ".on", "false");
+          c_(this.timingTarget, e2 + ".on", "false");
         }
         this.isTimelineStart = false;
       }, this.onSeekToStart = () => {
@@ -32589,24 +32652,24 @@ void main(void){
         let e2 = this.json.cBhvr.attrList[0];
         if (e2 === "ppt_c" && (e2 = "ppt_c.color"), this.timingTarget && (this.onTimeUpdate({ duration: 1, delta: 0 }), ((t3 = this.timingTarget.fill) === null || t3 === void 0 ? void 0 : t3.designColor.toUpperCase()) === this.from.toHexString().toUpperCase() || e2 === "ppt_c.color")) {
           const [t4] = e2.split(".");
-          u_(this.timingTarget, t4 + ".on", "false");
+          c_(this.timingTarget, t4 + ".on", "false");
         }
       }, this.onTimeNodeStart = () => {
         if (this.timingTarget) {
           let t3 = this.json.cBhvr.attrList[0];
           t3 === "ppt_c" && (t3 = "ppt_c.color");
-          const e2 = c_(this.timingTarget, t3);
+          const e2 = d_(this.timingTarget, t3);
           e2 && (this.startColorString = e2);
         }
       }, this.onTimeUpdate = ({ delta: t3, duration: e2 }) => {
         const n2 = t3 / e2;
         if (this.to.interpolationFrom(this.from, n2, this.target), this.timingTarget) {
           let t4 = this.json.cBhvr.attrList[0];
-          t4 === "ppt_c" && (t4 = "ppt_c.color"), u_(this.timingTarget, t4, this.target.toHexString());
+          t4 === "ppt_c" && (t4 = "ppt_c.color"), c_(this.timingTarget, t4, this.target.toHexString());
         }
       }, this.onSeekToEnd = () => {
         this.isTimelineStart || this.onTimelineStart({ isReverse: false, activeCount: 0, id: "" }), this.onTimeUpdate({ duration: 1, delta: 1 });
-      }, this.json.clrSpc === "rgb" ? (this.from = new dg(this.json.from), this.to = new dg(this.json.to), this.by = new dg(this.json.by), this.target = new dg()) : (this.from = new cg(this.json.from), this.to = new cg(this.json.to), this.by = new cg(this.json.by), this.target = new cg()), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart), this.commonTimeNode.on("timelineStart", this.onTimelineStart), this.commonTimeNode.on("timeNodeEnd", this.onTimeNodeEnd), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate);
+      }, this.json.clrSpc === "rgb" ? (this.from = new pg(this.json.from), this.to = new pg(this.json.to), this.by = new pg(this.json.by), this.target = new pg()) : (this.from = new dg(this.json.from), this.to = new dg(this.json.to), this.by = new dg(this.json.by), this.target = new dg()), this.commonTimeNode.on("timeNodeStart", this.onTimeNodeStart), this.commonTimeNode.on("timeNodeCreate", this.onTimeNodeStart), this.commonTimeNode.on("timelineStart", this.onTimelineStart), this.commonTimeNode.on("timeNodeEnd", this.onTimeNodeEnd), this.commonTimeNode.on("timeUpdate", this.onTimeUpdate);
     }
     get modifyAttrKey() {
       return this.json.cBhvr.attrList[0];
@@ -32615,12 +32678,12 @@ void main(void){
       if (this.timingTarget) {
         let t2 = this.json.cBhvr.attrList[0];
         t2 === "ppt_c" && (t2 = "ppt_c.color");
-        const e2 = c_(this.timingTarget, t2);
+        const e2 = d_(this.timingTarget, t2);
         e2 && (this.currentColorString = e2);
       }
     }
   }
-  class sy extends d_ {
+  class ay extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.startVal = null, this.lastVal = null, this.onTimelineStart = (t3) => {
         this.lastVal = null, t3.isReverse || this.updateCurrentValue();
@@ -32638,7 +32701,7 @@ void main(void){
         }
       }, this.onTimeNodeStart = () => {
         var t3;
-        zm()((t3 = this.timingTarget) === null || t3 === void 0 ? void 0 : t3.r) && (this.startVal = this.timingTarget.r);
+        Vm()((t3 = this.timingTarget) === null || t3 === void 0 ? void 0 : t3.r) && (this.startVal = this.timingTarget.r);
       }, this.onSeekToStart = () => {
         this.timingTarget && this.startVal !== null && (this.timingTarget.r = this.startVal);
       }, this.onSeekToEnd = () => {
@@ -32653,7 +32716,7 @@ void main(void){
       this.currentVal = (t2 = this.timingTarget) === null || t2 === void 0 ? void 0 : t2.r;
     }
   }
-  class ay extends d_ {
+  class ly extends p_ {
     constructor(t2) {
       super(t2), this.isConflict = false, this.activeWhenConflict = "next", this.isApplied = false, this.onTimeUpdate = () => {
         var t3, e2;
@@ -32674,7 +32737,7 @@ void main(void){
       return ((e2 = (t2 = this.json) === null || t2 === void 0 ? void 0 : t2.cmd) !== null && e2 !== void 0 ? e2 : "") + ((i2 = (n2 = this.json) === null || n2 === void 0 ? void 0 : n2.cmdType) !== null && i2 !== void 0 ? i2 : "");
     }
   }
-  class ly {
+  class hy {
     constructor(t2) {
       this.runtimeNodeEventHub = new Ja.a(), this.onVolumeUpdate = (t3) => {
         this.audio.volume(t3);
@@ -32684,14 +32747,14 @@ void main(void){
         this.stopAudio(), this.audio.destroy(), this.ctx.activeMedia.delete(this.audio), this.ctx.volumeAdjuster.off("update", this.onVolumeUpdate);
       };
       const { json: e2, isIterate: n2, isSub: i2, eventHub: r2, ctx: o2, parent: s2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 } = t2;
-      this.json = e2, this.id = e2.cMediaNode.ctn.id, this.commonTimeNode = new uy({ json: e2.cMediaNode.ctn, isSub: i2, eventHubs: { global: r2, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s2, isIterate: n2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 });
+      this.json = e2, this.id = e2.cMediaNode.ctn.id, this.commonTimeNode = new cy({ json: e2.cMediaNode.ctn, isSub: i2, eventHubs: { global: r2, runtime: this.runtimeNodeEventHub }, ctx: o2, parent: s2, isIterate: n2, iterateType: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 });
       let d2 = e2.cMediaNode.tgtEl;
-      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e2.cMediaNode.tgtEl} to ${d2} by delegate.`, o2.taskId)), this.audio = new t_(d2, o2.runningAudio), o2.activeMedia.add(this.audio), this.commonTimeNode.on("timelineStart", () => {
+      o2.loaderDelegate && (d2 = o2.loaderDelegate.redirectMedia(d2), o2.logger.info(`redirect media url from ${e2.cMediaNode.tgtEl} to ${d2} by delegate.`, o2.taskId)), this.audio = new e_(d2, o2.runningAudio), o2.activeMedia.add(this.audio), this.commonTimeNode.on("timelineStart", () => {
         this.audio.volume(o2.volumeAdjuster.volume), this.audio.play();
       }), this.commonTimeNode.on("seekToStart", this.stopAudio), this.commonTimeNode.on("seekToEnd", this.stopAudio), this.commonTimeNode.on("timeNodeDestroy", this.destroy), this.ctx = o2, this.ctx.volumeAdjuster.on("update", this.onVolumeUpdate);
     }
   }
-  var hy = function(t2, e2, n2, i2) {
+  var uy = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -32716,7 +32779,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class uy extends Ja.a {
+  class cy extends Ja.a {
     constructor(t2) {
       var e2, n2;
       super(), this.uuid = Mm(), this.isSub = false, this.isShadow = false, this.startCount = 0, this.applyCount = 0, this.isReverse = false, this.isConflictDispose = false, this.isIterateEnd = false, this.parentTimeNode = null, this.isActive = false, this.isDestroy = false, this.shouldSeekOnStart = false, this.repeatTimeoutId = "", this.iterateShadows = [], this.isEndEventsEmitted = false, this.tmFilter = [], this.timeDelta = 0, this.isIterate = false, this.iterateType = "el", this.iterateIndex = 0, this.children = [], this.subList = [], this.duration = 0, this.isNegativeSpeed = false, this.handleEndCond = () => {
@@ -32737,7 +32800,7 @@ void main(void){
       const { isSub: i2, isIterate: r2, ctx: o2, eventHubs: s2, parent: a2, json: l2, iterateType: h2, iterateId: u2, iterateIndex: c2, isInInteractiveSeq: d2, fromSeqId: p2 } = t2;
       this.isSub = i2, this.fromSeqId = p2, this.isInInteractiveSeq = d2, this.isIterate = r2, this.parentTimeNode = a2, this.json = l2, this.ctx = o2, this.iterateIndex = c2, this.eventHubs = s2, this.iterateType = h2, this.iterateId = u2, this.tmFilter = (n2 = (e2 = l2.tmFilter) === null || e2 === void 0 ? void 0 : e2.split(";").map((t3) => t3.split(",").map((t4) => parseFloat(t4.trim())))) !== null && n2 !== void 0 ? n2 : [];
       const f2 = Number(this.json.dur), m2 = this.json.spd || 1;
-      if (this.isNegativeSpeed = m2 < 0, Number.isNaN(f2) || (this.duration = f2 / Math.abs(m2)), this.uuid += "--" + this.json.id, this.setPreStyle(), l2.childTnLst && this.createChildren(l2.childTnLst), this.startConds = new l_(this.json.id || "", l2.stCondLst, s2, this.ctx), this.endConds = new l_(this.json.id || "", l2.endCondLst, s2, this.ctx), l2.endSync && (this.endSync = new l_(this.json.id || "", [l2.endSync], s2, this.ctx), this.endSync.on("active", () => {
+      if (this.isNegativeSpeed = m2 < 0, Number.isNaN(f2) || (this.duration = f2 / Math.abs(m2)), this.uuid += "--" + this.json.id, this.setPreStyle(), l2.childTnLst && this.createChildren(l2.childTnLst), this.startConds = new h_(this.json.id || "", l2.stCondLst, s2, this.ctx), this.endConds = new h_(this.json.id || "", l2.endCondLst, s2, this.ctx), l2.endSync && (this.endSync = new h_(this.json.id || "", [l2.endSync], s2, this.ctx), this.endSync.on("active", () => {
         var t3;
         this.json.nodeType === "interactiveSeq" && (this.isActive = false, this.shouldSeekOnStart = true, this.emit("timeNodeEndSync"), (t3 = this.endSync) === null || t3 === void 0 || t3.reset());
       })), this.startConds.on("active", (t3) => {
@@ -32759,7 +32822,7 @@ void main(void){
         n3 === t2 && (e2 = false, this.ctx.eventHub.removeListener("IterateTimeNodeEnd", i2));
       };
       for (this.ctx.eventHub.on("IterateTimeNodeEnd", i2); e2; ) {
-        const e3 = JSON.parse(JSON.stringify(this.json)), i3 = new uy({ json: e3, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e3.iterate.type, iterateIndex: n2, iterateId: t2, isInInteractiveSeq: this.isInInteractiveSeq, fromSeqId: this.fromSeqId });
+        const e3 = JSON.parse(JSON.stringify(this.json)), i3 = new cy({ json: e3, isSub: false, eventHubs: this.eventHubs, ctx: this.ctx, parent: null, isIterate: true, iterateType: e3.iterate.type, iterateIndex: n2, iterateId: t2, isInInteractiveSeq: this.isInInteractiveSeq, fromSeqId: this.fromSeqId });
         this.iterateShadows[n2] = i3, n2 += 1;
       }
     }
@@ -32775,7 +32838,7 @@ void main(void){
     createTimeNode(t2, e2) {
       let n2 = null;
       const i2 = { json: t2, isSub: e2, isIterate: this.isIterate, eventHub: this.eventHubs.global, ctx: this.ctx, parent: this, iterateType: this.iterateType, iterateIndex: this.iterateIndex, iterateId: this.iterateId, isInInteractiveSeq: this.isInInteractiveSeq, fromSeqId: this.fromSeqId };
-      return t2.type === "seq" ? n2 = new h_(i2) : t2.type === "par" ? n2 = new cy(i2) : t2.type === "set" ? n2 = new p_(i2) : t2.type === "anim" ? n2 = new x_(i2) : t2.type === "animEffect" ? n2 = new ny(i2) : t2.type === "animMotion" ? n2 = new iy(i2) : t2.type === "animScale" ? n2 = new ry(i2) : t2.type === "animClr" ? n2 = new oy(i2) : t2.type === "animRot" ? n2 = new sy(i2) : t2.type === "cmd" ? n2 = new ay(i2) : t2.type === "audio" && (n2 = new ly(i2)), n2;
+      return t2.type === "seq" ? n2 = new u_(i2) : t2.type === "par" ? n2 = new dy(i2) : t2.type === "set" ? n2 = new f_(i2) : t2.type === "anim" ? n2 = new b_(i2) : t2.type === "animEffect" ? n2 = new iy(i2) : t2.type === "animMotion" ? n2 = new ry(i2) : t2.type === "animScale" ? n2 = new oy(i2) : t2.type === "animClr" ? n2 = new sy(i2) : t2.type === "animRot" ? n2 = new ay(i2) : t2.type === "cmd" ? n2 = new ly(i2) : t2.type === "audio" && (n2 = new hy(i2)), n2;
     }
     createSubList(t2) {
       this.subList && this.subList.forEach((t3) => t3.commonTimeNode.destroy()), this.subList = [], t2.forEach((t3) => {
@@ -32805,9 +32868,9 @@ void main(void){
         [...t2].sort((t3, n2) => {
           var i2, r2;
           return ((i2 = e2(t3)) !== null && i2 !== void 0 ? i2 : 0) - ((r2 = e2(n2)) !== null && r2 !== void 0 ? r2 : 0);
-        }).forEach((e3) => {
-          const n2 = t2.findIndex((t3) => t3 === e3), i2 = this.createTimeNode(e3, false);
-          i2 && (this.bindCommonTimeNodeEvent(i2), this.children[n2] = i2);
+        }).forEach((t3) => {
+          const e3 = this.createTimeNode(t3, false);
+          e3 && (this.bindCommonTimeNodeEvent(e3), this.children.push(e3));
         });
       } else
         t2.forEach((t3) => {
@@ -32836,7 +32899,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(By.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit(By.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(Uy.animateEnd), this.ctx.ticker.remove(this.updateTimeLine)) : this.duration > t2 && (this.ctx.eventHub.emit(Uy.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)
@@ -32845,10 +32908,10 @@ void main(void){
       const e2 = 1e3 / this.ctx.ticker.maxFPS;
       this.duration <= e2 && this.duration > 0 ? (this.timeDelta = this.isReverse ? 0 : this.duration, this.emit("timeUpdate", { delta: this.timeDelta, duration: this.duration, isReverse: this.isReverse }), this.emit("timelineEnd", { id: this.uuid, activeCount: this.applyCount, isReverse: this.isReverse }), this.ctx.ticker.addOnce(() => {
         this.onTimeLineEnd();
-      })) : this.duration > e2 && (this.ctx.eventHub.emit(By.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
+      })) : this.duration > e2 && (this.ctx.eventHub.emit(Uy.animateStart), this.updateTimeLine(0), this.ctx.ticker.add(this.updateTimeLine));
     }
     startIterate() {
-      return hy(this, void 0, void 0, function* () {
+      return uy(this, void 0, void 0, function* () {
         if (this.json.iterate) {
           this.isIterateEnd = false;
           for (const t2 of this.iterateShadows) {
@@ -32863,7 +32926,7 @@ void main(void){
       });
     }
     applyTimeFilter(t2) {
-      if (!this.tmFilter.every((t3) => zm()(t3[0]) && zm()(t3[1])))
+      if (!this.tmFilter.every((t3) => Vm()(t3[0]) && Vm()(t3[1])))
         return t2;
       for (let e2 = 0; e2 < this.tmFilter.length; e2++) {
         const n2 = this.tmFilter[e2];
@@ -32954,7 +33017,7 @@ void main(void){
       });
     }
     dispose(t2 = false) {
-      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(By.animateEnd);
+      this.isConflictDispose = t2, this.ctx.clock.clearTimeout(this.repeatTimeoutId), this.ctx.eventHub.emit(Uy.animateEnd);
       try {
         this.ctx.ticker.remove(this.updateTimeLine);
       } catch (t3) {
@@ -32990,11 +33053,11 @@ void main(void){
       this.emit("timeNodeDestroy"), this.isDestroy = true, this.dispose(), this.startConds.removeAllListeners(), this.endConds.removeAllListeners(), this.children.forEach((t2) => t2.commonTimeNode.destroy()), this.clearSubList();
     }
   }
-  class cy extends Ja.a {
+  class dy extends Ja.a {
     constructor(t2) {
       super(), this.isRunning = false, this.runtimeNodeEventHub = new Ja.a();
       const { json: e2, iterateType: n2, isIterate: i2, isSub: r2, parent: o2, ctx: s2, eventHub: a2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 } = t2;
-      this.id = e2.ctn.id, this.json = e2, this.ctx = s2, this.isIterate = i2, this.globalEventHub = a2, this.commonTimeNode = new uy({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
+      this.id = e2.ctn.id, this.json = e2, this.ctx = s2, this.isIterate = i2, this.globalEventHub = a2, this.commonTimeNode = new cy({ json: e2.ctn, isSub: r2, eventHubs: { global: a2, runtime: this.runtimeNodeEventHub }, ctx: s2, parent: o2, isIterate: false, iterateType: n2, iterateIndex: l2, iterateId: h2, isInInteractiveSeq: u2, fromSeqId: c2 }), this.commonTimeNode.on("timeNodeStart", () => {
         this.commonTimeNode.children.forEach((t3) => {
           t3.commonTimeNode.setReverse(this.commonTimeNode.getReverse()), t3.commonTimeNode.startTimeNode();
         }), this.isRunning || (this.isRunning = true, this.globalEventHub.emit(`runtime ${this.id} begin`), this.emit("begin"));
@@ -33007,7 +33070,7 @@ void main(void){
       });
     }
   }
-  var dy = function(t2, e2, n2, i2) {
+  var py = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33032,11 +33095,11 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class py {
+  class fy {
     constructor(t2, e2, n2) {
       this.json = t2, this.ctx = n2, this.globalEventHub = e2;
       const i2 = t2.timeNodeList.find((t3) => t3.type === "par" && t3.ctn.nodeType === "tmRoot");
-      i2 && (this.tmRoot = new cy({ json: i2, isSub: false, isIterate: false, eventHub: e2, ctx: n2, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false, fromSeqId: "" }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t3) => {
+      i2 && (this.tmRoot = new dy({ json: i2, isSub: false, isIterate: false, eventHub: e2, ctx: n2, parent: null, iterateType: "el", iterateIndex: 0, iterateId: "", isInInteractiveSeq: false, fromSeqId: "" }), this.mainSeq = this.tmRoot.commonTimeNode.children.find((t3) => {
         var e3, n3, i3;
         return ((e3 = t3.json) === null || e3 === void 0 ? void 0 : e3.type) === "seq" && ((i3 = (n3 = t3.json) === null || n3 === void 0 ? void 0 : n3.ctn) === null || i3 === void 0 ? void 0 : i3.nodeType) === "mainSeq";
       }));
@@ -33050,7 +33113,7 @@ void main(void){
     }
     start() {
       var t2, e2;
-      return dy(this, void 0, void 0, function* () {
+      return py(this, void 0, void 0, function* () {
         this.json.autoPlayMainSeq ? (yield this.ctx.clock.delay(16), (t2 = this.mainSeq) === null || t2 === void 0 || t2.commonTimeNode.startTimeNode()) : (e2 = this.mainSeq) === null || e2 === void 0 || e2.commonTimeNode.startTimeNode();
       });
     }
@@ -33108,7 +33171,7 @@ void main(void){
       this.globalEventHub.emit(t2);
     }
   }
-  var fy = function(t2, e2, n2, i2) {
+  var my = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33133,7 +33196,7 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class my extends a_ {
+  class gy extends l_ {
     constructor(t2, e2, n2, i2) {
       super({ id: "stage", width: t2.width, height: t2.height, type: "Container", children: t2.children }, e2, n2, void 0, i2), this.isRendered = false, this.isTimingStartValueCollected = false, this.json = t2, e2.hasBackgroundFillShape = this.detectUseBackgroundFill(this.json), this.container.visible = false, this.ctx = e2;
       const r2 = new Xd();
@@ -33144,9 +33207,9 @@ void main(void){
     }
     initOnReuse() {
       super.initOnReuse(), this.ctx.timingEventHub.on("c:prev slide", (t2) => {
-        this.ctx.eventHub.emit(By.requestPrevSlide, t2);
+        this.ctx.eventHub.emit(Uy.requestPrevSlide, t2);
       }), this.ctx.timingEventHub.on("c:next slide", (t2, e2) => {
-        this.ctx.eventHub.emit(By.requestNextSlide, t2, e2);
+        this.ctx.eventHub.emit(Uy.requestNextSlide, t2, e2);
       });
     }
     get interactiveContainer() {
@@ -33155,7 +33218,7 @@ void main(void){
     render(t2) {
       if (this.isRendered)
         return;
-      this.collectAnimatedIds().forEach((t3) => this.ctx.animatedIds.add(t3)), this.isRendered = true, super.render(t2), t2.addSubMTask(() => fy(this, void 0, void 0, function* () {
+      this.collectAnimatedIds().forEach((t3) => this.ctx.animatedIds.add(t3)), this.isRendered = true, super.render(t2), t2.addSubMTask(() => my(this, void 0, void 0, function* () {
         this.ctx.eventHub.emit("StageRenderEnd");
       }), "@StageImpl[emit.StageRenderEnd]");
     }
@@ -33178,7 +33241,7 @@ void main(void){
       }), t2;
     }
     createTiming() {
-      this.json.timing && !this.timing && (this.timing = new py(this.json.timing, this.ctx.timingEventHub, this.ctx));
+      this.json.timing && !this.timing && (this.timing = new fy(this.json.timing, this.ctx.timingEventHub, this.ctx));
     }
     startTiming() {
       var t2;
@@ -33233,11 +33296,11 @@ void main(void){
     }
     nextStep(t2, e2) {
       var n2;
-      this.hasTiming() && ((n2 = this.timing) === null || n2 === void 0 ? void 0 : n2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2, e2)) : this.ctx.eventHub.emit(By.requestNextSlide, t2, e2);
+      this.hasTiming() && ((n2 = this.timing) === null || n2 === void 0 ? void 0 : n2.hasMainSeq()) ? (this.ctx.timingEventHub.emit("shape slide onStopAudio"), this.ctx.timingEventHub.emit("shape slide onNext", t2, e2)) : this.ctx.eventHub.emit(Uy.requestNextSlide, t2, e2);
     }
     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(By.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(Uy.requestPrevSlide, t2);
     }
     applyInteractiveAction(t2) {
       var e2;
@@ -33251,10 +33314,12 @@ void main(void){
       var i2;
       (i2 = this.timing) === null || i2 === void 0 || i2.setInteractiveSeqState(t2, e2, n2);
     }
-    setMediaState(t2, e2) {
-      return fy(this, void 0, void 0, function* () {
-        const n2 = this.ctx.medias[t2];
-        n2 && (e2 ? yield n2.play() : yield n2.pause());
+    setMediaState(t2, e2, n2) {
+      return my(this, void 0, void 0, function* () {
+        const i2 = this.ctx.medias[t2];
+        i2 && (e2 ? n2 ? (yield Im(() => i2.clippedDuration > 0, 5e3), n2 < i2.clippedDuration && (i2.once("play", () => {
+          i2.seek(n2);
+        }), yield i2.play())) : yield i2.play() : (n2 && i2.seek(n2), yield i2.pause()));
       });
     }
     setMediaCurrentTime(t2, e2) {
@@ -33262,7 +33327,7 @@ void main(void){
       n2 && n2.seek(e2);
     }
   }
-  class gy {
+  class vy {
     constructor(t2) {
       this.ticker = t2, this.tasks = [], this.couldRunning = false, this.applyNext = () => {
         const t3 = this.tasks[0];
@@ -33285,7 +33350,7 @@ void main(void){
       this.couldRunning = false;
     }
   }
-  var vy = function(t2, e2, n2, i2) {
+  var _y = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33310,8 +33375,8 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  const _y = (t2) => new Promise((e2) => setTimeout(e2, t2));
-  class yy extends Ja.a {
+  const yy = (t2) => new Promise((e2) => setTimeout(e2, t2));
+  class xy extends Ja.a {
     constructor(t2, e2, n2) {
       super(), this.slideIndex = t2, this.taskId = e2, this.logger = n2, this.uuid = Mm(), this.isCancel = false, this.tasks = [];
     }
@@ -33343,10 +33408,10 @@ void main(void){
       }));
     }
     applyAll() {
-      return vy(this, void 0, void 0, function* () {
+      return _y(this, void 0, void 0, function* () {
         for (; !this.tasks.every((t2) => t2.state === "finish"); )
           if (this.tasks.some((t2) => t2.state === "running"))
-            yield _y(16);
+            yield yy(16);
           else {
             if (this.tasks.some((t2) => t2.state === "error"))
               return;
@@ -33373,16 +33438,16 @@ void main(void){
       });
     }
   }
-  var xy = n(131);
-  const by = new (n.n(xy)).a(), Ty = by.getDevice(), Ey = by.getBrowser(), Sy = by.getOS(), wy = { isDesktop() {
+  var by = n(131);
+  const Ty = new (n.n(by)).a(), Ey = Ty.getDevice(), Sy = Ty.getBrowser(), wy = Ty.getOS(), Ay = { isDesktop() {
     let t2 = true;
-    return Ty.type === "mobile" && (t2 = false), /Samsung/.test(Ey.name || "") && (t2 = false), window.__nativeTags && window.__nativeTags.platform && (t2 = false), t2;
+    return Ey.type === "mobile" && (t2 = false), /Samsung/.test(Sy.name || "") && (t2 = false), window.__nativeTags && window.__nativeTags.platform && (t2 = false), t2;
   }, isIOS() {
     let t2 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t2 = true), Sy.name && /iOS/.test(Sy.name) && (t2 = true), t2;
+    return window.__nativeTags && window.__nativeTags.platform && /^ios/i.test(window.__nativeTags.platform) && (t2 = true), wy.name && /iOS/.test(wy.name) && (t2 = true), t2;
   }, isAndroid() {
     let t2 = false;
-    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t2 = true), Sy.name && /android/i.test(Sy.name) && (t2 = true), t2;
+    return window.__nativeTags && window.__nativeTags.platform && /^android/i.test(window.__nativeTags.platform) && (t2 = true), wy.name && /android/i.test(wy.name) && (t2 = true), t2;
   }, isLowGpuMemory() {
     var t2, e2;
     const n2 = (e2 = (t2 = window.__nativeTags) === null || t2 === void 0 ? void 0 : t2.platform) !== null && e2 !== void 0 ? e2 : "";
@@ -33403,7 +33468,7 @@ void main(void){
     }
     return true;
   } };
-  var Ay = function(t2, e2, n2, i2) {
+  var My = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33428,11 +33493,11 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class My {
+  class Ry {
     constructor(t2, e2) {
-      if (this.renderer = t2, this.localStorage = e2, this.outputData = /* @__PURE__ */ new Map(), this.loadingSdfKeys = /* @__PURE__ */ new Set(), !My.worker) {
+      if (this.renderer = t2, this.localStorage = e2, this.outputData = /* @__PURE__ */ new Map(), this.loadingSdfKeys = /* @__PURE__ */ new Set(), !Ry.worker) {
         const t3 = new Blob(['\nself.onmessage = function(e) {\n    var data = e.data.data;\n    var key = e.data.key;\n    var height = Math.ceil(e.data.height);\n    var width = Math.ceil(e.data.width);\n    if (!data || !key) {\n        return;\n    }\n    var maxDis = 0;\n    var d = [];\n    var p = [];\n    var maxInt = Number.MAX_SAFE_INTEGER || 255 * 255 * 255;\n    var setD = function(x, y, v) { d[y * width + x] = v; };\n    var getD = function(x, y) { return d[y * width + x]; };\n    var setP = function(x, y, v) { p[y * width + x] = v; };\n    var getP = function(x, y) { return p[y * width + x]; };\n    var isContains = function(x, y) { return x >= 0 && x < width && y >= 0 && y < height; };\n    var isInterior = function(x, y) { return data[(y * width + x) * 4 + 3] > 10; };\n    for (var y = 0; y < height; ++ y) {\n        for (var x = 0; x < width; ++ x) {\n            var c = isInterior(x, y);\n            var t = isContains(x, y - 1) ? isInterior(x, y - 1) : false;\n            var b = isContains(x, y + 1) ? isInterior(x, y + 1) : false;\n            var l = isContains(x - 1, y) ? isInterior(x - 1, y) : false;\n            var r = isContains(x + 1, y) ? isInterior(x + 1, y) : false;\n            if (c !== t || c !== b || c !== l || c !== r) {\n                setD(x, y, 0);\n                setP(x, y, [x, y]);\n            } else {\n                setD(x, y, maxInt);\n                setP(x, y, [-1, -1]);\n            }\n        }\n    }\n    \n    var f = function (x, y, dir) {\n        var d1 = 1;\n        var d2 = Math.sqrt(2);\n        var dx;\n        var dy;\n        var od;\n        switch (dir) {\n            case "TL": dx = -1; dy = -1; od = d2; break;\n            case "T": dx = 0; dy = -1; od = d1; break;\n            case "TR": dx = 1; dy = -1; od = d2; break;\n            case "L": dx = -1; dy = 0; od = d1; break;\n            case "R": dx = 1; dy = 0; od = d1; break;\n            case "BL": dx = -1; dy = 1; od = d2; break;\n            case "B": dx = 0; dy = 1; od = d1; break;\n            case "BR": dx = 1; dy = 1; od = d2; break;\n        }\n        var b = isContains(x + dx, y + dy);\n        var cb = b ? getD(x + dx, y + dy) : maxInt;\n        if (cb + od < getD(x, y)) {\n            var p = b ? getP(x + dx, y + dy) : [-1, -1];\n            var dis = Math.sqrt(Math.pow(x - p[0], 2) + Math.pow(y - p[1], 2));\n            setP(x, y, p);\n            setD(x, y, dis);\n            if (dis > maxDis) {\n                maxDis = dis;\n            }\n        }\n    };\n    \n    for (var y = 0; y < height; ++ y) {\n        for (var x = 0; x < width; ++ x) {\n            var dirs = ["TL", "T", "TR", "L"];\n            for (var i = 0; i < dirs.length; ++ i) {\n                var dir = dirs[i];\n                f(x, y, dir);\n            }\n        }\n    }\n\n    for (var y = height - 1; y >= 0; -- y) {\n        for (var x = width - 1; x >= 0; -- x) {\n            var dirs = ["R", "BL", "B", "BR"];\n            for (var i = 0; i < dirs.length; ++ i) {\n                var dir = dirs[i];\n                f(x, y, dir);\n            }\n        }\n    }\n\n    var outputData = [];\n    for (var y = 0; y < height; ++ y) {\n        for (var x = 0; x < width; ++ x) {\n            outputData.push(isInterior(x, y) ? 255: 0);\n            outputData.push(0);\n            outputData.push(0);\n            outputData.push(Math.ceil(getD(x, y) / maxDis * 255));\n        }\n    }\n    self.postMessage({\n        key, outputData, maxDis\n    });\n};\n'], { type: "text/javascript" });
-        My.worker = new Worker(URL.createObjectURL(t3)), My.worker.onmessage = (t4) => {
+        Ry.worker = new Worker(URL.createObjectURL(t3)), Ry.worker.onmessage = (t4) => {
           this.outputData.set(t4.data.key, { data: t4.data.outputData, maxDis: t4.data.maxDis });
         }, this.outputData.set("111", "222");
       }
@@ -33441,11 +33506,11 @@ void main(void){
       const l2 = document.createElement("canvas");
       l2.width = r2, l2.height = o2;
       const h2 = l2.getContext("2d");
-      if (!h2 || !My.worker)
+      if (!h2 || !Ry.worker)
         return;
       h2.drawImage(s2, t2, e2, n2, i2);
       const { data: u2 } = h2.getImageData(0, 0, r2, o2);
-      My.worker.postMessage({ data: u2, key: a2, width: r2, height: o2 });
+      Ry.worker.postMessage({ data: u2, key: a2, width: r2, height: o2 });
     }
     createSdf(t2, e2, n2) {
       const i2 = document.createElement("canvas");
@@ -33526,7 +33591,7 @@ void main(void){
       return r2.putImageData(new ImageData(Uint8ClampedArray.from(g2), t2, e2), 0, 0), { src: i2.toDataURL("image/png"), maxDis: o2 };
     }
     getSdf(t2, e2, n2) {
-      return Ay(this, void 0, void 0, function* () {
+      return My(this, void 0, void 0, function* () {
         const i2 = Math.ceil(e2.width), r2 = Math.ceil(e2.height), o2 = Math.ceil(e2.width - t2.width) / 2, s2 = Math.ceil(e2.height - t2.height) / 2;
         let a2 = yield this.localStorage.getItem(`sdf-${n2}-src`), l2 = yield this.localStorage.getItem(`sdf-${n2}-maxDis`);
         if (!(a2 && l2 || this.loadingSdfKeys.has(n2))) {
@@ -33534,13 +33599,7 @@ void main(void){
           const e3 = this.renderer.plugins.extract.image(t2, "image/png");
           e3.addEventListener("load", () => {
             this.createSdfByWorker(o2, s2, t2.width, t2.height, i2, r2, e3, n2);
-          }), e3.addEventListener("error", () => null), yield function(t3, e4) {
-            return Am(this, void 0, void 0, function* () {
-              const n3 = Date.now();
-              for (; !t3() && Date.now() - n3 < e4; )
-                yield Cm(16);
-            });
-          }(() => !!this.outputData.has(n2), 2e3), this.loadingSdfKeys.delete(n2);
+          }), e3.addEventListener("error", () => null), yield Im(() => !!this.outputData.has(n2), 2e3), this.loadingSdfKeys.delete(n2);
           const h2 = this.outputData.get(n2);
           if (h2) {
             this.outputData.delete(n2);
@@ -33560,8 +33619,8 @@ void main(void){
       });
     }
   }
-  My.worker = null;
-  var Ry = function(t2, e2, n2, i2) {
+  Ry.worker = null;
+  var Cy = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33586,23 +33645,23 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class Cy {
-    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, h2, u2, c2, d2, p2, f2) {
-      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 = h2, this.loaderDelegate = u2, this.isPlayerPaused = c2, this.maxResolution = d2, this.volumeAdjuster = p2, this.forceCanvas = f2, this.currentStageIndex = 0, this.cacheCount = wy.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 gy(i2), this.sdfManager = new My(n2, l2);
+  class Py {
+    constructor(t2, e2, n2, i2, r2, o2, s2, a2, l2, h2, u2, c2, d2, p2, f2, m2) {
+      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 = h2, this.loaderDelegate = u2, this.isPlayerPaused = c2, this.maxResolution = d2, this.volumeAdjuster = p2, this.forceCanvas = f2, this.globalEventHub = m2, this.currentStageIndex = 0, this.cacheCount = Ay.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 vy(i2), this.sdfManager = new Ry(n2, l2);
     }
     setResourceData(t2, e2) {
       this.taskId = t2, this.url = e2;
     }
     createCtx(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => Ry(this, void 0, void 0, function* () {
-        const e3 = new km(this.loader), n2 = new Ja.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new Jm(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new Qm(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new Km(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new Ja.a(), logger: this.logger, sdfManager: this.sdfManager, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new Ja.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster, forceCanvas: this.forceCanvas };
+      e2.addMTask(() => Cy(this, void 0, void 0, function* () {
+        const e3 = new Gm(this.loader), n2 = new Ja.a(), i2 = { taskId: this.taskId, mode: this.mode, renderer: this.renderer, graphicsTexture: new Km(), stageWidth: 0, stageHeight: 0, ticker: this.ticker, timingTargets: new $m(n2), eventHub: n2, view: this.view, medias: /* @__PURE__ */ Object.create(null), lastViewedIndex: 0, conflictTimeNodeManager: new Qm(), clock: this.clock, spriteTexture: e3, slideIndex: t2, objectPoolGroup: this.objPoolGroup, hasBackgroundFillShape: false, slideScopeEventHub: new Ja.a(), logger: this.logger, sdfManager: this.sdfManager, loaderDelegate: this.loaderDelegate, runningAudio: this.runningAudio, activeMedia: this.activeMedia, isPlayerPaused: this.isPlayerPaused, timingEventHub: new Ja.a(), maxResolution: this.maxResolution, animatedIds: /* @__PURE__ */ new Set(), volumeAdjuster: this.volumeAdjuster, forceCanvas: this.forceCanvas, globalEventHub: this.globalEventHub };
         this.stageCtxs[t2] = i2;
       }), "@StagePool[createCtx]");
     }
     loadStageJson(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => Ry(this, void 0, void 0, function* () {
+      e2.addMTask(() => Cy(this, void 0, void 0, function* () {
         const e3 = yield this.loader.fetchJson(`${this.url}/${this.taskId}/jsonOutput/slide-${t2}.json`);
         this.stageJsons[t2] = e3, this.stageCtxs[t2].stageWidth = e3.width, this.stageCtxs[t2].stageHeight = e3.height, this.stageCtxs[t2].featureList = e3.featureList;
       }), "@StagePool[loadStageJson]");
@@ -33627,7 +33686,7 @@ void main(void){
     createStage(t2) {
       const { task: e2 } = this.stageStates[t2];
       e2.addMTask(() => {
-        const n2 = this.stageJsons[t2], i2 = this.stageCtxs[t2], r2 = new my(n2, i2, { x: 0, y: 0 }, e2);
+        const n2 = this.stageJsons[t2], i2 = this.stageCtxs[t2], r2 = new gy(n2, i2, { x: 0, y: 0 }, e2);
         return this.stageImpls[t2] = r2, Promise.resolve();
       }, "@StagePool[createStage]");
     }
@@ -33637,7 +33696,7 @@ void main(void){
     }
     createGraphicsTexture(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => Ry(this, void 0, void 0, function* () {
+      e2.addMTask(() => Cy(this, void 0, void 0, function* () {
         const n2 = this.stageCtxs[t2];
         n2.graphicsTexture.pack().forEach((t3, i2) => {
           e2.addSubMTask(() => n2.graphicsTexture.render(t3, i2, this.objPoolGroup), "@StagePool[graphicsTexture.render]");
@@ -33646,7 +33705,7 @@ void main(void){
     }
     renderStage(t2) {
       const { task: e2 } = this.stageStates[t2];
-      e2.addMTask(() => Ry(this, void 0, void 0, function* () {
+      e2.addMTask(() => Cy(this, void 0, void 0, function* () {
         const n2 = this.stageImpls[t2];
         yield n2.render(e2);
       }), "@StagePool[renderStage]");
@@ -33670,7 +33729,7 @@ void main(void){
     preload(t2, e2 = false) {
       if (this.stageImpls[t2] || this.stageStates[t2])
         return Promise.resolve();
-      const n2 = new yy(t2, this.taskId, this.logger);
+      const n2 = new xy(t2, this.taskId, this.logger);
       return n2.on("task-error", (t3, e3) => {
         delete this.stageStates[e3], delete this.stageImpls[e3], delete this.stageCtxs[e3], this.errorChannel.emit("error", t3, e3);
       }), this.stageStates[t2] = { state: "load", task: n2 }, this.createCtx(t2), this.loadStageJson(t2), this.loadSpriteSheets(t2), this.createStage(t2), this.preRenderStage(t2), this.createGraphicsTexture(t2), this.renderStage(t2), this.microTaskManager.addTask(n2), e2 ? n2.applyAll() : new Promise((e3) => {
@@ -33684,7 +33743,7 @@ void main(void){
       return this.stageJsons[t2] || null;
     }
     getStage(t2) {
-      return Ry(this, void 0, void 0, function* () {
+      return Cy(this, void 0, void 0, function* () {
         this.currentStageIndex = t2;
         const e2 = this.stageStates[t2];
         return (e2 == null ? void 0 : e2.state) === "finish" && this.stageImpls[t2] ? this.stageImpls[t2] : (e2 == null ? void 0 : e2.state) === "load" ? (yield e2.task.applyAll(), this.stageImpls[t2]) : (yield this.preload(t2, true), this.stageImpls[t2]);
@@ -33694,7 +33753,7 @@ void main(void){
       this.runningAudio.clear();
     }
   }
-  var Py = function(t2, e2, n2, i2) {
+  var Iy = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33719,10 +33778,10 @@ void main(void){
       l2((i2 = i2.apply(t2, e2 || [])).next());
     });
   };
-  class Iy {
+  class Oy {
     constructor(t2) {
       var e2;
-      this.logger = t2, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e2 = Iy.localCache) === null || e2 === void 0 || e2.ready((t3) => {
+      this.logger = t2, this.taskId = "", this.isIndexDBReady = false, this.memoryCache = /* @__PURE__ */ new Map(), (e2 = Oy.localCache) === null || e2 === void 0 || e2.ready((t3) => {
         t3 || (this.isIndexDBReady = true);
       }).catch(() => {
         t2.warn("local storage not ready", this.taskId);
@@ -33735,24 +33794,24 @@ void main(void){
       this.taskId = t2;
     }
     getItem(t2) {
-      return Py(this, void 0, void 0, function* () {
+      return Iy(this, void 0, void 0, function* () {
         let e2 = null;
-        if (this.couldUseIndexDBCache && Iy.localCache)
+        if (this.couldUseIndexDBCache && Oy.localCache)
           try {
-            e2 = yield Pm(() => Iy.localCache.getItem(`${this.taskId}/${t2}`), 500);
+            e2 = yield Pm(() => Oy.localCache.getItem(`${this.taskId}/${t2}`), 500);
           } catch (t3) {
           }
         return e2 = e2 === Rm ? null : e2, e2 || this.memoryCache.get(t2) || null;
       });
     }
     setItem(t2, e2, n2 = false) {
-      return Py(this, void 0, void 0, function* () {
+      return Iy(this, void 0, void 0, function* () {
         if (!this.couldUseIndexDBCache)
           return n2 && this.memoryCache.set(t2, e2), Promise.resolve();
-        if (Iy.localCache) {
+        if (Oy.localCache) {
           let i2 = null;
           try {
-            i2 = yield Pm(() => Iy.localCache.setItem(`${this.taskId}/${t2}`, e2).catch(() => {
+            i2 = yield Pm(() => Oy.localCache.setItem(`${this.taskId}/${t2}`, e2).catch(() => {
               n2 && this.memoryCache.set(t2, e2);
             }), 500);
           } catch (t3) {
@@ -33763,29 +33822,29 @@ void main(void){
     }
     dispose() {
       var t2;
-      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t2 = Iy.localCache) === null || t2 === void 0 || t2.keys().then((t3) => {
+      this.memoryCache = /* @__PURE__ */ new Map(), this.couldUseIndexDBCache && ((t2 = Oy.localCache) === null || t2 === void 0 || t2.keys().then((t3) => {
         t3.filter((t4) => t4.indexOf(this.taskId) >= 0).forEach((t4) => {
           var e2;
-          (e2 = Iy.localCache) === null || e2 === void 0 || e2.removeItem(t4).catch(() => {
+          (e2 = Oy.localCache) === null || e2 === void 0 || e2.removeItem(t4).catch(() => {
           });
         });
       }).catch(() => {
       }));
     }
   }
-  Iy.localCache = null;
+  Oy.localCache = null;
   try {
-    Iy.localCache = s.createInstance({ name: "slide_local_cache", driver: s.INDEXEDDB, version: 1 });
+    Oy.localCache = s.createInstance({ name: "slide_local_cache", driver: s.INDEXEDDB, version: 1 });
   } catch (t2) {
   }
-  const Oy = new Rh.j();
-  class Ny {
+  const Ny = new Rh.j();
+  class Ly {
     constructor(t2) {
       this.localStorage = t2;
     }
     canvas(t2, e2, n2, i2) {
       let r2, o2, s2, a2 = false, l2 = false;
-      t2 && (t2 instanceof Uh.P ? s2 = t2 : (s2 = e2.generateTexture(t2), l2 = true)), s2 ? (r2 = s2.baseTexture.resolution, o2 = s2.frame, a2 = false, e2.renderTexture.bind(s2)) : (r2 = e2.resolution, a2 = true, o2 = Oy, o2.width = e2.width, o2.height = e2.height, e2.renderTexture.bind(null));
+      t2 && (t2 instanceof Uh.P ? s2 = t2 : (s2 = e2.generateTexture(t2), l2 = true)), s2 ? (r2 = s2.baseTexture.resolution, o2 = s2.frame, a2 = false, e2.renderTexture.bind(s2)) : (r2 = e2.resolution, a2 = true, o2 = Ny, o2.width = e2.width, o2.height = e2.height, e2.renderTexture.bind(null));
       const h2 = Math.floor(o2.width * r2 + 1e-4), u2 = Math.floor(o2.height * r2 + 1e-4);
       let c2 = document.createElement("canvas");
       c2.width = h2, c2.height = u2;
@@ -33796,7 +33855,7 @@ void main(void){
         d2.putImageData(n2, 0, 0);
       else {
         const t3 = d2.getImageData(0, 0, h2, u2), n3 = new Uint8Array(4 * h2 * u2), { gl: s3 } = e2;
-        s3.readPixels(o2.x * r2, o2.y * r2, h2, u2, s3.RGBA, s3.UNSIGNED_BYTE, n3), Ny.arrayPostDivide(n3, t3.data), d2.putImageData(t3, 0, 0), i2 && this.localStorage.setItem(i2, t3).catch(() => {
+        s3.readPixels(o2.x * r2, o2.y * r2, h2, u2, s3.RGBA, s3.UNSIGNED_BYTE, n3), Ly.arrayPostDivide(n3, t3.data), d2.putImageData(t3, 0, 0), i2 && this.localStorage.setItem(i2, t3).catch(() => {
         });
       }
       if (a2) {
@@ -33814,7 +33873,7 @@ void main(void){
       }
     }
   }
-  class Ly extends Ja.a {
+  class Dy extends Ja.a {
     constructor() {
       super(...arguments), this._volume = 0.5;
     }
@@ -33825,7 +33884,7 @@ void main(void){
       t2 < 0 && (t2 = 0), t2 > 1 && (t2 = 1), this._volume = t2, this.emit("update", this._volume);
     }
   }
-  var Dy = function(t2, e2, n2, i2) {
+  var Fy = function(t2, e2, n2, i2) {
     return new (n2 || (n2 = Promise))(function(r2, o2) {
       function s2(t3) {
         try {
@@ -33851,12 +33910,17 @@ void main(void){
     });
   };
   window.PIXI = i, Sh.skipHello();
-  const Fy = { 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" }, By = { 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", mediaStop: "mediaStop", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput" };
-  class Uy extends Ja.a {
+  const By = { 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" }, Uy = { 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", mediaStop: "mediaStop", requestNextSlide: "requestNextSlide", requestPrevSlide: "requestPrevSlide", requestGotoSlide: "requestGotoSlide", userInput: "userInput", fullscreenChange: "fullscreenChange" };
+  class ky extends Ja.a {
     constructor(t2, e2 = {}) {
-      super(), this.errorChannel = new Ja.a(), this.transactionPlayer = null, this.isForward = true, this.drawCall = 0, this.scale = 1, this._isPaused = false, this.maxResolution = new Rh.g(0, 0), this.isNVIDIA = false, this.fps = new bm(), 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 Ja.a(), this.transactionPlayer = null, this.isForward = true, this.drawCall = 0, this.scale = 1, this._isPaused = false, this.maxResolution = new Rh.g(0, 0), this.isNVIDIA = false, this.fps = new bm(), this.designWidth = 0, this.designHeight = 0, this.currentIndex = 0, this.slideCount = 0, this.runtime = { drawCall: 0, fps: 0 }, this.globalEventHub = new Ja.a(), this.globalVideoSprite = new Kd(), this.isPlayerPaused = () => this._isPaused, this.onWebGLLost = () => {
         this.errorChannel.emit("error", new Tm(gm.CanvasCrash, "webgl context lost."));
-      }, this.logger = t2.logger, this.mode = t2.mode, this.volumeAdjuster = t2.volumeAdjuster, this.localStorage = new Iy(this.logger), this.cachedExtract = new Ny(this.localStorage), this.config = { minFPS: tl()(e2.minFPS) ? 30 : e2.minFPS, maxFPS: tl()(e2.maxFPS) ? 40 : e2.maxFPS, resolution: tl()(e2.resolution) ? 1 : e2.resolution, autoFPS: !tl()(e2.autoFPS) && e2.autoFPS, autoResolution: !tl()(e2.autoResolution) && e2.autoResolution, transactionBgColor: tl()(e2.transactionBgColor) ? 0 : e2.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e2.maxResolutionLevel), forceCanvas: !tl()(e2.forceCanvas) && e2.forceCanvas, enableNvidiaDetect: !tl()(e2.enableNvidiaDetect) && e2.enableNvidiaDetect }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new Nm(this.localStorage, t2.useLocalCache, this.logger, t2.resourceTimeout, t2.loadDelegate), this.app = new kh({ antialias: true, autoDensity: false, backgroundColor: 16777215, forceCanvas: this.config.forceCanvas }), this.updateConfig(this.config), this.app.ticker.maxFPS = 60, this.app.ticker.minFPS = this.config.minFPS, this.app.ticker.maxFPS = this.config.maxFPS, this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
+      }, this.onRequestFullscreenVideo = (t3) => {
+        const { texture: e3, index: n3, targetId: i2 } = t3;
+        n3 === this.currentIndex && (this.onRequestCancelFullscreenVideo(), this.globalVideoSprite.texture = e3, this.globalVideoSprite.width = this.designWidth, this.globalVideoSprite.height = this.designHeight, this.globalVideoSprite.interactive = true, this.app.stage.addChild(this.globalVideoSprite), this.globalEventHub.emit("onFullscreenChange", { status: true, targetId: i2, slideIndex: this.currentIndex }));
+      }, this.onRequestCancelFullscreenVideo = () => {
+        this.globalVideoSprite.texture.destroy(false), this.app.stage.removeChild(this.globalVideoSprite), this.globalEventHub.emit("onFullscreenChange", { status: false, slideIndex: this.currentIndex });
+      }, this.logger = t2.logger, this.mode = t2.mode, this.volumeAdjuster = t2.volumeAdjuster, this.localStorage = new Oy(this.logger), this.cachedExtract = new Ly(this.localStorage), this.config = { minFPS: tl()(e2.minFPS) ? 30 : e2.minFPS, maxFPS: tl()(e2.maxFPS) ? 40 : e2.maxFPS, resolution: tl()(e2.resolution) ? 1 : e2.resolution, autoFPS: !tl()(e2.autoFPS) && e2.autoFPS, autoResolution: !tl()(e2.autoResolution) && e2.autoResolution, transactionBgColor: tl()(e2.transactionBgColor) ? 0 : e2.transactionBgColor, maxResolutionLevel: this.getMaxResolution(e2.maxResolutionLevel), forceCanvas: !tl()(e2.forceCanvas) && e2.forceCanvas, enableNvidiaDetect: !tl()(e2.enableNvidiaDetect) && e2.enableNvidiaDetect }, this.updateMaxResolutionLevel(this.config.maxResolutionLevel), this.loader = new Lm(this.localStorage, t2.useLocalCache, this.logger, t2.resourceTimeout, t2.loadDelegate), this.app = new kh({ antialias: true, autoDensity: false, backgroundColor: 16777215, forceCanvas: this.config.forceCanvas }), this.updateConfig(this.config), this.app.ticker.maxFPS = 60, this.app.ticker.minFPS = this.config.minFPS, this.app.ticker.maxFPS = this.config.maxFPS, this.app.view.style.zIndex = "1", this.app.stage.sortableChildren = true;
       const n2 = this.app.renderer;
       if (n2.gl) {
         const { drawElements: t3 } = n2.gl, e3 = n2.gl.getExtension("WEBGL_debug_renderer_info"), i2 = n2.gl.getParameter(e3.UNMASKED_RENDERER_WEBGL);
@@ -33876,12 +33940,13 @@ 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, Ch.c.LOW), this.clock = new Dm(this.app.ticker), this.objPoolGroup = Mm(), this.stagePool = new Cy(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.config.forceCanvas), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
+      }, null, Ch.c.LOW), this.clock = new Fm(this.app.ticker), this.objPoolGroup = Mm(), this.stagePool = new Py(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.config.forceCanvas, this.globalEventHub), this.app.view.addEventListener("webglcontextlost", this.onWebGLLost);
       try {
         this.config.forceCanvas || (this.transactionPlayer = new Eh());
       } catch (t3) {
         /Error creating WebGL context/.test(t3.message) ? this.errorChannel.emit("error", new Tm(gm.CanvasCrash, "webgl context lost.")) : this.errorChannel.emit("error", new Tm(gm.RuntimeWarn, t3.message));
       }
+      this.globalEventHub.on("requestFullscreen", this.onRequestFullscreenVideo), this.globalEventHub.on("requestCancelFullscreen", this.onRequestCancelFullscreenVideo);
     }
     get view() {
       return this.app.renderer ? this.app.view : null;
@@ -33895,7 +33960,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 !tl()(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : Uy.platform.isAndroid() || Uy.platform.isIOS() ? 2 : 4;
+      return !tl()(t2) && Number.isInteger(t2) ? (t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4), t2) : ky.platform.isAndroid() || ky.platform.isIOS() ? 2 : 4;
     }
     updateMaxResolutionLevel(t2) {
       t2 < 1 && (t2 = 1), t2 > 4 && (t2 = 4);
@@ -33906,7 +33971,7 @@ void main(void){
       tl()(t2.maxFPS) || tl()(t2.minFPS) || (this.config.maxFPS = t2.maxFPS, this.app.ticker.maxFPS = t2.maxFPS, this.config.minFPS = t2.minFPS, this.app.ticker.minFPS = t2.minFPS), tl()(t2.resolution) || (this.config.resolution = t2.resolution, this.updateResolution(this.scale * this.config.resolution)), tl()(t2.autoFPS) || (this.config.autoFPS = t2.autoFPS), tl()(t2.autoResolution) || (this.config.autoResolution = t2.autoResolution), tl()(t2.transactionBgColor) || (this.config.transactionBgColor = t2.transactionBgColor), this.taskId && this.logger.info("ppt player update config: " + JSON.stringify(this.config), this.taskId), tl()(t2.maxResolutionLevel) || (this.config.maxResolutionLevel = t2.maxResolutionLevel, this.updateMaxResolutionLevel(this.config.maxResolutionLevel));
     }
     preload(t2) {
-      return Dy(this, void 0, void 0, function* () {
+      return Fy(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));
       });
     }
@@ -33925,18 +33990,18 @@ void main(void){
     }
     renderSlide(t2) {
       var e2, n2, i2;
-      return Dy(this, void 0, void 0, function* () {
+      return Fy(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(By.renderStart, t2);
+        this.logger.info("render slide " + t2, this.taskId), this.emit(Uy.renderStart, t2);
         const r2 = yield this.stagePool.getStage(t2), o2 = `snapshot-${t2}-${this.isForward ? "start" : "end"}`, s2 = yield this.localStorage.getItem(o2);
         if (!r2)
           return;
-        this.translateEvent(r2.ctx.eventHub, [By.mainSeqStepChange, By.mainSeqStateChange, By.hyperlinkTrigger, By.interactiveSeqAction, By.mainSeqStepStart, By.mainSeqStepEnd, By.animateStart, By.animateEnd, By.mediaPlay, By.mediaPause, By.mediaSeek, By.mediaStop, By.requestGotoSlide, By.requestNextSlide, By.requestPrevSlide, By.interactiveSeqStateChange, By.userInput]), this.currentIndex = Number(t2);
+        this.translateEvent(r2.ctx.eventHub, [Uy.mainSeqStepChange, Uy.mainSeqStateChange, Uy.hyperlinkTrigger, Uy.interactiveSeqAction, Uy.mainSeqStepStart, Uy.mainSeqStepEnd, Uy.animateStart, Uy.animateEnd, Uy.mediaPlay, Uy.mediaPause, Uy.mediaSeek, Uy.mediaStop, Uy.requestGotoSlide, Uy.requestNextSlide, Uy.requestPrevSlide, Uy.interactiveSeqStateChange, Uy.userInput, Uy.fullscreenChange]), this.currentIndex = Number(t2);
         const { width: a2, height: l2, slideCount: h2 } = r2.json;
         this.slideCount = h2, this.designWidth = a2, this.designHeight = l2, (e2 = this.currentStage) === null || e2 === void 0 || e2.clearOnSlideChange();
         const u2 = this.currentStage;
-        this.currentStage = r2, r2.initOnReuse(), r2.createTiming(), r2.container.visible = true, r2.collectMainSeqStartValue(), this.isForward ? r2.setMainSeqStep(0, "start") : r2.setMainSeqStep(-1, "end");
+        this.currentStage = r2, r2.initOnReuse(), r2.createTiming(), r2.container.visible = true, r2.collectMainSeqStartValue(), this.isForward ? r2.setMainSeqStep(0, "start") : r2.setMainSeqStep(-1, "end"), this.onRequestCancelFullscreenVideo();
         let c2 = false;
         if (r2.json.transition && r2.json.transition.type && this.app.stage.children.length > 0 && this.view && u2) {
           let { transition: t3 } = r2.json;
@@ -33955,7 +34020,7 @@ void main(void){
             }
           (i2 = this.transactionPlayer) === null || i2 === void 0 || i2.dispose();
         }
-        this.isForward ? yield r2.startTiming() : r2.setMainSeqApplied(), r2.ctx.slideScopeEventHub.emit("slide-render", r2.ctx.slideIndex), this.emit(By.renderEnd, t2), this.emit(By.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
+        this.isForward ? yield r2.startTiming() : r2.setMainSeqApplied(), r2.ctx.slideScopeEventHub.emit("slide-render", r2.ctx.slideIndex), this.emit(Uy.renderEnd, t2), this.emit(Uy.slideChange, t2), this.preload(t2 + 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 + 1);
         }), this.preload(t2 - 1).catch((e3) => {
           this.errorChannel.emit("error", Tm.transform(e3), t2 - 1);
@@ -33969,7 +34034,7 @@ void main(void){
       return new T(o2);
     }
     renderToBase64(t2, e2, n2) {
-      return Dy(this, void 0, void 0, function* () {
+      return Fy(this, void 0, void 0, function* () {
         const i2 = yield this.stagePool.getStage(t2);
         if (i2) {
           const { width: r2, height: o2 } = i2.json;
@@ -33983,7 +34048,7 @@ void main(void){
       });
     }
     renderMainSeqToBase64(t2, e2, n2) {
-      return Dy(this, void 0, void 0, function* () {
+      return Fy(this, void 0, void 0, function* () {
         const i2 = [], r2 = yield this.stagePool.getStage(t2);
         if (r2.createTiming(), r2) {
           const { width: t3, height: o2 } = r2.json;
@@ -34004,7 +34069,7 @@ void main(void){
       });
     }
     snapshotWithTimingEnd(t2) {
-      return Dy(this, void 0, void 0, function* () {
+      return Fy(this, void 0, void 0, function* () {
         const e2 = yield this.stagePool.getStage(t2);
         if (e2) {
           const { width: n2, height: i2 } = e2.json;
@@ -34028,9 +34093,9 @@ void main(void){
     initTransactionPlayer(t2) {
       var e2, n2, i2, r2, o2;
       const s2 = (e2 = this.view) === null || e2 === void 0 ? void 0 : e2.parentElement;
-      if (this.view && s2 && Fy[t2.type] && this.transactionPlayer) {
+      if (this.view && s2 && By[t2.type] && this.transactionPlayer) {
         const e3 = (n2 = this.transactionPlayer) === null || n2 === void 0 ? void 0 : n2.renderer.domElement;
-        this.transactionPlayer.initPlayer({ reverse: !this.isForward, stageWidth: this.view.width, stageHeight: this.view.height, presetType: Fy[t2.type], duration: (r2 = (i2 = this.currentStage) === null || i2 === void 0 ? void 0 : i2.json.transition) === null || r2 === void 0 ? void 0 : r2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((o2 = this.config.maxFPS) !== null && o2 !== void 0 ? o2 : 60), options: t2.options }), e3 && (e3.style.position = "absolute", e3.style.zIndex = "9", e3.style.left = "0", e3.style.top = "0", e3.style.width = this.view.style.width, e3.style.height = this.view.style.height), s2.appendChild(e3);
+        this.transactionPlayer.initPlayer({ reverse: !this.isForward, stageWidth: this.view.width, stageHeight: this.view.height, presetType: By[t2.type], duration: (r2 = (i2 = this.currentStage) === null || i2 === void 0 ? void 0 : i2.json.transition) === null || r2 === void 0 ? void 0 : r2.dur, delay: 0, clearColor: this.config.transactionBgColor, maxFPS: Math.ceil((o2 = this.config.maxFPS) !== null && o2 !== void 0 ? o2 : 60), options: t2.options }), e3 && (e3.style.position = "absolute", e3.style.zIndex = "9", e3.style.left = "0", e3.style.top = "0", e3.style.width = this.view.style.width, e3.style.height = this.view.style.height), s2.appendChild(e3);
       }
     }
     scaleView(t2, e2, n2) {
@@ -34045,7 +34110,7 @@ void main(void){
     }
     updateResolution(t2, e2) {
       this.app.ticker.addOnce(() => {
-        let n2 = wy.isDesktop() ? t2 : 1;
+        let n2 = Ay.isDesktop() ? t2 : 1;
         for (; n2 * this.designWidth > this.maxResolution.x || n2 * this.designHeight > this.maxResolution.y; )
           n2 -= 0.1;
         this.app.renderer.resolution = n2, this.app.renderer.plugins.interaction.resolution = this.app.renderer.resolution, this.app.renderer.resize(this.designWidth, this.designHeight), Qa()(e2) && e2();
@@ -34058,7 +34123,7 @@ void main(void){
       else {
         this.logger.info("ppt play trigger next step", this.taskId);
         try {
-          (n2 = this.currentStage) === null || n2 === void 0 || n2.nextStep(t2, e2);
+          this.onRequestCancelFullscreenVideo(), (n2 = this.currentStage) === null || n2 === void 0 || n2.nextStep(t2, e2);
         } catch (t3) {
           this.errorChannel.emit("error", Tm.transform(t3), this.currentIndex);
         }
@@ -34071,7 +34136,7 @@ void main(void){
       else {
         this.logger.info("ppt play trigger prev step", this.taskId);
         try {
-          (e2 = this.currentStage) === null || e2 === void 0 || e2.prevStep(t2);
+          this.onRequestCancelFullscreenVideo(), (e2 = this.currentStage) === null || e2 === void 0 || e2.prevStep(t2);
         } catch (t3) {
           this.errorChannel.emit("error", Tm.transform(t3), this.currentIndex);
         }
@@ -34118,10 +34183,10 @@ void main(void){
       var i2;
       (i2 = this.currentStage) === null || i2 === void 0 || i2.setInteractiveSeqState(t2, e2, n2);
     }
-    setMediaState(t2, e2) {
-      var n2;
-      return Dy(this, void 0, void 0, function* () {
-        yield (n2 = this.currentStage) === null || n2 === void 0 ? void 0 : n2.setMediaState(t2, e2);
+    setMediaState(t2, e2, n2) {
+      var i2;
+      return Fy(this, void 0, void 0, function* () {
+        yield (i2 = this.currentStage) === null || i2 === void 0 ? void 0 : i2.setMediaState(t2, e2, n2);
       });
     }
     setMediaCurrentTime(t2, e2) {
@@ -34148,9 +34213,12 @@ void main(void){
     }
     static clearLocalCache() {
       var t2;
-      (t2 = Iy.localCache) === null || t2 === void 0 || t2.clear().catch(() => {
+      (t2 = Oy.localCache) === null || t2 === void 0 || t2.clear().catch(() => {
       });
     }
+    syncFullscreenVideoState(t2) {
+      this.globalEventHub.emit("syncFullscreenVideoState", t2);
+    }
     destroy() {
       var t2, e2;
       try {
@@ -34159,22 +34227,18 @@ void main(void){
           this.app.renderer.filter.texturePool.clear(true);
         } catch (t3) {
         }
-        Ym.collectObjectByGroup(this.objPoolGroup), qm.collectObjectByGroup(this.objPoolGroup), (t2 = this.transactionPlayer) === null || t2 === void 0 || t2.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage(), this.stagePool.destroy();
+        qm.collectObjectByGroup(this.objPoolGroup), Zm.collectObjectByGroup(this.objPoolGroup), (t2 = this.transactionPlayer) === null || t2 === void 0 || t2.destroy(), this.loader.destroy(), this.fps.destroy(), this.stagePool.destroyAllStage(), this.stagePool.destroy();
         try {
           this.app.renderer.gl.getExtension("WEBGL_lose_context").loseContext();
         } catch (t3) {
         }
-        this.app.destroy(true, { children: true, texture: true, baseTexture: true }), (e2 = My.worker) === null || e2 === void 0 || e2.terminate();
+        this.app.destroy(true, { children: true, texture: true, baseTexture: true }), (e2 = Ry.worker) === null || e2 === void 0 || e2.terminate();
       } catch (t3) {
       }
     }
   }
-  Uy.platform = wy, Uy.RtcAudioClazz = null;
-  var ky = /* @__PURE__ */ new Map();
-  function Gy(t2) {
-    var e2 = ky.get(t2.hookPoint) || [];
-    e2.push(t2), ky.set(t2.hookPoint, e2);
-  }
+  ky.platform = Ay, ky.RtcAudioClazz = null;
+  var Gy = /* @__PURE__ */ new Map();
   var Hy, jy = n(132), zy = n.n(jy), Vy = n(47), Xy = n.n(Vy), Wy = n(48), Yy = n.n(Wy), qy = [], Zy = "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";
@@ -35871,7 +35935,7 @@ void main(void){
   }
   var sT = { syncDispatch: "syncDispatch", syncReceive: "syncReceive", syncEventLag: "syncEventLag", renderStart: "renderStart", renderEnd: "renderEnd", renderError: "renderError", slideChange: "slideChange", mainSeqStepStart: "mainSeqStepStart", mainSeqStepEnd: "mainSeqStepEnd", animateStart: "animateStart", animateEnd: "animateEnd", stateChange: "stateChange", slideStepEnd: "slideEnd", slideStepStart: "slideStart" }, aT = { taskId: "", url: "", currentSlideIndex: -1, mainSeqStep: -1, mainSeqState: null, mediaState: /* @__PURE__ */ Object.create(null), interactiveSeqState: /* @__PURE__ */ Object.create(null) }, lT = "";
   try {
-    lT = "0.8.6";
+    lT = "0.8.7-deta-1";
   } catch (t2) {
     lT = "dev";
   }
@@ -35889,7 +35953,7 @@ void main(void){
         return i3.frameResizeHandler();
       }), i3.timestamp = function() {
         return Date.now();
-      }, i3.mode = "local", i3.enableGlobalClick = false, i3.lastEmitedState = null, i3.playerController = null, i3.isInitResized = false, i3.cacheImage = document.createElement("img"), i3.isTouchStart = false, i3.touchStartId = void 0, i3.taskId = "", i3.volumeAdjuster = new Ly(), i3.designWidth = 0, i3.designHeight = 0, i3._slideCount = 0, i3._dispatchIncrId = 0, i3._receiveIncrId = 0, i3.recoverHandler = function(t3) {
+      }, i3.mode = "local", i3.enableGlobalClick = false, i3.lastEmitedState = null, i3.playerController = null, i3.isInitResized = false, i3.cacheImage = document.createElement("img"), i3.isTouchStart = false, i3.touchStartId = void 0, i3.taskId = "", i3.volumeAdjuster = new Dy(), i3.designWidth = 0, i3.designHeight = 0, i3._slideCount = 0, i3._dispatchIncrId = 0, i3._receiveIncrId = 0, i3.recoverHandler = function(t3) {
         if (t3.data.type === "@slide/_recover_" && t3.data.slideId === i3.randomId) {
           var e3 = t3.data, n4 = e3.recoverBy, r2 = e3.payload;
           if (!r2)
@@ -35917,25 +35981,25 @@ void main(void){
         console.log(i3), window.__slide = i3;
       }, i3.receiveSyncHandler = function(t3) {
         return eT(i3, void 0, void 0, function() {
-          var e3, n4, i4, r2, o2 = this;
-          return nT(this, function(s2) {
-            switch (s2.label) {
+          var e3, n4, i4, r2, o2, s2 = this;
+          return nT(this, function(a2) {
+            switch (a2.label) {
               case 0:
-                return zm()(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(sT.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, t3.clientId || "");
+                return Vm()(t3.incrId) && (t3.incrId && t3.incrId - this._receiveIncrId != 1 && this.emit(sT.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() {
+                  s2.doNextStep(true, t3.clientId || "");
                 })) : this.doNextStep(true, t3.clientId || ""), [3, 6]);
               case 1:
                 return t3.type !== "prevStep" ? [3, 2] : (this.mainSeqStep === 0 && this.mainSeqState === "idle" || this.mainSeqStep === t3.next + 1 || this.mainSeqStep + 1 === this.mainSeqLength ? this.doPrevStep(true) : (this.setMainSeqStep(t3.next + 1, "start"), (e3 = this.player) === null || e3 === void 0 || e3.nextTick(function() {
-                  o2.doPrevStep(true);
+                  s2.doPrevStep(true);
                 })), [3, 6]);
               case 2:
                 return t3.type !== "interactiveAnim" ? [3, 3] : (this.player ? this.player.applyInteractiveAction(t3.action) : this.__slideState.interactiveSeqState[t3.seqId] ? this.__slideState.interactiveSeqState[t3.seqId].step += 1 : this.__slideState.interactiveSeqState[t3.seqId] = { step: 0, state: "end" }, [3, 6]);
               case 3:
                 return t3.type !== "renderSlide" ? [3, 5] : [4, this.doRenderSlide(t3.index, t3.isForward)];
               case 4:
-                return s2.sent(), [3, 6];
+                return a2.sent(), [3, 6];
               case 5:
-                t3.type === "mediaPlay" ? ((n4 = this.player) === null || n4 === void 0 || n4.setMediaState(t3.id, true), this.__slideState.mediaState[t3.id] = t3.state) : t3.type === "mediaPause" ? ((i4 = this.player) === null || i4 === void 0 || i4.setMediaState(t3.id, false), this.__slideState.mediaState[t3.id] = t3.state) : t3.type === "mediaSeek" && ((r2 = this.player) === null || r2 === void 0 || r2.setMediaCurrentTime(t3.id, t3.time), this.__slideState.mediaState[t3.id] = t3.state), s2.label = 6;
+                t3.type === "mediaPlay" ? ((n4 = this.player) === null || n4 === void 0 || n4.setMediaState(t3.id, true), this.__slideState.mediaState[t3.id] = t3.state) : t3.type === "mediaPause" ? ((i4 = this.player) === null || i4 === void 0 || i4.setMediaState(t3.id, false), this.__slideState.mediaState[t3.id] = t3.state) : t3.type === "mediaSeek" ? ((r2 = this.player) === null || r2 === void 0 || r2.setMediaCurrentTime(t3.id, t3.time), this.__slideState.mediaState[t3.id] = t3.state) : t3.type === "mediaFullscreen" && ((o2 = this.player) === null || o2 === void 0 || o2.syncFullscreenVideoState({ targetId: t3.targetId, state: t3.state, slideIndex: t3.slideIndex })), a2.label = 6;
               case 6:
                 return [2];
             }
@@ -35963,17 +36027,17 @@ void main(void){
           t3 === -1 && i3.renderSlide(i3.slideCount, true);
       }, e2.instances.push(i3), i3.config = i3.initSlideConfig(n3), i3.logger = { info: function(t3, n4) {
         var r2;
-        e2._tempLog += "INFO - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n";
+        e2.appendLogString("INFO - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n");
         var o2 = (r2 = i3.config.logger) === null || r2 === void 0 ? void 0 : r2.info;
         o2 && o2("[" + n4 + "] " + t3);
       }, warn: function(t3, n4) {
         var r2;
-        e2._tempLog += "WARN - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n";
+        e2.appendLogString("WARN - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n");
         var o2 = (r2 = i3.config.logger) === null || r2 === void 0 ? void 0 : r2.warn;
         o2 && o2("[" + n4 + "] " + t3);
       }, error: function(t3, n4) {
         var r2;
-        e2._tempLog += "ERROR - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n";
+        e2.appendLogString("ERROR - " + new Date().toISOString() + " - {" + i3.randomId + "}[" + n4 + "] " + t3 + "\n");
         var o2 = (r2 = i3.config.logger) === null || r2 === void 0 ? void 0 : r2.error;
         o2 && o2("[" + n4 + "] " + t3);
       } }, i3.logger.info("new slide with clientId: " + i3.config.clientId, i3.taskId), i3.anchor = i3.config.anchor, i3.syncQueue = new Wb(i3.receiveSyncHandler), i3.lock = new Yb(i3.mode === "interactive"), i3.cacheImage.style.position = "absolute", i3.cacheImage.style.zIndex = "100", i3.setMedianControllerAttribute(), i3.canvasContainer.style.position = "relative", i3.canvasContainer.appendChild(i3.medianController), i3.frame.appendChild(i3.canvasContainer), i3.frameResizeObserver.observe(i3.frame), i3.on(sT.syncReceive, function(t3) {
@@ -36008,56 +36072,109 @@ void main(void){
           }
         });
       });
+    }, e2.stopRemoteLog = function() {
+      e2.remoteLogAddress = null;
+    }, e2.startRemoteLog = function(t3) {
+      return eT(this, void 0, void 0, function() {
+        var n3, i3, r2, o2, s2;
+        return nT(this, function(a2) {
+          switch (a2.label) {
+            case 0:
+              return e2.remoteLogAddress = t3, [4, e2.flushLog(true)];
+            case 1:
+              if (a2.sent(), !hT)
+                return [3, 13];
+              n3 = [], a2.label = 2;
+            case 2:
+              return a2.trys.push([2, 4, , 5]), [4, hT.keys()];
+            case 3:
+              return n3 = (a2.sent() || []).sort(function(t4, e3) {
+                return parseInt(t4.replace("run_time_log_", "")) - parseInt(e3.replace("run_time_log_", ""));
+              }), [3, 5];
+            case 4:
+              return a2.sent(), [3, 5];
+            case 5:
+              i3 = 0, r2 = n3, a2.label = 6;
+            case 6:
+              if (!(i3 < r2.length))
+                return [3, 13];
+              o2 = r2[i3], o2.replace("run_time_log_", ""), s2 = "", a2.label = 7;
+            case 7:
+              return a2.trys.push([7, 9, , 10]), [4, hT.getItem(o2)];
+            case 8:
+              return s2 = a2.sent() || "", [3, 10];
+            case 9:
+              return a2.sent(), [3, 10];
+            case 10:
+              return [4, fetch(e2.remoteLogAddress + "/logs", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ log: s2 }) })];
+            case 11:
+              a2.sent(), a2.label = 12;
+            case 12:
+              return i3++, [3, 6];
+            case 13:
+              return [2];
+          }
+        });
+      });
+    }, e2.appendLogString = function(t3) {
+      e2._tempLog += t3, e2.remoteLogAddress && fetch(e2.remoteLogAddress + "/logs", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ log: t3 }) }).catch(function() {
+      });
     }, Object.defineProperty(e2.prototype, "dispatchIncrId", { get: function() {
       return this._dispatchIncrId++;
     }, enumerable: false, configurable: true }), e2.prototype.reportError = function(t3, e3) {
       this.emit(sT.renderError, { error: t3, index: e3 }), window.postMessage({ type: "@slide/_error_", errorType: t3.errorType, errorMsg: t3.errorMsg, slideId: this.randomId, slideIndex: e3, customMessage: "@slide/_error_" }, "*");
     }, e2.prototype.initSlideConfig = function(t3) {
-      return t3.timestamp && (this.timestamp = t3.timestamp), t3.rtcAudio && (Uy.RtcAudioClazz = t3.rtcAudio), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !tl()(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 && (ky.RtcAudioClazz = t3.rtcAudio), this.mode = t3.mode, this.anchor = t3.anchor, this.anchor.appendChild(this.frame), this.enableGlobalClick = !tl()(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, i3, r2 = this, o2 = new Uy({ mode: this.mode, useLocalCache: !!tl()(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: tl()(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate, volumeAdjuster: this.volumeAdjuster }, t3.renderOptions);
-      return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on(By.renderStart, function(t4) {
+      var e3, n3, i3, r2 = this, o2 = new ky({ mode: this.mode, useLocalCache: !!tl()(this.config.useLocalCache) || this.config.useLocalCache, logger: this.logger, resourceTimeout: tl()(this.config.resourceTimeout) ? 15e3 : this.config.resourceTimeout, loadDelegate: this.config.loaderDelegate, volumeAdjuster: this.volumeAdjuster }, t3.renderOptions);
+      return o2.setInteractive(this.interactive), o2.updateConfig(t3.renderOptions || {}), o2.on(Uy.renderStart, function(t4) {
         r2.isLoading = true, r2.emit(sT.renderStart, t4);
-      }), o2.on(By.renderEnd, function(t4) {
+      }), o2.on(Uy.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(sT.renderEnd, t4);
-      }), o2.on(By.slideChange, function(t4) {
+      }), o2.on(Uy.slideChange, function(t4) {
         r2.__slideState.currentSlideIndex = t4, r2.emitStateChange(), r2.emit(sT.slideChange, t4);
-      }), o2.on(By.mainSeqStateChange, function(t4) {
+      }), o2.on(Uy.mainSeqStateChange, function(t4) {
         r2.__slideState.mainSeqState = t4, r2.emitStateChange();
-      }), o2.on(By.mainSeqStepChange, function(t4) {
+      }), o2.on(Uy.mainSeqStepChange, function(t4) {
         r2.__slideState.mainSeqStep = t4, r2.emitStateChange();
-      }), o2.on(By.interactiveSeqStateChange, function(t4) {
+      }), o2.on(Uy.interactiveSeqStateChange, function(t4) {
         var e4 = t4.id, n4 = t4.state;
         r2.__slideState.interactiveSeqState[e4] = n4, r2.emitStateChange();
-      }), o2.on(By.animateStart, function() {
+      }), o2.on(Uy.animateStart, function() {
         r2.isAnimating !== true && (r2.isAnimating = true, r2.emit(sT.animateStart));
-      }), o2.on(By.animateEnd, function() {
+      }), o2.on(Uy.animateEnd, function() {
         r2.isAnimating !== false && (r2.isAnimating = false, r2.emit(sT.animateEnd));
-      }), o2.on(By.interactiveSeqAction, function(t4) {
+      }), o2.on(Uy.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(By.mainSeqStepStart, function(t4) {
+      }), o2.on(Uy.mainSeqStepStart, function(t4) {
         r2.emit(sT.mainSeqStepStart, t4);
-      }), o2.on(By.mainSeqStepEnd, function(t4) {
+      }), o2.on(Uy.mainSeqStepEnd, function(t4) {
         r2.emit(sT.mainSeqStepEnd, t4);
-      }), o2.on(By.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(By.mediaStop, function(t4) {
+      }), o2.on(Uy.mediaPlay, function(t4) {
+        var e4, n4 = (e4 = r2.__slideState.mediaState[t4.id]) !== null && e4 !== void 0 ? e4 : {};
+        n4.type = "play", n4.time = r2.timestamp() - 1e3 * t4.time, r2.__slideState.mediaState[t4.id] = n4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPlay", id: t4.id, state: n4 }), r2.emitStateChange();
+      }), o2.on(Uy.mediaStop, function(t4) {
         delete r2.__slideState.mediaState[t4.id], r2.emitStateChange();
-      }), o2.on(By.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(By.mediaSeek, function(t4) {
-        var e4 = { type: "pause", time: 0 };
-        t4.isPlaying ? (e4.type = "play", 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(By.requestPrevSlide, function(t4) {
+      }), o2.on(Uy.mediaPause, function(t4) {
+        var e4, n4 = (e4 = r2.__slideState.mediaState[t4.id]) !== null && e4 !== void 0 ? e4 : {};
+        n4.type = "pause", n4.time = t4.time, r2.__slideState.mediaState[t4.id] = n4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaPause", id: t4.id, state: n4 }), r2.emitStateChange();
+      }), o2.on(Uy.mediaSeek, function(t4) {
+        var e4, n4 = (e4 = r2.__slideState.mediaState[t4.id]) !== null && e4 !== void 0 ? e4 : {};
+        t4.isPlaying ? (n4.type = "play", n4.time = r2.timestamp() - 1e3 * t4.time) : (n4.type = "pause", n4.time = t4.time), r2.__slideState.mediaState[t4.id] = n4, r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaSeek", id: t4.id, time: t4.time, state: n4 }), r2.emitStateChange();
+      }), o2.on(Uy.requestPrevSlide, function(t4) {
         r2.handlePrevSlide(t4);
-      }), o2.on(By.requestNextSlide, function(t4) {
+      }), o2.on(Uy.requestNextSlide, function(t4) {
         r2.handleNextSlide(t4);
-      }), o2.on(By.requestGotoSlide, function(t4) {
+      }), o2.on(Uy.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), (i3 = o2.view) === null || i3 === void 0 || i3.addEventListener("click", this.handleViewClick), o2.on(By.userInput, this.userInputHandle), o2;
+      }), o2.on(Uy.fullscreenChange, function(t4) {
+        var e4, n4 = t4.targetId, i4 = t4.state;
+        if (r2.emitSyncDispatch({ slideIndex: r2.__slideState.currentSlideIndex, type: "mediaFullscreen", targetId: n4, state: i4 }), n4) {
+          var o3 = (e4 = r2.__slideState.mediaState[n4]) !== null && e4 !== void 0 ? e4 : {};
+          o3.fullscreen = i4, r2.__slideState.mediaState[n4] = o3, r2.emitStateChange();
+        }
+      }), (e3 = o2.view) === null || e3 === void 0 || e3.addEventListener("touchend", this.handleViewTouchEnd), (n3 = o2.view) === null || n3 === void 0 || n3.addEventListener("touchstart", this.handleViewTouchStart), (i3 = o2.view) === null || i3 === void 0 || i3.addEventListener("click", this.handleViewClick), o2.on(Uy.userInput, this.userInputHandle), o2;
     }, e2.prototype.createController = function() {
       this.player && (this.playerController = new Xb(this.player, this.frame));
     }, e2.prototype.setMedianControllerAttribute = function() {
@@ -36104,20 +36221,16 @@ void main(void){
         (e3 = this.player) === null || e3 === void 0 || e3.setInteractiveSeqState(n3, i3.step, i3.state === "idle" ? "start" : "end");
       }
     }, e2.prototype.initMedia = function(t3) {
-      var e3, n3, i3 = this, r2 = function(r3) {
-        var s3 = t3.mediaState[r3], a2 = o2.__slideState.mediaState[r3];
-        if (a2 && s3.type === a2.type && s3.time === a2.time)
-          return "continue";
-        s3.type === "play" ? (e3 = o2.player) === null || e3 === void 0 || e3.setMediaState(r3, true).then(function() {
-          var t4, e4 = i3.timestamp();
-          (t4 = i3.player) === null || t4 === void 0 || t4.setMediaCurrentTime(r3, (e4 - s3.time) / 1e3);
-        }) : (n3 = o2.player) === null || n3 === void 0 || n3.setMediaState(r3, false).then(function() {
-          var t4;
-          (t4 = i3.player) === null || t4 === void 0 || t4.setMediaCurrentTime(r3, s3.time);
-        });
-      }, o2 = this;
-      for (var s2 in t3.mediaState)
-        r2(s2);
+      var e3, n3;
+      for (var i3 in t3.mediaState) {
+        var r2 = t3.mediaState[i3], o2 = this.__slideState.mediaState[i3];
+        if (!o2 || r2.type !== o2.type || r2.time !== o2.time)
+          if (r2.type === "play") {
+            var s2 = (this.timestamp() - r2.time) / 1e3;
+            (e3 = this.player) === null || e3 === void 0 || e3.setMediaState(i3, true, s2);
+          } else
+            (n3 = this.player) === null || n3 === void 0 || n3.setMediaState(i3, false, r2.time);
+      }
     }, Object.defineProperty(e2.prototype, "slideCount", { get: function() {
       return this._slideCount;
     }, enumerable: false, configurable: true }), e2.prototype.getSizeAsync = function() {
@@ -36205,9 +36318,9 @@ void main(void){
         return nT(this, function(i3) {
           switch (i3.label) {
             case 0:
-              return this.renderingIndex = t3, this.player && t3 === this.player.currentIndex ? [2] : ((Uy.platform.isIOS() || Uy.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] : ((ky.platform.isIOS() || ky.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 i3.sent(), this.__slideState.currentSlideIndex = t3, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.emitStateChange(), setTimeout(function() {
+              return i3.sent(), this.__slideState.currentSlideIndex = t3, this.resizeView(), this.__slideState.interactiveSeqState = {}, this.__slideState.mediaState = {}, this.emitStateChange(), setTimeout(function() {
                 var t4, e4;
                 if (((e4 = (t4 = n3.player) === null || t4 === void 0 ? void 0 : t4.view) === null || e4 === void 0 ? void 0 : e4.style.visibility) === "hidden" && (n3.player.view.style.visibility = "visible"), n3.frame.style.visibility === "hidden" && (n3.frame.style.visibility = "visible"), n3.needClearCacheImage)
                   try {
@@ -36224,8 +36337,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 = Uy.platform.isLowGpuMemory() ? 15 : 30;
-      return (Uy.platform.isIOS() || Uy.platform.isAndroid()) && this.iosResetCache.length > t3;
+      var t3 = ky.platform.isLowGpuMemory() ? 15 : 30;
+      return (ky.platform.isIOS() || ky.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) {
@@ -36411,9 +36524,20 @@ void main(void){
     }, e2.prototype.getGlobalVolume = function() {
       return this.volumeAdjuster.volume;
     }, e2.clearLocalCache = function() {
-      Uy.clearLocalCache();
+      ky.clearLocalCache();
     }, e2.disposeLocalCache = function() {
-    }, n2 = e2, e2.instances = [], e2._tempFrozenIds = [], e2._tempLog = "", e2._tempLogIndex = 1, e2.usePlugin = Gy, e2.handleFrozenAllSlide = function() {
+    }, n2 = e2, e2.instances = [], e2._tempFrozenIds = [], e2._tempLog = "", e2._tempLogIndex = 1, e2.remoteLogAddress = null, e2.usePlugin = function(t3) {
+      t3.context({ logger: { info: function(t4) {
+        e2.appendLogString("INFO - " + new Date().toISOString() + " - " + t4 + "\n");
+      }, warn: function(t4) {
+        e2.appendLogString("WARN - " + new Date().toISOString() + " - " + t4 + "\n");
+      }, error: function(t4) {
+        e2.appendLogString("ERROR - " + new Date().toISOString() + " - " + t4 + "\n");
+      } } }), function(t4) {
+        var e3 = Gy.get(t4.hookPoint) || [];
+        e3.push(t4), Gy.set(t4.hookPoint, e3);
+      }(t3);
+    }, e2.handleFrozenAllSlide = function() {
       e2.instances.forEach(function(t3) {
         t3.player && (e2._tempFrozenIds.push(t3.randomId), t3.frozen());
       });
@@ -36499,7 +36623,7 @@ void main(void){
       n3.value = function() {
         for (var t4 = [], e4 = 0; e4 < arguments.length; e4++)
           t4[e4] = arguments[e4];
-        for (var n4 = ky.get(i2) || [], o2 = t4, s2 = 0, a2 = n4; s2 < a2.length; s2++) {
+        for (var n4 = Gy.get(i2) || [], o2 = t4, s2 = 0, a2 = n4; s2 < a2.length; s2++) {
           var l2 = a2[s2];
           try {
             o2 = l2.before(o2);
@@ -38874,7 +38998,7 @@ class SlidePreviewer {
   }
 }
 const usePlugin = /* @__PURE__ */ Slide.Slide.usePlugin.bind(Slide.Slide);
-const version = "0.2.25";
+const version = "0.2.26-beta.1";
 const SlideApp = {
   kind: "Slide",
   setup(context) {