modern-canvas 0.13.1 → 0.13.3

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 L, 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 M {
+class U {
   static _queue = [];
   static _currentTime = 0;
   static _elapsed = 0;
@@ -70,8 +70,8 @@ class M {
         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 M {
     this._queue = t;
   }
 }
-M.start();
-async function Lr(r) {
+U.start();
+async function Nr(r) {
   return new Promise((e) => {
-    M.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) {
@@ -245,7 +245,7 @@ class Xr {
     return this._map.set(this._toRaw(e), this._toRaw(t)), this;
   }
 }
-class kt {
+class Mt {
   cursor;
   // Event
   bubbles = !1;
@@ -253,7 +253,7 @@ class kt {
   cancelable = !1;
   composed = !1;
   defaultPrevented = !1;
-  eventPhase = kt.prototype.NONE;
+  eventPhase = Mt.prototype.NONE;
   isTrusted = !1;
   timeStamp = 0;
   type = "";
@@ -282,7 +282,7 @@ class kt {
     throw new Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Si extends kt {
+class Si extends Mt {
   getModifierState(...e) {
     throw new Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
@@ -290,7 +290,7 @@ class Si extends kt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Hr extends kt {
+class Xr extends Mt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -353,7 +353,7 @@ class Hr extends kt {
     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;
@@ -535,9 +535,9 @@ class Oi extends fe {
     this.removeEventListeners(), super.destroy();
   }
 }
-let ki = 0;
-class pe extends Ir {
-  instanceId = ++ki;
+let Mi = 0;
+class pe extends Dr {
+  instanceId = ++Mi;
   get json() {
     return this.toJSON();
   }
@@ -545,16 +545,16 @@ class pe extends Ir {
     this.setProperties(e);
   }
   _nextTick() {
-    return Lr();
+    return Nr();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
   }
 }
-class Mi extends pe {
+class ki extends pe {
   //
 }
-class _e extends Mi {
+class _e extends ki {
   //
 }
 Qs([ei]);
@@ -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), M.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, M.off(this._onTicker, { sort: 0 }));
+    this._starting && (this._starting = !1, U.off(this._onTicker, { sort: 0 }));
   }
   _onTicker() {
-    const e = M.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 {
@@ -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++) {
-      const A = s[R].texture, N = R === _ - 1;
-      if (!A || g.has(A)) {
-        if (!N)
+    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 || v.has(A)) {
+        if (!L)
           continue;
       } else
-        m.push(A), g.set(A, w++);
-      if (N || 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,50 +1951,50 @@ 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 N = w[A], G = P.get(N);
+      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,
-          value: N
+          value: L
         });
       }
       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,34 +2990,34 @@ 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");
-      return await e.fetch(s).then((o) => o.arrayBuffer()).then((o) => i(o));
+      return await s.arrayBuffer().then((o) => i(o));
     };
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "woff",
-      "ttf",
-      "otf"
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
+      "font/woff",
+      "font/ttf",
+      "font/otf"
     ].forEach((s) => {
       e.register(s, t);
     }), 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,18 +3147,18 @@ 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;
 };
-class F extends _e {
+class $ extends _e {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties({
@@ -3183,32 +3184,32 @@ class F extends _e {
     return e && (this.needsUpload = !1), e;
   }
 }
-Ce([
-  c({ internal: !0 })
-], F.prototype, "buffer");
-Ce([
-  c({ fallback: 0 })
-], F.prototype, "size");
-Ce([
-  c({ fallback: !1 })
-], F.prototype, "normalized");
-Ce([
-  c({ fallback: "float" })
-], F.prototype, "type");
-Ce([
-  c()
-], F.prototype, "stride");
-Ce([
-  c()
-], F.prototype, "offset");
-Ce([
-  c()
-], F.prototype, "divisor");
-class Sl extends Jt {
+Ae([
+  u({ internal: !0 })
+], $.prototype, "buffer");
+Ae([
+  u({ fallback: 0 })
+], $.prototype, "size");
+Ae([
+  u({ fallback: !1 })
+], $.prototype, "normalized");
+Ae([
+  u({ fallback: "float" })
+], $.prototype, "type");
+Ae([
+  u()
+], $.prototype, "stride");
+Ae([
+  u()
+], $.prototype, "offset");
+Ae([
+  u()
+], $.prototype, "divisor");
+class Sl extends Zt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -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();
@@ -3372,7 +3371,7 @@ class b extends Jt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: new ue({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1]),
             dynamic: !1
@@ -3381,7 +3380,7 @@ class b extends Jt {
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new $({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3398,20 +3397,20 @@ class b extends Jt {
     });
   }
 }
-class Cl extends Jt {
+class Cl extends Zt {
   positionBuffer;
   uvBuffer;
   constructor() {
     const e = new ue({ data: new Float32Array(), dynamic: !0 }), t = new ue({ data: new Float32Array(), dynamic: !0 });
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: e,
           size: 2,
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new $({
           buffer: t,
           size: 2,
           normalized: !1,
@@ -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) {
@@ -3615,7 +3614,7 @@ class Al extends T {
     });
   }
 }
-class Mt extends T {
+class kt extends T {
   static test(e) {
     return Fs(e);
   }
@@ -3626,26 +3625,26 @@ class Mt 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 N = o.getImageData(0, 0, i.width, i.height);
+    const L = o.getImageData(0, 0, i.width, i.height);
     return {
-      width: N.width,
-      height: N.height,
-      pixels: new Uint8Array(N.data.buffer)
+      width: L.width,
+      height: L.height,
+      pixels: new Uint8Array(L.data.buffer)
     };
   }
   constructor(e, t, s) {
     super(
-      Mt.linearGradient(e, t, s)
+      kt.linearGradient(e, t, s)
     );
   }
 }
 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 && (M.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 || (M.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (M.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(M.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)
@@ -4065,12 +4064,12 @@ 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 k = class extends pe {
+let M = class extends pe {
   _meta = new vo(this);
   get meta() {
     return this._meta;
@@ -4266,7 +4265,7 @@ let k = class extends pe {
       const n = e.renderStack.push(this);
       a = e.renderStack.currentCall, e.renderStack.currentCall = n;
     }
-    if (this.mask instanceof k)
+    if (this.mask instanceof M)
       this.getNode("__$mask") || (this.mask.processMode = "disabled", this.appendChild(this.mask, "front"));
     else {
       const n = this.getNode("__$mask");
@@ -4418,7 +4417,7 @@ let k = class extends pe {
     );
   }
   toJSON() {
-    return zr({
+    return Br({
       ...super.toJSON(),
       children: this.children.length ? [...this.children.map((r) => r.toJSON())] : void 0,
       meta: {
@@ -4430,43 +4429,43 @@ let k = 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) ?? k, 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() })
-], k.prototype, "id", 2);
+  u({ fallback: zr() })
+], M.prototype, "id", 2);
 ne([
-  c({ fallback: Nr() })
-], k.prototype, "name", 2);
+  u({ fallback: zr() })
+], M.prototype, "name", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
-], k.prototype, "processMode", 2);
+  u({ internal: !0, fallback: "inherit" })
+], M.prototype, "processMode", 2);
 ne([
-  c({ internal: !0, fallback: "default" })
-], k.prototype, "processSortMode", 2);
+  u({ internal: !0, fallback: "default" })
+], M.prototype, "processSortMode", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
-], k.prototype, "renderMode", 2);
+  u({ internal: !0, fallback: "inherit" })
+], M.prototype, "renderMode", 2);
 ne([
-  c({ internal: !0, fallback: "inherit" })
-], k.prototype, "inputMode", 2);
+  u({ internal: !0, fallback: "inherit" })
+], M.prototype, "inputMode", 2);
 ne([
-  c({ internal: !0, fallback: "default" })
-], k.prototype, "internalMode", 2);
+  u({ internal: !0, fallback: "default" })
+], M.prototype, "internalMode", 2);
 ne([
-  c({ internal: !0 })
-], k.prototype, "mask", 2);
-k = ne([
-  v("Node")
-], k);
-var wo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Ne = (r, e, t, s) => {
+  u({ internal: !0 })
+], M.prototype, "mask", 2);
+M = ne([
+  g("Node")
+], M);
+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;
 };
-let W = class extends k {
+let W = class extends M {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -4513,30 +4512,30 @@ let W = class extends k {
     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,26 +4646,26 @@ 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;
 };
-let j = class extends k {
+let j = class extends M {
   constructor(r = !1) {
     super(), this.flipY = r, this.projection.flipY(r);
   }
@@ -4674,8 +4673,8 @@ let j = class extends k {
   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 k {
   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 k {
     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 k {
     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";
@@ -4814,7 +4816,7 @@ let y = class extends W {
         break;
       }
       case "glslSrc": {
-        e ? V.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
+        e ? z.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
         break;
       }
     }
@@ -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,12 +4988,12 @@ class Oo {
     }), this.calls = [];
   }
 }
-var ko = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Fe = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Mo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+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 && ko(e, t, i), i;
+  return s && i && Mo(e, t, i), i;
 };
-let oe = class extends k {
+let oe = class extends M {
   static from(r, e = !1) {
     const [t, s] = r ? Array.isArray(r) ? r : [0, r] : [];
     return new oe({
@@ -5022,43 +5024,51 @@ let oe = class extends k {
     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 Me = class extends y {
+let Ue = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-Me = zo([
-  v("Transition", {
+Ue = zo([
+  g("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], Me);
-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,18 +5507,18 @@ 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 $ = class extends y {
+let V = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, $.material, {
+      b.draw(r, V.material, {
         sampler: 0,
         saturation: this.saturation,
         contrast: this.contrast,
@@ -5518,7 +5532,7 @@ let $ = class extends y {
     });
   }
 };
-qo($, "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 })
-], $.prototype, "saturation", 2);
+  u({ fallback: 1 })
+], V.prototype, "saturation", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "contrast", 2);
+  u({ fallback: 1 })
+], V.prototype, "contrast", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "brightness", 2);
+  u({ fallback: 1 })
+], V.prototype, "brightness", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "red", 2);
+  u({ fallback: 1 })
+], V.prototype, "red", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "green", 2);
+  u({ fallback: 1 })
+], V.prototype, "green", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "blue", 2);
+  u({ fallback: 1 })
+], V.prototype, "blue", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "alpha", 2);
+  u({ fallback: 1 })
+], V.prototype, "alpha", 2);
 le([
-  c({ fallback: 1 })
-], $.prototype, "gamma", 2);
-$ = le([
-  v("ColorAdjustEffect")
-], $);
-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) => {
+  u({ fallback: 1 })
+], V.prototype, "gamma", 2);
+V = le([
+  g("ColorAdjustEffect")
+], V);
+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);
@@ -6069,7 +6085,7 @@ let q = class extends y {
     }
   }
   async _loadWatermark(r) {
-    r ? this._watermark = await V.texture.load(r) : this._watermark = void 0;
+    r ? this._watermark = await z.texture.load(r) : this._watermark = void 0;
   }
   _checkerboardStyleMap = {
     grid: 1,
@@ -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 z = class extends y {
+let N = class extends x {
   _canvas;
   _texture;
   _sizes;
@@ -6410,7 +6425,7 @@ let z = class extends y {
     this._needsRedraw || (this._needsRedraw = !0, this.redraw());
     const t = e.width, s = e.height, i = this.direction * (Math.PI / 180), o = Math.sin(i), a = Math.cos(i);
     e.redraw(r, () => {
-      this._texture.activate(r, 1), b.draw(r, z.material, {
+      this._texture.activate(r, 1), b.draw(r, N.material, {
         sampler: 0,
         filterClamp: [0, 0, 1, 1],
         filterArea: [t, s, 0, 0],
@@ -6429,7 +6444,7 @@ let z = class extends y {
     });
   }
 };
-ba(z, "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 })
-], z.prototype, "slices", 2);
+  u({ fallback: 10 })
+], N.prototype, "slices", 2);
 ee([
-  c({ fallback: 512 })
-], z.prototype, "sampleSize", 2);
+  u({ fallback: 512 })
+], N.prototype, "sampleSize", 2);
 ee([
-  c({ fallback: 100 })
-], z.prototype, "offset", 2);
+  u({ fallback: 100 })
+], N.prototype, "offset", 2);
 ee([
-  c({ fallback: 0 })
-], z.prototype, "direction", 2);
+  u({ fallback: 0 })
+], N.prototype, "direction", 2);
 ee([
-  c({ fallback: 2 })
-], z.prototype, "fillMode", 2);
+  u({ fallback: 2 })
+], N.prototype, "fillMode", 2);
 ee([
-  c({ fallback: 0 })
-], z.prototype, "seed", 2);
+  u({ fallback: 0 })
+], N.prototype, "seed", 2);
 ee([
-  c({ default: () => [2, 2] })
-], z.prototype, "red", 2);
+  u({ default: () => [2, 2] })
+], N.prototype, "red", 2);
 ee([
-  c({ default: () => [-10, 4] })
-], z.prototype, "green", 2);
+  u({ default: () => [-10, 4] })
+], N.prototype, "green", 2);
 ee([
-  c({ default: () => [10, -4] })
-], z.prototype, "blue", 2);
-z = ee([
-  v("GlitchEffect")
-], z);
-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) => {
+  u({ default: () => [10, -4] })
+], N.prototype, "blue", 2);
+N = ee([
+  g("GlitchEffect")
+], N);
+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,28 +6863,28 @@ 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);
   }
   async load() {
-    this.texture = void 0, this.src && (this.texture = await V.texture.load(this.src));
+    this.texture = void 0, this.src && (this.texture = await z.texture.load(this.src));
   }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
@@ -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, ka = Object.getOwnPropertyDescriptor, Ma = (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) => {
-  for (var i = s > 1 ? void 0 : s ? ka(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+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) => Ma(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;
   }
@@ -7299,7 +7314,7 @@ class D extends pe {
   }
   setProperties(e) {
     return this._setProperties(
-      L(e) ? void 0 : $s(e)
+      F(e) ? void 0 : $s(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7322,11 +7337,18 @@ class D extends pe {
     }
   }
   async loadTexture() {
-    this.linearGradient || this.radialGradient ? this.texture = new Mt(
-      this.linearGradient ?? this.radialGradient,
-      this.parent.size.width,
-      this.parent.size.height
-    ) : L(this.image) || (this.parent.tree?.log(`load image ${this.image}`), this.image.split("?")[0].endsWith(".gif") ? this.animatedTexture = await V.gif.load(this.image) : this.texture = await V.texture.load(this.image));
+    if (this.linearGradient || this.radialGradient)
+      this.texture = new kt(
+        this.linearGradient ?? this.radialGradient,
+        this.parent.size.width,
+        this.parent.size.height
+      );
+    else if (!F(this.image)) {
+      this.parent.tree?.log(`load image ${this.image}`);
+      let e = this.image.split("?")[0].endsWith(".gif");
+      const t = await z.loadBy(this.image);
+      e || (e = t.type.startsWith("image/gif") ?? !1), e ? this.animatedTexture = await z.gif.load(t) : this.texture = await z.texture.load(t);
+    }
   }
   async _updateTexture() {
     await this.loadTexture(), this.parent.requestRedraw();
@@ -7368,47 +7390,47 @@ 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(
-      L(e) ? void 0 : Vs(e)
+      F(e) ? void 0 : Vs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7420,17 +7442,17 @@ 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(
-      L(e) ? void 0 : Gs(e)
+      F(e) ? void 0 : Gs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7442,17 +7464,17 @@ 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(
-      L(e) ? void 0 : Ws(e)
+      F(e) ? void 0 : Ws(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7484,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--)
@@ -7509,7 +7531,7 @@ class We extends pe {
   }
   setProperties(e) {
     return super.setProperties(
-      L(e) ? void 0 : js(e)
+      F(e) ? void 0 : js(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7529,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--)
@@ -7555,7 +7577,7 @@ class je extends pe {
   _path2DSet = new ti();
   setProperties(e) {
     return super.setProperties(
-      L(e) ? void 0 : qs(e)
+      F(e) ? void 0 : qs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7575,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();
@@ -7584,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();
@@ -7602,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--)
@@ -7636,11 +7658,11 @@ 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(
-      L(e) ? void 0 : Hs(e)
+      F(e) ? void 0 : Hs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7673,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);
     }
   }
@@ -7694,11 +7716,11 @@ class te extends pe {
     }), this.parent.requestRedraw());
   }
   async _loadTexture(e, t) {
-    return e.linearGradient || e.radialGradient ? new Mt(
+    return e.linearGradient || e.radialGradient ? new kt(
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : L(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await V.texture.load(e.image));
+    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await z.texture.load(e.image));
   }
   setContent(e) {
     this.content = Ys(e);
@@ -7726,11 +7748,11 @@ class te extends pe {
         const i = s.getMeta();
         if (i instanceof oi) {
           const o = i.parent.index, a = i.parent.parent.index;
-          if (s.style.fill && !L(s.style.fill))
+          if (s.style.fill && !F(s.style.fill))
             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,
@@ -7740,18 +7762,18 @@ 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
               e.addPath(s), e.style = { ...s.style }, e.fill({
                 vertTransform: this._createVertTransform()
               });
-          if (s.style.stroke && !L(s.style.stroke))
+          if (s.style.stroke && !F(s.style.stroke))
             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,
@@ -7761,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
@@ -7788,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--)
@@ -7820,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();
   });
@@ -7835,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;
   }
@@ -7849,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;
   }
@@ -7863,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;
   }
@@ -7977,7 +7999,7 @@ let st = class extends Pe {
         this._overflowHidden = e === "hidden";
         break;
       case "pointerEvents":
-        this._allowPointerEvents = !L(e);
+        this._allowPointerEvents = !F(e);
         break;
       case "borderRadius":
       default:
@@ -7993,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);
@@ -8015,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
@@ -8036,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
@@ -8123,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()),
@@ -8137,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);
@@ -8162,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() {
@@ -8198,9 +8220,9 @@ let Ee = class extends st {
     }
   }
 };
-Ee = tn([
-  v("Element2D")
-], Ee);
+Se = tn([
+  g("Element2D")
+], Se);
 const E = {
   left: 0,
   // Edge.Left
@@ -8227,7 +8249,7 @@ const E = {
   // Gutter.Row
   all: 2
   // Gutter.All
-}, Re = {
+}, Oe = {
   auto: 0,
   // Align.Auto
   "flex-start": 1,
@@ -8246,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,
@@ -8269,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,
@@ -8289,7 +8311,7 @@ const E = {
   // Justify.SpaceAround
   "space-evenly": 5
   // Justify.SpaceEvenly
-}, kr = {
+}, Or = {
   visible: 0,
   // Overflow.Visible
   hidden: 1,
@@ -8303,13 +8325,13 @@ const E = {
   // 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;
   }
@@ -8318,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;
   }
@@ -8345,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":
@@ -8378,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":
@@ -8394,7 +8416,7 @@ class lr {
         break;
       case "flexDirection":
         this._node.setFlexDirection(
-          t ? Ar[t] : Ar.row
+          t ? Cr[t] : Cr.row
         );
         break;
       case "flexGrow":
@@ -8405,7 +8427,7 @@ class lr {
         break;
       case "flexWrap":
         this._node.setFlexWrap(
-          t ? Rr[t] : Rr.wrap
+          t ? Ar[t] : Ar.wrap
         );
         break;
       case "height":
@@ -8413,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":
@@ -8450,7 +8472,7 @@ class lr {
         break;
       case "overflow":
         this._node.setOverflow(
-          t ? kr[t] : kr.visible
+          t ? Or[t] : Or.visible
         );
         break;
       case "paddingTop":
@@ -8487,7 +8509,7 @@ class lr {
         break;
       case "boxSizing":
         this._node.setBoxSizing(
-          t ? Ur[t] : Ur["content-box"]
+          t ? kr[t] : kr["content-box"]
         );
         break;
       case "width":
@@ -8501,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]);
   });
@@ -8511,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;
   }
@@ -8540,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();
   }
@@ -8549,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;
   }
@@ -8595,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;
     }
@@ -8605,7 +8627,7 @@ let Be = class extends Ee {
     if (this._complete = !1, r)
       try {
         this.setResource(
-          this.gif || r?.includes(".gif") ? await V.gif.load(r) : await V.texture.load(r)
+          this.gif || r?.includes(".gif") ? await z.gif.load(r) : await z.texture.load(r)
         ), this.requestRedraw(), this.emit("load");
       } catch (e) {
         console.warn(e), this.emit("error", e);
@@ -8643,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) {
@@ -8655,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);
@@ -8678,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);
@@ -8707,24 +8729,24 @@ let Wt = class extends Rs {
     }
   }
   async _load() {
-    this.animation = await V.lottie.load(this.src, this.texture.source), this.duration = this.animation.getDuration(!1) * 1e3, this.texture.requestUpload(), this.requestRedraw();
+    this.animation = await z.lottie.load(this.src, this.texture.source), this.duration = this.animation.getDuration(!1) * 1e3, this.texture.requestUpload(), this.requestRedraw();
   }
   _process(r) {
     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);
   }
@@ -8748,14 +8770,14 @@ class dn extends Ee {
   }
 }
 un([
-  c({ fallback: 6 })
+  u({ fallback: 6 })
 ], dn.prototype, "handleSize");
-var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, ks = (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;
   }
@@ -8774,7 +8796,7 @@ let jt = class extends Rs {
     return this._wait;
   }
   async _load(r) {
-    this.texture = await V.video.load(r), (!this.style.width || !this.style.height) && (this.style.width = this.texture.width, this.style.height = this.texture.height), this.requestRedraw();
+    this.texture = await z.video.load(r), (!this.style.width || !this.style.height) && (this.style.width = this.texture.width, this.style.height = this.texture.height), this.requestRedraw();
   }
   _updateVideoCurrentTime() {
     let r = this._currentTime;
@@ -8790,12 +8812,12 @@ let jt = class extends Rs {
     this._updateVideoCurrentTime(), super._process(r);
   }
 };
-ks([
-  c({ fallback: "" })
-], jt.prototype, "src", 2);
-jt = ks([
-  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);
@@ -8803,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;
-    for (let N = 0; N < 8; N++) {
-      if (P = f(g) - m, Math.abs(P) < 1e-6)
-        return g;
-      if (w = d(g), Math.abs(w) < 1e-6)
+    let v = m, y, P;
+    for (let L = 0; L < 8; L++) {
+      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,
@@ -8833,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);
@@ -8866,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;
@@ -8924,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]);
   }
@@ -8940,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 }
         ];
       }
@@ -8955,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
@@ -8978,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
@@ -8992,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);
   }
@@ -9024,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;
@@ -9193,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), M.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() {
-    M.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() {
-    M.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);
   }
@@ -9227,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) => {
@@ -9259,7 +9281,7 @@ class Ms extends fe {
     return this._input;
   }
 }
-class kl {
+class Ml {
   constructor(e, t = null) {
     this.destination = e, this.source = t;
   }
@@ -9271,16 +9293,16 @@ class kl {
   }
 }
 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;
@@ -9288,11 +9310,11 @@ function Tn(r, e, t) {
   } else
     throw new Error("Failed to createOfflineAudioContext");
 }
-class ye extends Ms {
+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;
@@ -9336,7 +9358,7 @@ class ye extends Ms {
     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));
   }
@@ -9529,7 +9551,7 @@ class En extends fe {
   };
   _updateListener = () => this._update();
   _enableTicker(e) {
-    M.off(this._updateListener), e && M.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;
@@ -9537,8 +9559,8 @@ class En extends fe {
 }
 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;
@@ -9548,7 +9570,7 @@ class Sn extends Ms {
   gain;
   analyser;
   get context() {
-    return ye.instance;
+    return xe.instance;
   }
   get isPlayable() {
     return !!this._sourceNode.buffer;
@@ -9574,7 +9596,7 @@ class Sn extends Ms {
   }
   _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() {
@@ -9589,8 +9611,8 @@ var Cn = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Rn = (r, e
   for (var i = s > 1 ? void 0 : s ? An(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, kn = (r, e, t) => Rn(r, e + "", t);
-let xe = class extends W {
+}, Mn = (r, e, t) => Rn(r, e + "", t);
+let we = class extends W {
   _sounds = [];
   /** PlatformAudio */
   _platformAudio = vi ? new Sn(this) : new wn(this);
@@ -9696,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++)
@@ -9714,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;
@@ -9732,19 +9754,19 @@ let xe = class extends W {
     }, 100);
   }
 };
-kn(xe, "_soundPool", []);
-xe = On([
-  v("Audio")
-], xe);
-class Ml extends Pe {
+Mn(we, "_soundPool", []);
+we = On([
+  g("Audio")
+], we);
+class kl extends Te {
   //
 }
-var Mn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
+var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Un(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 && Mn(e, t, 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;
@@ -9765,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);
     });
   }
@@ -9786,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();
@@ -9810,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 Me {
+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;
@@ -9884,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 Me {
+let Ct = class extends Ue {
   apply(r) {
     b.draw(r, Ct.material, {
       previous: 0,
@@ -9900,7 +9922,7 @@ let Ct = class extends Me {
     });
   }
 };
-Gn(Ct, "material", new x({
+Gn(Ct, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9930,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 Me {
+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,
@@ -9952,7 +9974,7 @@ let at = class extends Me {
       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,
@@ -9961,12 +9983,12 @@ let at = class extends Me {
       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;
@@ -10015,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 Me {
+let At = class extends Ue {
   radius;
   angle = 4;
   padding = 20;
@@ -10043,7 +10065,7 @@ let At = class extends Me {
     });
   }
 };
-Qn(At, "material", new x({
+Qn(At, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -10094,72 +10116,66 @@ 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 e.fetch(s).then((o) => o.arrayBuffer()).then((o) => i(
+      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)
         }))
       ));
     };
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
       "image/gif"
     ].forEach((s) => {
       e.register(s, t);
     }), e.gif = this, this;
   }
 }
-class tl extends Se {
+class tl extends Ce {
   install(e) {
-    const t = (s) => e.fetch(s).then((i) => i.json());
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "json"
+    const t = async (s) => JSON.parse(await s.text());
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
+      "application/json"
     ].forEach((s) => {
       e.register(s, t);
     }), e.json = this, this;
   }
 }
-class rl extends Se {
+class rl extends Ce {
   install(e) {
-    const t = async (s, i) => (await import("lottie-web").then((a) => a.default)).loadAnimation({
+    return this.load = async (t, s) => (await import("lottie-web").then((o) => o.default)).loadAnimation({
       container: null,
       renderer: "canvas",
       rendererSettings: {
-        context: i.getContext("2d")
+        context: s.getContext("2d")
       },
       loop: !1,
       autoplay: !1,
       animationData: await e.loadBy(
-        s,
-        () => e.fetch(s).then((a) => a.json())
+        t,
+        () => e.fetch(t).then((o) => o.json())
       )
-    });
-    return this.load = (s, i) => t(s, i), [
-      "lottie"
-    ].forEach((s) => {
-      e.register(s, t);
     }), e.lottie = this, this;
   }
 }
-class sl extends Se {
+class sl extends Ce {
   install(e) {
-    const t = async (s) => await e.fetch(s).then((i) => i.text());
-    return this.load = (s) => e.loadBy(s, () => t(s)), e.text = this, this;
+    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) => e.loadBy(s, () => t(s)), [
-      "image/gif",
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
       "image/jpeg",
       "image/png",
       "image/tiff",
@@ -10174,38 +10190,17 @@ class il extends Se {
     }), e.texture = this, this;
   }
 }
-class ol extends Se {
+class ol extends Ce {
   install(e) {
-    const t = (s) => new _o(s).load();
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "video/3gpp",
-      "video/mpeg",
-      "video/quicktime",
-      "video/x-flv",
-      "video/x-mng",
-      "video/x-ms-asf",
-      "video/x-ms-wmv",
-      "video/x-msvideo",
-      "video/mp4"
-    ].forEach((s) => {
-      e.register(s, t);
-    }), e.video = this, this;
+    return this.load = (t) => new _o(t).load(), e.video = this, this;
   }
 }
 const al = Object.entries({
-  "text/html": ["html", "htm", "shtml"],
-  "text/css": ["css"],
-  "text/xml": ["xml"],
+  "font/woff": ["woff"],
+  "font/ttf": ["ttf"],
+  "font/otf": ["otf"],
   "image/gif": ["gif"],
   "image/jpeg": ["jpeg", "jpg"],
-  "application/x-javascript": ["js"],
-  "application/atom+xml": ["atom"],
-  "application/rss+xml": ["rss"],
-  "text/mathml": ["mml"],
-  "text/plain": ["txt"],
-  "text/vnd.sun.j2me.app-descriptor": ["jad"],
-  "text/vnd.wap.wml": ["wml"],
-  "text/x-component": ["htc"],
   "image/png": ["png"],
   "image/tiff": ["tif", "tiff"],
   "image/vnd.wap.wbmp": ["wbmp"],
@@ -10214,55 +10209,14 @@ const al = Object.entries({
   "image/x-ms-bmp": ["bmp"],
   "image/svg+xml": ["svg"],
   "image/webp": ["webp"],
-  "application/java-archive": ["jar", "war", "ear"],
-  "application/mac-binhex40": ["hqx"],
-  "application/msword": ["doc"],
-  "application/pdf": ["pdf"],
-  "application/postscript": ["ps", "eps", "ai"],
-  "application/rtf": ["rtf"],
-  "application/vnd.ms-excel": ["xls"],
-  "application/vnd.ms-powerpoint": ["ppt"],
-  "application/vnd.wap.wmlc": ["wmlc"],
-  "application/vnd.google-earth.kml+xml": ["kml"],
-  "application/vnd.google-earth.kmz": ["kmz"],
-  "application/x-7z-compressed": ["7z"],
-  "application/x-cocoa": ["cco"],
-  "application/x-java-archive-diff": ["jardiff"],
-  "application/x-java-jnlp-file": ["jnlp"],
-  "application/x-makeself": ["run"],
-  "application/x-perl": ["pl", "pm"],
-  "application/x-pilot": ["prc", "pdb"],
-  "application/x-rar-compressed": ["rar"],
-  "application/x-redhat-package-manager": ["rpm"],
-  "application/x-sea": ["sea"],
-  "application/x-shockwave-flash": ["swf"],
-  "application/x-stuffit": ["sit"],
-  "application/x-tcl": ["tcl", "tk"],
-  "application/x-x509-ca-cert": ["der", "pem", "crt"],
-  "application/x-xpinstall": ["xpi"],
-  "application/xhtml+xml": ["xhtml"],
-  "application/zip": ["zip"],
-  "application/octet-stream": ["bin", "exe", "dll", "deb", "dmg", "eot", "iso", "img", "msi", "msp", "msm"],
-  "audio/midi": ["mid", "midi", "kar"],
-  "audio/mpeg": ["mp3"],
-  "audio/ogg": ["ogg"],
-  "audio/x-realaudio": ["ra"],
-  "video/3gpp": ["3gpp", "3gp"],
-  "video/mpeg": ["mpeg", "mpg"],
-  "video/quicktime": ["mov"],
-  "video/x-flv": ["flv"],
-  "video/x-mng": ["mng"],
-  "video/x-ms-asf": ["asx", "asf"],
-  "video/x-ms-wmv": ["wmv"],
-  "video/x-msvideo": ["avi"],
-  "video/mp4": ["m4v", "mp4"]
+  "application/json": ["json"]
 });
 function nl(r) {
   for (const [e, t] of al)
     if (t.includes(r))
       return e;
 }
-async function ll(r) {
+function ll(r) {
   let e;
   if (r.startsWith("data:"))
     e = r.match(/^data:(.+?);/)?.[1];
@@ -10270,11 +10224,11 @@ async function ll(r) {
     const t = r.split(/[#?]/)[0].split(".").pop()?.trim();
     t && (e = nl(t));
   }
-  return e ?? await fetch(r).then((t) => t.headers.get("Content-Type")) ?? "";
+  return e;
 }
 const vt = "WeakRef" in globalThis;
 class hl extends fe {
-  defaultHandler = (e) => this.fetch(e);
+  defaultHandler = (e) => e;
   _handlers = /* @__PURE__ */ new Map();
   _handleing = /* @__PURE__ */ new Map();
   _handled = /* @__PURE__ */ new Map();
@@ -10283,7 +10237,7 @@ class hl extends fe {
     t && "destroy" in t && t.destroy(), this._handled.delete(e);
   }) : void 0;
   constructor() {
-    super(), vt || M.on(this.gc.bind(this), { sort: 2 });
+    super(), vt || U.on(this.gc.bind(this), { sort: 2 });
   }
   use(e) {
     return e.install(this), this;
@@ -10305,26 +10259,30 @@ class hl extends fe {
     return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(s.outerHTML)}`;
   }
   async fetchImageBitmap(e, t) {
-    return e.startsWith("http") ? await this.fetch(e).then((s) => s.blob()).then((s) => s.type === "image/svg+xml" ? s.text().then((i) => this.fetchImageBitmap(
-      this._fixSVG(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`),
-      t
-    )) : createImageBitmap(s, t)) : (e.startsWith("data:image/svg+xml;") && (e = this._fixSVG(e)), new Promise((s) => {
-      const i = new Image();
-      i.onerror = () => {
-        console.warn(`Failed load image error: ${e}`), s(i);
-      }, i.onload = () => {
-        i.decode().finally(() => {
-          s(i);
-        });
-      }, i.src = e;
-    }).then((s) => {
-      if (s.complete && s.naturalWidth && s.naturalHeight)
-        return createImageBitmap(s, t);
-      {
-        const i = document.createElement("canvas");
-        return i.width = 1, i.height = 1, createImageBitmap(i);
-      }
-    }));
+    if (e instanceof Blob || typeof e == "string" && e.startsWith("http")) {
+      const s = e instanceof Blob ? e : await this.fetch(e).then((i) => i.blob());
+      return s.type === "image/svg+xml" ? s.text().then((i) => this.fetchImageBitmap(
+        this._fixSVG(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`),
+        t
+      )) : createImageBitmap(s, t);
+    } else
+      return e.startsWith("data:image/svg+xml;") && (e = this._fixSVG(e)), new Promise((s) => {
+        const i = new Image();
+        i.onerror = () => {
+          console.warn(`Failed load image error: ${e}`), s(i);
+        }, i.onload = () => {
+          i.decode().finally(() => {
+            s(i);
+          });
+        }, i.src = e;
+      }).then((s) => {
+        if (s.complete && s.naturalWidth && s.naturalHeight)
+          return createImageBitmap(s, t);
+        {
+          const i = document.createElement("canvas");
+          return i.width = 1, i.height = 1, createImageBitmap(i);
+        }
+      });
   }
   get(e) {
     let t = this._handled.get(e);
@@ -10334,7 +10292,7 @@ class hl extends fe {
     let s = t;
     vt && typeof t == "object" && (this._gc.register(t, e), s = new WeakRef(t)), this._handled.set(e, s);
   }
-  async loadBy(e, t) {
+  async loadBy(e, t = () => this.fetch(e).then((s) => s.blob())) {
     const s = this.get(e) ?? this._handleing.get(e);
     if (s)
       return s;
@@ -10344,10 +10302,9 @@ class hl extends fe {
     return this._handleing.set(e, i), i;
   }
   async load(e, t) {
-    return this.loadBy(e, async () => {
-      const s = await ll(e);
-      return (this._handlers.get(s) ?? this.defaultHandler)(e, t);
-    });
+    const s = await this.loadBy(e);
+    let i = ll(e);
+    return i === void 0 && (i = s.type?.split(";")[0] ?? void 0), ((i ? this._handlers.get(i) : void 0) ?? this.defaultHandler)(s, t);
   }
   async waitUntilLoad() {
     await Promise.all(
@@ -10363,13 +10320,13 @@ class hl extends fe {
     }), this._handled.clear();
   }
 }
-const V = 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) => {
+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, 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,
@@ -10377,7 +10334,7 @@ const Oe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Bt extends Ae {
+class hr extends me {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10412,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,
@@ -10458,13 +10415,13 @@ 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 V.waitUntilLoad(), await this.nextTick();
+    await z.waitUntilLoad(), await this.nextTick();
   }
   async waitAndRender(e = 0) {
-    await V.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
+    await z.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
   }
   render(e = 0) {
     this._process(e), this._render(this.renderer);
@@ -10508,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();
@@ -10533,7 +10487,7 @@ async function ul(r = 100) {
       else
         await new Promise((t) => setTimeout(t, r));
     }
-    $t = !1;
+    Ft = !1;
   }
 }
 async function dl(r) {
@@ -10545,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 k ? (l.parent = void 0, I.root.appendChild(l)) : I.root.appendChild(k.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,
+  we as Audio,
   Ms as AudioPipeline,
-  kl as AudioProcessor,
-  Ml as AudioSpectrum,
+  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,
@@ -10595,107 +10550,107 @@ 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,
-  $ as ColorAdjustEffect,
+  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,
-  z as GlitchEffect,
+  N as GlitchEffect,
   X as GodrayEffect,
-  Mt as GradientTexture,
+  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,
-  kt as InputEvent,
+  Mt as InputEvent,
   tl as JsonLoader,
   et as KawaseBlurEffect,
   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,
-  k as Node,
-  Pe as Node2D,
-  U as OutlineEffect,
-  Yt as PI,
+  Xr as MouseInputEvent,
+  M as Node,
+  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,
-  Mi as RefCounted,
-  Zt as Renderer,
+  qr as RawWeakMap,
+  ye as Rect2,
+  ki as RefCounted,
+  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,
-  M as Ticker,
+  As as TextureRect2D,
+  U as Ticker,
   at as TiltShiftTransition,
   oe as Timeline,
   W as TimelineNode,
   O as Transform2D,
   dn as TransformRect2D,
-  Me as Transition,
+  Ue as Transition,
   At as TwistTransition,
   Cl as UvGeometry,
   xt as UvMaterial,
@@ -10703,15 +10658,15 @@ export {
   C as Vector2,
   El as Vector3,
   Ii as Vector4,
-  F as VertexAttribute,
+  $ 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,
@@ -10731,9 +10686,9 @@ export {
   Ai as WheelInputEvent,
   wt as Window,
   de as ZoomBlurEffect,
-  Re as alignMap,
-  V as assets,
-  Ur as boxSizingMap,
+  Oe as alignMap,
+  z as assets,
+  kr as boxSizingMap,
   ie as clamp,
   Ca as clampFrag,
   Pi as createHTMLCanvas,
@@ -10741,36 +10696,36 @@ 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,
-  kr as overflowMap,
+  br as nextPow2,
+  Nr as nextTick,
+  Or as overflowMap,
   Ol as parseCSSFilter,
   Vo as parseCSSTransform,
   Go as parseCSSTransformOrigin,
@@ -10778,6 +10733,6 @@ export {
   mt as parseCssProperty,
   Mr as positionTypeMap,
   Ul as render,
-  Ft as timingFunctions,
+  Lt as timingFunctions,
   ni as uid
 };