modern-canvas 0.13.2 → 0.13.4

package/dist/index.js

@@ -1,30 +1,30 @@
-import { defineProperty as Xt, Observable as fe, Reactivable as Ir, parseColor as Ls, property as c, RawWeakMap as Br, isGradient as Fs, isColorFillObject as mr, clearUndef as zr, idGenerator as Nr, normalizeFill as $s, isNone as F, normalizeBackground as Vs, normalizeForeground as Gs, normalizeOutline as Ws, normalizeShadow as js, normalizeShape as qs, getDefaultStyle as Xs, normalizeText as Hs, normalizeTextContent as Ys, getDefaultTextStyle as Ks, getDefaultLayoutStyle as Zs } from "modern-idoc";
+import { defineProperty as qt, Observable as fe, Reactivable as Dr, parseColor as Ls, property as u, RawWeakMap as Ir, isGradient as Fs, isColorFillObject as _r, clearUndef as Br, idGenerator as zr, normalizeFill as $s, isNone as F, normalizeBackground as Vs, normalizeForeground as Gs, normalizeOutline as Ws, normalizeShadow as js, normalizeShape as qs, getDefaultStyle as Xs, normalizeText as Hs, normalizeTextContent as Ys, getDefaultTextStyle as Ks, getDefaultLayoutStyle as Zs } from "modern-idoc";
 import { fonts as Js } from "modern-font";
 import { extend as Qs } from "colord";
 import ei from "colord/plugins/names";
-import { Path2D as bt, Path2DSet as ti, svgToDom as ri, svgToPath2DSet as si, Matrix3 as gr, BoundingBox as Lt } from "modern-path2d";
+import { Path2D as bt, Path2DSet as ti, svgToDom as ri, svgToPath2DSet as si, Matrix3 as mr, BoundingBox as Nt } from "modern-path2d";
 import { Text as ii, Character as oi } from "modern-text";
-const Ht = /* @__PURE__ */ new Map();
-function v(r, e) {
+const Xt = /* @__PURE__ */ new Map();
+function g(r, e) {
   return function(t) {
     Object.defineProperty(t.prototype, "is", {
       value: r,
       enumerable: !0,
       configurable: !0
     }), e && Object.keys(e).forEach((s) => {
-      Xt(t, s, {
+      qt(t, s, {
         fallback: e[s]
       });
-    }), Ht.set(r, t);
+    }), Xt.set(r, t);
   };
 }
 function bl(r = "node", e = {}) {
-  const t = Ht.get(r);
+  const t = Xt.get(r);
   if (!t)
     throw new Error(`Failed to createNode, tag: ${r}`);
   return new t().setProperties(e);
 }
-class k {
+class U {
   static _queue = [];
   static _currentTime = 0;
   static _elapsed = 0;
@@ -70,8 +70,8 @@ class k {
         const l = o[h];
         try {
           l.cb();
-        } catch (u) {
-          console.warn(u);
+        } catch (c) {
+          console.warn(c);
         }
         l.once || a.push(l);
       }
@@ -80,10 +80,10 @@ class k {
     this._queue = t;
   }
 }
-k.start();
-async function Lr(r) {
+U.start();
+async function Nr(r) {
   return new Promise((e) => {
-    k.on(
+    U.on(
       () => {
         r?.(), e();
       },
@@ -91,16 +91,16 @@ async function Lr(r) {
     );
   });
 }
-const Yt = Math.PI, B = Yt * 2;
+const Ht = Math.PI, B = Ht * 2;
 let ai = 0;
 function ni(r) {
   return r?.__SPECTOR_Object_TAG?.id ?? ++ai;
 }
-function vr(r) {
+function gr(r) {
   return !(r & r - 1) && !!r;
 }
 const li = /([\w-]+)\((.+?)\)/g, hi = /[^,]+/g, ci = /([-e.\d]+)(.*)/;
-function br(r) {
+function vr(r) {
   return Array.isArray(r) ? r.map((e) => ({
     name: e.name,
     args: e.args.map((t) => ({
@@ -114,7 +114,7 @@ function br(r) {
 }
 function mt(r, e, t = {}) {
   const s = Rt(e, t);
-  return s.length ? s : Fr(r, e, t);
+  return s.length ? s : Lr(r, e, t);
 }
 function Rt(r, e = {}) {
   const t = [];
@@ -133,14 +133,14 @@ function ui(r, e, t = {}) {
   let i, o = 0;
   for (; (i = hi.exec(e)) !== null; )
     s.push(
-      Fr(r, i[0], {
+      Lr(r, i[0], {
         ...t,
         index: o++
       })
     );
   return s;
 }
-function Fr(r, e, t = {}) {
+function Lr(r, e, t = {}) {
   const { width: s = 1, height: i = 1, index: o = 0 } = t, a = e.match(ci), n = {
     unit: a?.[2] ?? null,
     value: e,
@@ -187,7 +187,7 @@ function Fr(r, e, t = {}) {
   }
   return n;
 }
-const di = "WebGL2RenderingContext" in globalThis, fi = "ImageBitmap" in globalThis, pi = "ResizeObserver" in globalThis, He = "PointerEvent" in globalThis, _i = "WheelEvent" in globalThis, yl = "MouseEvent" in globalThis, ce = "ontouchstart" in globalThis, mi = "onclick" in globalThis, $r = "createImageBitmap" in globalThis, Vr = "AudioContext" in globalThis, Gr = "webkitAudioContext" in globalThis, Wr = "OfflineAudioContext" in globalThis, gi = "webkitOfflineAudioContext" in globalThis, vi = Vr || Gr, Ot = typeof window < "u", bi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, jr = globalThis.devicePixelRatio || 1, qr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, yi = (r) => qr(r) && r.tagName === "VIDEO", xl = (r) => qr(r) && r.tagName === "IMG";
+const di = "WebGL2RenderingContext" in globalThis, fi = "ImageBitmap" in globalThis, pi = "ResizeObserver" in globalThis, He = "PointerEvent" in globalThis, _i = "WheelEvent" in globalThis, yl = "MouseEvent" in globalThis, ce = "ontouchstart" in globalThis, mi = "onclick" in globalThis, Fr = "createImageBitmap" in globalThis, $r = "AudioContext" in globalThis, Vr = "webkitAudioContext" in globalThis, Gr = "OfflineAudioContext" in globalThis, gi = "webkitOfflineAudioContext" in globalThis, vi = $r || Vr, Ot = typeof window < "u", bi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Wr = globalThis.devicePixelRatio || 1, jr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, yi = (r) => jr(r) && r.tagName === "VIDEO", xl = (r) => jr(r) && r.tagName === "IMG";
 function xi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -208,7 +208,7 @@ function Ti(r, e = globalThis.location) {
 function Ei(r, e, t) {
   t === null && !e.startsWith("data:") ? r.crossOrigin = Ti(e) : t !== !1 && (r.crossOrigin = typeof t == "string" ? t : "anonymous");
 }
-class Xr {
+class qr {
   _map = /* @__PURE__ */ new WeakMap();
   // fix: vue reactive object
   _toRaw(e) {
@@ -290,7 +290,7 @@ class Si extends Mt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Hr extends Mt {
+class Xr extends Mt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -353,7 +353,7 @@ class Hr extends Mt {
     return this.global.y;
   }
 }
-class Ci extends Hr {
+class Ci extends Xr {
   width = 0;
   height = 0;
   isPrimary = !1;
@@ -364,7 +364,7 @@ class Ci extends Hr {
     throw new Error("getPredictedEvents is not supported!");
   }
 }
-class Ai extends Hr {
+class Ai extends Xr {
   static DOM_DELTA_PIXEL = 0;
   DOM_DELTA_PIXEL = 0;
   static DOM_DELTA_LINE = 1;
@@ -536,7 +536,7 @@ class Oi extends fe {
   }
 }
 let Mi = 0;
-class pe extends Ir {
+class pe extends Dr {
   instanceId = ++Mi;
   get json() {
     return this.toJSON();
@@ -545,7 +545,7 @@ class pe extends Ir {
     this.setProperties(e);
   }
   _nextTick() {
-    return Lr();
+    return Nr();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
@@ -651,11 +651,11 @@ class Z extends fe {
       const { cols: l } = t;
       switch (e) {
         case "*":
-          for (let u = 0; u < i; u++) {
+          for (let c = 0; c < i; c++) {
             let d = 0;
             for (let f = 0; f < i; f++)
-              d += o[u] * a[f * l + u];
-            h[u] = d;
+              d += o[c] * a[f * l + c];
+            h[c] = d;
           }
           break;
         default:
@@ -680,20 +680,20 @@ class Z extends fe {
             h[l] = o[l] / a[l];
           break;
         case "rot": {
-          const l = Math.cos(a[0]), u = Math.sin(a[0]);
-          h[0] = o[0] * l - o[1] * u, h[1] = o[1] * l + o[0] * u;
+          const l = Math.cos(a[0]), c = Math.sin(a[0]);
+          h[0] = o[0] * l - o[1] * c, h[1] = o[1] * l + o[0] * c;
           break;
         }
         case "==": {
           let l = !0;
-          for (let u = 0; u < i; u++)
-            l = l && o[u] === a[u];
+          for (let c = 0; c < i; c++)
+            l = l && o[c] === a[c];
           return l;
         }
         case "=":
           for (let l = 0; l < i; l++) {
-            const u = a[l];
-            u !== void 0 && (o[l] = u);
+            const c = a[l];
+            c !== void 0 && (o[l] = c);
           }
           return this._onUpdate(o), this.emit("update", o), this;
         default:
@@ -757,8 +757,8 @@ class se extends fe {
     const { cols: i, rows: o, length: a, _array: n } = this;
     let h;
     typeof t == "number" ? h = Array.from({ length: a }, () => t) : t instanceof Z || t instanceof se ? h = t.toArray() : h = t;
-    let l, u = [];
-    if (s ? s instanceof Z || s instanceof se ? l = s : u = s : t instanceof Z ? l = new t.constructor() : l = this, t instanceof Z) {
+    let l, c = [];
+    if (s ? s instanceof Z || s instanceof se ? l = s : c = s : t instanceof Z ? l = new t.constructor() : l = this, t instanceof Z) {
       const { dim: d } = t;
       switch (e) {
         case "*":
@@ -766,7 +766,7 @@ class se extends fe {
             let _ = 0;
             for (let p = 0; p < i; p++)
               p < d && (_ += n[f * i + p] * (h[p] ?? 0));
-            u[f] = _;
+            c[f] = _;
           }
           break;
         default:
@@ -780,10 +780,10 @@ class se extends fe {
               const _ = f * i;
               let p = 0;
               for (let m = 0; m < o; m++) {
-                const g = _ + m, w = m * i + d;
-                p += n[g] * (h[w] ?? 0);
+                const v = _ + m, y = m * i + d;
+                p += n[v] * (h[y] ?? 0);
               }
-              u[_ + d] = p;
+              c[_ + d] = p;
             }
           break;
         case "=":
@@ -795,7 +795,7 @@ class se extends fe {
         default:
           throw new Error(`Not support operator in '${this.toName()} ${e} Matrix2'`);
       }
-    return l?.set(u) ?? u;
+    return l?.set(c) ?? c;
   }
   identity() {
     const { cols: e, rows: t } = this, s = [];
@@ -848,7 +848,7 @@ class Ui extends se {
     super(4, 4, e);
   }
 }
-const Di = Yt / 180, wl = 180 / Yt;
+const Di = Ht / 180, wl = 180 / Ht;
 function ie(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
@@ -873,7 +873,7 @@ class Ii extends Z {
     super(4), this.set(e, t, s, i);
   }
 }
-class Yr extends se {
+class Hr extends se {
   constructor(e) {
     super(4, 5, e);
   }
@@ -1136,7 +1136,7 @@ class Tl extends se {
     super(2, 2, e);
   }
 }
-class Kr extends se {
+class Yr extends se {
   constructor(e) {
     super(3, 3, e);
   }
@@ -1151,7 +1151,7 @@ class Kr extends se {
       n,
       h,
       l
-    ] = this._array, u = l * o - a * h, d = a * n - l * i, f = h * i - o * n, _ = e * u + t * d + s * f;
+    ] = this._array, c = l * o - a * h, d = a * n - l * i, f = h * i - o * n, _ = e * c + t * d + s * f;
     if (_ === 0)
       return this.set([
         0,
@@ -1166,7 +1166,7 @@ class Kr extends se {
       ]);
     const p = 1 / _;
     return this.set([
-      u * p,
+      c * p,
       (s * h - l * t) * p,
       (a * t - s * o) * p,
       d * p,
@@ -1178,7 +1178,7 @@ class Kr extends se {
     ]);
   }
 }
-class Bi extends Kr {
+class Bi extends Yr {
   constructor(e = 0, t = 0, s = 0, i = 0, o = !1) {
     super(), this._x = e, this._y = t, this._width = s, this._height = i, this._flipY = o, this._performUpdateArray();
   }
@@ -1274,7 +1274,7 @@ class C extends Z {
     return new C(t).clone().sub(e).multiply(s).add(e);
   }
 }
-class be {
+class ye {
   get x() {
     return this.position.x;
   }
@@ -1309,11 +1309,11 @@ class be {
         break;
       case 1: {
         const i = e[0];
-        if (i instanceof be)
+        if (i instanceof ye)
           t.set(i.position), s.set(i.size);
         else {
-          const o = i.map((d) => d.x), a = i.map((d) => d.y), n = Math.min(...o), h = Math.max(...o), l = Math.min(...a), u = Math.max(...a);
-          t.set(n, l), s.set(h - n, u - l);
+          const o = i.map((d) => d.x), a = i.map((d) => d.y), n = Math.min(...o), h = Math.max(...o), l = Math.min(...a), c = Math.max(...a);
+          t.set(n, l), s.set(h - n, c - l);
         }
         break;
       }
@@ -1352,7 +1352,7 @@ class be {
     };
   }
 }
-class O extends Kr {
+class O extends Yr {
   static _t2d = /* @__PURE__ */ new O();
   premultiply(e) {
     return e.multiply(this, this);
@@ -1461,7 +1461,7 @@ class O extends Kr {
     if (e === 0 && t === 0)
       return [0, 0, i];
     {
-      const o = Math.cos(i), a = Math.sin(i), n = o + e * e * (1 - o), h = e * t * (1 - o) - s * a, l = e * s * (1 - o) + t * a, u = o + t * t * (1 - o), d = t * s * (1 - o) - e * a, f = o + s * s * (1 - o), _ = -Math.atan2(-d, u), p = -Math.atan2(l, Math.sqrt(d * d + f * f)), m = -Math.atan2(-h, n);
+      const o = Math.cos(i), a = Math.sin(i), n = o + e * e * (1 - o), h = e * t * (1 - o) - s * a, l = e * s * (1 - o) + t * a, c = o + t * t * (1 - o), d = t * s * (1 - o) - e * a, f = o + s * s * (1 - o), _ = -Math.atan2(-d, c), p = -Math.atan2(l, Math.sqrt(d * d + f * f)), m = -Math.atan2(-h, n);
       return [_, p, m];
     }
   }
@@ -1485,21 +1485,21 @@ class O extends Kr {
     skew: { x: 0, y: 0 },
     rotation: 0
   }) {
-    const { a: s, b: i, c: o, d: a, tx: n, ty: h } = this.toObject(), l = -Math.atan2(-o, a), u = Math.atan2(i, s), d = Math.abs(l + u);
-    return d < 1e-5 || Math.abs(B - d) < 1e-5 ? (t.rotation = u, t.skew.x = t.skew.y = 0) : (t.rotation = 0, t.skew.x = l, t.skew.y = u), t.scale.x = Math.sqrt(s * s + i * i), t.scale.y = Math.sqrt(o * o + a * a), t.position.x = n + (e.x * s + e.y * o), t.position.y = h + (e.x * i + e.y * a), t;
+    const { a: s, b: i, c: o, d: a, tx: n, ty: h } = this.toObject(), l = -Math.atan2(-o, a), c = Math.atan2(i, s), d = Math.abs(l + c);
+    return d < 1e-5 || Math.abs(B - d) < 1e-5 ? (t.rotation = c, t.skew.x = t.skew.y = 0) : (t.rotation = 0, t.skew.x = l, t.skew.y = c), t.scale.x = Math.sqrt(s * s + i * i), t.scale.y = Math.sqrt(o * o + a * a), t.position.x = n + (e.x * s + e.y * o), t.position.y = h + (e.x * i + e.y * a), t;
   }
   apply(e, t) {
     t = t || new C();
-    const { a: s, c: i, tx: o, b: a, d: n, ty: h } = this.toObject(), l = e.x, u = e.y;
-    return t.x = s * l + i * u + o, t.y = a * l + n * u + h, t;
+    const { a: s, c: i, tx: o, b: a, d: n, ty: h } = this.toObject(), l = e.x, c = e.y;
+    return t.x = s * l + i * c + o, t.y = a * l + n * c + h, t;
   }
   affineInverse() {
     return this.clone().affineInvert();
   }
   applyAffineInverse(e, t) {
     t = t || new C();
-    const { a: s, b: i, c: o, d: a, tx: n, ty: h } = this.toObject(), l = 1 / (s * a + o * -i), u = e.x, d = e.y;
-    return t.x = a * l * u + -o * l * d + (h * o - n * a) * l, t.y = s * l * d + -i * l * u + (-h * s + n * i) * l, t;
+    const { a: s, b: i, c: o, d: a, tx: n, ty: h } = this.toObject(), l = 1 / (s * a + o * -i), c = e.x, d = e.y;
+    return t.x = a * l * c + -o * l * d + (h * o - n * a) * l, t.y = s * l * d + -i * l * c + (-h * s + n * i) * l, t;
   }
   isIdentity() {
     const { a: e, b: t, c: s, d: i, tx: o, ty: a } = this.toObject();
@@ -1525,12 +1525,12 @@ class El extends Z {
     super(3);
   }
 }
-var zi = Object.defineProperty, Zr = (r, e, t, s) => {
+var zi = Object.defineProperty, Kr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && zi(e, t, i), i;
 };
-class Kt extends pe {
+class Yt extends pe {
   _starting = !1;
   _nextDeltaTime = 0;
   _startedProcess;
@@ -1544,13 +1544,13 @@ class Kt extends pe {
     super(), this._onTicker = this._onTicker.bind(this), this.setProperties(e);
   }
   start(e) {
-    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), k.on(this._onTicker, { sort: 0 }));
+    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), U.on(this._onTicker, { sort: 0 }));
   }
   stop() {
-    this._starting && (this._starting = !1, k.off(this._onTicker, { sort: 0 }));
+    this._starting && (this._starting = !1, U.off(this._onTicker, { sort: 0 }));
   }
   _onTicker() {
-    const e = k.elapsed * this.speed;
+    const e = U.elapsed * this.speed;
     if ((this._nextDeltaTime -= e) <= 0) {
       const s = (this._nextDeltaTime = this.spf) || e;
       this.emit("process", s);
@@ -1560,20 +1560,20 @@ class Kt extends pe {
     this.stop(), super.destroy();
   }
 }
-Zr([
-  c({ fallback: 60 })
-], Kt.prototype, "fps");
-Zr([
-  c({ fallback: 1 })
-], Kt.prototype, "speed");
-var Ni = Object.defineProperty, Jr = (r, e, t, s) => {
+Kr([
+  u({ fallback: 60 })
+], Yt.prototype, "fps");
+Kr([
+  u({ fallback: 1 })
+], Yt.prototype, "speed");
+var Ni = Object.defineProperty, Zr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Ni(e, t, i), i;
 };
-class Zt extends Ir {
+class Kt extends Dr {
   screen = { x: 0, y: 0, width: 0, height: 0 };
-  related = new Xr();
+  related = new qr();
   _updateProperty(e, t, s) {
     switch (super._updateProperty(e, t, s), e) {
       case "view":
@@ -1593,12 +1593,12 @@ class Zt extends Ir {
     super.destroy();
   }
 }
-Jr([
-  c({ fallback: jr })
-], Zt.prototype, "pixelRatio");
-Jr([
-  c({ internal: !0 })
-], Zt.prototype, "view");
+Zr([
+  u({ fallback: Wr })
+], Kt.prototype, "pixelRatio");
+Zr([
+  u({ internal: !0 })
+], Kt.prototype, "view");
 var Ze = /* @__PURE__ */ ((r) => (r.NORMAL = "normal", r.ADD = "add", r.MULTIPLY = "multiply", r.SCREEN = "screen", r.NONE = "none", r.NORMAL_NPM = "normal_npm", r.ADD_NPM = "add_npm", r.SCREEN_NPM = "screen_npm", r.SRC_IN = "src_in", r.SRC_OUT = "src_out", r.SRC_ATOP = "src_atop", r.DST_OVER = "dst_over", r.DST_IN = "dst_in", r.DST_OUT = "dst_out", r.DST_ATOP = "dst_atop", r.XOR = "xor", r.SUBTRACT = "subtract", r))(Ze || {});
 function Li(r) {
   return {
@@ -1640,7 +1640,7 @@ class H {
   destroy() {
   }
 }
-class Me {
+class ke {
   static _properties = [
     "blend",
     "offsets",
@@ -1664,7 +1664,7 @@ class Me {
     });
   }
   static for2D() {
-    const e = new Me();
+    const e = new ke();
     return e.depthTest = !1, e.blend = !0, e;
   }
   _blendMode = Ze.NORMAL;
@@ -1688,17 +1688,17 @@ class Me {
         this[t] = e[t];
   }
 }
-Me._init();
+ke._init();
 class Fi extends H {
   install(e) {
     super.install(e), e.state = this;
   }
   _blendEq = !1;
-  _setters = Me._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
+  _setters = ke._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
   boundStateBitmap = 0;
   boundBlendMode;
   blendModes;
-  defaultState = new Me({ blend: !0 });
+  defaultState = new ke({ blend: !0 });
   onUpdateContext() {
     super.onUpdateContext(), this.blendModes = Li(this._renderer.gl);
   }
@@ -1753,7 +1753,7 @@ class $i extends H {
   install(e) {
     super.install(e), e.batch2D = this;
   }
-  _state = Me.for2D();
+  _state = ke.for2D();
   _batchSize = 4096 * 4;
   _drawCallUid = 0;
   _defaultModulate = [255, 255, 255, 255];
@@ -1835,11 +1835,10 @@ void main(void) {
   vec2 uv = vUv;
 
   if (vSize.x > 0.0 && vSize.y > 0.0) {
-    uv = floor(uv * vSize);
-    uv = uv / vSize;
+    uv = floor(uv * vSize + vec2(0.5)) / vSize;
   }
 
-  vec4 color = vec4(0.0, 0.0, 0.0, 0.0);
+  vec4 color = vec4(0.0);
   if (vDisableWrapMode > 0.0 && (uv.x < 0.0 || uv.y < 0.0 || uv.x > 1.0 || uv.y > 1.0))
   {
     //
@@ -1848,20 +1847,22 @@ void main(void) {
   if (vTextureId < 0.0)
   {
     //
-  }${Array.from({ length: e }, (l, u) => {
+  }${Array.from({ length: e }, (l, c) => {
         let d = "  ";
-        return u >= 0 && (d += `
-  else `), u < e - 1 && (d += `
-  if (vTextureId < ${u}.5)`), `${d}
+        return c >= 0 && (d += `
+  else `), c < e - 1 && (d += `
+  if (vTextureId < ${c}.5)`), `${d}
   {
-    color = texture2D(samplers[${u}], uv);
+    color = texture2D(samplers[${c}], uv);
   }`;
       }).join("")}
 
   color += (1.0 - color.a) * vBackgroundColor;
+
   if (color.a > 0.0) {
     color *= vModulate;
   }
+
   gl_FragColor = color;
 }`
     }), i = t.buffer.create({
@@ -1874,33 +1875,33 @@ void main(void) {
       usage: "dynamic_draw"
     }), a = {
       attributes: Object.fromEntries(
-        Object.entries(this._attributes).map(([l, u]) => [l, { ...u, buffer: i }])
+        Object.entries(this._attributes).map(([l, c]) => [l, { ...c, buffer: i }])
       ),
       elementArrayBuffer: o
     }, n = t.vertexArray.create(s, a), h = new Int32Array(
-      Array.from({ length: e }, (l, u) => u)
+      Array.from({ length: e }, (l, c) => c)
     );
     return {
-      update: (l, u) => {
+      update: (l, c) => {
         t.vertexArray.bind(n ?? a), t.buffer.update(i, {
           target: "array_buffer",
           data: l
         }), t.buffer.update(o, {
           target: "element_array_buffer",
-          data: u
+          data: c
         });
       },
       draw: (l) => {
-        const u = this._renderer;
-        u.program.bind(s);
-        const d = u.program.uniforms.viewMatrix;
-        u.program.updateUniforms(s, {
+        const c = this._renderer;
+        c.program.bind(s);
+        const d = c.program.uniforms.viewMatrix;
+        c.program.updateUniforms(s, {
           samplers: h,
           modulate: [1, 1, 1, 1],
           zoom: [d[0], d[4]],
           translate: [d[6], d[7]],
-          ...u.program.uniforms
-        }), u.vertexArray.bind(n ?? a), u.draw(l);
+          ...c.program.uniforms
+        }), c.vertexArray.bind(n ?? a), c.draw(l);
       }
     };
   }
@@ -1914,33 +1915,33 @@ void main(void) {
     const e = this._vertexCount, t = this._indexCount, s = this._batchables;
     this._batchables = [], this._vertexCount = 0, this._indexCount = 0;
     const i = this._renderer.texture.maxUnits, o = this._getAttributeBuffer(e), a = new Float32Array(o), n = new Uint8Array(o), h = this._getIndexBuffer(t);
-    let l = 0, u = 0;
+    let l = 0, c = 0;
     const d = [];
-    for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map(), w = 0, P = 0, R = 0; R < _; R++) {
+    for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map(), y = 0, P = 0, R = 0; R < _; R++) {
       const A = s[R].texture, L = R === _ - 1;
-      if (!A || g.has(A)) {
+      if (!A || v.has(A)) {
         if (!L)
           continue;
       } else
-        m.push(A), g.set(A, w++);
-      if (L || w >= i) {
-        p.textures = m, p.textureLocationMap = g, w = 0, p.first = u;
+        m.push(A), v.set(A, y++);
+      if (L || y >= i) {
+        p.textures = m, p.textureLocationMap = v, y = 0, p.first = c;
         for (let G = P; G <= R; G++) {
           const {
-            indices: ur,
-            vertices: zt,
-            uvs: dr = new Float32Array(0),
-            size: fr = new Float32Array(0),
-            texture: pr,
+            indices: cr,
+            vertices: Bt,
+            uvs: ur = new Float32Array(0),
+            size: dr = new Float32Array(0),
+            texture: fr,
             modulate: qe = this._defaultModulate,
             backgroundColor: Xe = this._defaultBackgroundColor,
-            blendMode: _r = Ze.NORMAL,
+            blendMode: pr = Ze.NORMAL,
             disableWrapMode: Us = !1
-          } = s[G], Ds = fr[0] || 0, Is = fr[1] || 0;
-          P < G && p.blendMode !== _r && (p.count = u - p.first, d.push(p), P = G, p = { id: ++this._drawCallUid }, p.textures = m, p.first = u);
-          const Bs = l / this._vertexSize, zs = (pr ? g.get(pr) : -1) ?? -1, Ns = Us ? 1 : 0;
-          for (let Nt = zt.length, K = 0; K < Nt; K += 2) {
-            if (a[l++] = zs, a[l++] = zt[K], a[l++] = zt[K + 1], a[l++] = Ds, a[l++] = Is, a[l++] = dr[K], a[l++] = dr[K + 1], qe) {
+          } = s[G], Ds = dr[0] || 0, Is = dr[1] || 0;
+          P < G && p.blendMode !== pr && (p.count = c - p.first, d.push(p), P = G, p = { id: ++this._drawCallUid }, p.textures = m, p.first = c);
+          const Bs = l / this._vertexSize, zs = (fr ? v.get(fr) : -1) ?? -1, Ns = Us ? 1 : 0;
+          for (let zt = Bt.length, K = 0; K < zt; K += 2) {
+            if (a[l++] = zs, a[l++] = Bt[K], a[l++] = Bt[K + 1], a[l++] = Ds, a[l++] = Is, a[l++] = ur[K], a[l++] = ur[K + 1], qe) {
               const re = l * 4;
               n[re] = qe[0], n[re + 1] = qe[1], n[re + 2] = qe[2], n[re + 3] = qe[3];
             }
@@ -1950,19 +1951,19 @@ void main(void) {
             }
             l++, a[l++] = Ns;
           }
-          for (let Nt = ur.length, K = 0; K < Nt; K++)
-            h[u++] = Bs + ur[K];
-          p.blendMode = _r;
+          for (let zt = cr.length, K = 0; K < zt; K++)
+            h[c++] = Bs + cr[K];
+          p.blendMode = pr;
         }
-        P = R + 1, p.count = u - p.first, d.push(p), p = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map();
+        P = R + 1, p.count = c - p.first, d.push(p), p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map();
       }
     }
     const f = this._getShader(i);
     f.update(o, h);
     for (let _ = d.length, p = 0; p < _; p++) {
-      const m = d[p], { first: g = 0, textures: w, textureLocationMap: P } = m;
-      for (let R = w.length, A = 0; A < R; A++) {
-        const L = w[A], G = P.get(L);
+      const m = d[p], { first: v = 0, textures: y, textureLocationMap: P } = m;
+      for (let R = y.length, A = 0; A < R; A++) {
+        const L = y[A], G = P.get(L);
         G !== void 0 && this._renderer.texture.bind({
           target: "texture_2d",
           location: G,
@@ -1972,28 +1973,28 @@ void main(void) {
       this._state.blendMode = m.blendMode, this._renderer.state.bind(this._state), f.draw({
         mode: "triangles",
         count: m.count,
-        first: g,
+        first: v,
         bytesPerElement: 2
       });
     }
   }
   _getAttributeBuffer(e) {
-    const t = yr(Math.ceil(e / 8)), s = xr(t), i = t * 8;
+    const t = br(Math.ceil(e / 8)), s = yr(t), i = t * 8;
     this._attributeBuffer.length <= s && (this._indexBuffers.length = s + 1);
     let o = this._attributeBuffer[i];
     return o || (this._attributeBuffer[i] = o = new ArrayBuffer(i * this._vertexSize * 4)), o;
   }
   _getIndexBuffer(e) {
-    const t = yr(Math.ceil(e / 12)), s = xr(t), i = t * 12;
+    const t = br(Math.ceil(e / 12)), s = yr(t), i = t * 12;
     this._indexBuffers.length <= s && (this._indexBuffers.length = s + 1);
     let o = this._indexBuffers[s];
     return o || (this._indexBuffers[s] = o = new Uint16Array(i)), o;
   }
 }
-function yr(r) {
+function br(r) {
   return r += r === 0 ? 1 : 0, --r, r |= r >>> 1, r |= r >>> 2, r |= r >>> 4, r |= r >>> 8, r |= r >>> 16, r + 1;
 }
-function xr(r) {
+function yr(r) {
   let e = (r > 65535 ? 1 : 0) << 4;
   r >>>= e;
   let t = (r > 255 ? 1 : 0) << 3;
@@ -2041,8 +2042,8 @@ class Vi extends H {
     const o = i.target ?? this.boundTarget, a = i.usage ?? "static_draw", n = t.data, h = this.gl;
     let l;
     Array.isArray(n) ? o === "array_buffer" ? l = new Float32Array(n) : l = new Uint32Array(n) : l = n;
-    const u = this._renderer.getBindPoint(o);
-    l && l.byteLength <= i.byteLength ? h.bufferSubData(u, 0, l) : (h.bufferData(u, l, this._renderer.getBindPoint(a)), i.length = l?.length ?? 0, i.byteLength = l?.byteLength ?? 0, i.bytesPerElement = i.length ? i.byteLength / i.length : 0);
+    const c = this._renderer.getBindPoint(o);
+    l && l.byteLength <= i.byteLength ? h.bufferSubData(c, 0, l) : (h.bufferData(c, l, this._renderer.getBindPoint(a)), i.length = l?.length ?? 0, i.byteLength = l?.byteLength ?? 0, i.bytesPerElement = i.length ? i.byteLength / i.length : 0);
   }
   bind(e) {
     let { target: t, value: s } = e;
@@ -2351,7 +2352,7 @@ class ji extends H {
     return this._renderer.getRelated(e, () => ({
       attributes: /* @__PURE__ */ new Map(),
       uniforms: /* @__PURE__ */ new Map(),
-      boundUniforms: new Br()
+      boundUniforms: new Ir()
     }));
   }
   update(...e) {
@@ -2368,29 +2369,29 @@ class ji extends H {
       throw new Error(`Unable to link program: ${i.getProgramInfoLog(s)}`);
     o.attributes.clear(), o.uniforms.clear();
     for (let h = i.getProgramParameter(s, i.ACTIVE_ATTRIBUTES), l = 0; l < h; l++) {
-      const u = i.getActiveAttrib(s, l);
-      if (!u || u.name.startsWith("gl_"))
+      const c = i.getActiveAttrib(s, l);
+      if (!c || c.name.startsWith("gl_"))
         continue;
-      const d = this._renderer.bindPoints.get(u.type) ?? String(u.type);
-      o.attributes.set(u.name, {
+      const d = this._renderer.bindPoints.get(c.type) ?? String(c.type);
+      o.attributes.set(c.name, {
         type: d,
-        name: u.name,
+        name: c.name,
         size: qi(d),
-        location: i.getAttribLocation(s, u.name)
+        location: i.getAttribLocation(s, c.name)
       });
     }
     for (let h = i.getProgramParameter(s, i.ACTIVE_UNIFORMS), l = 0; l < h; l++) {
-      const u = i.getActiveUniform(s, l);
-      if (!u)
+      const c = i.getActiveUniform(s, l);
+      if (!c)
         continue;
-      const d = u.name.replace(/\[.*?\]$/, "");
+      const d = c.name.replace(/\[.*?\]$/, "");
       let f = i.getUniformLocation(s, d);
-      f || (f = i.getUniformLocation(s, u.name)), o.uniforms.set(d, {
+      f || (f = i.getUniformLocation(s, c.name)), o.uniforms.set(d, {
         name: d,
         index: l,
-        type: this._renderer.bindPoints.get(u.type) ?? String(u.type),
-        size: u.size,
-        isArray: d !== u.name,
+        type: this._renderer.bindPoints.get(c.type) ?? String(c.type),
+        size: c.size,
+        isArray: d !== c.name,
         location: f
       });
     }
@@ -2427,9 +2428,9 @@ ${s.getShaderInfoLog(i)}`);
       const h = i[n], l = o.get(n);
       if (!l)
         continue;
-      const { type: u, isArray: d, location: f } = l;
+      const { type: c, isArray: d, location: f } = l;
       if (!(!f || a.get(f) === h))
-        switch (a.set(f, h), u) {
+        switch (a.set(f, h), c) {
           case "float":
             d ? s.uniform1fv(f, h) : s.uniform1f(f, h);
             break;
@@ -2528,16 +2529,16 @@ function qi(r) {
   }
 }
 function gt(r, e, t) {
-  const [s, i, o, a, n, h, l, u, d] = r, f = s * e + a * t + l, _ = i * e + n * t + u, p = o * e + h * t + d;
+  const [s, i, o, a, n, h, l, c, d] = r, f = s * e + a * t + l, _ = i * e + n * t + c, p = o * e + h * t + d;
   return { x: f / p, y: _ / p };
 }
 function Xi(r, e) {
-  const { x: t, y: s, width: i, height: o } = e, a = gt(r, t, s), n = gt(r, t + i, s), h = gt(r, t + i, s + o), l = gt(r, t, s + o), u = [a, n, h, l], d = u.map((w) => w.x), f = u.map((w) => w.y), _ = Math.min(...d), p = Math.max(...d), m = Math.min(...f), g = Math.max(...f);
+  const { x: t, y: s, width: i, height: o } = e, a = gt(r, t, s), n = gt(r, t + i, s), h = gt(r, t + i, s + o), l = gt(r, t, s + o), c = [a, n, h, l], d = c.map((y) => y.x), f = c.map((y) => y.y), _ = Math.min(...d), p = Math.max(...d), m = Math.min(...f), v = Math.max(...f);
   return {
     x: _,
     y: m,
     width: p - _,
-    height: g - m
+    height: v - m
   };
 }
 class Hi extends H {
@@ -2560,10 +2561,10 @@ class Hi extends H {
     }
   }
   use() {
-    const e = this._renderer, { pixelRatio: t, mask: s, viewport: i, screen: o, gl: a, program: n } = e, { viewMatrix: h } = n.uniforms, l = Xi(h, s.last.mask), { x: u, y: d, width: f, height: _ } = l;
+    const e = this._renderer, { pixelRatio: t, mask: s, viewport: i, screen: o, gl: a, program: n } = e, { viewMatrix: h } = n.uniforms, l = Xi(h, s.last.mask), { x: c, y: d, width: f, height: _ } = l;
     let p;
     i.boundViewport ? p = i.boundViewport.height - (_ + d) * t : p = (o.height - (_ + d)) * t, a.scissor(
-      u * t,
+      c * t,
       p,
       f * t,
       _ * t
@@ -2683,12 +2684,12 @@ class Zi extends H {
       const d = this._renderer.getBindPoint(n.wrapMode);
       a.texParameteri(l, a.TEXTURE_WRAP_S, d), a.texParameteri(l, a.TEXTURE_WRAP_T, d);
     }
-    const u = n.filterMode;
-    if (h.filterMode && u) {
-      const d = this._renderer.getBindPoint(u.split("_")[0]);
-      u.includes("_") ? a.texParameteri(l, a.TEXTURE_MIN_FILTER, this._renderer.getBindPoint(u)) : a.texParameteri(l, a.TEXTURE_MIN_FILTER, d), a.texParameteri(l, a.TEXTURE_MAG_FILTER, d);
+    const c = n.filterMode;
+    if (h.filterMode && c) {
+      const d = this._renderer.getBindPoint(c.split("_")[0]);
+      c.includes("_") ? a.texParameteri(l, a.TEXTURE_MIN_FILTER, this._renderer.getBindPoint(c)) : a.texParameteri(l, a.TEXTURE_MIN_FILTER, d), a.texParameteri(l, a.TEXTURE_MAG_FILTER, d);
     }
-    if (n.anisoLevel && u === "linear" && this._renderer.extensions.anisotropicFiltering && h.anisoLevel) {
+    if (n.anisoLevel && c === "linear" && this._renderer.extensions.anisotropicFiltering && h.anisoLevel) {
       const {
         MAX_TEXTURE_MAX_ANISOTROPY_EXT: d,
         TEXTURE_MAX_ANISOTROPY_EXT: f
@@ -2713,9 +2714,9 @@ class Zi extends H {
       i ??= "texture_2d", o ??= 0;
     let n = this.boundTextures[o];
     n || (this.boundTextures[o] = n = { texture_2d: null, texture_cube_map: null });
-    const h = n[i] ?? null, l = this.boundLocation, u = s !== h, d = {
-      location: o !== l && (u || a),
-      texture: u
+    const h = n[i] ?? null, l = this.boundLocation, c = s !== h, d = {
+      location: o !== l && (c || a),
+      texture: c
     }, f = this._renderer.getBindPoint(i);
     d.location && (t.activeTexture(t.TEXTURE0 + o), this.boundLocation = o), d.texture && (t.bindTexture(f, s ?? this.emptyTextures[i]), n[i] = s), this.boundTarget = i;
   }
@@ -2750,7 +2751,7 @@ class Ji extends H {
       type: n = "float",
       normalized: h = !1,
       stride: l = 0,
-      offset: u = 0,
+      offset: c = 0,
       divisor: d
     } = s, f = this._renderer.gl;
     this._renderer.buffer.bind({ target: "array_buffer", value: o });
@@ -2761,7 +2762,7 @@ class Ji extends H {
         this._renderer.getBindPoint(n),
         h,
         l,
-        u + (l - u) / i * _
+        c + (l - c) / i * _
       );
     d && ("vertexAttribDivisor" in f ? f.vertexAttribDivisor(t, d) : console.warn("Failed to active vertex array object, GPU Instancing is not supported on this device")), this.boundVertexArray.attributes[e] = {
       enable: !0,
@@ -2801,9 +2802,9 @@ class Ji extends H {
     if (s.attributes) {
       const o = this._renderer.program.getMeta(t), a = {}, n = {};
       for (const l in s.attributes) {
-        const u = s.attributes[l], d = o.attributes.get(l);
+        const c = s.attributes[l], d = o.attributes.get(l);
         let f;
-        "buffer" in u ? f = { ...u } : f = { buffer: u }, f.size = f.size || d?.size || 0;
+        "buffer" in c ? f = { ...c } : f = { buffer: c }, f.size = f.size || d?.size || 0;
         const _ = this._renderer.buffer.getMeta(f.buffer), p = Number(d?.type.match(/mat(\d)/)?.[1] ?? 1);
         let m;
         switch (f.type) {
@@ -2822,8 +2823,8 @@ class Ji extends H {
       }
       const h = {};
       for (const l in n) {
-        const { attrib: u, meta: d, info: f, byteLength: _, dimension: p } = n[l];
-        f?.location !== void 0 && (h[d.id] ??= 0, u.offset ??= h[d.id], u.stride ??= a[d.id] === _ ? 0 : a[d.id], this.enableVertexAttrib(l, f.location, u, p), h[d.id] += _);
+        const { attrib: c, meta: d, info: f, byteLength: _, dimension: p } = n[l];
+        f?.location !== void 0 && (h[d.id] ??= 0, c.offset ??= h[d.id], c.stride ??= a[d.id] === _ ? 0 : a[d.id], this.enableVertexAttrib(l, f.location, c, p), h[d.id] += _);
       }
     }
     const i = s.elementArrayBuffer ?? null;
@@ -2866,7 +2867,7 @@ class Qi extends H {
     super.reset(), this.boundViewport = { x: 0, y: 0, width: 0, height: 0 };
   }
 }
-class eo extends Zt {
+class eo extends Kt {
   _modules = [
     new Zi(),
     new Vi(),
@@ -2989,14 +2990,14 @@ class eo extends Zt {
   toPixels(e = 0, t = 0, s = this.gl.drawingBufferWidth, i = this.gl.drawingBufferHeight) {
     const o = s * i * 4, a = s * 4, n = (i - 1) * a, h = new Uint8Array(o), l = new Uint8ClampedArray(o);
     this.gl.readPixels(e, t, s, i, this.gl.RGBA, this.gl.UNSIGNED_BYTE, h);
-    for (let u = 0; u < o; u += a)
-      l.set(h.subarray(u, u + a), n - u);
+    for (let c = 0; c < o; c += a)
+      l.set(h.subarray(c, c + a), n - c);
     return l;
   }
 }
-class Se {
+class Ce {
 }
-class to extends Se {
+class to extends Ce {
   install(e) {
     const t = async (s) => {
       const { parseFont: i } = await import("modern-font");
@@ -3011,12 +3012,12 @@ class to extends Se {
     }), e.font = this, this;
   }
 }
-class Jt extends _e {
+class Zt extends _e {
   vertexAttributes;
   indexBuffer;
   instanceCount;
   mode;
-  _materialWeakMap = new Xr();
+  _materialWeakMap = new qr();
   constructor(e = {}) {
     super(), this.vertexAttributes = new Map(Object.entries(e?.vertexAttributes ?? {})), this.indexBuffer = e?.indexBuffer, this.instanceCount = e?.instanceCount, this.mode = e?.mode ?? "triangles";
   }
@@ -3064,7 +3065,7 @@ class Jt extends _e {
     }), e.vertexArray.unbind();
   }
 }
-var ro = Object.defineProperty, Qr = (r, e, t, s) => {
+var ro = Object.defineProperty, Jr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ro(e, t, i), i;
@@ -3102,13 +3103,13 @@ class nt extends _e {
     )), t;
   }
 }
-Qr([
-  c({ internal: !0, fallback: null })
+Jr([
+  u({ internal: !0, fallback: null })
 ], nt.prototype, "data");
-Qr([
-  c({ internal: !0, fallback: !1 })
+Jr([
+  u({ internal: !0, fallback: !1 })
 ], nt.prototype, "dynamic");
-var so = Object.defineProperty, es = (r, e, t, s) => {
+var so = Object.defineProperty, Qr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && so(e, t, i), i;
@@ -3146,13 +3147,13 @@ class ue extends _e {
     )), t;
   }
 }
-es([
-  c({ internal: !0, default: null })
+Qr([
+  u({ internal: !0, default: null })
 ], ue.prototype, "data");
-es([
-  c({ internal: !0, fallback: !1 })
+Qr([
+  u({ internal: !0, fallback: !1 })
 ], ue.prototype, "dynamic");
-var io = Object.defineProperty, Ce = (r, e, t, s) => {
+var io = Object.defineProperty, Ae = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && io(e, t, i), i;
@@ -3183,28 +3184,28 @@ class $ extends _e {
     return e && (this.needsUpload = !1), e;
   }
 }
-Ce([
-  c({ internal: !0 })
+Ae([
+  u({ internal: !0 })
 ], $.prototype, "buffer");
-Ce([
-  c({ fallback: 0 })
+Ae([
+  u({ fallback: 0 })
 ], $.prototype, "size");
-Ce([
-  c({ fallback: !1 })
+Ae([
+  u({ fallback: !1 })
 ], $.prototype, "normalized");
-Ce([
-  c({ fallback: "float" })
+Ae([
+  u({ fallback: "float" })
 ], $.prototype, "type");
-Ce([
-  c()
+Ae([
+  u()
 ], $.prototype, "stride");
-Ce([
-  c()
+Ae([
+  u()
 ], $.prototype, "offset");
-Ce([
-  c()
+Ae([
+  u()
 ], $.prototype, "divisor");
-class Sl extends Jt {
+class Sl extends Zt {
   constructor() {
     super({
       vertexAttributes: {
@@ -3226,14 +3227,13 @@ class Sl extends Jt {
     });
   }
 }
-class x extends _e {
+class w extends _e {
   static instance = new this();
   vert;
   frag;
   uniforms;
   constructor(e = {}) {
-    super(), this.vert = e.vert ?? `precision highp float;
-attribute vec2 position;
+    super(), this.vert = e.vert ?? `attribute vec2 position;
 uniform mat3 projectionMatrix;
 uniform mat3 modelViewMatrix;
 void main(void) {
@@ -3275,7 +3275,7 @@ function no(r) {
   }
   return Number(r);
 }
-class yt extends x {
+class yt extends w {
   vert = `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -3329,15 +3329,14 @@ void main(void) { gl_FragColor = transition(vUv); }` : ""}`;
       });
   }
 }
-class xt extends x {
+class xt extends w {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
   }
   constructor() {
     super({
-      vert: `precision highp float;
-attribute vec2 position;
+      vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform mat3 projectionMatrix;
 uniform mat3 modelViewMatrix;
@@ -3361,7 +3360,7 @@ void main(void) {
     });
   }
 }
-class b extends Jt {
+class b extends Zt {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
@@ -3398,7 +3397,7 @@ class b extends Jt {
     });
   }
 }
-class Cl extends Jt {
+class Cl extends Zt {
   positionBuffer;
   uvBuffer;
   constructor() {
@@ -3425,7 +3424,7 @@ class Cl extends Jt {
     }), this.positionBuffer = e, this.uvBuffer = t;
   }
 }
-var lo = Object.defineProperty, ze = (r, e, t, s) => {
+var lo = Object.defineProperty, Ne = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && lo(e, t, i), i;
@@ -3498,7 +3497,7 @@ class T extends _e {
     }
   }
   _updatePOT() {
-    this._isPowerOfTwo = vr(this.realWidth) && vr(this.realHeight), this.requestUpload();
+    this._isPowerOfTwo = gr(this.realWidth) && gr(this.realHeight), this.requestUpload();
   }
   updateSize() {
     const e = this.source;
@@ -3527,25 +3526,25 @@ class T extends _e {
     fi && this.source instanceof ImageBitmap && this.source.close();
   }
 }
-ze([
-  c({ internal: !0 })
+Ne([
+  u({ internal: !0 })
 ], T.prototype, "source");
-ze([
-  c({ fallback: 0 })
+Ne([
+  u({ fallback: 0 })
 ], T.prototype, "width");
-ze([
-  c({ fallback: 0 })
+Ne([
+  u({ fallback: 0 })
 ], T.prototype, "height");
-ze([
-  c({ fallback: "linear" })
+Ne([
+  u({ fallback: "linear" })
 ], T.prototype, "filterMode");
-ze([
-  c({ fallback: "clamp_to_edge" })
+Ne([
+  u({ fallback: "clamp_to_edge" })
 ], T.prototype, "wrapMode");
-ze([
-  c({ fallback: 1 })
+Ne([
+  u({ fallback: 1 })
 ], T.prototype, "pixelRatio");
-class Vt extends _e {
+class $t extends _e {
   frames;
   frameIndex = 0;
   get currentFrame() {
@@ -3576,7 +3575,7 @@ var ho = Object.defineProperty, co = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ho(e, t, i), i;
 };
-class Qt extends T {
+class Jt extends T {
   constructor(e = document.createElement("canvas")) {
     super(e);
   }
@@ -3593,8 +3592,8 @@ class Qt extends T {
   }
 }
 co([
-  c({ fallback: 2 })
-], Qt.prototype, "pixelRatio");
+  u({ fallback: 2 })
+], Jt.prototype, "pixelRatio");
 class Al extends T {
   static _cached = /* @__PURE__ */ new Map();
   static get(e) {
@@ -3626,7 +3625,7 @@ class kt extends T {
     const o = i.getContext("2d");
     if (!o)
       throw new Error("Failed to parse linear gradient, get canvas context is null.");
-    const { angle: a = 0, stops: n } = e, h = t, l = s, u = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), g = u - _ * (m / 2), w = d - p * (m / 2), P = u + _ * (m / 2), R = d + p * (m / 2), A = o.createLinearGradient(g, w, P, R);
+    const { angle: a = 0, stops: n } = e, h = t, l = s, c = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), v = c - _ * (m / 2), y = d - p * (m / 2), P = c + _ * (m / 2), R = d + p * (m / 2), A = o.createLinearGradient(v, y, P, R);
     for (const G of n) A.addColorStop(G.offset, G.color);
     o.fillStyle = A, o.fillRect(0, 0, h, l);
     const L = o.getImageData(0, 0, i.width, i.height);
@@ -3645,7 +3644,7 @@ class kt extends T {
 function uo(r) {
   return {
     autoLoad: !!(r?.autoLoad ?? !0),
-    useBitmap: !!(r?.useBitmap ?? !0) && $r,
+    useBitmap: !!(r?.useBitmap ?? !0) && Fr,
     crossorigin: r?.crossorigin ?? null
   };
 }
@@ -3677,7 +3676,7 @@ class Rl extends T {
   genBitmap() {
     if (this._loadBitmap)
       return this._loadBitmap;
-    if (this.bitmap || !$r)
+    if (this.bitmap || !Fr)
       return Promise.resolve(this);
     const e = this.source, t = !e.crossOrigin || e.crossOrigin === "anonymous";
     return this._loadBitmap = fetch(e.src, {
@@ -3707,7 +3706,7 @@ class Rl extends T {
     return this.preserveBitmap && this.bitmap && (this.bitmap.close(), this.bitmap = void 0), t;
   }
 }
-class ts extends T {
+class es extends T {
   constructor(e, t = 1, s = 1) {
     const i = {
       width: t,
@@ -3731,7 +3730,7 @@ class ts extends T {
     super._updateProperty(e, t, s);
   }
 }
-var fo = Object.defineProperty, rs = (r, e, t, s) => {
+var fo = Object.defineProperty, ts = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && fo(e, t, i), i;
@@ -3747,7 +3746,7 @@ function po(r) {
     playsinline: !!(r?.playsinline ?? !0)
   };
 }
-const er = class ss extends T {
+const Qt = class rs extends T {
   static mimeTypes = new Map(Object.entries({
     ogv: "video/ogg",
     mov: "video/quicktime",
@@ -3790,8 +3789,8 @@ const er = class ss extends T {
         if (n = n || e[a], n.startsWith("data:"))
           h = n.slice(5, n.indexOf(";"));
         else if (!n.startsWith("blob:")) {
-          const u = n.split("?").shift().toLowerCase(), d = u.slice(u.lastIndexOf(".") + 1);
-          h = h || ss.mimeTypes.get(d) || `video/${d}`;
+          const c = n.split("?").shift().toLowerCase(), d = c.slice(c.lastIndexOf(".") + 1);
+          h = h || rs.mimeTypes.get(d) || `video/${d}`;
         }
         const l = document.createElement("source");
         l.src = n, h && (l.type = h), o.appendChild(l);
@@ -3830,15 +3829,15 @@ const er = class ss extends T {
     this.autoUpdate && !this.isPlaying && (this._nextTime = 0, this.requestUpload(), this._nextTime = 0);
   };
   _setupAutoUpdate() {
-    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
+    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (U.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
       this._videoFrameRequestCallback
-    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (k.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
+    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (U.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (U.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
   }
   _videoFrameRequestCallback = () => {
     this.requestUpload(), this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback);
   };
   requestUpload = () => {
-    const e = Math.floor(k.elapsed * this.source.playbackRate);
+    const e = Math.floor(U.elapsed * this.source.playbackRate);
     this._nextTime -= e, (!this._spf || this._nextTime <= 0) && (super.requestUpload(), this._nextTime = this._spf || 0);
   };
   async load() {
@@ -3856,14 +3855,14 @@ const er = class ss extends T {
     e && (e.removeEventListener("play", this._onPlayStart), e.removeEventListener("pause", this._onPlayStop), e.removeEventListener("seeked", this._onSeeked), e.removeEventListener("canplay", this._onCanPlay), e.removeEventListener("canplaythrough", this._onCanPlay), e.removeEventListener("error", this._onError, !0), e.pause(), e.src = "", e.load());
   }
 };
-rs([
-  c({ internal: !0, fallback: !0 })
-], er.prototype, "autoUpdate");
-rs([
-  c({ internal: !0, fallback: 0 })
-], er.prototype, "fps");
-let _o = er;
-class wr extends ts {
+ts([
+  u({ internal: !0, fallback: !0 })
+], Qt.prototype, "autoUpdate");
+ts([
+  u({ internal: !0, fallback: 0 })
+], Qt.prototype, "fps");
+let _o = Qt;
+class xr extends es {
   //
 }
 class mo extends bt {
@@ -3895,7 +3894,7 @@ class mo extends bt {
           t = this.style.stroke;
           break;
         case "object":
-          mr(this.style.stroke) && (t = this.style.stroke.color);
+          _r(this.style.stroke) && (t = this.style.stroke.color);
           break;
       }
     this._draws.push({
@@ -3930,7 +3929,7 @@ class mo extends bt {
           t = this.style.fill;
           break;
         case "object":
-          mr(this.style.fill) && (t = this.style.fill.color);
+          _r(this.style.fill) && (t = this.style.fill.color);
           break;
       }
     this._draws.push({
@@ -3955,9 +3954,9 @@ class mo extends bt {
     if (i) {
       const a = i.width, n = i.height;
       for (let h = t.length, l = e; l < h; l += 2) {
-        const u = t[l], d = t[l + 1];
+        const c = t[l], d = t[l + 1];
         let f, _;
-        o ? [f, _] = o.apply({ x: u, y: d }).toArray() : [f, _] = [u / a, d / n], s.push(f, _);
+        o ? [f, _] = o.apply({ x: c, y: d }).toArray() : [f, _] = [c / a, d / n], s.push(f, _);
       }
     } else
       for (let a = t.length, n = e; n < a; n += 2)
@@ -3975,7 +3974,7 @@ class mo extends bt {
         indices: a,
         lineStyle: i.lineStyle,
         flipAlignment: !1,
-        closed: !0
+        closed: !1
       }), i.texture && this.buildUvs(0, o, n, i.texture, i.uvTransform), e.push({
         vertices: new Float32Array(o),
         indices: new Float32Array(a),
@@ -4065,10 +4064,10 @@ var bo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, ne = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && bo(e, t, i), i;
 };
-const Pr = {};
+const wr = {};
 function xo(r) {
-  let e = Pr[r] ?? 0;
-  return e++, Pr[r] = e, e;
+  let e = wr[r] ?? 0;
+  return e++, wr[r] = e, e;
 }
 let M = class extends pe {
   _meta = new vo(this);
@@ -4418,7 +4417,7 @@ let M = class extends pe {
     );
   }
   toJSON() {
-    return zr({
+    return Br({
       ...super.toJSON(),
       children: this.children.length ? [...this.children.map((r) => r.toJSON())] : void 0,
       meta: {
@@ -4430,38 +4429,38 @@ let M = class extends pe {
   static parse(r) {
     if (Array.isArray(r))
       return r.map((n) => this.parse(n));
-    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Ht.get(i) ?? M, a = new o({ ...s, meta: e });
+    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Xt.get(i) ?? M, a = new o({ ...s, meta: e });
     return t?.forEach((n) => a.appendChild(this.parse(n))), a;
   }
 };
 ne([
-  c({ fallback: Nr() })
+  u({ fallback: zr() })
 ], M.prototype, "id", 2);
 ne([
-  c({ fallback: Nr() })
+  u({ fallback: zr() })
 ], M.prototype, "name", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
+  u({ internal: !0, fallback: "inherit" })
 ], M.prototype, "processMode", 2);
 ne([
-  c({ internal: !0, fallback: "default" })
+  u({ internal: !0, fallback: "default" })
 ], M.prototype, "processSortMode", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
+  u({ internal: !0, fallback: "inherit" })
 ], M.prototype, "renderMode", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
+  u({ internal: !0, fallback: "inherit" })
 ], M.prototype, "inputMode", 2);
 ne([
-  c({ internal: !0, fallback: "default" })
+  u({ internal: !0, fallback: "default" })
 ], M.prototype, "internalMode", 2);
 ne([
-  c({ internal: !0 })
+  u({ internal: !0 })
 ], M.prototype, "mask", 2);
 M = ne([
-  v("Node")
+  g("Node")
 ], M);
-var wo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Ne = (r, e, t, s) => {
+var wo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Le = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Po(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && wo(e, t, i), i;
@@ -4513,30 +4512,30 @@ let W = class extends M {
     super._process(r), this._updateCurrentTime();
   }
 };
-Ne([
-  c({ fallback: !1 })
+Le([
+  u({ fallback: !1 })
 ], W.prototype, "loop", 2);
-Ne([
-  c({ fallback: 0 })
+Le([
+  u({ fallback: 0 })
 ], W.prototype, "delay", 2);
-Ne([
-  c({ fallback: 0 })
+Le([
+  u({ fallback: 0 })
 ], W.prototype, "duration", 2);
-Ne([
-  c({ fallback: !1 })
+Le([
+  u({ fallback: !1 })
 ], W.prototype, "paused", 2);
-Ne([
-  c({ internal: !0, fallback: !1 })
+Le([
+  u({ internal: !0, fallback: !1 })
 ], W.prototype, "insideTimeRange", 2);
-W = Ne([
-  v("TimelineNode")
+W = Le([
+  g("TimelineNode")
 ], W);
 var To = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, lt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Eo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && To(e, t, i), i;
 };
-let we = class extends W {
+let Pe = class extends W {
   _parentGlobalVisible;
   _globalVisible;
   get globalVisible() {
@@ -4647,21 +4646,21 @@ let we = class extends W {
   }
 };
 lt([
-  c()
-], we.prototype, "modulate", 2);
+  u()
+], Pe.prototype, "modulate", 2);
 lt([
-  c()
-], we.prototype, "blendMode", 2);
+  u()
+], Pe.prototype, "blendMode", 2);
 lt([
-  c({ internal: !0, fallback: !0 })
-], we.prototype, "visible", 2);
+  u({ internal: !0, fallback: !0 })
+], Pe.prototype, "visible", 2);
 lt([
-  c({ internal: !0, fallback: 1 })
-], we.prototype, "opacity", 2);
-we = lt([
-  v("CanvasItem")
-], we);
-var So = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Le = (r, e, t, s) => {
+  u({ internal: !0, fallback: 1 })
+], Pe.prototype, "opacity", 2);
+Pe = lt([
+  g("CanvasItem")
+], Pe);
+var So = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Fe = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Co(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && So(e, t, i), i;
@@ -4674,8 +4673,8 @@ let j = class extends M {
   canvasTransform = new O();
   _framebufferIndex = 0;
   _framebuffers = [
-    { texture: new wr(), needsUpload: !1 },
-    { texture: new wr(), needsUpload: !1 }
+    { texture: new xr(), needsUpload: !1 },
+    { texture: new xr(), needsUpload: !1 }
   ];
   get valid() {
     return !!(this.width && this.height);
@@ -4739,9 +4738,12 @@ let j = class extends M {
   activate(r) {
     return this.valid ? (r.flush(), this._tree?.setCurrentViewport(this), this.upload(r), r.framebuffer.bind(this._glFramebuffer(r)), !0) : !1;
   }
+  flush(r) {
+    r.flush();
+  }
   redraw(r, e) {
     if (this.valid) {
-      r.flush();
+      this.flush(r);
       const t = this.framebuffer.texture;
       return this._framebufferIndex = (this._framebufferIndex + 1) % this._framebuffers.length, this.activate(r), r.clear(), t.activate(r, 0), e(), !0;
     }
@@ -4757,7 +4759,7 @@ let j = class extends M {
     r.program.uniforms.projectionMatrix = this.projection.toArray(!0), r.program.uniforms.viewMatrix = this.canvasTransform.toArray(!0), this.activate(r), r.clear(), super.render(r, e), r.flush(), t ? t.activate(r) : (r.framebuffer.bind(null), this._tree?.setCurrentViewport(void 0));
   }
   getRect() {
-    return new be(this.x, this.y, this.width, this.height);
+    return new ye(this.x, this.y, this.width, this.height);
   }
   toCanvasGlobal(r, e) {
     return this.canvasTransform.applyAffineInverse(r, e);
@@ -4766,30 +4768,30 @@ let j = class extends M {
     return this.canvasTransform.apply(r, e);
   }
 };
-Le([
-  c({ fallback: 0 })
+Fe([
+  u({ fallback: 0 })
 ], j.prototype, "x", 2);
-Le([
-  c({ fallback: 0 })
+Fe([
+  u({ fallback: 0 })
 ], j.prototype, "y", 2);
-Le([
-  c({ fallback: 0 })
+Fe([
+  u({ fallback: 0 })
 ], j.prototype, "width", 2);
-Le([
-  c({ fallback: 0 })
+Fe([
+  u({ fallback: 0 })
 ], j.prototype, "height", 2);
-Le([
-  c({ internal: !0, fallback: !1 })
+Fe([
+  u({ internal: !0, fallback: !1 })
 ], j.prototype, "msaa", 2);
-j = Le([
-  v("Viewport")
+j = Fe([
+  g("Viewport")
 ], j);
 var Ao = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, ht = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ro(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Ao(e, t, i), i;
 };
-let y = class extends W {
+let x = class extends W {
   material;
   get _effectMode() {
     return this.effectMode ?? "parent";
@@ -4949,20 +4951,20 @@ let y = class extends W {
   }
 };
 ht([
-  c({ internal: !0 })
-], y.prototype, "material", 2);
+  u({ internal: !0 })
+], x.prototype, "material", 2);
 ht([
-  c()
-], y.prototype, "effectMode", 2);
+  u()
+], x.prototype, "effectMode", 2);
 ht([
-  c()
-], y.prototype, "glsl", 2);
+  u()
+], x.prototype, "glsl", 2);
 ht([
-  c()
-], y.prototype, "glslSrc", 2);
-y = ht([
-  v("Effect")
-], y);
+  u()
+], x.prototype, "glslSrc", 2);
+x = ht([
+  g("Effect")
+], x);
 class Oo {
   currentCall;
   calls = [];
@@ -4986,7 +4988,7 @@ class Oo {
     }), this.calls = [];
   }
 }
-var Mo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Fe = (r, e, t, s) => {
+var Mo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, $e = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ko(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Mo(e, t, i), i;
@@ -5022,43 +5024,51 @@ let oe = class extends M {
     super._process(r), this.paused || this.addTime(r);
   }
 };
-Fe([
-  c({ fallback: 0 })
+$e([
+  u({ fallback: 0 })
 ], oe.prototype, "startTime", 2);
-Fe([
-  c({ fallback: 0 })
+$e([
+  u({ fallback: 0 })
 ], oe.prototype, "currentTime", 2);
-Fe([
-  c({ fallback: Number.MAX_SAFE_INTEGER })
+$e([
+  u({ fallback: Number.MAX_SAFE_INTEGER })
 ], oe.prototype, "endTime", 2);
-Fe([
-  c({ fallback: !1 })
+$e([
+  u({ fallback: !1 })
 ], oe.prototype, "loop", 2);
-Fe([
-  c({ fallback: !1 })
+$e([
+  u({ fallback: !1 })
 ], oe.prototype, "paused", 2);
-oe = Fe([
-  v("Timeline")
+oe = $e([
+  g("Timeline")
 ], oe);
-var Uo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, is = (r, e, t, s) => {
+var Uo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ss = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Do(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Uo(e, t, i), i;
 };
 let wt = class extends j {
+  finish(r) {
+    r.framebuffer.finishRenderPass(
+      this._glFramebuffer(r)
+    );
+  }
+  flush(r) {
+    this.finish(r), super.flush(r);
+  }
 };
-is([
-  c({ fallback: !1 })
+ss([
+  u({ fallback: !1 })
 ], wt.prototype, "msaa", 2);
-wt = is([
-  v("Window")
+wt = ss([
+  g("Window")
 ], wt);
-var Io = Object.defineProperty, $e = (r, e, t, s) => {
+var Io = Object.defineProperty, Re = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Io(e, t, i), i;
 };
-class Ae extends Kt {
+class me extends Yt {
   input = new Oi();
   renderStack = new Oo();
   root = new wt(!0).setTree(this);
@@ -5093,9 +5103,7 @@ class Ae extends Kt {
     this.emit("rendering"), this.renderStack.render(e), this._renderScreen(e), this.emit("rendered");
   }
   _renderScreen(e) {
-    this.root.msaa && e.framebuffer.finishRenderPass(
-      this.root._glFramebuffer(e)
-    ), e.state.reset(), e.framebuffer.bind(null), e.gl.bindFramebuffer(e.gl.FRAMEBUFFER, null), e.viewport.bind({
+    this.root.finish(e), e.state.reset(), e.framebuffer.bind(null), e.gl.bindFramebuffer(e.gl.FRAMEBUFFER, null), e.viewport.bind({
       x: 0,
       y: 0,
       width: this.root.width * e.pixelRatio,
@@ -5108,47 +5116,50 @@ class Ae extends Kt {
     this.root.destroy(), this.input.destroy(), super.destroy();
   }
 }
-$e([
-  c({ fallback: !0 })
-], Ae.prototype, "pixelate");
-$e([
-  c()
-], Ae.prototype, "backgroundColor");
-$e([
-  c({ internal: !0, fallback: !1 })
-], Ae.prototype, "debug");
-$e([
-  c({ internal: !0, fallback: !1 })
-], Ae.prototype, "processPaused");
-$e([
-  c({ internal: !0, default: () => Js })
-], Ae.prototype, "fonts");
-$e([
-  c({ internal: !0, default: () => new oe() })
-], Ae.prototype, "timeline");
+Re([
+  u({ alias: "root.msaa" })
+], me.prototype, "msaa");
+Re([
+  u({ fallback: !1 })
+], me.prototype, "pixelate");
+Re([
+  u()
+], me.prototype, "backgroundColor");
+Re([
+  u({ internal: !0, fallback: !1 })
+], me.prototype, "debug");
+Re([
+  u({ internal: !0, fallback: !1 })
+], me.prototype, "processPaused");
+Re([
+  u({ internal: !0, default: () => Js })
+], me.prototype, "fonts");
+Re([
+  u({ internal: !0, default: () => new oe() })
+], me.prototype, "timeline");
 var Bo = Object.getOwnPropertyDescriptor, zo = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Bo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let ke = class extends y {
+let Ue = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-ke = zo([
-  v("Transition", {
+Ue = zo([
+  g("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], ke);
-var No = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, tr = (r, e, t, s) => {
+], Ue);
+var No = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, er = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Lo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && No(e, t, i), i;
 };
-let Pe = class extends we {
+let Te = class extends Pe {
   position = new C().on("update", () => this.updateGlobalTransform());
   scale = new C(1, 1).on("update", () => this.updateGlobalTransform());
   skew = new C().on("update", () => this.updateGlobalTransform());
@@ -5197,9 +5208,9 @@ let Pe = class extends we {
     } else
       [t, s, i, o, a, n] = this.globalTransform.toArray();
     const h = r.slice();
-    for (let l = r.length, u = 0; u < l; u += 2) {
-      const d = r[u], f = r[u + 1];
-      h[u] = t * d + s * f + i, h[u + 1] = o * d + a * f + n;
+    for (let l = r.length, c = 0; c < l; c += 2) {
+      const d = r[c], f = r[c + 1];
+      h[c] = t * d + s * f + i, h[c + 1] = o * d + a * f + n;
     }
     return h;
   }
@@ -5221,21 +5232,21 @@ let Pe = class extends we {
     return this.globalTransform.apply(r, e);
   }
 };
-tr([
-  c({ internal: !0, fallback: 0 })
-], Pe.prototype, "rotation", 2);
-tr([
-  c({ internal: !0, fallback: 0 })
-], Pe.prototype, "globalRotation", 2);
-Pe = tr([
-  v("Node2D")
-], Pe);
-var Fo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, rr = (r, e, t, s) => {
+er([
+  u({ internal: !0, fallback: 0 })
+], Te.prototype, "rotation", 2);
+er([
+  u({ internal: !0, fallback: 0 })
+], Te.prototype, "globalRotation", 2);
+Te = er([
+  g("Node2D")
+], Te);
+var Fo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, tr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? $o(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Fo(e, t, i), i;
 };
-let Pt = class extends Pe {
+let Pt = class extends Te {
   canvasTransform = new O();
   _screenOffset = { x: 0, y: 0 };
   _zoom = new C(1, 1).on("update", () => this.updateTransform());
@@ -5299,8 +5310,8 @@ let Pt = class extends Pe {
     } else if (e === "pointermove") {
       const t = r;
       this.grabbing && (this.position.add(
-        this._screenOffset.x - t.screenX,
-        this._screenOffset.y - t.screenY
+        Math.round(this._screenOffset.x - t.screenX),
+        Math.round(this._screenOffset.y - t.screenY)
       ), this._screenOffset = { x: t.screenX, y: t.screenY });
     } else if (e === "pointerup") {
       const t = r;
@@ -5314,15 +5325,18 @@ let Pt = class extends Pe {
       this.zoomWithWheel(i);
       const o = this.toScreen(t);
       this.position.add(
-        o.x - e.x,
-        o.y - e.y
+        Math.round(o.x - e.x),
+        Math.round(o.y - e.y)
       );
     } else
-      r.preventDefault(), this.position.add(r.deltaX, r.deltaY);
+      r.preventDefault(), this.position.add(
+        Math.round(r.deltaX),
+        Math.round(r.deltaY)
+      );
   }
   zoomWithWheel(r) {
-    const t = Math.log(this._zoom.x) + r;
-    this.setZoom(Math.exp(t));
+    const t = Math.log(this._zoom.x) + r, s = Math.exp(t);
+    this.setZoom(Math.round(s * 1e4) / 1e4);
   }
   updateTransform() {
     super.updateTransform(), this.updateCanvasTransform();
@@ -5345,19 +5359,19 @@ let Pt = class extends Pe {
     };
   }
 };
-rr([
-  c({ internal: !0, fallback: !1 })
+tr([
+  u({ internal: !0, fallback: !1 })
 ], Pt.prototype, "spaceKey", 2);
-rr([
-  c({ internal: !0, fallback: !1 })
+tr([
+  u({ internal: !0, fallback: !1 })
 ], Pt.prototype, "grabbing", 2);
-Pt = rr([
-  v("Camera2D", {
+Pt = tr([
+  g("Camera2D", {
     processMode: "disabled",
     renderMode: "disabled"
   })
 ], Pt);
-const Tr = {
+const Pr = {
   brightness: 1,
   contrast: 1,
   grayscale: 0,
@@ -5368,12 +5382,12 @@ const Tr = {
   sepia: 0
 };
 function Ol(r) {
-  const e = new Yr();
+  const e = new Hr();
   if (r === "none")
     return e;
   const t = Rt(r).reduce((s, { name: i, args: o }) => (s[i] = o[0].normalizedIntValue, s), {});
-  Object.keys(Tr).forEach((s) => {
-    t[s] = t[s] ?? Tr[s];
+  Object.keys(Pr).forEach((s) => {
+    t[s] = t[s] ?? Pr[s];
   });
   for (const s in t) {
     const i = t[s];
@@ -5493,12 +5507,12 @@ function Go(r) {
     }
   });
 }
-var os = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, le = (r, e, t, s) => {
+var is = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? is(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, le = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Wo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && os(e, t, i), i;
+  return s && i && is(e, t, i), i;
 }, qo = (r, e, t) => jo(r, e + "", t);
-let V = class extends y {
+let V = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -5518,7 +5532,7 @@ let V = class extends y {
     });
   }
 };
-qo(V, "material", new x({
+qo(V, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5554,39 +5568,39 @@ void main(void) {
 }`
 }));
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "saturation", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "contrast", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "brightness", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "red", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "green", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "blue", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "alpha", 2);
 le([
-  c({ fallback: 1 })
+  u({ fallback: 1 })
 ], V.prototype, "gamma", 2);
 V = le([
-  v("ColorAdjustEffect")
+  g("ColorAdjustEffect")
 ], V);
-var as = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e, t) => e in r ? as(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ns = (r, e, t, s) => {
+var os = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e, t) => e in r ? os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, as = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Xo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && as(e, t, i), i;
+  return s && i && os(e, t, i), i;
 }, Yo = (r, e, t) => Ho(r, e + "", t);
-let Je = class extends y {
-  _colorMatrix = new Yr();
+let Je = class extends x {
+  _colorMatrix = new Hr();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -5631,7 +5645,7 @@ let Je = class extends y {
     });
   }
 };
-Yo(Je, "material", new x({
+Yo(Je, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5658,19 +5672,19 @@ void main(void) {
   );
 }`
 }));
-ns([
-  c()
+as([
+  u()
 ], Je.prototype, "filter", 2);
-Je = ns([
-  v("ColorFilterEffect")
+Je = as([
+  g("ColorFilterEffect")
 ], Je);
-var ls = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (r, e, t) => e in r ? ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, sr = (r, e, t, s) => {
+var ns = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (r, e, t) => e in r ? ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, rr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ko(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && ls(e, t, i), i;
+  return s && i && ns(e, t, i), i;
 }, Jo = (r, e, t) => Zo(r, e + "", t);
 const Ke = 50;
-let Ue = class extends y {
+let De = class extends x {
   _color = new J();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5684,14 +5698,14 @@ let Ue = class extends y {
       });
       for (; t.length < Ke; )
         t.push([0, 0, 0, 0]);
-      b.draw(r, Ue.material, {
+      b.draw(r, De.material, {
         sampler: 0,
         colors: t.slice(0, Ke).flatMap((s) => s)
       });
     });
   }
 };
-Jo(Ue, "material", new x({
+Jo(De, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5738,21 +5752,21 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 }));
-sr([
-  c({ default: () => [] })
-], Ue.prototype, "colors", 2);
-sr([
-  c({ fallback: 0.5 })
-], Ue.prototype, "alpha", 2);
-Ue = sr([
-  v("ColorOverlayEffect")
-], Ue);
-var hs = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ea = (r, e, t) => e in r ? hs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ir = (r, e, t, s) => {
+rr([
+  u({ default: () => [] })
+], De.prototype, "colors", 2);
+rr([
+  u({ fallback: 0.5 })
+], De.prototype, "alpha", 2);
+De = rr([
+  g("ColorOverlayEffect")
+], De);
+var ls = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ea = (r, e, t) => e in r ? ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, sr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Qo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && hs(e, t, i), i;
+  return s && i && ls(e, t, i), i;
 }, ta = (r, e, t) => ea(r, e + "", t);
-let De = class extends y {
+let Ie = class extends x {
   _color = new J();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5764,7 +5778,7 @@ let De = class extends y {
     i.slice(0, 50).forEach((o, a) => {
       s[a * 3] = o[0], s[a * 3 + 1] = o[1], s[a * 3 + 2] = o[2];
     }), e.redraw(r, () => {
-      b.draw(r, De.material, {
+      b.draw(r, Ie.material, {
         sampler: 0,
         epsilon: this.epsilon,
         originalColors: s
@@ -5772,7 +5786,7 @@ let De = class extends y {
     });
   }
 };
-ta(De, "material", new x({
+ta(Ie, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5805,22 +5819,22 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-ir([
-  c({ default: () => [] })
-], De.prototype, "colors", 2);
-ir([
-  c({ fallback: 0.5 })
-], De.prototype, "epsilon", 2);
-De = ir([
-  v("ColorRemoveEffect")
-], De);
-var cs = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, sa = (r, e, t) => e in r ? cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, or = (r, e, t, s) => {
+sr([
+  u({ default: () => [] })
+], Ie.prototype, "colors", 2);
+sr([
+  u({ fallback: 0.5 })
+], Ie.prototype, "epsilon", 2);
+Ie = sr([
+  g("ColorRemoveEffect")
+], Ie);
+var hs = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, sa = (r, e, t) => e in r ? hs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ir = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ra(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && cs(e, t, i), i;
+  return s && i && hs(e, t, i), i;
 }, ia = (r, e, t) => sa(r, e + "", t);
 const Ye = 50;
-let Ie = class extends y {
+let Be = class extends x {
   _color = new J();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5844,7 +5858,7 @@ let Ie = class extends y {
     t.slice(0, Ye).forEach(([a, n], h) => {
       i[h * 3] = a[0], i[h * 3 + 1] = a[1], i[h * 3 + 2] = a[2], o[h * 3] = n[0], o[h * 3 + 1] = n[1], o[h * 3 + 2] = n[2];
     }), e.redraw(r, () => {
-      b.draw(r, Ie.material, {
+      b.draw(r, Be.material, {
         sampler: 0,
         epsilon: s,
         originalColors: i,
@@ -5853,7 +5867,7 @@ let Ie = class extends y {
     });
   }
 };
-ia(Ie, "material", new x({
+ia(Be, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5893,16 +5907,18 @@ void main(void) {
   }
 }`
 }));
-or([
-  c({ default: () => [] })
-], Ie.prototype, "colors", 2);
-or([
-  c({ fallback: 0.05 })
-], Ie.prototype, "epsilon", 2);
-Ie = or([
-  v("ColorReplaceEffect")
-], Ie);
-const oa = `varying vec2 vUv;
+ir([
+  u({ default: () => [] })
+], Be.prototype, "colors", 2);
+ir([
+  u({ fallback: 0.05 })
+], Be.prototype, "epsilon", 2);
+Be = ir([
+  g("ColorReplaceEffect")
+], Be);
+const oa = `precision highp float;
+
+varying vec2 vUv;
 uniform sampler2D texture;
 uniform vec2 inputSize;
 uniform vec2 zoom;
@@ -6051,12 +6067,12 @@ void main(void) {
   gl_FragColor = color;
 }
 `;
-var us = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, na = (r, e, t) => e in r ? us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, me = (r, e, t, s) => {
+var cs = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, na = (r, e, t) => e in r ? cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ge = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? aa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && us(e, t, i), i;
+  return s && i && cs(e, t, i), i;
 }, la = (r, e, t) => na(r, e + "", t);
-let q = class extends y {
+let q = class extends x {
   _watermark;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6110,9 +6126,8 @@ let q = class extends y {
     });
   }
 };
-la(q, "material", new x({
-  vert: `precision mediump float;
-attribute vec2 position;
+la(q, "material", new w({
+  vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform mat3 projectionMatrix;
 uniform mat3 viewMatrix;
@@ -6123,36 +6138,36 @@ void main() {
 }`,
   frag: oa
 }));
-me([
-  c({ fallback: !1 })
+ge([
+  u({ fallback: !1 })
 ], q.prototype, "checkerboard", 2);
-me([
-  c({ fallback: "grid" })
+ge([
+  u({ fallback: "grid" })
 ], q.prototype, "checkerboardStyle", 2);
-me([
-  c({ fallback: !1 })
+ge([
+  u({ fallback: !1 })
 ], q.prototype, "pixelGrid", 2);
-me([
-  c()
+ge([
+  u()
 ], q.prototype, "watermark", 2);
-me([
-  c({ fallback: 100 })
+ge([
+  u({ fallback: 100 })
 ], q.prototype, "watermarkWidth", 2);
-me([
-  c({ fallback: 0.05 })
+ge([
+  u({ fallback: 0.05 })
 ], q.prototype, "watermarkAlpha", 2);
-me([
-  c({ fallback: 0.5236 })
+ge([
+  u({ fallback: 0.5236 })
 ], q.prototype, "watermarkRotation", 2);
-q = me([
-  v("DrawboardEffect")
+q = ge([
+  g("DrawboardEffect")
 ], q);
-var ds = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ca = (r, e, t) => e in r ? ds(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ar = (r, e, t, s) => {
+var us = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ca = (r, e, t) => e in r ? us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, or = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ha(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && ds(e, t, i), i;
-}, fs = (r, e, t) => ca(r, typeof e != "symbol" ? e + "" : e, t);
-const ps = `varying vec2 vUv[9];
+  return s && i && us(e, t, i), i;
+}, ds = (r, e, t) => ca(r, typeof e != "symbol" ? e + "" : e, t);
+const fs = `varying vec2 vUv[9];
 uniform sampler2D sampler;
 
 void main(void) {
@@ -6187,7 +6202,7 @@ void main(void) {
     gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;
   }
 }`;
-let ae = class extends y {
+let ae = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -6209,7 +6224,7 @@ let ae = class extends y {
       });
   }
 };
-fs(ae, "materialX", new x({
+ds(ae, "materialX", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform float uStrength;
@@ -6227,9 +6242,9 @@ void main(void) {
   vUv[7] = uv + vec2(3.0 * uStrength, 0.0);
   vUv[8] = uv + vec2(4.0 * uStrength, 0.0);
 }`,
-  frag: ps
+  frag: fs
 }));
-fs(ae, "materialY", new x({
+ds(ae, "materialY", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform float uStrength;
@@ -6247,23 +6262,23 @@ void main(void) {
   vUv[7] = uv + vec2(0.0, 3.0 * uStrength);
   vUv[8] = uv + vec2(0.0, 4.0 * uStrength);
 }`,
-  frag: ps
+  frag: fs
 }));
-ar([
-  c({ fallback: 4 })
+or([
+  u({ fallback: 4 })
 ], ae.prototype, "strength", 2);
-ar([
-  c({ fallback: 3 })
+or([
+  u({ fallback: 3 })
 ], ae.prototype, "quality", 2);
-ae = ar([
-  v("GaussianBlurEffect")
+ae = or([
+  g("GaussianBlurEffect")
 ], ae);
-var _s = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, da = (r, e, t) => e in r ? _s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ve = (r, e, t, s) => {
+var ps = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, da = (r, e, t) => e in r ? ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ve = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ua(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && _s(e, t, i), i;
+  return s && i && ps(e, t, i), i;
 }, fa = (r, e, t) => da(r, e + "", t);
-let Q = class extends y {
+let Q = class extends x {
   blurEffect = new ae();
   viewport3 = new j();
   _color = new J();
@@ -6288,7 +6303,7 @@ let Q = class extends y {
     });
   }
 };
-fa(Q, "material", new x({
+fa(Q, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6313,29 +6328,29 @@ void main(void) {
 }`
 }));
 Ve([
-  c({ fallback: "#000000FF" })
+  u({ fallback: "#000000FF" })
 ], Q.prototype, "color", 2);
 Ve([
-  c({ fallback: 4 })
+  u({ fallback: 4 })
 ], Q.prototype, "blur", 2);
 Ve([
-  c({ fallback: 4 })
+  u({ fallback: 4 })
 ], Q.prototype, "offsetX", 2);
 Ve([
-  c({ fallback: 4 })
+  u({ fallback: 4 })
 ], Q.prototype, "offsetY", 2);
 Ve([
-  c({ fallback: !1 })
+  u({ fallback: !1 })
 ], Q.prototype, "shadowOnly", 2);
 Q = Ve([
-  v("DropShadowEffect")
+  g("DropShadowEffect")
 ], Q);
-var ms = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, _a = (r, e, t) => e in r ? ms(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, gs = (r, e, t, s) => {
+var _s = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, _a = (r, e, t) => e in r ? _s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ms = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? pa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && ms(e, t, i), i;
+  return s && i && _s(e, t, i), i;
 }, ma = (r, e, t) => _a(r, e + "", t);
-let Qe = class extends y {
+let Qe = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -6349,7 +6364,7 @@ let Qe = class extends y {
     });
   }
 };
-ma(Qe, "material", new x({
+ma(Qe, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6375,18 +6390,18 @@ void main(void) {
     gl_FragColor = vec4(color.rgb * alpha, alpha);
 }`
 }));
-gs([
-  c({ fallback: 5 })
+ms([
+  u({ fallback: 5 })
 ], Qe.prototype, "strength", 2);
-Qe = gs([
-  v("EmbossEffect")
+Qe = ms([
+  g("EmbossEffect")
 ], Qe);
-var vs = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, va = (r, e, t) => e in r ? vs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ee = (r, e, t, s) => {
+var gs = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, va = (r, e, t) => e in r ? gs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ee = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ga(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && vs(e, t, i), i;
+  return s && i && gs(e, t, i), i;
 }, ba = (r, e, t) => va(r, e + "", t);
-let N = class extends y {
+let N = class extends x {
   _canvas;
   _texture;
   _sizes;
@@ -6429,7 +6444,7 @@ let N = class extends y {
     });
   }
 };
-ba(N, "material", new x({
+ba(N, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6535,39 +6550,39 @@ void main(void) {
 }`
 }));
 ee([
-  c({ fallback: 10 })
+  u({ fallback: 10 })
 ], N.prototype, "slices", 2);
 ee([
-  c({ fallback: 512 })
+  u({ fallback: 512 })
 ], N.prototype, "sampleSize", 2);
 ee([
-  c({ fallback: 100 })
+  u({ fallback: 100 })
 ], N.prototype, "offset", 2);
 ee([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], N.prototype, "direction", 2);
 ee([
-  c({ fallback: 2 })
+  u({ fallback: 2 })
 ], N.prototype, "fillMode", 2);
 ee([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], N.prototype, "seed", 2);
 ee([
-  c({ default: () => [2, 2] })
+  u({ default: () => [2, 2] })
 ], N.prototype, "red", 2);
 ee([
-  c({ default: () => [-10, 4] })
+  u({ default: () => [-10, 4] })
 ], N.prototype, "green", 2);
 ee([
-  c({ default: () => [10, -4] })
+  u({ default: () => [10, -4] })
 ], N.prototype, "blue", 2);
 N = ee([
-  v("GlitchEffect")
+  g("GlitchEffect")
 ], N);
-var bs = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, xa = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ge = (r, e, t, s) => {
+var vs = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, xa = (r, e, t) => e in r ? vs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ve = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ya(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && bs(e, t, i), i;
+  return s && i && vs(e, t, i), i;
 }, wa = (r, e, t) => xa(r, e + "", t);
 const Pa = `vec3 mod289(vec3 x)
 {
@@ -6664,7 +6679,7 @@ float turb(vec3 P, vec3 rep, float lacunarity, float gain)
     }
     return abs(sum);
 }`;
-let X = class extends y {
+let X = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -6688,7 +6703,7 @@ let X = class extends y {
     });
   }
 };
-wa(X, "material", new x({
+wa(X, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6741,29 +6756,29 @@ void main(void) {
   gl_FragColor = vec4(color.rgb + mist.rgb, color.a);
 }`
 }));
-ge([
-  c({ fallback: 0 })
+ve([
+  u({ fallback: 0 })
 ], X.prototype, "time", 2);
-ge([
-  c({ fallback: 30 })
+ve([
+  u({ fallback: 30 })
 ], X.prototype, "angle", 2);
-ge([
-  c({ fallback: 0.5 })
+ve([
+  u({ fallback: 0.5 })
 ], X.prototype, "gain", 2);
-ge([
-  c({ fallback: 2.5 })
+ve([
+  u({ fallback: 2.5 })
 ], X.prototype, "lacunarity", 2);
-ge([
-  c({ fallback: !0 })
+ve([
+  u({ fallback: !0 })
 ], X.prototype, "parallel", 2);
-ge([
-  c({ default: () => [0, 0] })
+ve([
+  u({ default: () => [0, 0] })
 ], X.prototype, "center", 2);
-ge([
-  c({ fallback: 1 })
+ve([
+  u({ fallback: 1 })
 ], X.prototype, "alpha", 2);
-X = ge([
-  v("GodrayEffect")
+X = ve([
+  g("GodrayEffect")
 ], X);
 var Ta = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, Ut = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ea(e, t) : e, o = r.length - 1, a; o >= 0; o--)
@@ -6796,10 +6811,10 @@ void main(void) {
     color *= 0.25;
     gl_FragColor = color;
 }`;
-let et = class extends y {
+let et = class extends x {
   _kernels = [0];
   constructor(r, e = []) {
-    super(), this.material = new x({
+    super(), this.material = new w({
       vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6848,23 +6863,23 @@ void main() {
   }
 };
 Ut([
-  c({ fallback: 4 })
+  u({ fallback: 4 })
 ], et.prototype, "strength", 2);
 Ut([
-  c({ fallback: 3 })
+  u({ fallback: 3 })
 ], et.prototype, "quality", 2);
 Ut([
-  c({ default: () => [1, 1] })
+  u({ default: () => [1, 1] })
 ], et.prototype, "pixelSize", 2);
 et = Ut([
-  v("KawaseBlurEffect")
+  g("KawaseBlurEffect")
 ], et);
-var ys = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, Ra = (r, e, t) => e in r ? ys(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, nr = (r, e, t, s) => {
+var bs = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, Ra = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ar = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Aa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && ys(e, t, i), i;
+  return s && i && bs(e, t, i), i;
 }, Oa = (r, e, t) => Ra(r, e + "", t);
-let Te = class extends y {
+let Ee = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -6883,7 +6898,7 @@ let Te = class extends y {
   }
   apply(r, e, t) {
     this.texture && t.targetArea && e.redraw(r, () => {
-      this.texture.activate(r, 1), b.draw(r, Te.material, {
+      this.texture.activate(r, 1), b.draw(r, Ee.material, {
         sampler: 0,
         mask: 1,
         area: t.targetArea,
@@ -6892,7 +6907,7 @@ let Te = class extends y {
     });
   }
 };
-Oa(Te, "material", new x({
+Oa(Ee, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6939,20 +6954,20 @@ void main(void) {
   }
 }`
 }));
-nr([
-  c({ internal: !0 })
-], Te.prototype, "texture", 2);
-nr([
-  c({ fallback: "" })
-], Te.prototype, "src", 2);
-Te = nr([
-  v("MaskEffect")
-], Te);
-var xs = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ka = (r, e, t) => e in r ? xs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ve = (r, e, t, s) => {
+ar([
+  u({ internal: !0 })
+], Ee.prototype, "texture", 2);
+ar([
+  u({ fallback: "" })
+], Ee.prototype, "src", 2);
+Ee = ar([
+  g("MaskEffect")
+], Ee);
+var ys = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ka = (r, e, t) => e in r ? ys(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, be = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ma(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && xs(e, t, i), i;
-}, ws = (r, e, t) => ka(r, typeof e != "symbol" ? e + "" : e, t);
+  return s && i && ys(e, t, i), i;
+}, xs = (r, e, t) => ka(r, typeof e != "symbol" ? e + "" : e, t);
 const Ua = `precision highp float;
 varying vec2 vUv;
 uniform sampler2D sampler;
@@ -6988,18 +7003,18 @@ void main(void) {
     vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);
     gl_FragColor = contentColor + outlineColor;
 }`;
-let U = class extends y {
+let D = class extends x {
   static getAngleStep(r) {
     return Number.parseFloat(
       (Math.PI * 2 / Math.max(
-        r * U.MAX_SAMPLES,
-        U.MIN_SAMPLES
+        r * D.MAX_SAMPLES,
+        D.MIN_SAMPLES
       )).toFixed(7)
     );
   }
   _color = new J();
   constructor(r, e = []) {
-    super(), this.setProperties(r).append(e), this.material = new x({
+    super(), this.setProperties(r).append(e), this.material = new w({
       vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -7010,7 +7025,7 @@ void main() {
 }`,
       frag: Ua.replace(
         /\{ANGLE_STEP\}/,
-        U.getAngleStep(this.quality).toFixed(7)
+        D.getAngleStep(this.quality).toFixed(7)
       )
     });
   }
@@ -7024,45 +7039,45 @@ void main() {
         ],
         uColor: this._color.toArray().slice(0, 3),
         uAlpha: this.opacity !== 1 ? this.opacity : this._color.a,
-        uAngleStep: U.getAngleStep(this.quality),
+        uAngleStep: D.getAngleStep(this.quality),
         uKnockout: this.knockout ? 1 : 0,
         uInputClamp: [0, 0, 1, 1]
       });
     });
   }
 };
-ws(U, "MIN_SAMPLES", 1);
-ws(U, "MAX_SAMPLES", 100);
-ve([
-  c({ fallback: "#000000ff" })
-], U.prototype, "color", 2);
-ve([
-  c({ fallback: 1 })
-], U.prototype, "width", 2);
-ve([
-  c({ fallback: "solid" })
-], U.prototype, "style", 2);
-ve([
-  c()
-], U.prototype, "image", 2);
-ve([
-  c({ fallback: 1 })
-], U.prototype, "opacity", 2);
-ve([
-  c({ fallback: 0.1 })
-], U.prototype, "quality", 2);
-ve([
-  c({ fallback: !1 })
-], U.prototype, "knockout", 2);
-U = ve([
-  v("OutlineEffect")
-], U);
-var Ps = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, Ia = (r, e, t) => e in r ? Ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
+xs(D, "MIN_SAMPLES", 1);
+xs(D, "MAX_SAMPLES", 100);
+be([
+  u({ fallback: "#000000ff" })
+], D.prototype, "color", 2);
+be([
+  u({ fallback: 1 })
+], D.prototype, "width", 2);
+be([
+  u({ fallback: "solid" })
+], D.prototype, "style", 2);
+be([
+  u()
+], D.prototype, "image", 2);
+be([
+  u({ fallback: 1 })
+], D.prototype, "opacity", 2);
+be([
+  u({ fallback: 0.1 })
+], D.prototype, "quality", 2);
+be([
+  u({ fallback: !1 })
+], D.prototype, "knockout", 2);
+D = be([
+  g("OutlineEffect")
+], D);
+var ws = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, Ia = (r, e, t) => e in r ? ws(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ps = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Da(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && Ps(e, t, i), i;
+  return s && i && ws(e, t, i), i;
 }, Ba = (r, e, t) => Ia(r, e + "", t);
-let tt = class extends y {
+let tt = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -7076,7 +7091,7 @@ let tt = class extends y {
     });
   }
 };
-Ba(tt, "material", new x({
+Ba(tt, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -7113,18 +7128,18 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-Ts([
-  c({ fallback: 10 })
+Ps([
+  u({ fallback: 10 })
 ], tt.prototype, "strength", 2);
-tt = Ts([
-  v("PixelateEffect")
+tt = Ps([
+  g("PixelateEffect")
 ], tt);
-var Es = Object.defineProperty, za = Object.getOwnPropertyDescriptor, Na = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ct = (r, e, t, s) => {
+var Ts = Object.defineProperty, za = Object.getOwnPropertyDescriptor, Na = (r, e, t) => e in r ? Ts(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ct = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? za(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && Es(e, t, i), i;
+  return s && i && Ts(e, t, i), i;
 }, La = (r, e, t) => Na(r, e + "", t);
-let de = class extends y {
+let de = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -7145,7 +7160,7 @@ let de = class extends y {
     });
   }
 };
-La(de, "material", new x({
+La(de, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -7230,19 +7245,19 @@ void main() {
 }`
 }));
 ct([
-  c()
+  u()
 ], de.prototype, "center", 2);
 ct([
-  c({ fallback: 20 })
+  u({ fallback: 20 })
 ], de.prototype, "innerRadius", 2);
 ct([
-  c({ fallback: -1 })
+  u({ fallback: -1 })
 ], de.prototype, "radius", 2);
 ct([
-  c({ fallback: 0.1 })
+  u({ fallback: 0.1 })
 ], de.prototype, "strength", 2);
 de = ct([
-  v("ZoomBlurEffect")
+  g("ZoomBlurEffect")
 ], de);
 function Tt(r, e) {
   let t = !1;
@@ -7251,11 +7266,11 @@ function Tt(r, e) {
     const {
       left: h = 0,
       top: l = 0,
-      right: u = 0,
+      right: c = 0,
       bottom: d = 0
     } = r.cropRect;
     n.scale(
-      Math.abs(1 - (h + u)),
+      Math.abs(1 - (h + c)),
       Math.abs(1 - (l + d))
     ).translate(h, l), t = !0;
   }
@@ -7263,21 +7278,21 @@ function Tt(r, e) {
     const {
       translateX: h = 0,
       translateY: l = 0,
-      scaleX: u = 1,
+      scaleX: c = 1,
       scaleY: d = 1
       // flip, TODO
       // alignment, TODO
     } = r.tile;
-    n.translate(-h / o, -l / a).scale(1 / u, 1 / d), t = !0;
+    n.translate(-h / o, -l / a).scale(1 / c, 1 / d), t = !0;
   } else if (r.stretchRect) {
     const {
       left: h = 0,
       top: l = 0,
-      right: u = 0,
+      right: c = 0,
       bottom: d = 0
     } = r.stretchRect;
     n.scale(
-      Math.abs(1 - (-h + -u)),
+      Math.abs(1 - (-h + -c)),
       Math.abs(1 - (-l + -d))
     ).translate(-h, -l), t = !0;
   }
@@ -7288,7 +7303,7 @@ var Fa = Object.defineProperty, Y = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Fa(e, t, i), i;
 };
-class D extends pe {
+class I extends pe {
   constructor(e) {
     super(), this.parent = e;
   }
@@ -7375,44 +7390,44 @@ class D extends pe {
   }
 }
 Y([
-  c({ fallback: !0 })
-], D.prototype, "enabled");
+  u({ fallback: !0 })
+], I.prototype, "enabled");
 Y([
-  c()
-], D.prototype, "color");
+  u()
+], I.prototype, "color");
 Y([
-  c()
-], D.prototype, "image");
+  u()
+], I.prototype, "image");
 Y([
-  c()
-], D.prototype, "linearGradient");
+  u()
+], I.prototype, "linearGradient");
 Y([
-  c()
-], D.prototype, "radialGradient");
+  u()
+], I.prototype, "radialGradient");
 Y([
-  c()
-], D.prototype, "cropRect");
+  u()
+], I.prototype, "cropRect");
 Y([
-  c()
-], D.prototype, "stretchRect");
+  u()
+], I.prototype, "stretchRect");
 Y([
-  c()
-], D.prototype, "dpi");
+  u()
+], I.prototype, "dpi");
 Y([
-  c()
-], D.prototype, "rotateWithShape");
+  u()
+], I.prototype, "rotateWithShape");
 Y([
-  c()
-], D.prototype, "tile");
+  u()
+], I.prototype, "tile");
 Y([
-  c()
-], D.prototype, "opacity");
+  u()
+], I.prototype, "opacity");
 var $a = Object.defineProperty, Va = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && $a(e, t, i), i;
 };
-class Ss extends D {
+class Es extends I {
   setProperties(e) {
     return super._setProperties(
       F(e) ? void 0 : Vs(e)
@@ -7427,14 +7442,14 @@ class Ss extends D {
   }
 }
 Va([
-  c()
-], Ss.prototype, "fillWithShape");
+  u()
+], Es.prototype, "fillWithShape");
 var Ga = Object.defineProperty, Wa = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Ga(e, t, i), i;
 };
-class Cs extends D {
+class Ss extends I {
   setProperties(e) {
     return super._setProperties(
       F(e) ? void 0 : Gs(e)
@@ -7449,14 +7464,14 @@ class Cs extends D {
   }
 }
 Wa([
-  c()
-], Cs.prototype, "fillWithShape");
+  u()
+], Ss.prototype, "fillWithShape");
 var ja = Object.defineProperty, ut = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ja(e, t, i), i;
 };
-class Ge extends D {
+class Ge extends I {
   setProperties(e) {
     return super._setProperties(
       F(e) ? void 0 : Ws(e)
@@ -7491,19 +7506,19 @@ class Ge extends D {
   }
 }
 ut([
-  c({ fallback: "#00000000" })
+  u({ fallback: "#00000000" })
 ], Ge.prototype, "color");
 ut([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], Ge.prototype, "width");
 ut([
-  c({ fallback: "solid" })
+  u({ fallback: "solid" })
 ], Ge.prototype, "style");
 ut([
-  c({ fallback: "butt" })
+  u({ fallback: "butt" })
 ], Ge.prototype, "lineCap");
 ut([
-  c({ fallback: "miter" })
+  u({ fallback: "miter" })
 ], Ge.prototype, "lineJoin");
 var qa = Object.defineProperty, dt = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -7536,19 +7551,19 @@ class We extends pe {
   }
 }
 dt([
-  c({ fallback: !0 })
+  u({ fallback: !0 })
 ], We.prototype, "enabled");
 dt([
-  c({ fallback: "#000000FF" })
+  u({ fallback: "#000000FF" })
 ], We.prototype, "color");
 dt([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], We.prototype, "blur");
 dt([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], We.prototype, "offsetY");
 dt([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], We.prototype, "offsetX");
 var Xa = Object.defineProperty, ft = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -7582,8 +7597,8 @@ class je extends pe {
       this._path2DSet = si(a), e = this._path2DSet.viewBox;
     } else
       this.paths?.forEach((a, n) => {
-        const { data: h, ...l } = a, u = new bt();
-        u.style = l, u.addData(h), this._path2DSet.paths[n] = u;
+        const { data: h, ...l } = a, c = new bt();
+        c.style = l, c.addData(h), this._path2DSet.paths[n] = c;
       });
     if (!e) {
       const a = this._path2DSet.getBoundingBox();
@@ -7591,14 +7606,14 @@ class je extends pe {
     }
     const [t, s, i, o] = e;
     this._path2DSet.paths.forEach((a) => {
-      a.applyTransform(new gr().translate(-t, -s).scale(1 / i, 1 / o));
+      a.applyTransform(new mr().translate(-t, -s).scale(1 / i, 1 / o));
     });
   }
   draw(e = !1) {
     if (!e && this.enabled && this._path2DSet.paths.length) {
       const t = this.parent.context, { width: s, height: i } = this.parent.size;
       this._path2DSet.paths.forEach((o) => {
-        t.addPath(o.clone().applyTransform(new gr().scale(s, i)));
+        t.addPath(o.clone().applyTransform(new mr().scale(s, i)));
       });
     } else
       this._drawRect();
@@ -7609,29 +7624,29 @@ class je extends pe {
   }
 }
 ft([
-  c({ fallback: !0 })
+  u({ fallback: !0 })
 ], je.prototype, "enabled");
 ft([
-  c()
+  u()
 ], je.prototype, "preset");
 ft([
-  c()
+  u()
 ], je.prototype, "svg");
 ft([
-  c()
+  u()
 ], je.prototype, "viewBox");
 ft([
-  c()
+  u()
 ], je.prototype, "paths");
 class rt extends _e {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
-const Er = Xs();
-for (const r in Er) {
-  const e = Er[r];
-  Xt(rt, r, { fallback: e });
+const Tr = Xs();
+for (const r in Tr) {
+  const e = Tr[r];
+  qt(rt, r, { fallback: e });
 }
 var Ha = Object.defineProperty, he = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -7643,7 +7658,7 @@ class te extends pe {
     super(), this.parent = e, this.base = new ii(), this.base.setPropertyAccessor(this);
   }
   base;
-  _texture = new Qt();
+  _texture = new Jt();
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
@@ -7680,17 +7695,17 @@ class te extends pe {
       const i = [];
       if (t.fragments.forEach((o, a) => {
         if (o.characters.length) {
-          const n = Lt.from(
+          const n = Nt.from(
             ...o.characters.map((h) => h.compatibleGlyphBox)
           );
           this._updateTexture(`${s}.${a}.fill`, o.fill, n), this._updateTexture(`${s}.${a}.outline`, o.outline, n), i.push(n);
         }
       }), i.length) {
-        const o = Lt.from(...i);
+        const o = Nt.from(...i);
         this._updateTexture(`${s}.fill`, t.fill, o), this._updateTexture(`${s}.outline`, t.outline, o), e.push(o);
       }
     }), e.length) {
-      const t = Lt.from(...e);
+      const t = Nt.from(...e);
       this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
     }
   }
@@ -7737,7 +7752,7 @@ class te extends pe {
             if (typeof s.style.fill == "object") {
               const n = s.style.fill, h = this._textureMap.get(`${a}.${o}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
               if (n.enabled !== !1 && (h || n.color)) {
-                const { uvTransform: l, disableWrapMode: u } = Tt(
+                const { uvTransform: l, disableWrapMode: c } = Tt(
                   n,
                   h?.box ?? {
                     width: this.parent.size.width,
@@ -7747,7 +7762,7 @@ class te extends pe {
                 e.addPath(s), e.style = { ...s.style }, e.fillStyle = h?.texture ?? n.color, e.fill({
                   uvTransform: l,
                   vertTransform: this._createVertTransform(),
-                  disableWrapMode: u
+                  disableWrapMode: c
                 });
               }
             } else
@@ -7758,7 +7773,7 @@ class te extends pe {
             if (typeof s.style.stroke == "object") {
               const n = s.style.stroke, h = this._textureMap.get(`${a}.${o}.outline`) ?? this._textureMap.get(`${a}.outline`) ?? this._textureMap.get("outline");
               if (n.enabled !== !1 && (h || n.color) && (n.width === void 0 || n.width)) {
-                const { uvTransform: l, disableWrapMode: u } = Tt(
+                const { uvTransform: l, disableWrapMode: c } = Tt(
                   n,
                   h?.box ?? {
                     width: this.parent.size.width,
@@ -7768,7 +7783,7 @@ class te extends pe {
                 e.addPath(s), e.style = { ...s.style }, e.lineWidth = n.width || 1, e.strokeStyle = h?.texture ?? n.color, e.lineCap = n.lineCap, e.lineJoin = n.lineJoin, e.stroke({
                   uvTransform: l,
                   vertTransform: this._createVertTransform(),
-                  disableWrapMode: u
+                  disableWrapMode: c
                 });
               }
             } else
@@ -7795,31 +7810,31 @@ class te extends pe {
   }
 }
 he([
-  c({ fallback: !0 })
+  u({ fallback: !0 })
 ], te.prototype, "enabled");
 he([
-  c({ fallback: () => [] })
+  u({ fallback: () => [] })
 ], te.prototype, "content");
 he([
-  c({ alias: "parent.style.json" })
+  u({ alias: "parent.style.json" })
 ], te.prototype, "style");
 he([
-  c()
+  u()
 ], te.prototype, "effects");
 he([
-  c()
+  u()
 ], te.prototype, "fill");
 he([
-  c()
+  u()
 ], te.prototype, "outline");
 he([
-  c({ alias: "base.measureDom" })
+  u({ alias: "base.measureDom" })
 ], te.prototype, "measureDom");
 he([
-  c({ alias: "base.fonts" })
+  u({ alias: "base.fonts" })
 ], te.prototype, "fonts");
 he([
-  c({ fallback: "auto" })
+  u({ fallback: "auto" })
 ], te.prototype, "drawMode");
 var Ya = Object.getOwnPropertyDescriptor, Ka = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ya(e, t) : e, o = r.length - 1, a; o >= 0; o--)
@@ -7827,7 +7842,7 @@ var Ya = Object.getOwnPropertyDescriptor, Ka = (r, e, t, s) => {
   return i;
 };
 const Za = new Set(Object.keys(Zs())), Ja = new Set(Object.keys(Ks()));
-let st = class extends Pe {
+let st = class extends Te {
   size = new C().on("update", () => {
     this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.updateGlobalTransform(), this.requestRedraw();
   });
@@ -7842,7 +7857,7 @@ let st = class extends Pe {
   set style(r) {
     this._style.resetProperties().setProperties(r);
   }
-  _background = new Ss(this);
+  _background = new Es(this);
   get background() {
     return this._background;
   }
@@ -7856,7 +7871,7 @@ let st = class extends Pe {
   set shape(r) {
     this._shape.resetProperties().setProperties(r);
   }
-  _fill = new D(this);
+  _fill = new I(this);
   get fill() {
     return this._fill;
   }
@@ -7870,7 +7885,7 @@ let st = class extends Pe {
   set outline(r) {
     this._outline.resetProperties().setProperties(r);
   }
-  _foreground = new Cs(this);
+  _foreground = new Ss(this);
   get foreground() {
     return this._foreground;
   }
@@ -8000,7 +8015,7 @@ let st = class extends Pe {
     const e = "__$style.maskImage";
     if (r && r !== "none") {
       const t = this.getNode(e);
-      t ? t.src = r : this.appendChild(new Te({ name: e, src: r }), "back");
+      t ? t.src = r : this.appendChild(new Ee({ name: e, src: r }), "back");
     } else {
       const t = this.getNode(e);
       t && this.removeChild(t);
@@ -8022,19 +8037,19 @@ let st = class extends Pe {
     ];
   }
   getAabb() {
-    return new be(
+    return new ye(
       this._getPointArray().map((r) => this.transform.apply(r))
     );
   }
   getGlobalAabb() {
-    return new be(
+    return new ye(
       this._getPointArray().map((r) => this.globalTransform.apply(r))
     );
   }
   getObb() {
     const r = this.pivot, e = this.transform.apply(r).sub(r);
     return {
-      rect: new be(
+      rect: new ye(
         this._getPointArray().map((t) => (t.x += e.x, t.y += e.y, t))
       ),
       rotation: this.rotation
@@ -8043,7 +8058,7 @@ let st = class extends Pe {
   getGlobalObb() {
     const r = this.pivot, e = this.globalTransform.apply(r).sub(r);
     return {
-      rect: new be(
+      rect: new ye(
         this._getPointArray().map((t) => (t.x += e.x, t.y += e.y, t))
       ),
       rotation: this.globalRotation
@@ -8130,7 +8145,7 @@ let st = class extends Pe {
   }
   toJSON() {
     const r = (e) => Object.keys(e).length > 0 ? e : void 0;
-    return zr({
+    return Br({
       ...super.toJSON(),
       style: r(this.style.toJSON()),
       background: r(this.background.toJSON()),
@@ -8144,21 +8159,21 @@ let st = class extends Pe {
   }
 };
 st = Ka([
-  v("BaseElement2D")
+  g("BaseElement2D")
 ], st);
-class As extends rt {
+class Cs extends rt {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
-const Sr = {
+const Er = {
   left: 0,
   top: 0,
   width: 0,
   height: 0
 };
-for (const r in Sr)
-  Xt(As, r, { fallback: Sr[r] });
+for (const r in Er)
+  qt(Cs, r, { fallback: Er[r] });
 class Qa extends rt {
   constructor(e) {
     super(), this.setProperties(e);
@@ -8169,8 +8184,8 @@ var en = Object.getOwnPropertyDescriptor, tn = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Ee = class extends st {
-  _style = new As().on("updateProperty", (...r) => {
+let Se = class extends st {
+  _style = new Cs().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
   get style() {
@@ -8205,9 +8220,9 @@ let Ee = class extends st {
     }
   }
 };
-Ee = tn([
-  v("Element2D")
-], Ee);
+Se = tn([
+  g("Element2D")
+], Se);
 const E = {
   left: 0,
   // Edge.Left
@@ -8234,7 +8249,7 @@ const E = {
   // Gutter.Row
   all: 2
   // Gutter.All
-}, Re = {
+}, Oe = {
   auto: 0,
   // Align.Auto
   "flex-start": 1,
@@ -8253,21 +8268,21 @@ const E = {
   // Align.SpaceAround
   "space-evenly": 8
   // Align.SpaceEvenly
-}, Cr = {
+}, Sr = {
   flex: 0,
   // Display.Flex
   none: 1,
   // Display.None
   contents: 2
   // Display.Contents
-}, Gt = {
+}, Vt = {
   inherit: 0,
   // Direction.Inherit
   ltr: 1,
   // Direction.LTR
   rtl: 2
   // Direction.RTL
-}, Ar = {
+}, Cr = {
   column: 0,
   // FlexDirection.Column
   "column-reverse": 1,
@@ -8276,14 +8291,14 @@ const E = {
   // FlexDirection.Row
   "row-reverse": 3
   // FlexDirection.RowReverse
-}, Rr = {
+}, Ar = {
   "no-wrap": 0,
   // Wrap.NoWrap
   wrap: 1,
   // Wrap.Wrap
   "Wrap-reverse": 2
   // Wrap.WrapReverse
-}, Or = {
+}, Rr = {
   "flex-start": 0,
   // Justify.FlexStart
   center: 1,
@@ -8296,27 +8311,27 @@ const E = {
   // Justify.SpaceAround
   "space-evenly": 5
   // Justify.SpaceEvenly
-}, Mr = {
+}, Or = {
   visible: 0,
   // Overflow.Visible
   hidden: 1,
   // Overflow.Hidden
   scroll: 2
   // Overflow.Scroll
-}, kr = {
+}, Mr = {
   static: 0,
   // PositionType.Static
   relative: 1,
   // PositionType.Relative
   absolute: 2
   // PositionType.Absolute
-}, Ur = {
+}, kr = {
   "border-box": 0,
   // BoxSizing.BorderBox
   "content-box": 1
   // BoxSizing.ContentBox
 };
-class lr {
+class nr {
   constructor(e) {
     this._element = e;
   }
@@ -8325,7 +8340,7 @@ class lr {
     const { loadYoga: e } = await import("yoga-layout/load");
     this._yoga = await e();
   }
-  _node = lr._yoga.Node.create();
+  _node = nr._yoga.Node.create();
   get _style() {
     return this._element.style;
   }
@@ -8352,17 +8367,17 @@ class lr {
     switch (e) {
       case "alignContent":
         this._node.setAlignContent(
-          t ? Re[t] : Re["flex-start"]
+          t ? Oe[t] : Oe["flex-start"]
         );
         break;
       case "alignItems":
         this._node.setAlignItems(
-          t ? Re[t] : Re["flex-start"]
+          t ? Oe[t] : Oe["flex-start"]
         );
         break;
       case "alignSelf":
         this._node.setAlignSelf(
-          t ? Re[t] : Re["flex-start"]
+          t ? Oe[t] : Oe["flex-start"]
         );
         break;
       case "aspectRatio":
@@ -8385,12 +8400,12 @@ class lr {
         break;
       case "direction":
         this._node.setDirection(
-          t ? Gt[t] : Gt.inherit
+          t ? Vt[t] : Vt.inherit
         );
         break;
       case "display":
         this._node.setDisplay(
-          t ? Cr[t] : Cr.flex
+          t ? Sr[t] : Sr.flex
         );
         break;
       case "flex":
@@ -8401,7 +8416,7 @@ class lr {
         break;
       case "flexDirection":
         this._node.setFlexDirection(
-          t ? Ar[t] : Ar.row
+          t ? Cr[t] : Cr.row
         );
         break;
       case "flexGrow":
@@ -8412,7 +8427,7 @@ class lr {
         break;
       case "flexWrap":
         this._node.setFlexWrap(
-          t ? Rr[t] : Rr.wrap
+          t ? Ar[t] : Ar.wrap
         );
         break;
       case "height":
@@ -8420,7 +8435,7 @@ class lr {
         break;
       case "justifyContent":
         this._node.setJustifyContent(
-          t ? Or[t] : Or["flex-start"]
+          t ? Rr[t] : Rr["flex-start"]
         );
         break;
       case "gap":
@@ -8457,7 +8472,7 @@ class lr {
         break;
       case "overflow":
         this._node.setOverflow(
-          t ? Mr[t] : Mr.visible
+          t ? Or[t] : Or.visible
         );
         break;
       case "paddingTop":
@@ -8489,12 +8504,12 @@ class lr {
         break;
       case "position":
         this._node.setPositionType(
-          t ? kr[t] : kr.static
+          t ? Mr[t] : Mr.static
         );
         break;
       case "boxSizing":
         this._node.setBoxSizing(
-          t ? Ur[t] : Ur["content-box"]
+          t ? kr[t] : kr["content-box"]
         );
         break;
       case "width":
@@ -8508,7 +8523,7 @@ var sn = Object.getOwnPropertyDescriptor, on = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Dr = class extends st {
+let Ur = class extends st {
   _style = new Qa().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
@@ -8518,7 +8533,7 @@ let Dr = class extends st {
   set style(r) {
     this._style.resetProperties().setProperties(r);
   }
-  _layout = new lr(this);
+  _layout = new nr(this);
   get offsetLeft() {
     return this._layout.offsetLeft;
   }
@@ -8547,7 +8562,7 @@ let Dr = class extends st {
     super._updateStyleProperty(r, e, t), this._layout.updateStyleProperty(r, e, t), this._layout._node.isDirty() && this.requestRelayout();
   }
   updateTransform() {
-    this.calculateLayout(void 0, void 0, Gt.ltr);
+    this.calculateLayout(void 0, void 0, Vt.ltr);
     const { left: r, top: e, width: t, height: s } = this._layout.getComputedLayout();
     this.position.x = r, this.position.y = e, this.size.x = t, this.size.y = s, super.updateTransform();
   }
@@ -8556,15 +8571,15 @@ let Dr = class extends st {
     s?._layout?.calculateLayout ? s?._layout.calculateLayout(r, e, t) : this._layout.calculateLayout(r, e, t);
   }
 };
-Dr = on([
-  v("FlexElement2D")
-], Dr);
+Ur = on([
+  g("FlexElement2D")
+], Ur);
 var an = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, pt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? nn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && an(e, t, i), i;
 };
-let Be = class extends Ee {
+let ze = class extends Se {
   get currentFrameTexture() {
     return this.texture?.frames[this._frameIndex]?.texture;
   }
@@ -8602,7 +8617,7 @@ let Be = class extends Ee {
   }
   setResource(r) {
     let e;
-    if (r instanceof Vt ? e = r : e = new Vt(r), this.texture = e.updateDuration(), this.currentFrameTexture && (!this.style.width || !this.style.height)) {
+    if (r instanceof $t ? e = r : e = new $t(r), this.texture = e.updateDuration(), this.currentFrameTexture && (!this.style.width || !this.style.height)) {
       const t = this.currentFrameTexture;
       this.style.width = t.realWidth, this.style.height = t.realHeight;
     }
@@ -8650,8 +8665,8 @@ let Be = class extends Ee {
     if (r?.isValid()) {
       const { left: e = 0, top: t = 0, right: s = 0, bottom: i = 0 } = this.srcRect ?? {}, { width: o, height: a } = this.size;
       this.context.fillStyle = r;
-      const n = Math.abs(1 + (e + s)) * o, h = Math.abs(1 + (t + i)) * a, l = 1 / n, u = 1 / h, d = e * o * l, f = t * a * u;
-      this.context.uvTransform = new O().scale(l, u).translate(d, f), this.shape.draw(), this.context.fill();
+      const n = Math.abs(1 + (e + s)) * o, h = Math.abs(1 + (t + i)) * a, l = 1 / n, c = 1 / h, d = e * o * l, f = t * a * c;
+      this.context.uvTransform = new O().scale(l, c).translate(d, f), this.shape.draw(), this.context.fill();
     }
   }
   _repaint(r) {
@@ -8662,21 +8677,21 @@ let Be = class extends Ee {
   }
 };
 pt([
-  c({ internal: !0 })
-], Be.prototype, "texture", 2);
+  u({ internal: !0 })
+], ze.prototype, "texture", 2);
 pt([
-  c({ fallback: "" })
-], Be.prototype, "src", 2);
+  u({ fallback: "" })
+], ze.prototype, "src", 2);
 pt([
-  c()
-], Be.prototype, "srcRect", 2);
+  u()
+], ze.prototype, "srcRect", 2);
 pt([
-  c({ fallback: !1 })
-], Be.prototype, "gif", 2);
-Be = pt([
-  v("Image2D")
-], Be);
-class Rs extends Ee {
+  u({ fallback: !1 })
+], ze.prototype, "gif", 2);
+ze = pt([
+  g("Image2D")
+], ze);
+class As extends Se {
   texture;
   constructor(e, t = []) {
     super(), this.setProperties(e).append(t);
@@ -8685,13 +8700,13 @@ class Rs extends Ee {
     this.texture?.isValid() && (this.shape.draw(!0), this.context.fillStyle = this.texture, this.context.fill());
   }
 }
-var ln = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, Os = (r, e, t, s) => {
+var ln = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, Rs = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? hn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ln(e, t, i), i;
 };
-let Wt = class extends Rs {
-  texture = new Qt();
+let Gt = class extends As {
+  texture = new Jt();
   animation;
   constructor(r, e = []) {
     super(), this.setProperties(r), this.append(e);
@@ -8720,18 +8735,18 @@ let Wt = class extends Rs {
     this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpload(), this.requestRedraw(), super._process(r);
   }
 };
-Os([
-  c({ fallback: "" })
-], Wt.prototype, "src", 2);
-Wt = Os([
-  v("Lottie2D")
-], Wt);
+Rs([
+  u({ fallback: "" })
+], Gt.prototype, "src", 2);
+Gt = Rs([
+  g("Lottie2D")
+], Gt);
 var cn = Object.defineProperty, un = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && cn(e, t, i), i;
 };
-class dn extends Ee {
+class dn extends Se {
   constructor(e, t = []) {
     super(), this.setProperties(e).append(t);
   }
@@ -8755,14 +8770,14 @@ class dn extends Ee {
   }
 }
 un([
-  c({ fallback: 6 })
+  u({ fallback: 6 })
 ], dn.prototype, "handleSize");
-var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Ms = (r, e, t, s) => {
+var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Os = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? pn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && fn(e, t, i), i;
 };
-let jt = class extends Rs {
+let Wt = class extends As {
   get videoDuration() {
     return (this.texture?.duration ?? 0) * 1e3;
   }
@@ -8797,12 +8812,12 @@ let jt = class extends Rs {
     this._updateVideoCurrentTime(), super._process(r);
   }
 };
-Ms([
-  c({ fallback: "" })
-], jt.prototype, "src", 2);
-jt = Ms([
-  v("Video2D")
-], jt);
+Os([
+  u({ fallback: "" })
+], Wt.prototype, "src", 2);
+Wt = Os([
+  g("Video2D")
+], Wt);
 var _n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, Dt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? mn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
@@ -8810,27 +8825,27 @@ var _n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, Dt = (r, e
 };
 const gn = (r) => r, vn = _t(0.25, 0.1, 0.25, 1), bn = _t(0.42, 0, 1, 1), yn = _t(0, 0, 0.58, 1), xn = _t(0.42, 0, 0.58, 1);
 function _t(r, e, t, s) {
-  const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, u = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, f = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + u) * m;
+  const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, c = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, f = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + c) * m;
   function p(m) {
-    let g = m, w, P;
+    let v = m, y, P;
     for (let L = 0; L < 8; L++) {
-      if (P = f(g) - m, Math.abs(P) < 1e-6)
-        return g;
-      if (w = d(g), Math.abs(w) < 1e-6)
+      if (P = f(v) - m, Math.abs(P) < 1e-6)
+        return v;
+      if (y = d(v), Math.abs(y) < 1e-6)
         break;
-      g -= P / w;
+      v -= P / y;
     }
     let R = 1, A = 0;
-    for (g = m; R > A; ) {
-      if (P = f(g) - m, Math.abs(P) < 1e-6)
-        return g;
-      P > 0 ? R = g : A = g, g = (R + A) / 2;
+    for (v = m; R > A; ) {
+      if (P = f(v) - m, Math.abs(P) < 1e-6)
+        return v;
+      P > 0 ? R = v : A = v, v = (R + A) / 2;
     }
-    return g;
+    return v;
   }
   return (m) => _(p(m));
 }
-const Ft = {
+const Lt = {
   linear: gn,
   ease: vn,
   easeIn: bn,
@@ -8840,7 +8855,7 @@ const Ft = {
 let it = class extends W {
   _keyframes = [];
   _isFirstUpdatePosition = !1;
-  _cachedProps = new Br();
+  _cachedProps = new Ir();
   _stoped = !1;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -8873,7 +8888,7 @@ let it = class extends W {
         r = [this.getParent()].filter(Boolean);
         break;
     }
-    return r.filter((e) => e instanceof Ee);
+    return r.filter((e) => e instanceof Se);
   }
   _updateKeyframes() {
     const r = [], e = this.keyframes;
@@ -8931,9 +8946,9 @@ let it = class extends W {
   }
   _parseEasing(r) {
     if (!r)
-      return Ft.linear;
-    if (r in Ft)
-      return Ft[r];
+      return Lt.linear;
+    if (r in Lt)
+      return Lt[r];
     const e = r.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((t) => Number(t));
     return _t(e[0], e[1], e[2], e[3]);
   }
@@ -8947,13 +8962,13 @@ let it = class extends W {
       } = a, l = { ...a.props };
       if (t && r <= n) {
         const {
-          offset: u,
+          offset: c,
           easing: d
         } = t, f = { ...t.props };
         return e.forEach((_, p) => {
           (!(p in f) || f[p] === null) && (f[p] = _), (!(p in l) || l[p] === null) && (l[p] = _);
         }), [
-          { offset: u, easing: d, props: f },
+          { offset: c, easing: d, props: f },
           { offset: n, easing: h, props: l }
         ];
       }
@@ -8962,7 +8977,7 @@ let it = class extends W {
     return null;
   }
   _commitStyle(r, e, t, s, i) {
-    const { offset: o, easing: a, props: n } = s, { offset: h, props: l } = i, u = h - o, d = a((r - o) / u), f = {
+    const { offset: o, easing: a, props: n } = s, { offset: h, props: l } = i, c = h - o, d = a((r - o) / c), f = {
       width: e.size.x,
       height: e.size.y,
       fontSize: e.style.fontSize
@@ -8985,9 +9000,9 @@ let it = class extends W {
     let o, a;
     if (e === "none" && (e = void 0), t === "none" && (t = void 0), e === void 0 || t === void 0)
       if (e !== void 0)
-        o = mt(r, String(e), i), a = br(o);
+        o = mt(r, String(e), i), a = vr(o);
       else if (t !== void 0)
-        a = mt(r, String(t), i), o = br(a);
+        a = mt(r, String(t), i), o = vr(a);
       else
         return;
     else
@@ -8999,14 +9014,14 @@ let it = class extends W {
       }), a.forEach(({ name: d, args: f }) => {
         l[d] = f, n.add(d);
       });
-      let u = "";
+      let c = "";
       return n.forEach((d) => {
         const f = Math.max(h[d]?.length ?? 0, l[d]?.length ?? 0), _ = h[d], p = l[d];
-        u += `${d}(${Array.from({ length: f }, (m, g) => {
-          const w = _?.[g], P = p?.[g], R = w?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
+        c += `${d}(${Array.from({ length: f }, (m, v) => {
+          const y = _?.[v], P = p?.[v], R = y?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
           return Number.isNaN(R) || Number.isNaN(A) ? P?.value ?? 0 : S(R, A, s);
         }).join(", ")}) `;
-      }), u;
+      }), c;
     } else if (!Array.isArray(o) && !Array.isArray(a))
       return Number.isNaN(o.normalizedIntValue) || Number.isNaN(a.normalizedIntValue) ? a.value : S(o.normalizedIntValue, a.normalizedIntValue, s);
   }
@@ -9031,26 +9046,26 @@ let it = class extends W {
   }
 };
 Dt([
-  c({ fallback: "parent" })
+  u({ fallback: "parent" })
 ], it.prototype, "effectMode", 2);
 Dt([
-  c({ default: () => [] })
+  u({ default: () => [] })
 ], it.prototype, "keyframes", 2);
 Dt([
-  c()
+  u()
 ], it.prototype, "easing", 2);
 it = Dt([
-  v("Animation", {
+  g("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
     processSortMode: "parent_before",
     duration: 2e3
   })
 ], it);
-class hr extends fe {
+class lr extends fe {
   static _instance;
   static get instance() {
-    return this._instance || (this._instance = new hr()), this._instance;
+    return this._instance || (this._instance = new lr()), this._instance;
   }
   playbackRate = 1;
   muted = !1;
@@ -9200,17 +9215,17 @@ class Et extends fe {
       return;
     const { start: t = 0, end: s = 0 } = e;
     s && console.assert(s > t, "End time is before start time"), e.playbackRate !== void 0 && (this._playbackRate = e.playbackRate), e.volume !== void 0 && (this._volume = e.volume), e.loop !== void 0 && (this._loop = e.loop), e.muted !== void 0 && (this._muted = e.muted), this.refresh(), this.loop && s !== null && (console.warn('Looping not support when specifying an "end" time'), this.loop = !1), this._start = t, this._end = s || this._duration, this._start = Math.max(0, this._start - Et.PADDING), this._end = Math.min(this._end + Et.PADDING, this._duration), this._source.onloadedmetadata = () => {
-      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), k.on(this._onUpdate));
+      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), U.on(this._onUpdate));
     }, this._source.onended = this._onComplete.bind(this), this._source.play(), this.emit("start");
   }
   _onUpdate = () => {
     this._source && (this.emit("progress", this.progress, this._duration), this._source.currentTime >= this._end && !this._source.loop && this._onComplete());
   };
   _onComplete() {
-    k.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
+    U.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
   }
   destroy() {
-    k.off(this._onUpdate), super.destroy();
+    U.off(this._onUpdate), super.destroy();
     const e = this._source;
     e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio && (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), this._audio = null);
   }
@@ -9234,7 +9249,7 @@ class wn {
     return !!this.source && this.source.readyState === 4;
   }
   get context() {
-    return hr.instance;
+    return lr.instance;
   }
   async load() {
     return new Promise((e) => {
@@ -9245,7 +9260,7 @@ class wn {
     return new Et();
   }
 }
-class ks extends fe {
+class Ms extends fe {
   constructor(e, t) {
     super(), this._input = e, this._output = t;
   }
@@ -9278,16 +9293,16 @@ class Ml {
   }
 }
 function Pn() {
-  if (Vr)
+  if ($r)
     return new AudioContext();
-  if (Gr) {
+  if (Vr) {
     const r = globalThis.webkitAudioContext;
     return new r();
   } else
     throw new Error("Failed to createAudioContext");
 }
 function Tn(r, e, t) {
-  if (Wr)
+  if (Gr)
     return new OfflineAudioContext(r, e, t);
   if (gi) {
     const s = globalThis.webkitOfflineAudioContext;
@@ -9295,11 +9310,11 @@ function Tn(r, e, t) {
   } else
     throw new Error("Failed to createOfflineAudioContext");
 }
-class ye extends ks {
+class xe extends Ms {
   /** Singleton */
   static _instance;
   static get instance() {
-    return this._instance || (this._instance = new ye()), this._instance;
+    return this._instance || (this._instance = new xe()), this._instance;
   }
   static get audioContext() {
     return this.instance.audioContext;
@@ -9343,7 +9358,7 @@ class ye extends ks {
     const e = Pn(), t = Tn(
       1,
       2,
-      Wr ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
+      Gr ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
     ), s = e.createDynamicsCompressor(), i = e.createAnalyser();
     i.connect(s), s.connect(e.destination), super(i, s), this._context = e, this._offlineContext = t, this._compressor = s, this._analyser = i, this._locked = e.state === "suspended" && (ce || mi), Ot && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
   }
@@ -9536,16 +9551,16 @@ class En extends fe {
   };
   _updateListener = () => this._update();
   _enableTicker(e) {
-    k.off(this._updateListener), e && k.on(this._updateListener);
+    U.off(this._updateListener), e && U.on(this._updateListener);
   }
   destroy() {
     super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
   }
 }
-class Sn extends ks {
+class Sn extends Ms {
   constructor(e) {
-    const t = ye.audioContext, s = t.createBufferSource(), i = t.createGain(), o = t.createAnalyser();
-    s.connect(o), o.connect(i), i.connect(ye.instance.destination), super(o, i), this.parent = e, this._sourceNode = s, this.gain = i, this.analyser = o;
+    const t = xe.audioContext, s = t.createBufferSource(), i = t.createGain(), o = t.createAnalyser();
+    s.connect(o), o.connect(i), i.connect(xe.instance.destination), super(o, i), this.parent = e, this._sourceNode = s, this.gain = i, this.analyser = o;
   }
   /** Source */
   _sourceBuffer;
@@ -9555,7 +9570,7 @@ class Sn extends ks {
   gain;
   analyser;
   get context() {
-    return ye.instance;
+    return xe.instance;
   }
   get isPlayable() {
     return !!this._sourceNode.buffer;
@@ -9581,7 +9596,7 @@ class Sn extends ks {
   }
   _decode(e) {
     return Promise.resolve(
-      e instanceof AudioBuffer ? e : ye.decode(e)
+      e instanceof AudioBuffer ? e : xe.decode(e)
     ).then((t) => (this.parent.isLoaded = !0, this.buffer = t, t));
   }
   cloneSource() {
@@ -9597,7 +9612,7 @@ var Cn = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Rn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Mn = (r, e, t) => Rn(r, e + "", t);
-let xe = class extends W {
+let we = class extends W {
   _sounds = [];
   /** PlatformAudio */
   _platformAudio = vi ? new Sn(this) : new wn(this);
@@ -9703,7 +9718,7 @@ let xe = class extends W {
     this._sounds.length = 0;
   }
   _createSound() {
-    return xe._soundPool.length > 0 ? xe._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
+    return we._soundPool.length > 0 ? we._soundPool.pop().init(this._platformAudio) : this._platformAudio.createSound().init(this._platformAudio);
   }
   refresh() {
     for (let r = this._sounds.length, e = 0; e < r; e++)
@@ -9721,7 +9736,7 @@ let xe = class extends W {
     this._recycleSound(r);
   };
   _recycleSound(r) {
-    r.destroy(), xe._soundPool.includes(r) || xe._soundPool.push(r);
+    r.destroy(), we._soundPool.includes(r) || we._soundPool.push(r);
   }
   _prevTime = 0;
   _timer = 0;
@@ -9739,11 +9754,11 @@ let xe = class extends W {
     }, 100);
   }
 };
-Mn(xe, "_soundPool", []);
-xe = On([
-  v("Audio")
-], xe);
-class kl extends Pe {
+Mn(we, "_soundPool", []);
+we = On([
+  g("Audio")
+], we);
+class kl extends Te {
   //
 }
 var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
@@ -9751,7 +9766,7 @@ var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && kn(e, t, i), i;
 };
-let ot = class extends Ee {
+let ot = class extends Se {
   _audioBuffer;
   _src = Ot ? new T(document.createElement("canvas")) : void 0;
   _needsUpdateTexture = !1;
@@ -9772,7 +9787,7 @@ let ot = class extends Ee {
     }
   }
   async _loadSrc(r) {
-    await globalThis.fetch(r).then((e) => e.arrayBuffer()).then((e) => ye.decode(e)).then((e) => {
+    await globalThis.fetch(r).then((e) => e.arrayBuffer()).then((e) => xe.decode(e)).then((e) => {
       this._audioBuffer = e, this.syncTexture(!0);
     });
   }
@@ -9793,14 +9808,14 @@ let ot = class extends Ee {
     }
     o.fillStyle = this.color;
     const a = e.getChannelData(0), n = Math.ceil(a.length / s), h = i / 2;
-    for (let l = 1, u = -1, d = 0; d < s; d++) {
+    for (let l = 1, c = -1, d = 0; d < s; d++) {
       for (let f = 0; f < n; f++) {
         const _ = a[d * n + f];
-        _ < l && (l = _), _ > u && (u = _);
+        _ < l && (l = _), _ > c && (c = _);
       }
       if (!this.gap || d % (this.gap * 2) === 0) {
-        const f = d, _ = (1 + l) * h, p = this.gap || 1, m = Math.max(1, (u - l) * h);
-        o.fillRect(f, _, p, m), l = 1, u = -1;
+        const f = d, _ = (1 + l) * h, p = this.gap || 1, m = Math.max(1, (c - l) * h);
+        o.fillRect(f, _, p, m), l = 1, c = -1;
       }
     }
     this._src?.requestUpload(), this.requestRedraw();
@@ -9817,55 +9832,55 @@ let ot = class extends Ee {
   }
 };
 It([
-  c()
+  u()
 ], ot.prototype, "src", 2);
 It([
-  c({ fallback: 0 })
+  u({ fallback: 0 })
 ], ot.prototype, "gap", 2);
 It([
-  c({ fallback: "#000000" })
+  u({ fallback: "#000000" })
 ], ot.prototype, "color", 2);
 ot = It([
-  v("AudioWaveform")
+  g("AudioWaveform")
 ], ot);
 var Dn = Object.defineProperty, In = Object.getOwnPropertyDescriptor, Bn = (r, e, t) => e in r ? Dn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, zn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? In(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Nn = (r, e, t) => Bn(r, e + "", t);
-let St = class extends ke {
+let St = class extends Ue {
   blur = 10;
   quality = 10;
   apply(r, e) {
     const t = this.currentTimeProgress;
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
-    const o = this.blur, a = this.quality, n = e.width, h = e.height, l = [], u = [o];
+    const o = this.blur, a = this.quality, n = e.width, h = e.height, l = [], c = [o];
     if (o > 0) {
-      let g = o;
-      const w = o / a;
+      let v = o;
+      const y = o / a;
       for (let P = 1; P < a; P++)
-        g -= w, u.push(g);
+        v -= y, c.push(v);
     }
     const d = 1 / n, f = 1 / h, _ = [];
     let p;
     const m = a - 1;
-    for (let g = 0; g < m; g++)
-      p = u[g] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
+    for (let v = 0; v < m; v++)
+      p = c[v] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
         offset: _
       });
-    p = u[m] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
+    p = c[m] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
       offset: _
-    }), l.forEach((g) => {
+    }), l.forEach((v) => {
       b.draw(r, St.material, {
         sampler: s,
         progress: i,
-        ...g
+        ...v
       });
     });
   }
 };
-Nn(St, "material", new x({
+Nn(St, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9891,14 +9906,14 @@ void main(void) {
 }`
 }));
 St = zn([
-  v("KawaseTransition")
+  g("KawaseTransition")
 ], St);
 var Ln = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, $n = (r, e, t) => e in r ? Ln(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Vn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Fn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Gn = (r, e, t) => $n(r, e + "", t);
-let Ct = class extends ke {
+let Ct = class extends Ue {
   apply(r) {
     b.draw(r, Ct.material, {
       previous: 0,
@@ -9907,7 +9922,7 @@ let Ct = class extends ke {
     });
   }
 };
-Gn(Ct, "material", new x({
+Gn(Ct, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9937,21 +9952,21 @@ void main() {
 }`
 }));
 Ct = Vn([
-  v("LeftEraseTransition")
+  g("LeftEraseTransition")
 ], Ct);
 var Wn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, qn = (r, e, t) => e in r ? Wn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Xn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? jn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Hn = (r, e, t) => qn(r, e + "", t);
-let at = class extends ke {
+let at = class extends Ue {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
     const t = this.currentTimeProgress;
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
-    const o = e.width, a = e.height, n = [0, a / 2], h = [600, a / 2], l = [o, a], u = h[0] - n[0], d = h[1] - n[1], f = Math.sqrt(u * u + d * d);
+    const o = e.width, a = e.height, n = [0, a / 2], h = [600, a / 2], l = [o, a], c = h[0] - n[0], d = h[1] - n[1], f = Math.sqrt(c * c + d * d);
     b.draw(r, at.material, {
       sampler: s,
       progress: i,
@@ -9959,7 +9974,7 @@ let at = class extends ke {
       gradientBlur: this.gradientBlur,
       start: n,
       end: h,
-      delta: [u / f, d / f],
+      delta: [c / f, d / f],
       texSize: l
     }), b.draw(r, at.material, {
       sampler: s,
@@ -9968,12 +9983,12 @@ let at = class extends ke {
       gradientBlur: this.gradientBlur,
       start: n,
       end: h,
-      delta: [-d / f, u / f],
+      delta: [-d / f, c / f],
       texSize: l
     });
   }
 };
-Hn(at, "material", new x({
+Hn(at, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -10022,14 +10037,14 @@ void main(void) {
 }`
 }));
 at = Xn([
-  v("TiltShiftTransition")
+  g("TiltShiftTransition")
 ], at);
 var Yn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Zn = (r, e, t) => e in r ? Yn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Jn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Kn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Qn = (r, e, t) => Zn(r, e + "", t);
-let At = class extends ke {
+let At = class extends Ue {
   radius;
   angle = 4;
   padding = 20;
@@ -10050,7 +10065,7 @@ let At = class extends ke {
     });
   }
 };
-Qn(At, "material", new x({
+Qn(At, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -10101,19 +10116,19 @@ void main(void) {
 }`
 }));
 At = Jn([
-  v("TwistTransition")
+  g("TwistTransition")
 ], At);
-class el extends Se {
+class el extends Ce {
   install(e) {
     const t = async (s) => {
       const { decodeFrames: i } = await import("modern-gif");
       return await s.arrayBuffer().then((o) => i(
         o,
         e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0
-      )).then((o) => new Vt(
+      )).then((o) => new $t(
         o.map((a) => ({
           duration: a.delay,
-          texture: new ts(a.data, a.width, a.height)
+          texture: new es(a.data, a.width, a.height)
         }))
       ));
     };
@@ -10124,7 +10139,7 @@ class el extends Se {
     }), e.gif = this, this;
   }
 }
-class tl extends Se {
+class tl extends Ce {
   install(e) {
     const t = async (s) => JSON.parse(await s.text());
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
@@ -10134,7 +10149,7 @@ class tl extends Se {
     }), e.json = this, this;
   }
 }
-class rl extends Se {
+class rl extends Ce {
   install(e) {
     return this.load = async (t, s) => (await import("lottie-web").then((o) => o.default)).loadAnimation({
       container: null,
@@ -10151,13 +10166,13 @@ class rl extends Se {
     }), e.lottie = this, this;
   }
 }
-class sl extends Se {
+class sl extends Ce {
   install(e) {
     const t = async (s) => s.text();
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), e.text = this, this;
   }
 }
-class il extends Se {
+class il extends Ce {
   install(e) {
     const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new T(i));
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
@@ -10175,7 +10190,7 @@ class il extends Se {
     }), e.texture = this, this;
   }
 }
-class ol extends Se {
+class ol extends Ce {
   install(e) {
     return this.load = (t) => new _o(t).load(), e.video = this, this;
   }
@@ -10222,7 +10237,7 @@ class hl extends fe {
     t && "destroy" in t && t.destroy(), this._handled.delete(e);
   }) : void 0;
   constructor() {
-    super(), vt || k.on(this.gc.bind(this), { sort: 2 });
+    super(), vt || U.on(this.gc.bind(this), { sort: 2 });
   }
   use(e) {
     return e.install(this), this;
@@ -10306,12 +10321,12 @@ class hl extends fe {
   }
 }
 const z = new hl().use(new to()).use(new el()).use(new tl()).use(new rl()).use(new sl()).use(new il()).use(new ol());
-var cl = Object.defineProperty, cr = (r, e, t, s) => {
+var cl = Object.defineProperty, ks = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && cl(e, t, i), i;
 };
-const Oe = {
+const Me = {
   alpha: !0,
   stencil: !0,
   antialias: !1,
@@ -10319,7 +10334,7 @@ const Oe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Bt extends Ae {
+class hr extends me {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10354,16 +10369,16 @@ class Bt extends Ae {
       view: t,
       width: s,
       height: i,
-      pixelRatio: o = jr,
+      pixelRatio: o = Wr,
       autoResize: a
     } = e;
     super(), this.renderer = new eo(t, {
-      alpha: Oe.alpha ?? e.alpha,
-      stencil: Oe.stencil ?? e.stencil,
-      antialias: Oe.antialias ?? e.antialias,
-      premultipliedAlpha: Oe.premultipliedAlpha ?? e.premultipliedAlpha,
-      preserveDrawingBuffer: Oe.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-      powerPreference: Oe.powerPreference ?? e.powerPreference
+      alpha: Me.alpha ?? e.alpha,
+      stencil: Me.stencil ?? e.stencil,
+      antialias: Me.antialias ?? e.antialias,
+      premultipliedAlpha: Me.premultipliedAlpha ?? e.premultipliedAlpha,
+      preserveDrawingBuffer: Me.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+      powerPreference: Me.powerPreference ?? e.powerPreference
     }), this._setupInput(), this.pixelRatio = o, a ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(
       s || this.gl.drawingBufferWidth || this.view?.clientWidth || 200,
       i || this.gl.drawingBufferHeight || this.view?.clientHeight || 200,
@@ -10400,7 +10415,7 @@ class Bt extends Ae {
     return this.renderer.resize(e, t, s), this.root.width = e, this.root.height = t, this.root.requestUpload(), this.render(), this;
   }
   nextTick() {
-    return Lr();
+    return Nr();
   }
   async waitUntilLoad() {
     await z.waitUntilLoad(), await this.nextTick();
@@ -10450,22 +10465,19 @@ class Bt extends Ae {
     this._resizeObserver?.disconnect(), this.renderer.destroy(), super.destroy();
   }
 }
-cr([
-  c({ alias: "root.msaa" })
-], Bt.prototype, "msaa");
-cr([
-  c({ fallback: !1 })
-], Bt.prototype, "autoResize");
-cr([
-  c({ fallback: !1 })
-], Bt.prototype, "autoStart");
-let I;
-const qt = [];
-let $t = !1;
+ks([
+  u({ fallback: !1 })
+], hr.prototype, "autoResize");
+ks([
+  u({ fallback: !1 })
+], hr.prototype, "autoStart");
+let k;
+const jt = [];
+let Ft = !1;
 async function ul(r = 100) {
-  if (!$t) {
-    for ($t = !0; qt.length; ) {
-      const e = qt.shift();
+  if (!Ft) {
+    for (Ft = !0; jt.length; ) {
+      const e = jt.shift();
       if (e)
         try {
           await e();
@@ -10475,7 +10487,7 @@ async function ul(r = 100) {
       else
         await new Promise((t) => setTimeout(t, r));
     }
-    $t = !1;
+    Ft = !1;
   }
 }
 async function dl(r) {
@@ -10487,49 +10499,50 @@ async function dl(r) {
     data: o,
     keyframes: a = [],
     onBefore: n,
-    onKeyframe: h
+    onKeyframe: h,
+    ...l
   } = r;
-  return I ??= new Bt({
+  return k ??= new hr({
     pixelRatio: 1,
     width: 1,
     height: 1,
     preserveDrawingBuffer: !0
-  }), I.debug = e, I.fonts = t, I.timeline.currentTime = 0, I.root.removeChildren(), I.resize(s, i, !0), (Array.isArray(o) ? o : [o]).forEach((l) => {
-    l instanceof M ? (l.parent = void 0, I.root.appendChild(l)) : I.root.appendChild(M.parse(l));
-  }), await n?.(I), await I.waitAndRender(), a.length && await new Promise((l) => {
-    let u = 0;
-    const d = a.length, f = a[d - 1];
-    async function _() {
-      if (u === d)
-        return l();
-      const p = a[u++], g = (a[u] || p) - p;
-      I.timeline.currentTime = p, I.render(), await h?.(I.toPixels(), {
-        currentTime: p,
-        duration: g,
-        progress: f !== 0 ? p / f : 1
-      }), requestAnimationFrame(_);
-    }
-    _();
-  }), I.toCanvas2D();
+  }), k.resetProperties(), k.setProperties(l), k.debug = e, k.fonts = t, k.timeline.currentTime = 0, k.root.removeChildren(), k.resize(s, i, !0), (Array.isArray(o) ? o : [o]).forEach((c) => {
+    c instanceof M ? (c.parent = void 0, k.root.appendChild(c)) : k.root.appendChild(M.parse(c));
+  }), await n?.(k), await k.waitAndRender(), a.length && await new Promise((c) => {
+    let d = 0;
+    const f = a.length, _ = a[f - 1];
+    async function p() {
+      if (d === f)
+        return c();
+      const m = a[d++], y = (a[d] || m) - m;
+      k.timeline.currentTime = m, k.render(), await h?.(k.toPixels(), {
+        currentTime: m,
+        duration: y,
+        progress: _ !== 0 ? m / _ : 1
+      }), requestAnimationFrame(p);
+    }
+    p();
+  }), k.toCanvas2D();
 }
 async function Ul(r) {
   return new Promise((e) => {
-    qt.push(async () => e(await dl(r))), ul();
+    jt.push(async () => e(await dl(r))), ul();
   });
 }
 export {
-  Vt as AnimatedTexture,
+  $t as AnimatedTexture,
   it as Animation,
   hl as Assets,
-  xe as Audio,
-  ks as AudioPipeline,
+  we as Audio,
+  Ms as AudioPipeline,
   Ml as AudioProcessor,
   kl as AudioSpectrum,
   ot as AudioWaveform,
   st as BaseElement2D,
-  Ss as BaseElement2DBackground,
-  D as BaseElement2DFill,
-  Cs as BaseElement2DForeground,
+  Es as BaseElement2DBackground,
+  I as BaseElement2DFill,
+  Ss as BaseElement2DForeground,
   Ge as BaseElement2DOutline,
   We as BaseElement2DShadow,
   je as BaseElement2DShape,
@@ -10537,43 +10550,43 @@ export {
   te as BaseElement2DText,
   Pt as Camera2D,
   mo as CanvasContext,
-  we as CanvasItem,
-  Qt as CanvasTexture,
+  Pe as CanvasItem,
+  Jt as CanvasTexture,
   J as Color,
   V as ColorAdjustEffect,
   Je as ColorFilterEffect,
-  Yr as ColorMatrix,
-  Ue as ColorOverlayEffect,
-  De as ColorRemoveEffect,
-  Ie as ColorReplaceEffect,
+  Hr as ColorMatrix,
+  De as ColorOverlayEffect,
+  Ie as ColorRemoveEffect,
+  Be as ColorReplaceEffect,
   Al as ColorTexture,
   pe as CoreObject,
   Di as DEG_TO_RAD,
-  jr as DEVICE_PIXEL_RATIO,
+  Wr as DEVICE_PIXEL_RATIO,
   q as DrawboardEffect,
   Q as DropShadowEffect,
-  y as Effect,
+  x as Effect,
   yt as EffectMaterial,
-  Ee as Element2D,
-  As as Element2DStyle,
+  Se as Element2D,
+  Cs as Element2DStyle,
   Qe as EmbossEffect,
-  Bt as Engine,
-  Dr as FlexElement2D,
+  hr as Engine,
+  Ur as FlexElement2D,
   Qa as FlexElement2DStyle,
-  lr as FlexLayout,
+  nr as FlexLayout,
   to as FontLoader,
   ae as GaussianBlurEffect,
-  Jt as Geometry,
+  Zt as Geometry,
   el as GifLoader,
   N as GlitchEffect,
   X as GodrayEffect,
   kt as GradientTexture,
   wn as HTMLAudio,
-  hr as HTMLAudioContext,
+  lr as HTMLAudioContext,
   Et as HTMLSound,
   Ot as IN_BROWSER,
   bi as IN_MAC_OS,
-  Be as Image2D,
+  ze as Image2D,
   Rl as ImageTexture,
   nt as IndexBuffer,
   Oi as Input,
@@ -10583,61 +10596,61 @@ export {
   St as KawaseTransition,
   Si as KeyboardInputEvent,
   Ct as LeftEraseTransition,
-  Se as Loader,
-  Wt as Lottie2D,
+  Ce as Loader,
+  Gt as Lottie2D,
   rl as LottieLoader,
-  Kt as MainLoop,
-  Te as MaskEffect,
-  x as Material,
+  Yt as MainLoop,
+  Ee as MaskEffect,
+  w as Material,
   se as Matrix,
   Tl as Matrix2,
-  Kr as Matrix3,
+  Yr as Matrix3,
   Ui as Matrix4,
   vo as Meta,
-  Hr as MouseInputEvent,
+  Xr as MouseInputEvent,
   M as Node,
-  Pe as Node2D,
-  U as OutlineEffect,
-  Yt as PI,
+  Te as Node2D,
+  D as OutlineEffect,
+  Ht as PI,
   B as PI_2,
   tt as PixelateEffect,
-  ts as PixelsTexture,
+  es as PixelsTexture,
   Ci as PointerInputEvent,
   Bi as Projection2D,
   Sl as QuadGeometry,
   b as QuadUvGeometry,
   wl as RAD_TO_DEG,
-  Xr as RawWeakMap,
-  be as Rect2,
+  qr as RawWeakMap,
+  ye as Rect2,
   ki as RefCounted,
-  Zt as Renderer,
+  Kt as Renderer,
   _e as Resource,
-  Vr as SUPPORTS_AUDIO_CONTEXT,
+  $r as SUPPORTS_AUDIO_CONTEXT,
   mi as SUPPORTS_CLICK_EVENTS,
-  $r as SUPPORTS_CREATE_IMAGE_BITMAP,
+  Fr as SUPPORTS_CREATE_IMAGE_BITMAP,
   fi as SUPPORTS_IMAGE_BITMAP,
   yl as SUPPORTS_MOUSE_EVENTS,
-  Wr as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
+  Gr as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
   He as SUPPORTS_POINTER_EVENTS,
   pi as SUPPORTS_RESIZE_OBSERVER,
   ce as SUPPORTS_TOUCH_EVENTS,
   di as SUPPORTS_WEBGL2,
-  Gr as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
+  Vr as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   gi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   vi as SUPPORTS_WEB_AUDIO,
   _i as SUPPORTS_WHEEL_EVENTS,
-  Ae as SceneTree,
+  me as SceneTree,
   sl as TextLoader,
   T as Texture2D,
   il as TextureLoader,
-  Rs as TextureRect2D,
-  k as Ticker,
+  As as TextureRect2D,
+  U as Ticker,
   at as TiltShiftTransition,
   oe as Timeline,
   W as TimelineNode,
   O as Transform2D,
   dn as TransformRect2D,
-  ke as Transition,
+  Ue as Transition,
   At as TwistTransition,
   Cl as UvGeometry,
   xt as UvMaterial,
@@ -10647,13 +10660,13 @@ export {
   Ii as Vector4,
   $ as VertexAttribute,
   ue as VertexBuffer,
-  jt as Video2D,
+  Wt as Video2D,
   ol as VideoLoader,
   _o as VideoTexture,
   j as Viewport,
-  wr as ViewportTexture,
+  xr as ViewportTexture,
   Sn as WebAudio,
-  ye as WebAudioContext,
+  xe as WebAudioContext,
   $i as WebGLBatch2DModule,
   Ze as WebGLBlendMode,
   Vi as WebGLBufferModule,
@@ -10663,7 +10676,7 @@ export {
   ji as WebGLProgramModule,
   eo as WebGLRenderer,
   Hi as WebGLScissorModule,
-  Me as WebGLState,
+  ke as WebGLState,
   Fi as WebGLStateModule,
   Yi as WebGLStencilModule,
   Zi as WebGLTextureModule,
@@ -10673,9 +10686,9 @@ export {
   Ai as WheelInputEvent,
   wt as Window,
   de as ZoomBlurEffect,
-  Re as alignMap,
+  Oe as alignMap,
   z as assets,
-  Ur as boxSizingMap,
+  kr as boxSizingMap,
   ie as clamp,
   Ca as clampFrag,
   Pi as createHTMLCanvas,
@@ -10683,43 +10696,43 @@ export {
   Ei as crossOrigin,
   _t as cubicBezier,
   Pl as curves,
-  v as customNode,
-  Ht as customNodes,
-  Oe as defaultOptions,
+  g as customNode,
+  Xt as customNodes,
+  Me as defaultOptions,
   Ti as determineCrossOrigin,
-  Gt as directionMap,
-  Cr as displayMap,
+  Vt as directionMap,
+  Sr as displayMap,
   vn as ease,
   bn as easeIn,
   xn as easeInOut,
   yn as easeOut,
   E as edgeMap,
-  Ar as flexDirectionMap,
-  Rr as flexWrapMap,
+  Cr as flexDirectionMap,
+  Ar as flexWrapMap,
   Sa as frag,
-  br as getDefaultCssPropertyValue,
+  vr as getDefaultCssPropertyValue,
   rn as gutterMap,
   xi as isCanvasElement,
-  qr as isElementNode,
+  jr as isElementNode,
   xl as isImageElement,
-  vr as isPow2,
+  gr as isPow2,
   yi as isVideoElement,
   wi as isWebgl2,
-  Or as justifyMap,
+  Rr as justifyMap,
   S as lerp,
   gn as linear,
-  xr as log2,
+  yr as log2,
   Li as mapWebGLBlendModes,
-  yr as nextPow2,
-  Lr as nextTick,
-  Mr as overflowMap,
+  br as nextPow2,
+  Nr as nextTick,
+  Or as overflowMap,
   Ol as parseCSSFilter,
   Vo as parseCSSTransform,
   Go as parseCSSTransformOrigin,
   Rt as parseCssFunctions,
   mt as parseCssProperty,
-  kr as positionTypeMap,
+  Mr as positionTypeMap,
   Ul as render,
-  Ft as timingFunctions,
+  Lt as timingFunctions,
   ni as uid
 };