modern-canvas 0.14.23 → 0.14.25

package/dist/index.js

@@ -1,8 +1,8 @@
-import { defineProperty as ts, Observable as ue, Reactivable as rs, parseColor as oi, property as h, isGradient as ni, isColorFillObject as Gr, clearUndef as ss, idGenerator as is, normalizeFill as li, isNone as V, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as pi, getDefaultStyle as fi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
+import { defineProperty as es, Observable as ue, Reactivable as ts, parseColor as oi, property as h, isGradient as ni, isColorFillObject as zr, clearUndef as rs, idGenerator as ss, normalizeFill as li, isNone as z, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as fi, getDefaultStyle as pi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
 import { fonts as yi } from "modern-font";
 import { extend as xi } from "colord";
 import wi from "colord/plugins/names";
-import { Path2D as Ct, Path2DSet as Pi, svgToDom as Ei, svgToPath2DSet as Si, Matrix3 as Vr, BoundingBox as Jt } from "modern-path2d";
+import { Path2D as Ct, Path2DSet as Pi, svgToDom as Ei, svgToPath2DSet as Si, Matrix3 as Gr, BoundingBox as Jt } from "modern-path2d";
 import { Text as Ti, Character as Ri } from "modern-text";
 const br = /* @__PURE__ */ new Map();
 function b(r, e) {
@@ -12,7 +12,7 @@ function b(r, e) {
       enumerable: !0,
       configurable: !0
     }), e && Object.keys(e).forEach((s) => {
-      ts(t, s, {
+      es(t, s, {
         fallback: e[s]
       });
     }), br.set(r, t);
@@ -81,7 +81,7 @@ class B {
   }
 }
 B.start();
-async function as(r) {
+async function is(r) {
   return new Promise((e) => {
     B.on(
       () => {
@@ -91,12 +91,12 @@ async function as(r) {
     );
   });
 }
-const yr = Math.PI, z = yr * 2;
-function $r(r) {
+const yr = Math.PI, G = yr * 2;
+function Vr(r) {
   return !(r & r - 1) && !!r;
 }
 const Ai = /([\w-]+)\((.+?)\)/g, Ci = /[^,]+/g, Oi = /([-e.\d]+)(.*)/;
-function Hr(r) {
+function $r(r) {
   return Array.isArray(r) ? r.map((e) => ({
     name: e.name,
     args: e.args.map((t) => ({
@@ -110,7 +110,7 @@ function Hr(r) {
 }
 function Et(r, e, t = {}) {
   const s = zt(e, t);
-  return s.length ? s : os(r, e, t);
+  return s.length ? s : as(r, e, t);
 }
 function zt(r, e = {}) {
   const t = [];
@@ -129,14 +129,14 @@ function Di(r, e, t = {}) {
   let i, a = 0;
   for (; (i = Ci.exec(e)) !== null; )
     s.push(
-      os(r, i[0], {
+      as(r, i[0], {
         ...t,
         index: a++
       })
     );
   return s;
 }
-function os(r, e, t = {}) {
+function as(r, e, t = {}) {
   const { width: s = 1, height: i = 1, index: a = 0 } = t, o = e.match(Oi), n = {
     unit: o?.[2] ?? null,
     value: e,
@@ -157,7 +157,7 @@ function os(r, e, t = {}) {
       n.normalizedIntValue = n.intValue / 100;
       break;
     case "rad":
-      n.normalizedIntValue = n.intValue / z;
+      n.normalizedIntValue = n.intValue / G;
       break;
     case "deg":
       n.normalizedIntValue = n.intValue / 360;
@@ -179,7 +179,7 @@ function os(r, e, t = {}) {
   }
   return n;
 }
-const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, Qe = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, ve = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, ns = "AudioContext" in globalThis, ls = "webkitAudioContext" in globalThis, cs = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = ns || ls, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, hs = globalThis.devicePixelRatio || 1, us = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => us(r) && r.tagName === "VIDEO", hc = (r) => us(r) && r.tagName === "IMG";
+const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, Qe = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, ve = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, os = "AudioContext" in globalThis, ns = "webkitAudioContext" in globalThis, ls = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = os || ns, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, cs = globalThis.devicePixelRatio || 1, hs = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => hs(r) && r.tagName === "VIDEO", hc = (r) => hs(r) && r.tagName === "IMG";
 function Gi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -249,7 +249,7 @@ class Wi extends Gt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class ds extends Gt {
+class us extends Gt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -312,7 +312,7 @@ class ds extends Gt {
     return this.global.y;
   }
 }
-class qi extends ds {
+class qi extends us {
   width = 0;
   height = 0;
   isPrimary = !1;
@@ -323,7 +323,7 @@ class qi extends ds {
     throw new Error("getPredictedEvents is not supported!");
   }
 }
-class Yi extends ds {
+class Yi extends us {
   static DOM_DELTA_PIXEL = 0;
   DOM_DELTA_PIXEL = 0;
   static DOM_DELTA_LINE = 1;
@@ -494,7 +494,7 @@ class Zi extends ue {
     this.removeEventListeners(), super.destroy();
   }
 }
-class Ee extends rs {
+class Ee extends ts {
   instanceId = tt();
   get json() {
     return this.toJSON();
@@ -503,7 +503,7 @@ class Ee extends rs {
     this.setProperties(e);
   }
   _nextTick() {
-    return as();
+    return is();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
@@ -533,11 +533,11 @@ class le extends ue {
       const { dim: d } = t;
       switch (e) {
         case "*":
-          for (let p = 0; p < d; p++) {
+          for (let f = 0; f < d; f++) {
             let m = 0;
-            for (let f = 0; f < i; f++)
-              f < d && (m += n[p * i + f] * (l[f] ?? 0));
-            u[p] = m;
+            for (let p = 0; p < i; p++)
+              p < d && (m += n[f * i + p] * (l[p] ?? 0));
+            u[f] = m;
           }
           break;
         default:
@@ -547,20 +547,20 @@ class le extends ue {
       switch (e) {
         case "*":
           for (let d = 0; d < i; d++)
-            for (let p = 0; p < a; p++) {
-              const m = p * i;
-              let f = 0;
+            for (let f = 0; f < a; f++) {
+              const m = f * i;
+              let p = 0;
               for (let _ = 0; _ < a; _++) {
                 const g = m + _, v = _ * i + d;
-                f += n[g] * (l[v] ?? 0);
+                p += n[g] * (l[v] ?? 0);
               }
-              u[m + d] = f;
+              u[m + d] = p;
             }
           break;
         case "=":
           for (let d = 0; d < o; d++) {
-            const p = l[d];
-            p !== void 0 && (n[d] = p);
+            const f = l[d];
+            f !== void 0 && (n[d] = f);
           }
           return this._onUpdate(n), this.emit("update", n), this;
         default:
@@ -633,8 +633,8 @@ class Q extends ue {
         case "*":
           for (let u = 0; u < i; u++) {
             let d = 0;
-            for (let p = 0; p < i; p++)
-              d += a[u] * o[p * c + u];
+            for (let f = 0; f < i; f++)
+              d += a[u] * o[f * c + u];
             l[u] = d;
           }
           break;
@@ -1006,7 +1006,7 @@ class Qi extends le {
     super(4, 4, e);
   }
 }
-const pr = yr / 180, uc = 180 / yr;
+const fr = yr / 180, uc = 180 / yr;
 function ce(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
@@ -1031,7 +1031,7 @@ class ea extends Q {
     super(4), this.set(e, t, s, i);
   }
 }
-class ps extends le {
+class ds extends le {
   constructor(e) {
     super(4, 5, e);
   }
@@ -1289,7 +1289,7 @@ class ps extends le {
     return new ea(e[4] / 255, e[9] / 255, e[14] / 255, e[19] / 255);
   }
 }
-class pc extends le {
+class fc extends le {
   constructor(e) {
     super(2, 2, e);
   }
@@ -1309,7 +1309,7 @@ class fs extends le {
       n,
       l,
       c
-    ] = this._array, u = c * a - o * l, d = o * n - c * i, p = l * i - a * n, m = e * u + t * d + s * p;
+    ] = this._array, u = c * a - o * l, d = o * n - c * i, f = l * i - a * n, m = e * u + t * d + s * f;
     if (m === 0)
       return this.set([
         0,
@@ -1322,17 +1322,17 @@ class fs extends le {
         0,
         0
       ]);
-    const f = 1 / m;
+    const p = 1 / m;
     return this.set([
-      u * f,
-      (s * l - c * t) * f,
-      (o * t - s * a) * f,
-      d * f,
-      (c * e - s * n) * f,
-      (s * i - o * e) * f,
-      p * f,
-      (t * n - l * e) * f,
-      (a * e - t * i) * f
+      u * p,
+      (s * l - c * t) * p,
+      (o * t - s * a) * p,
+      d * p,
+      (c * e - s * n) * p,
+      (s * i - o * e) * p,
+      f * p,
+      (t * n - l * e) * p,
+      (a * e - t * i) * p
     ]);
   }
 }
@@ -1342,7 +1342,7 @@ class Dt extends ee {
    */
   rotation;
   get rotationDegrees() {
-    return this.rotation / pr;
+    return this.rotation / fr;
   }
   constructor(...e) {
     let t, s;
@@ -1354,12 +1354,12 @@ class Dt extends ee {
     {
       const s = (l, c) => Math.abs(l.x * c.x + l.y * c.y), i = (l) => {
         const { width: c, height: u, rotation: d = 0 } = l;
-        let p = d / pr;
-        p = -p % 180;
-        const m = p / 180 * Math.PI, f = { x: Math.cos(m), y: -Math.sin(m) }, _ = { x: Math.sin(m), y: Math.cos(m) };
+        let f = d / fr;
+        f = -f % 180;
+        const m = f / 180 * Math.PI, p = { x: Math.cos(m), y: -Math.sin(m) }, _ = { x: Math.sin(m), y: Math.cos(m) };
         return {
-          axis: [f, _],
-          projectionRadius: (g) => c / 2 * s(g, f) + u / 2 * s(g, _)
+          axis: [p, _],
+          projectionRadius: (g) => c / 2 * s(g, p) + u / 2 * s(g, _)
         };
       }, a = i(this), o = i(e), n = {
         x: this.left + this.width / 2 - (e.left + e.width / 2),
@@ -1522,7 +1522,7 @@ class M extends fs {
     return a && this.rotateX(a), o && this.rotateY(o), n && this.rotateZ(n), this;
   }
   _rotateToScale(e) {
-    const t = e / z;
+    const t = e / G;
     return t <= 0.5 ? t * -4 + 1 : (t - 1) * 4 + 1;
   }
   _rotate3d(e, t, s, i) {
@@ -1533,8 +1533,8 @@ class M extends fs {
     if (e === 0 && t === 0)
       return [0, 0, i];
     {
-      const a = Math.cos(i), o = Math.sin(i), n = a + e * e * (1 - a), l = e * t * (1 - a) - s * o, c = e * s * (1 - a) + t * o, u = a + t * t * (1 - a), d = t * s * (1 - a) - e * o, p = a + s * s * (1 - a), m = -Math.atan2(-d, u), f = -Math.atan2(c, Math.sqrt(d * d + p * p)), _ = -Math.atan2(-l, n);
-      return [m, f, _];
+      const a = Math.cos(i), o = Math.sin(i), n = a + e * e * (1 - a), l = e * t * (1 - a) - s * o, c = e * s * (1 - a) + t * o, u = a + t * t * (1 - a), d = t * s * (1 - a) - e * o, f = a + s * s * (1 - a), m = -Math.atan2(-d, u), p = -Math.atan2(c, Math.sqrt(d * d + f * f)), _ = -Math.atan2(-l, n);
+      return [m, p, _];
     }
   }
   makeRotation(e) {
@@ -1558,7 +1558,7 @@ class M extends fs {
     rotation: 0
   }) {
     const { a: s, b: i, c: a, d: o, tx: n, ty: l } = this.toObject(), c = -Math.atan2(-a, o), u = Math.atan2(i, s), d = Math.abs(c + u);
-    return d < 1e-5 || Math.abs(z - d) < 1e-5 ? (t.rotation = u, t.skew.x = t.skew.y = 0) : (t.rotation = 0, t.skew.x = c, t.skew.y = u), t.scale.x = Math.sqrt(s * s + i * i), t.scale.y = Math.sqrt(a * a + o * o), t.position.x = n + (e.x * s + e.y * a), t.position.y = l + (e.x * i + e.y * o), t;
+    return d < 1e-5 || Math.abs(G - d) < 1e-5 ? (t.rotation = u, t.skew.x = t.skew.y = 0) : (t.rotation = 0, t.skew.x = c, t.skew.y = u), t.scale.x = Math.sqrt(s * s + i * i), t.scale.y = Math.sqrt(a * a + o * o), t.position.x = n + (e.x * s + e.y * a), t.position.y = l + (e.x * i + e.y * o), t;
   }
   apply(e, t) {
     t = t || new O();
@@ -1592,12 +1592,12 @@ class M extends fs {
     return { a: e, c: t, tx: s, b: i, d: a, ty: o, tz: n };
   }
 }
-class fc extends Q {
+class pc extends Q {
   constructor() {
     super(3);
   }
 }
-var ra = Object.defineProperty, _s = (r, e, t, s) => {
+var ra = Object.defineProperty, ps = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && ra(e, t, i), i;
@@ -1632,10 +1632,10 @@ class wr extends Ee {
     this.stop(), super.destroy();
   }
 }
-_s([
+ps([
   h({ fallback: 60 })
 ], wr.prototype, "fps");
-_s([
+ps([
   h({ fallback: 1 })
 ], wr.prototype, "speed");
 var st = /* @__PURE__ */ ((r) => (r[r.elementArrayBuffer = 34963] = "elementArrayBuffer", r[r.arrayBuffer = 34962] = "arrayBuffer", r[r.uniformBuffer = 35345] = "uniformBuffer", r))(st || {});
@@ -1647,12 +1647,12 @@ class sa {
   byteLength = 0;
   dirty = !0;
 }
-var be = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(be || {}), ia = Object.defineProperty, ms = (r, e, t, s) => {
+var be = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(be || {}), ia = Object.defineProperty, _s = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && ia(e, t, i), i;
 };
-class Pr extends rs {
+class Pr extends ts {
   screen = { x: 0, y: 0, width: 0, height: 0 };
   _updateProperty(e, t, s) {
     switch (super._updateProperty(e, t, s), e) {
@@ -1666,16 +1666,16 @@ class Pr extends rs {
     this.view && (this.view.width = Math.floor(e * this.pixelRatio), this.view.height = Math.floor(t * this.pixelRatio)), this.screen.width = e, this.screen.height = t, s && this.view && (this.view.style.width = `${e}px`, this.view.style.height = `${t}px`);
   }
 }
-ms([
-  h({ fallback: hs })
+_s([
+  h({ fallback: cs })
 ], Pr.prototype, "pixelRatio");
-ms([
+_s([
   h({ internal: !0 })
 ], Pr.prototype, "view");
-const Qt = /* @__PURE__ */ Object.create(null), Xr = /* @__PURE__ */ Object.create(null);
+const Qt = /* @__PURE__ */ Object.create(null), Hr = /* @__PURE__ */ Object.create(null);
 function aa(r, e) {
-  let t = Xr[r];
-  return t === void 0 && (Qt[e] === void 0 && (Qt[e] = 1), Xr[r] = t = Qt[e]++), t;
+  let t = Hr[r];
+  return t === void 0 && (Qt[e] === void 0 && (Qt[e] = 1), Hr[r] = t = Qt[e]++), t;
 }
 class W extends ue {
   get _gl() {
@@ -1777,20 +1777,20 @@ function ha(r, e) {
 ${r}` : r;
 }
 const ua = {}, da = {};
-function pa(r, { name: e = "program" }, t = !0) {
+function fa(r, { name: e = "program" }, t = !0) {
   e = e.replace(/\s+/g, "-"), e += t ? "-fragment" : "-vertex";
   const s = t ? ua : da;
   return s[e] ? (s[e]++, e += `-${s[e]}`) : s[e] = 1, r.includes("#define SHADER_NAME") ? r : `${`#define SHADER_NAME ${e}`}
 ${r}`;
 }
-function fa(r, e) {
+function pa(r, e) {
   return e ? r.replace("#version 300 es", "") : r;
 }
 const et = /* @__PURE__ */ Object.create(null), tr = {
-  stripVersion: fa,
+  stripVersion: pa,
   ensurePrecision: ca,
   addProgramDefines: la,
-  setProgramName: pa,
+  setProgramName: fa,
   insertVersion: ha
 };
 class ot {
@@ -1835,7 +1835,7 @@ class ot {
     return et[t] || (et[t] = new ot(e), et[t]._cacheKey = t), et[t];
   }
 }
-const jr = {
+const Xr = {
   uint8x2: { size: 2, stride: 2, normalized: !1 },
   uint8x4: { size: 4, stride: 4, normalized: !1 },
   sint8x2: { size: 2, stride: 2, normalized: !1 },
@@ -1868,7 +1868,7 @@ const jr = {
   sint32x4: { size: 4, stride: 16, normalized: !1 }
 };
 function Ot(r) {
-  return jr[r] ?? jr.float32;
+  return Xr[r] ?? Xr.float32;
 }
 function rr(r) {
   const e = Array.from({ length: r });
@@ -1926,7 +1926,7 @@ class ma {
   }
 }
 let St;
-const Wr = {
+const jr = {
   FLOAT: "float",
   FLOAT_VEC2: "vec2",
   FLOAT_VEC3: "vec3",
@@ -1973,19 +1973,19 @@ const Wr = {
   bvec3: "uint32x3",
   bvec4: "uint32x4"
 };
-function gs(r, e) {
+function ms(r, e) {
   if (!St) {
-    const t = Object.keys(Wr);
+    const t = Object.keys(jr);
     St = {};
     for (let s = 0; s < t.length; ++s) {
       const i = t[s];
-      St[r[i]] = Wr[i];
+      St[r[i]] = jr[i];
     }
   }
   return St[e];
 }
 function va(r, e) {
-  const t = gs(r, e);
+  const t = ms(r, e);
   return ga[t] || "float32";
 }
 class ba extends W {
@@ -2016,11 +2016,11 @@ class ba extends W {
       throw new Error(`Failed to link program: ${t.getProgramInfoLog(s.native)}`);
     const o = /* @__PURE__ */ Object.create(null), n = !/^[ \t]*#[ \t]*version[ \t]+300[ \t]+es[ \t]*$/m.test(e.vertex);
     for (let u = t.getProgramParameter(s.native, t.ACTIVE_ATTRIBUTES), d = 0; d < u; d++) {
-      const p = t.getActiveAttrib(s.native, d);
-      if (!p || p.name.startsWith("gl_"))
+      const f = t.getActiveAttrib(s.native, d);
+      if (!f || f.name.startsWith("gl_"))
         continue;
-      const m = va(t, p.type);
-      o[p.name] = {
+      const m = va(t, f.type);
+      o[f.name] = {
         location: 0,
         format: m,
         stride: Ot(m).stride,
@@ -2041,17 +2041,17 @@ class ba extends W {
     e.attributes = o;
     const c = /* @__PURE__ */ Object.create(null);
     for (let u = t.getProgramParameter(s.native, t.ACTIVE_UNIFORMS), d = 0; d < u; d++) {
-      const p = t.getActiveUniform(s.native, d);
-      if (!p)
+      const f = t.getActiveUniform(s.native, d);
+      if (!f)
         continue;
-      const m = p.name.replace(/\[.*?\]$/, ""), f = gs(t, p.type), _ = p.size;
+      const m = f.name.replace(/\[.*?\]$/, ""), p = ms(t, f.type), _ = f.size;
       c[m] = {
         name: m,
         index: d,
-        type: f,
+        type: p,
         size: _,
-        isArray: !!p.name.match(/\[.*?\]$/),
-        value: _a(f, _)
+        isArray: !!f.name.match(/\[.*?\]$/),
+        value: _a(p, _)
       };
     }
     return e.uniforms = c, t.deleteShader(i), t.deleteShader(a), s;
@@ -2076,63 +2076,63 @@ ${s.getShaderInfoLog(i)}`);
       const l = i[n], c = o[n];
       if (!c)
         continue;
-      const { type: u, isArray: d, value: p, name: m } = c;
-      if (p === l)
+      const { type: u, isArray: d, value: f, name: m } = c;
+      if (f === l)
         continue;
       c.value = l;
-      const f = t.getUniformLocation(a.native, m);
+      const p = t.getUniformLocation(a.native, m);
       switch (u) {
         case "float":
-          d ? t.uniform1fv(f, l) : t.uniform1f(f, l);
+          d ? t.uniform1fv(p, l) : t.uniform1f(p, l);
           break;
         case "uint":
-          d ? t.uniform1uiv(f, l) : t.uniform1ui(f, l);
+          d ? t.uniform1uiv(p, l) : t.uniform1ui(p, l);
           break;
         case "bool":
         case "int":
         case "sampler2D":
         case "samplerCube":
         case "sampler2DArray":
-          d ? t.uniform1iv(f, l) : t.uniform1i(f, l);
+          d ? t.uniform1iv(p, l) : t.uniform1i(p, l);
           break;
         case "bvec2":
         case "ivec2":
-          t.uniform2iv(f, l);
+          t.uniform2iv(p, l);
           break;
         case "uvec2":
-          t.uniform2uiv(f, l);
+          t.uniform2uiv(p, l);
           break;
         case "vec2":
-          t.uniform2fv(f, l);
+          t.uniform2fv(p, l);
           break;
         case "bvec3":
         case "ivec3":
-          t.uniform3iv(f, l);
+          t.uniform3iv(p, l);
           break;
         case "uvec3":
-          t.uniform3uiv(f, l);
+          t.uniform3uiv(p, l);
           break;
         case "vec3":
-          t.uniform3fv(f, l);
+          t.uniform3fv(p, l);
           break;
         case "bvec4":
         case "ivec4":
-          t.uniform4iv(f, l);
+          t.uniform4iv(p, l);
           break;
         case "uvec4":
-          t.uniform4uiv(f, l);
+          t.uniform4uiv(p, l);
           break;
         case "vec4":
-          t.uniform4fv(f, l);
+          t.uniform4fv(p, l);
           break;
         case "mat2":
-          t.uniformMatrix2fv(f, !1, l);
+          t.uniformMatrix2fv(p, !1, l);
           break;
         case "mat3":
-          t.uniformMatrix3fv(f, !1, l);
+          t.uniformMatrix3fv(p, !1, l);
           break;
         case "mat4":
-          t.uniformMatrix4fv(f, !1, l);
+          t.uniformMatrix4fv(p, !1, l);
           break;
       }
     }
@@ -2172,7 +2172,7 @@ function ya(r) {
     subtract: [r.ONE, r.ONE, r.ONE, r.ONE, r.FUNC_REVERSE_SUBTRACT, r.FUNC_ADD]
   };
 }
-class ze {
+class Fe {
   static _properties = [
     "blend",
     "offsets",
@@ -2196,7 +2196,7 @@ class ze {
     });
   }
   static for2D() {
-    const e = new ze();
+    const e = new Fe();
     return e.depthTest = !1, e.blend = !0, e;
   }
   _blendMode = nt.normal;
@@ -2220,17 +2220,17 @@ class ze {
         this[t] = e[t];
   }
 }
-ze._init();
+Fe._init();
 class xa extends W {
   install(e) {
     super.install(e), e.state = this;
   }
   _blendEq = !1;
-  _setters = ze._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
+  _setters = Fe._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
   boundStateBitmap = 0;
   boundBlendMode;
   blendModes;
-  defaultState = new ze({ blend: !0 });
+  defaultState = new Fe({ blend: !0 });
   _updateContext(e) {
     super._updateContext(e), this.blendModes = ya(e);
   }
@@ -2283,7 +2283,7 @@ class wa extends W {
   install(e) {
     super.install(e), e.batch2D = this;
   }
-  _state = ze.for2D();
+  _state = Fe.for2D();
   _batchSize = 4096 * 4;
   _batchables = [];
   _vertexCount = 0;
@@ -2411,9 +2411,9 @@ ${Array.from({ length: e }, (l, c) => {
     const i = this._renderer.texture.maxTextureImageUnits, a = this._getBufferData(e), o = new Float32Array(a), n = new Uint8Array(a), l = this._getIndexBufferData(t);
     let c = 0, u = 0;
     const d = [];
-    let p = 0;
-    for (let f = s.length, _ = { id: ++p }, g = [], v = /* @__PURE__ */ new Map(), w = 0, S = 0, C = 0; C < f; C++) {
-      const k = s[C].texture, me = C === f - 1;
+    let f = 0;
+    for (let p = s.length, _ = { id: ++f }, g = [], v = /* @__PURE__ */ new Map(), w = 0, S = 0, C = 0; C < p; C++) {
+      const k = s[C].texture, me = C === p - 1;
       if (!k || v.has(k)) {
         if (!me)
           continue;
@@ -2423,33 +2423,33 @@ ${Array.from({ length: e }, (l, c) => {
         _.textures = g, _.textureLocationMap = v, w = 0, _.start = u;
         for (let ge = S; ge <= C; ge++) {
           const {
-            indices: Br,
+            indices: Ur,
             vertices: qt,
-            uvs: Lr = new Float32Array(0),
+            uvs: Br = new Float32Array(0),
             size: Qs = { width: 0, height: 0 },
-            texture: Fr,
-            blendMode: zr = nt.normal,
+            texture: Lr,
+            blendMode: Fr = nt.normal,
             clipOutsideUv: ei,
             roundPixels: ti
           } = s[ge];
-          S < ge && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++p }, _.textures = g, _.start = u);
-          const { width: Yt, height: Kt } = Qs, ri = c / this._vertexSize, si = (Fr ? v.get(Fr) : 255) ?? 255, ii = ti ? 1 : 0, ai = ei ? 1 : 0;
+          S < ge && _.blendMode !== Fr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++f }, _.textures = g, _.start = u);
+          const { width: Yt, height: Kt } = Qs, ri = c / this._vertexSize, si = (Lr ? v.get(Lr) : 255) ?? 255, ii = ti ? 1 : 0, ai = ei ? 1 : 0;
           let xt, wt;
           for (let Zt = qt.length, J = 0; J < Zt; J += 2) {
-            xt = Lr[J], wt = Lr[J + 1], Yt > 0 && Kt > 0 && (xt = Math.ceil(xt * Yt) / Yt, wt = Math.ceil(wt * Kt) / Kt), o[c++] = qt[J], o[c++] = qt[J + 1], o[c++] = xt, o[c++] = wt;
+            xt = Br[J], wt = Br[J + 1], Yt > 0 && Kt > 0 && (xt = Math.ceil(xt * Yt) / Yt, wt = Math.ceil(wt * Kt) / Kt), o[c++] = qt[J], o[c++] = qt[J + 1], o[c++] = xt, o[c++] = wt;
             const Pt = c * 4;
             n[Pt] = si, n[Pt + 1] = ai, n[Pt + 2] = ii, n[Pt + 3] = 0, c++;
           }
-          for (let Zt = Br.length, J = 0; J < Zt; J++)
-            l[u++] = ri + Br[J];
-          _.blendMode = zr;
+          for (let Zt = Ur.length, J = 0; J < Zt; J++)
+            l[u++] = ri + Ur[J];
+          _.blendMode = Fr;
         }
-        S = C + 1, _.size = u - _.start, d.push(_), _ = { id: ++p }, g = [], v = /* @__PURE__ */ new Map();
+        S = C + 1, _.size = u - _.start, d.push(_), _ = { id: ++f }, g = [], v = /* @__PURE__ */ new Map();
       }
     }
     const m = this._getShader(i);
     m.update(o, l);
-    for (let f = d.length, _ = 0; _ < f; _++) {
+    for (let p = d.length, _ = 0; _ < p; _++) {
       const g = d[_], { start: v = 0, textures: w, textureLocationMap: S } = g;
       for (let C = w.length, k = 0; k < C; k++) {
         const me = w[k], ge = S.get(me);
@@ -2462,22 +2462,22 @@ ${Array.from({ length: e }, (l, c) => {
     }
   }
   _getBufferData(e) {
-    const t = qr(Math.ceil(e / 8)), s = Yr(t), i = t * 8;
+    const t = Wr(Math.ceil(e / 8)), s = qr(t), i = t * 8;
     this._attributeBuffer.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._attributeBuffer[i];
     return a || (this._attributeBuffer[i] = a = new ArrayBuffer(i * this._vertexSize * 4)), a;
   }
   _getIndexBufferData(e) {
-    const t = qr(Math.ceil(e / 12)), s = Yr(t), i = t * 12;
+    const t = Wr(Math.ceil(e / 12)), s = qr(t), i = t * 12;
     this._indexBuffers.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._indexBuffers[s];
     return a || (this._indexBuffers[s] = a = new Uint32Array(i)), a;
   }
 }
-function qr(r) {
+function Wr(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 Yr(r) {
+function qr(r) {
   let e = (r > 65535 ? 1 : 0) << 4;
   r >>>= e;
   let t = (r > 255 ? 1 : 0) << 3;
@@ -2512,18 +2512,18 @@ class Pa extends W {
     "x" in s && this._renderer.scissor.pop(), "render" in s && (this._renderer.flush(), a !== 0 ? this._renderer.stencil.bind(D.renderingMaskRemove, a) : (this._renderer.clear(it.stencil), this._renderer.stencil.bind(D.disabled, a)), a--, s.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(D.maskActive, a), this._renderer.colorMask.bind(15)), this._maskStackHash[i] = a;
   }
 }
-var fr = /* @__PURE__ */ ((r) => (r[r.RGBA = 6408] = "RGBA", r[r.RGB = 6407] = "RGB", r[r.RG = 33319] = "RG", r[r.RED = 6403] = "RED", r[r.RGBA_INTEGER = 36249] = "RGBA_INTEGER", r[r.RGB_INTEGER = 36248] = "RGB_INTEGER", r[r.RG_INTEGER = 33320] = "RG_INTEGER", r[r.RED_INTEGER = 36244] = "RED_INTEGER", r[r.ALPHA = 6406] = "ALPHA", r[r.LUMINANCE = 6409] = "LUMINANCE", r[r.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", r[r.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", r[r.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", r))(fr || {}), vs = /* @__PURE__ */ ((r) => (r[r.TEXTURE_2D = 3553] = "TEXTURE_2D", r[r.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", r[r.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", r[r.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", r[r.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", r[r.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", r[r.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", r))(vs || {}), y = /* @__PURE__ */ ((r) => (r[r.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", r[r.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", r[r.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", r[r.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", r[r.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", r[r.UNSIGNED_INT = 5125] = "UNSIGNED_INT", r[r.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", r[r.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", r[r.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", r[r.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", r[r.BYTE = 5120] = "BYTE", r[r.SHORT = 5122] = "SHORT", r[r.INT = 5124] = "INT", r[r.FLOAT = 5126] = "FLOAT", r[r.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", r[r.HALF_FLOAT = 36193] = "HALF_FLOAT", r))(y || {});
+var pr = /* @__PURE__ */ ((r) => (r[r.RGBA = 6408] = "RGBA", r[r.RGB = 6407] = "RGB", r[r.RG = 33319] = "RG", r[r.RED = 6403] = "RED", r[r.RGBA_INTEGER = 36249] = "RGBA_INTEGER", r[r.RGB_INTEGER = 36248] = "RGB_INTEGER", r[r.RG_INTEGER = 33320] = "RG_INTEGER", r[r.RED_INTEGER = 36244] = "RED_INTEGER", r[r.ALPHA = 6406] = "ALPHA", r[r.LUMINANCE = 6409] = "LUMINANCE", r[r.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", r[r.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", r[r.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", r))(pr || {}), gs = /* @__PURE__ */ ((r) => (r[r.TEXTURE_2D = 3553] = "TEXTURE_2D", r[r.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", r[r.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", r[r.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", r[r.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", r[r.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", r[r.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", r))(gs || {}), y = /* @__PURE__ */ ((r) => (r[r.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", r[r.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", r[r.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", r[r.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", r[r.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", r[r.UNSIGNED_INT = 5125] = "UNSIGNED_INT", r[r.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", r[r.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", r[r.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", r[r.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", r[r.BYTE = 5120] = "BYTE", r[r.SHORT = 5122] = "SHORT", r[r.INT = 5124] = "INT", r[r.FLOAT = 5126] = "FLOAT", r[r.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", r[r.HALF_FLOAT = 36193] = "HALF_FLOAT", r))(y || {});
 class Ea {
   constructor(e) {
     this.native = e;
   }
-  target = vs.TEXTURE_2D;
+  target = gs.TEXTURE_2D;
   width = -1;
   height = -1;
   mipmap = !1;
   type = y.UNSIGNED_BYTE;
-  internalFormat = fr.RGBA;
-  format = fr.RGBA;
+  internalFormat = pr.RGBA;
+  format = pr.RGBA;
 }
 function Sa(r) {
   return {
@@ -2764,7 +2764,7 @@ const Aa = {
     linear: 9986,
     nearest: 9984
   }
-}, Kr = {
+}, Yr = {
   linear: 9729,
   nearest: 9728
 }, Ca = {
@@ -2787,24 +2787,24 @@ function Oa(r, e, t, s, i, a, o, n) {
     addressModeV: c = "repeat",
     addressModeW: u = "repeat",
     magFilter: d = "linear",
-    minFilter: p = "linear",
+    minFilter: f = "linear",
     mipmapFilter: m = "linear",
-    maxAnisotropy: f = 0,
+    maxAnisotropy: p = 0,
     compare: _
   } = r, g = a;
   if (!n || l !== "repeat" || c !== "repeat" || u !== "repeat") {
     const v = sr[o ? "clamp-to-edge" : l], w = sr[o ? "clamp-to-edge" : c], S = sr[o ? "clamp-to-edge" : u];
     e[i](g, e.TEXTURE_WRAP_S, v), e[i](g, e.TEXTURE_WRAP_T, w), e.TEXTURE_WRAP_R && e[i](g, e.TEXTURE_WRAP_R, S);
   }
-  if ((!n || d !== "linear") && e[i](g, e.TEXTURE_MAG_FILTER, Kr[d]), t) {
+  if ((!n || d !== "linear") && e[i](g, e.TEXTURE_MAG_FILTER, Yr[d]), t) {
     if (!n || m !== "linear") {
-      const v = Aa[p][m];
+      const v = Aa[f][m];
       e[i](g, e.TEXTURE_MIN_FILTER, v);
     }
   } else
-    e[i](g, e.TEXTURE_MIN_FILTER, Kr[p]);
-  if (s && f > 1) {
-    const v = Math.min(f, e.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
+    e[i](g, e.TEXTURE_MIN_FILTER, Yr[f]);
+  if (s && p > 1) {
+    const v = Math.min(p, e.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
     e[i](g, s.TEXTURE_MAX_ANISOTROPY_EXT, v);
   }
   _ && e[i](g, e.TEXTURE_COMPARE_FUNC, Ca[_]);
@@ -3026,7 +3026,7 @@ class Na extends W {
     this._premultiplyAlpha = !1, e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
   }
 }
-const Zr = {
+const Kr = {
   uint8x2: y.UNSIGNED_BYTE,
   uint8x4: y.UNSIGNED_BYTE,
   sint8x2: y.BYTE,
@@ -3059,7 +3059,7 @@ const Zr = {
   sint32x4: y.INT
 };
 function ka(r) {
-  return Zr[r] ?? Zr.float32;
+  return Kr[r] ?? Kr.float32;
 }
 const Ua = {
   "point-list": 0,
@@ -3143,26 +3143,26 @@ class Ba extends W {
       const l = a[n], c = l.buffer, u = i.getGlBuffer(c), d = t.attributes[n];
       if (d) {
         o !== u && (i.bind(c), o = u);
-        const p = d.location;
-        s.enableVertexAttribArray(p);
-        const m = Ot(l.format), f = ka(l.format);
+        const f = d.location;
+        s.enableVertexAttribArray(f);
+        const m = Ot(l.format), p = ka(l.format);
         if (d.format?.substring(1, 4) === "int" ? s.vertexAttribIPointer(
-          p,
-          m.size,
           f,
+          m.size,
+          p,
           l.stride ?? 0,
           l.start ?? 0
         ) : s.vertexAttribPointer(
-          p,
-          m.size,
           f,
+          m.size,
+          p,
           m.normalized,
           l.stride ?? 0,
           l.start ?? 0
         ), l.instance)
           if (this.hasInstance) {
             const _ = l.divisor ?? 1;
-            s.vertexAttribDivisor(p, _);
+            s.vertexAttribDivisor(f, _);
           } else
             throw new Error("geometry error, GPU Instancing is not supported on this device");
       }
@@ -3228,15 +3228,15 @@ class La extends W {
   }
 }
 function Tt(r, e, t) {
-  const [s, i, a, o, n, l, c, u, d] = r, p = s * e + o * t + c, m = i * e + n * t + u, f = a * e + l * t + d;
-  return { x: p / f, y: m / f };
+  const [s, i, a, o, n, l, c, u, d] = r, f = s * e + o * t + c, m = i * e + n * t + u, p = a * e + l * t + d;
+  return { x: f / p, y: m / p };
 }
 function Fa(r, e) {
-  const { x: t, y: s, width: i, height: a } = e, o = Tt(r, t, s), n = Tt(r, t + i, s), l = Tt(r, t + i, s + a), c = Tt(r, t, s + a), u = [o, n, l, c], d = u.map((v) => v.x), p = u.map((v) => v.y), m = Math.min(...d), f = Math.max(...d), _ = Math.min(...p), g = Math.max(...p);
+  const { x: t, y: s, width: i, height: a } = e, o = Tt(r, t, s), n = Tt(r, t + i, s), l = Tt(r, t + i, s + a), c = Tt(r, t, s + a), u = [o, n, l, c], d = u.map((v) => v.x), f = u.map((v) => v.y), m = Math.min(...d), p = Math.max(...d), _ = Math.min(...f), g = Math.max(...f);
   return {
     x: m,
     y: _,
-    width: f - m,
+    width: p - m,
     height: g - _
   };
 }
@@ -3287,13 +3287,13 @@ class za extends W {
     super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
   }
 }
-const Ne = [];
-Ne[D.none] = {};
-Ne[D.disabled] = {
+const Me = [];
+Me[D.none] = {};
+Me[D.disabled] = {
   stencilWriteMask: 0,
   stencilReadMask: 0
 };
-Ne[D.renderingMaskAdd] = {
+Me[D.renderingMaskAdd] = {
   stencilFront: {
     compare: "equal",
     passOp: "increment-clamp"
@@ -3303,7 +3303,7 @@ Ne[D.renderingMaskAdd] = {
     passOp: "increment-clamp"
   }
 };
-Ne[D.renderingMaskRemove] = {
+Me[D.renderingMaskRemove] = {
   stencilFront: {
     compare: "equal",
     passOp: "decrement-clamp"
@@ -3313,7 +3313,7 @@ Ne[D.renderingMaskRemove] = {
     passOp: "decrement-clamp"
   }
 };
-Ne[D.maskActive] = {
+Me[D.maskActive] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "equal",
@@ -3324,7 +3324,7 @@ Ne[D.maskActive] = {
     passOp: "keep"
   }
 };
-Ne[D.inverseMaskActive] = {
+Me[D.inverseMaskActive] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "not-equal",
@@ -3389,7 +3389,7 @@ class Ga extends W {
     }
   };
   bind(e, t) {
-    const s = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], i = this._gl, a = Ne[e], o = this._cache;
+    const s = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], i = this._gl, a = Me[e], o = this._cache;
     if (s.stencilMode = e, s.refCount = t, e === D.disabled) {
       this._cache.enabled && (this._cache.enabled = !1, i.disable(i.STENCIL_TEST));
       return;
@@ -3748,9 +3748,9 @@ class Xa extends Pr {
     return c;
   }
 }
-class ke {
+class Ne {
 }
-class ja extends ke {
+class ja extends Ne {
   install(e) {
     const t = async (s) => {
       const { parseFont: i } = await import("modern-font");
@@ -3765,7 +3765,7 @@ class ja extends ke {
     }), e.font = this, this;
   }
 }
-var Wa = Object.defineProperty, bs = (r, e, t, s) => {
+var Wa = Object.defineProperty, vs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Wa(e, t, i), i;
@@ -3775,10 +3775,10 @@ class We extends de {
     super(), this.setProperties(e);
   }
 }
-bs([
+vs([
   h({ fallback: be.index })
 ], We.prototype, "usage");
-bs([
+vs([
   h({ default: () => new Uint32Array() })
 ], We.prototype, "data");
 var qa = Object.defineProperty, Vt = (r, e, t, s) => {
@@ -3786,7 +3786,7 @@ var qa = Object.defineProperty, Vt = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && qa(e, t, i), i;
 };
-class Ue extends de {
+class ke extends de {
   constructor(e = {}) {
     super(), this.setProperties(e);
   }
@@ -3796,17 +3796,17 @@ class Ue extends de {
 }
 Vt([
   h({ fallback: "triangle-list" })
-], Ue.prototype, "topology");
+], ke.prototype, "topology");
 Vt([
   h({ default: () => ({}) })
-], Ue.prototype, "attributes");
+], ke.prototype, "attributes");
 Vt([
   h({ default: () => new We() })
-], Ue.prototype, "indexBuffer");
+], ke.prototype, "indexBuffer");
 Vt([
   h({ fallback: 1 })
-], Ue.prototype, "instanceCount");
-var Ya = Object.defineProperty, ys = (r, e, t, s) => {
+], ke.prototype, "instanceCount");
+var Ya = Object.defineProperty, bs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ya(e, t, i), i;
@@ -3816,13 +3816,13 @@ class ye extends de {
     super(), this.setProperties(e);
   }
 }
-ys([
+bs([
   h({ fallback: be.vertex })
 ], ye.prototype, "usage");
-ys([
+bs([
   h({ default: () => new Float32Array() })
 ], ye.prototype, "data");
-var Ka = Object.defineProperty, Be = (r, e, t, s) => {
+var Ka = Object.defineProperty, Ue = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ka(e, t, i), i;
@@ -3832,28 +3832,28 @@ class H extends de {
     super(), this.setProperties(e);
   }
 }
-Be([
+Ue([
   h({ default: () => new ye() })
 ], H.prototype, "buffer");
-Be([
+Ue([
   h({ fallback: "float32" })
 ], H.prototype, "format");
-Be([
+Ue([
   h()
 ], H.prototype, "instance");
-Be([
+Ue([
   h()
 ], H.prototype, "stride");
-Be([
+Ue([
   h()
 ], H.prototype, "offset");
-Be([
+Ue([
   h()
 ], H.prototype, "start");
-Be([
+Ue([
   h()
 ], H.prototype, "divisor");
-class _c extends Ue {
+class _c extends ke {
   constructor() {
     super({
       topology: "triangle-strip",
@@ -4015,7 +4015,7 @@ void main(void) {
     });
   }
 }
-class P extends Ue {
+class P extends ke {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
@@ -4045,7 +4045,7 @@ class P extends Ue {
     });
   }
 }
-class mc extends Ue {
+class mc extends ke {
   positionBuffer;
   uvBuffer;
   constructor(e) {
@@ -4158,7 +4158,7 @@ class x extends de {
     switch (super._updateProperty(e, t, s), e) {
       case "width":
       case "height":
-        this.isPowerOfTwo = $r(this.pixelWidth) && $r(this.pixelHeight);
+        this.isPowerOfTwo = Vr(this.pixelWidth) && Vr(this.pixelHeight);
         break;
       case "source":
         this.updateSize();
@@ -4252,7 +4252,7 @@ class ao extends de {
     });
   }
 }
-class xs extends x {
+class ys extends x {
   constructor(e = {}) {
     super({
       pixelRatio: 2,
@@ -4302,7 +4302,7 @@ class $t extends x {
     const a = i.getContext("2d");
     if (!a)
       throw new Error("Failed to parse linear gradient, get canvas context is null.");
-    const { angle: o = 0, stops: n } = e, l = t, c = s, u = l / 2, d = c / 2, p = (o + 90) * Math.PI / 180, m = Math.sin(p), f = -Math.cos(p), _ = Math.abs(l * Math.sin(p)) + Math.abs(c * Math.cos(p)), g = u - m * (_ / 2), v = d - f * (_ / 2), w = u + m * (_ / 2), S = d + f * (_ / 2), C = a.createLinearGradient(g, v, w, S);
+    const { angle: o = 0, stops: n } = e, l = t, c = s, u = l / 2, d = c / 2, f = (o + 90) * Math.PI / 180, m = Math.sin(f), p = -Math.cos(f), _ = Math.abs(l * Math.sin(f)) + Math.abs(c * Math.cos(f)), g = u - m * (_ / 2), v = d - p * (_ / 2), w = u + m * (_ / 2), S = d + p * (_ / 2), C = a.createLinearGradient(g, v, w, S);
     for (const me of n) C.addColorStop(me.offset, me.color);
     a.fillStyle = C, a.fillRect(0, 0, l, c);
     const k = a.getImageData(0, 0, i.width, i.height);
@@ -4327,7 +4327,7 @@ class oo extends x {
     });
   }
 }
-var no = Object.defineProperty, ws = (r, e, t, s) => {
+var no = Object.defineProperty, xs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && no(e, t, i), i;
@@ -4343,7 +4343,7 @@ function lo(r) {
     playsinline: !!(r?.playsinline ?? !0)
   };
 }
-const Sr = class Ps extends x {
+const Sr = class ws extends x {
   static mimeTypes = new Map(Object.entries({
     ogv: "video/ogg",
     mov: "video/quicktime",
@@ -4387,7 +4387,7 @@ const Sr = class Ps extends x {
           l = n.slice(5, n.indexOf(";"));
         else if (!n.startsWith("blob:")) {
           const u = n.split("?").shift().toLowerCase(), d = u.slice(u.lastIndexOf(".") + 1);
-          l = l || Ps.mimeTypes.get(d) || `video/${d}`;
+          l = l || ws.mimeTypes.get(d) || `video/${d}`;
         }
         const c = document.createElement("source");
         c.src = n, l && (c.type = l), a.appendChild(c);
@@ -4452,10 +4452,10 @@ const Sr = class Ps extends x {
     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());
   }
 };
-ws([
+xs([
   h({ internal: !0, fallback: !0 })
 ], Sr.prototype, "autoUpdate");
-ws([
+xs([
   h({ internal: !0, fallback: 0 })
 ], Sr.prototype, "fps");
 let co = Sr;
@@ -4491,7 +4491,7 @@ class ho extends Ct {
           t = this.style.stroke;
           break;
         case "object":
-          Gr(this.style.stroke) && (t = this.style.stroke.color);
+          zr(this.style.stroke) && (t = this.style.stroke.color);
           break;
       }
     this._draws.push({
@@ -4526,7 +4526,7 @@ class ho extends Ct {
           t = this.style.fill;
           break;
         case "object":
-          Gr(this.style.fill) && (t = this.style.fill.color);
+          zr(this.style.fill) && (t = this.style.fill.color);
           break;
       }
     this._draws.push({
@@ -4617,7 +4617,7 @@ class uo {
     return [...this.default];
   }
 }
-class po extends Ee {
+class fo extends Ee {
   constructor(e) {
     return super(), this.parent = e, new Proxy(this, {
       get: (t, s, i) => Reflect.has(t, s) || String(s).startsWith("_") ? Reflect.get(t, s, i) : t.getProperty(String(s)),
@@ -4637,18 +4637,18 @@ class po extends Ee {
     return { internalKey: `____${e}` };
   }
 }
-var fo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, se = (r, e, t, s) => {
+var po = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, se = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? _o(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && fo(e, t, i), i;
+  return s && i && po(e, t, i), i;
 };
-const Jr = {};
+const Zr = {};
 function mo(r) {
-  let e = Jr[r] ?? 0;
-  return e++, Jr[r] = e, e;
+  let e = Zr[r] ?? 0;
+  return e++, Zr[r] = e, e;
 }
 let I = class extends Ee {
-  _meta = new po(this);
+  _meta = new fo(this);
   get meta() {
     return this._meta;
   }
@@ -5026,7 +5026,7 @@ let I = class extends Ee {
     );
   }
   toJSON() {
-    return ss({
+    return rs({
       ...super.toJSON(),
       is: this.meta.inCanvasIs ? void 0 : this.is,
       children: this.children.length ? [...this.children.map((r) => r.toJSON())] : void 0,
@@ -5041,10 +5041,10 @@ let I = class extends Ee {
   }
 };
 se([
-  h({ default: () => is() })
+  h({ default: () => ss() })
 ], I.prototype, "id", 2);
 se([
-  h({ default: () => is() })
+  h({ default: () => ss() })
 ], I.prototype, "name", 2);
 se([
   h({ fallback: "inherit" })
@@ -5145,7 +5145,7 @@ var bo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, Ht = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && bo(e, t, i), i;
 };
-let Ge = class extends q {
+let ze = class extends q {
   _parentGlobalVisible;
   _globalVisible;
   get globalVisible() {
@@ -5260,8 +5260,8 @@ let Ge = class extends q {
         1 + -a / e.height
       ), l = new Float32Array(o.length);
       for (let c = o.length, u = 0; u < c; u += 2) {
-        const { x: d, y: p } = n.apply({ x: o[u], y: o[u + 1] });
-        l[u] = d, l[u + 1] = p;
+        const { x: d, y: f } = n.apply({ x: o[u], y: o[u + 1] });
+        l[u] = d, l[u + 1] = f;
       }
       return r.uvs = l, e.texture;
     }
@@ -5282,17 +5282,17 @@ let Ge = class extends q {
 };
 Ht([
   h()
-], Ge.prototype, "blendMode", 2);
+], ze.prototype, "blendMode", 2);
 Ht([
   h({ internal: !0, fallback: !0 })
-], Ge.prototype, "visible", 2);
+], ze.prototype, "visible", 2);
 Ht([
   h({ internal: !0, fallback: 1 })
-], Ge.prototype, "opacity", 2);
-Ge = Ht([
+], ze.prototype, "opacity", 2);
+ze = Ht([
   b("CanvasItem")
-], Ge);
-var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Le = (r, e, t, s) => {
+], ze);
+var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Be = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? wo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && xo(e, t, i), i;
@@ -5373,28 +5373,28 @@ let X = class extends I {
     return this.canvasTransform.apply(r, e);
   }
 };
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "x", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "y", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "width", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "height", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "mipLevel", 2);
-Le([
+Be([
   h({ fallback: !1 })
 ], X.prototype, "msaa", 2);
-X = Le([
+X = Be([
   b("Viewport")
 ], X);
-var Po = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, ft = (r, e, t, s) => {
+var Po = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, pt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Eo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Po(e, t, i), i;
@@ -5460,8 +5460,8 @@ let T = class extends q {
     const a = {
       minX: Number.MAX_SAFE_INTEGER,
       minY: Number.MAX_SAFE_INTEGER,
-      maxX: 0,
-      maxY: 0
+      maxX: Number.MIN_SAFE_INTEGER,
+      maxY: Number.MIN_SAFE_INTEGER
     };
     if (t.forEach((n, l) => {
       const c = n.renderable;
@@ -5475,7 +5475,7 @@ let T = class extends q {
         }
         s = s ?? l, i = l;
       }
-    }), s === void 0 || i === void 0)
+    }), s === void 0 || i === void 0 || a.minX === Number.MAX_SAFE_INTEGER || a.minY === Number.MAX_SAFE_INTEGER || a.maxX === Number.MIN_SAFE_INTEGER || a.maxY === Number.MIN_SAFE_INTEGER)
       return;
     const o = {
       x: a.minX,
@@ -5483,7 +5483,7 @@ let T = class extends q {
       width: a.maxX - a.minX,
       height: a.maxY - a.minY
     };
-    o.width === Number.MAX_SAFE_INTEGER || o.height === Number.MAX_SAFE_INTEGER || (!this.needsRender && (this._rect.width !== o.width || this._rect.height !== o.height) && this.requestRender(), this.needsRender ? (t.splice(i + 1, 0, r.createCall(this)), t.splice(s, 0, r.createCall(this))) : t.splice(s, i + 1, r.createCall(this)), (this._rect.x !== o.x || this._rect.y !== o.y || this._rect.width !== o.width || this._rect.height !== o.height) && (this._rect = o, this.emit("updateRect")));
+    !this.needsRender && (this._rect.width !== o.width || this._rect.height !== o.height) && this.requestRender(), this.needsRender ? (t.splice(i + 1, 0, r.createCall(this)), t.splice(s, 0, r.createCall(this))) : t.splice(s, i + 1, r.createCall(this)), (this._rect.x !== o.x || this._rect.y !== o.y || this._rect.width !== o.width || this._rect.height !== o.height) && (this._rect = o, this.emit("updateRect"));
   }
   _processChildren() {
     this.children.length && (super.emit("process"), this._tree?.renderStack.push(this));
@@ -5586,19 +5586,19 @@ let T = class extends q {
     }));
   }
 };
-ft([
+pt([
   h({ internal: !0 })
 ], T.prototype, "material", 2);
-ft([
+pt([
   h()
 ], T.prototype, "effectMode", 2);
-ft([
+pt([
   h()
 ], T.prototype, "glsl", 2);
-ft([
+pt([
   h()
 ], T.prototype, "glslSrc", 2);
-T = ft([
+T = pt([
   b("Effect")
 ], T);
 class So {
@@ -5652,20 +5652,10 @@ let xe = class extends I {
     }
     return this;
   }
-  _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "startTime":
-        this.startTime = Math.min(e, this.endTime);
-        break;
-      case "endTime":
-        this.endTime = e || Number.MAX_SAFE_INTEGER;
-        break;
-    }
-  }
   addTime(r) {
-    const e = this.startTime, t = this.endTime;
+    const e = this.endTime, t = Math.min(this.startTime, this.endTime);
     let s = this.currentTime;
-    return s = s + r, this.loop && s > t && (s = e + s % t), s = ce(s, e, t), this.currentTime = s, this.emit("updateCurrentTime", s, r), this;
+    return s = s + r, this.loop && s > e && (s = t + s % e), s = ce(s, t, e), this.currentTime = s, this.emit("updateCurrentTime", s, r), this;
   }
   _process(r) {
     super._process(r), this.paused || this.addTime(r);
@@ -5713,7 +5703,7 @@ var Oo = Object.defineProperty, Te = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Oo(e, t, i), i;
 };
-class pe extends wr {
+class fe extends wr {
   input = new Zi();
   renderStack = new So();
   root = new _r().setTree(this);
@@ -5762,51 +5752,51 @@ class pe extends wr {
 }
 Te([
   h({ alias: "root.msaa" })
-], pe.prototype, "msaa");
+], fe.prototype, "msaa");
 Te([
   h({ fallback: !1 })
-], pe.prototype, "pixelate");
+], fe.prototype, "pixelate");
 Te([
   h({ fallback: !1 })
-], pe.prototype, "roundPixels");
+], fe.prototype, "roundPixels");
 Te([
   h()
-], pe.prototype, "backgroundColor");
+], fe.prototype, "backgroundColor");
 Te([
   h({ internal: !0, fallback: !1 })
-], pe.prototype, "debug");
+], fe.prototype, "debug");
 Te([
   h({ internal: !0, fallback: !1 })
-], pe.prototype, "processPaused");
+], fe.prototype, "processPaused");
 Te([
   h({ internal: !0, default: () => yi })
-], pe.prototype, "fonts");
+], fe.prototype, "fonts");
 Te([
   h({ internal: !0, default: () => new xe() })
-], pe.prototype, "timeline");
+], fe.prototype, "timeline");
 var Do = Object.getOwnPropertyDescriptor, Io = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Do(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
   return i;
 };
-let Ve = class extends T {
+let Ge = class extends T {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-Ve = Io([
+Ge = Io([
   b("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], Ve);
+], Ge);
 var Mo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Rr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? No(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Mo(e, t, i), i;
 };
-let Ie = class extends Ge {
+let Ie = class extends ze {
   position = new O().on("update", () => this.updateGlobalTransform());
   scale = new O(1, 1).on("update", () => this.updateGlobalTransform());
   skew = new O().on("update", () => this.updateGlobalTransform());
@@ -5847,8 +5837,8 @@ let Ie = class extends Ge {
     const { a: e, c: t, tx: s, b: i, d: a, ty: o } = this.globalTransform.toObject(), n = r.vertices.slice(), l = r.transformVertex ?? (() => {
     });
     let c, u;
-    for (let d = n.length, p = 0; p < d; p += 2)
-      c = n[p], u = n[p + 1], n[p] = e * c + t * u + s, n[p + 1] = i * c + a * u + o, l(n, p);
+    for (let d = n.length, f = 0; f < d; f += 2)
+      c = n[f], u = n[f + 1], n[f] = e * c + t * u + s, n[f + 1] = i * c + a * u + o, l(n, f);
     return n;
   }
   _relayout(r) {
@@ -6010,7 +6000,7 @@ Nt = Ar([
     renderMode: "disabled"
   })
 ], Nt);
-const Qr = {
+const Jr = {
   brightness: 1,
   contrast: 1,
   grayscale: 0,
@@ -6021,18 +6011,18 @@ const Qr = {
   sepia: 0
 };
 function gc(r) {
-  const e = new ps();
+  const e = new ds();
   if (r === "none")
     return e;
   const t = zt(r).reduce((s, { name: i, args: a }) => (s[i] = a[0].normalizedIntValue, s), {});
-  Object.keys(Qr).forEach((s) => {
-    t[s] = t[s] ?? Qr[s];
+  Object.keys(Jr).forEach((s) => {
+    t[s] = t[s] ?? Jr[s];
   });
   for (const s in t) {
     const i = t[s];
     switch (s) {
       case "hue-rotate":
-        e.hueRotate(i * z);
+        e.hueRotate(i * G);
         break;
       case "saturate":
         e.saturate(i);
@@ -6095,23 +6085,23 @@ function Bo(r, e, t, s = new M()) {
         s.scale3d(o[0], o[1] ?? o[0], o[2] ?? o[1] ?? o[0]);
         break;
       case "rotate":
-        s.rotate(o[0] * z);
+        s.rotate(o[0] * G);
         break;
       case "rotateX":
-        s.rotateX(o[0] * z);
+        s.rotateX(o[0] * G);
         break;
       case "rotateY":
-        s.rotateY(o[0] * z);
+        s.rotateY(o[0] * G);
         break;
       case "rotateZ":
-        s.rotateZ(o[0] * z);
+        s.rotateZ(o[0] * G);
         break;
       case "rotate3d":
         s.rotate3d(
-          o[0] * z,
-          (o[1] ?? o[0]) * z,
-          (o[2] ?? o[1] ?? o[0]) * z,
-          (o[3] ?? o[2] ?? o[1] ?? o[0]) * z
+          o[0] * G,
+          (o[1] ?? o[0]) * G,
+          (o[2] ?? o[1] ?? o[0]) * G,
+          (o[3] ?? o[2] ?? o[1] ?? o[0]) * G
         );
         break;
       case "skew":
@@ -6146,10 +6136,10 @@ function Lo(r) {
     }
   });
 }
-var Es = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, fe = (r, e, t, s) => {
+var Ps = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, pe = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Fo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Es(e, t, i), i;
+  return s && i && Ps(e, t, i), i;
 }, Go = (r, e, t) => zo(r, e + "", t);
 let j = class extends T {
   constructor(r, e = []) {
@@ -6208,45 +6198,45 @@ void main(void) {
 }`
   }
 }));
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "saturation", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "contrast", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "brightness", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "red", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "green", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "blue", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "alpha", 2);
-fe([
+pe([
   h({ fallback: 1 })
 ], j.prototype, "gamma", 2);
-j = fe([
+j = pe([
   b("ColorAdjustEffect")
 ], j);
-var Ss = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e, t) => e in r ? Ss(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
+var Es = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ss = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Vo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ss(e, t, i), i;
+  return s && i && Es(e, t, i), i;
 }, Ho = (r, e, t) => $o(r, e + "", t);
-let $e = class extends T {
-  _colorMatrix = new ps();
+let Ve = class extends T {
+  _colorMatrix = new ds();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   _updateProperty(r, e, t) {
-    super._updateProperty(r, e, t), r === "filter" && (this.renderMode = this.filter ? "inherit" : "disabled");
+    super._updateProperty(r, e, t), r === "filter" && (this.renderMode = this.filter ? "inherit" : "disabled", this.requestRender());
   }
   apply(r, e) {
     if (!this.filter)
@@ -6257,7 +6247,7 @@ let $e = class extends T {
       switch (i) {
         case "hue-rotate":
         case "hueRotate":
-          s.hueRotate(o[0] * z);
+          s.hueRotate(o[0] * G);
           break;
         case "saturate":
           s.saturate(o[0]);
@@ -6282,14 +6272,14 @@ let $e = class extends T {
           break;
       }
     }), e.redraw(r, () => {
-      P.draw(r, $e.material, {
+      P.draw(r, Ve.material, {
         sampler: 0,
         m: s.toArray()
       });
     });
   }
 };
-Ho($e, "material", new E({
+Ho(Ve, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6316,19 +6306,19 @@ void main(void) {
 }`
   }
 }));
-Ts([
+Ss([
   h()
-], $e.prototype, "filter", 2);
-$e = Ts([
+], Ve.prototype, "filter", 2);
+Ve = Ss([
   b("ColorFilterEffect")
-], $e);
-var Rs = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? Rs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Cr = (r, e, t, s) => {
+], Ve);
+var Ts = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? Ts(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Cr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Xo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Rs(e, t, i), i;
+  return s && i && Ts(e, t, i), i;
 }, Wo = (r, e, t) => jo(r, e + "", t);
 const at = 50;
-let He = class extends T {
+let $e = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6342,14 +6332,14 @@ let He = class extends T {
       });
       for (; t.length < at; )
         t.push([0, 0, 0, 0]);
-      P.draw(r, He.material, {
+      P.draw(r, $e.material, {
         sampler: 0,
         colors: t.slice(0, at).flatMap((s) => s)
       });
     });
   }
 };
-Wo(He, "material", new E({
+Wo($e, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6400,19 +6390,19 @@ void main(void) {
 }));
 Cr([
   h({ default: () => [] })
-], He.prototype, "colors", 2);
+], $e.prototype, "colors", 2);
 Cr([
   h({ fallback: 0.5 })
-], He.prototype, "alpha", 2);
-He = Cr([
+], $e.prototype, "alpha", 2);
+$e = Cr([
   b("ColorOverlayEffect")
-], He);
-var As = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Yo = (r, e, t) => e in r ? As(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Or = (r, e, t, s) => {
+], $e);
+var Rs = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Yo = (r, e, t) => e in r ? Rs(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 ? qo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && As(e, t, i), i;
+  return s && i && Rs(e, t, i), i;
 }, Ko = (r, e, t) => Yo(r, e + "", t);
-let Xe = class extends T {
+let He = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6424,7 +6414,7 @@ let Xe = class extends T {
     i.slice(0, 50).forEach((a, o) => {
       s[o * 3] = a[0], s[o * 3 + 1] = a[1], s[o * 3 + 2] = a[2];
     }), e.redraw(r, () => {
-      P.draw(r, Xe.material, {
+      P.draw(r, He.material, {
         sampler: 0,
         epsilon: this.epsilon,
         originalColors: s
@@ -6432,7 +6422,7 @@ let Xe = class extends T {
     });
   }
 };
-Ko(Xe, "material", new E({
+Ko(He, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6469,20 +6459,20 @@ void main(void) {
 }));
 Or([
   h({ default: () => [] })
-], Xe.prototype, "colors", 2);
+], He.prototype, "colors", 2);
 Or([
   h({ fallback: 0.5 })
-], Xe.prototype, "epsilon", 2);
-Xe = Or([
+], He.prototype, "epsilon", 2);
+He = Or([
   b("ColorRemoveEffect")
-], Xe);
-var Cs = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Jo = (r, e, t) => e in r ? Cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Dr = (r, e, t, s) => {
+], He);
+var As = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Jo = (r, e, t) => e in r ? As(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Dr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Zo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Cs(e, t, i), i;
+  return s && i && As(e, t, i), i;
 }, Qo = (r, e, t) => Jo(r, e + "", t);
 const rt = 50;
-let je = class extends T {
+let Xe = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6506,7 +6496,7 @@ let je = class extends T {
     t.slice(0, rt).forEach(([o, n], l) => {
       i[l * 3] = o[0], i[l * 3 + 1] = o[1], i[l * 3 + 2] = o[2], a[l * 3] = n[0], a[l * 3 + 1] = n[1], a[l * 3 + 2] = n[2];
     }), e.redraw(r, () => {
-      P.draw(r, je.material, {
+      P.draw(r, Xe.material, {
         sampler: 0,
         epsilon: s,
         originalColors: i,
@@ -6515,7 +6505,7 @@ let je = class extends T {
     });
   }
 };
-Qo(je, "material", new E({
+Qo(Xe, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6559,13 +6549,13 @@ void main(void) {
 }));
 Dr([
   h({ default: () => [] })
-], je.prototype, "colors", 2);
+], Xe.prototype, "colors", 2);
 Dr([
   h({ fallback: 0.05 })
-], je.prototype, "epsilon", 2);
-je = Dr([
+], Xe.prototype, "epsilon", 2);
+Xe = Dr([
   b("ColorReplaceEffect")
-], je);
+], Xe);
 const en = `precision highp float;
 
 in vec2 vUv;
@@ -6717,10 +6707,10 @@ void main(void) {
   gl_FragColor = color;
 }
 `;
-var Os = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, rn = (r, e, t) => e in r ? Os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Re = (r, e, t, s) => {
+var Cs = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, rn = (r, e, t) => e in r ? Cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Re = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? tn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Os(e, t, i), i;
+  return s && i && Cs(e, t, i), i;
 }, sn = (r, e, t) => rn(r, e + "", t);
 let Y = class extends T {
   _watermark;
@@ -6810,12 +6800,12 @@ Re([
 Y = Re([
   b("DrawboardEffect")
 ], Y);
-var Ds = Object.defineProperty, an = Object.getOwnPropertyDescriptor, on = (r, e, t) => e in r ? Ds(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ir = (r, e, t, s) => {
+var Os = Object.defineProperty, an = Object.getOwnPropertyDescriptor, on = (r, e, t) => e in r ? Os(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 ? an(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ds(e, t, i), i;
-}, Is = (r, e, t) => on(r, typeof e != "symbol" ? e + "" : e, t);
-const Ms = `varying vec2 vUv[9];
+  return s && i && Os(e, t, i), i;
+}, Ds = (r, e, t) => on(r, typeof e != "symbol" ? e + "" : e, t);
+const Is = `varying vec2 vUv[9];
 uniform sampler2D sampler;
 
 void main(void) {
@@ -6872,7 +6862,7 @@ let he = class extends T {
       });
   }
 };
-Is(he, "materialX", new E({
+Ds(he, "materialX", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6891,10 +6881,10 @@ void main(void) {
   vUv[7] = uv + vec2(3.0 * uStrength, 0.0);
   vUv[8] = uv + vec2(4.0 * uStrength, 0.0);
 }`,
-    fragment: Ms
+    fragment: Is
   }
 }));
-Is(he, "materialY", new E({
+Ds(he, "materialY", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6913,7 +6903,7 @@ void main(void) {
   vUv[7] = uv + vec2(0.0, 3.0 * uStrength);
   vUv[8] = uv + vec2(0.0, 4.0 * uStrength);
 }`,
-    fragment: Ms
+    fragment: Is
   }
 }));
 Ir([
@@ -6925,10 +6915,10 @@ Ir([
 he = Ir([
   b("GaussianBlurEffect")
 ], he);
-var Ns = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ye = (r, e, t, s) => {
+var Ms = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ms(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ye = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? nn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ns(e, t, i), i;
+  return s && i && Ms(e, t, i), i;
 }, cn = (r, e, t) => ln(r, e + "", t);
 let re = class extends T {
   blurEffect = new he();
@@ -6999,10 +6989,10 @@ Ye([
 re = Ye([
   b("DropShadowEffect")
 ], re);
-var ks = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e, t) => e in r ? ks(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Us = (r, e, t, s) => {
+var Ns = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ks = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? hn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && ks(e, t, i), i;
+  return s && i && Ns(e, t, i), i;
 }, dn = (r, e, t) => un(r, e + "", t);
 let lt = class extends T {
   constructor(r, e = []) {
@@ -7046,18 +7036,18 @@ void main(void) {
 }`
   }
 }));
-Us([
+ks([
   h({ fallback: 5 })
 ], lt.prototype, "strength", 2);
-lt = Us([
+lt = ks([
   b("EmbossEffect")
 ], lt);
-var Bs = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, fn = (r, e, t) => e in r ? Bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ie = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? pn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
+var Us = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, pn = (r, e, t) => e in r ? Us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ie = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? fn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Bs(e, t, i), i;
-}, _n = (r, e, t) => fn(r, e + "", t);
-let G = class extends T {
+  return s && i && Us(e, t, i), i;
+}, _n = (r, e, t) => pn(r, e + "", t);
+let V = class extends T {
   _canvas;
   _texture;
   _sizes;
@@ -7081,7 +7071,7 @@ let G = class extends T {
     this._needsRedraw || (this._needsRedraw = !0, this.redraw());
     const t = e.width, s = e.height, i = this.direction * (Math.PI / 180), a = Math.sin(i), o = Math.cos(i);
     e.redraw(r, () => {
-      this._texture.activate(r, 1), P.draw(r, G.material, {
+      this._texture.activate(r, 1), P.draw(r, V.material, {
         sampler: 0,
         filterClamp: [0, 0, 1, 1],
         filterArea: [t, s, 0, 0],
@@ -7100,7 +7090,7 @@ let G = class extends T {
     });
   }
 };
-_n(G, "material", new E({
+_n(V, "material", new E({
   gl: {
     vertex: `in vec2 position;
 in vec2 uv;
@@ -7207,38 +7197,38 @@ void main(void) {
 }));
 ie([
   h({ fallback: 10 })
-], G.prototype, "slices", 2);
+], V.prototype, "slices", 2);
 ie([
   h({ fallback: 512 })
-], G.prototype, "sampleSize", 2);
+], V.prototype, "sampleSize", 2);
 ie([
   h({ fallback: 100 })
-], G.prototype, "offset", 2);
+], V.prototype, "offset", 2);
 ie([
   h({ fallback: 0 })
-], G.prototype, "direction", 2);
+], V.prototype, "direction", 2);
 ie([
   h({ fallback: 2 })
-], G.prototype, "fillMode", 2);
+], V.prototype, "fillMode", 2);
 ie([
   h({ fallback: 0 })
-], G.prototype, "seed", 2);
+], V.prototype, "seed", 2);
 ie([
   h({ default: () => [2, 2] })
-], G.prototype, "red", 2);
+], V.prototype, "red", 2);
 ie([
   h({ default: () => [-10, 4] })
-], G.prototype, "green", 2);
+], V.prototype, "green", 2);
 ie([
   h({ default: () => [10, -4] })
-], G.prototype, "blue", 2);
-G = ie([
+], V.prototype, "blue", 2);
+V = ie([
   b("GlitchEffect")
-], G);
-var Ls = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, gn = (r, e, t) => e in r ? Ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ae = (r, e, t, s) => {
+], V);
+var Bs = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, gn = (r, e, t) => e in r ? Bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ae = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? mn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ls(e, t, i), i;
+  return s && i && Bs(e, t, i), i;
 }, vn = (r, e, t) => gn(r, e + "", t);
 const bn = `vec3 mod289(vec3 x) {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
@@ -7526,31 +7516,25 @@ Xt([
 ct = Xt([
   b("KawaseBlurEffect")
 ], ct);
-var Fs = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? Fs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Mr = (r, e, t, s) => {
+var Ls = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? Ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Fs = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? En(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Fs(e, t, i), i;
+  return s && i && Ls(e, t, i), i;
 }, Tn = (r, e, t) => Sn(r, e + "", t);
-let Me = class extends T {
+let je = class extends T {
+  texture;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   async load() {
-    this.texture = void 0, this.image && (this.texture = await $.texture.load(this.image), this.requestRender());
+    this.image ? (this.texture = await $.texture.load(this.image), this.requestRender()) : this.texture = void 0;
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "image":
-        this.load();
-        break;
-      case "texture":
-        t?.free?.();
-        break;
-    }
+    super._updateProperty(r, e, t), r === "image" && this.load();
   }
   apply(r, e, t) {
     this.texture && e.redraw(r, () => {
-      this.texture.activate(r, 1), P.draw(r, Me.material, {
+      this.texture.activate(r, 1), P.draw(r, je.material, {
         sampler: 0,
         mask: 1,
         rotation: t.target?.globalRotation ?? 0
@@ -7558,7 +7542,7 @@ let Me = class extends T {
     });
   }
 };
-Tn(Me, "material", new E({
+Tn(je, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 in vec2 uv;
@@ -7593,15 +7577,12 @@ void main(void) {
 }`
   }
 }));
-Mr([
-  h({ internal: !0 })
-], Me.prototype, "texture", 2);
-Mr([
+Fs([
   h({ fallback: "" })
-], Me.prototype, "image", 2);
-Me = Mr([
+], je.prototype, "image", 2);
+je = Fs([
   b("MaskEffect")
-], Me);
+], je);
 var zs = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, An = (r, e, t) => e in r ? zs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ce = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Rn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
@@ -7927,12 +7908,12 @@ function kt(r, e) {
       1 / Math.abs(1 + (-v - S))
     ), o = !0;
   }
-  const { a: l, c, tx: u, b: d, d: p, ty: m } = n.toObject();
-  let f, _;
+  const { a: l, c, tx: u, b: d, d: f, ty: m } = n.toObject();
+  let p, _;
   return {
     clipOutsideUv: o,
     transformUv: (g, v) => {
-      f = g[v], _ = g[v + 1], g[v] = l * f + c * _ + u, g[v + 1] = d * f + p * _ + m;
+      p = g[v], _ = g[v + 1], g[v] = l * p + c * _ + u, g[v + 1] = d * p + f * _ + m;
     }
   };
 }
@@ -7952,7 +7933,7 @@ class F extends Ee {
   }
   setProperties(e) {
     return this._setProperties(
-      V(e) ? void 0 : li(e)
+      z(e) ? void 0 : li(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7981,7 +7962,7 @@ class F extends Ee {
         Math.floor(this.parent.size.width),
         Math.floor(this.parent.size.height)
       );
-    else if (V(this.image))
+    else if (z(this.image))
       this.animatedTexture = void 0, this.texture = void 0;
     else if (this.parent.tree?.log(`load image ${this.image}`), this.image !== "viewport") {
       let e = this.image.split("?")[0].endsWith(".gif");
@@ -8074,7 +8055,7 @@ var Bn = Object.defineProperty, Ln = (r, e, t, s) => {
 class Xs extends F {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : ci(e)
+      z(e) ? void 0 : ci(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8092,7 +8073,7 @@ var Fn = Object.defineProperty, zn = (r, e, t, s) => {
 class js extends F {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : hi(e)
+      z(e) ? void 0 : hi(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8110,7 +8091,7 @@ var Gn = Object.defineProperty, gt = (r, e, t, s) => {
 class Ke extends F {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : ui(e)
+      z(e) ? void 0 : ui(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8160,7 +8141,7 @@ class Ze extends Ee {
   }
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : di(e)
+      z(e) ? void 0 : di(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8206,7 +8187,7 @@ class Je extends Ee {
   _path2DSet = new Pi();
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : pi(e)
+      z(e) ? void 0 : fi(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8238,14 +8219,14 @@ class Je extends Ee {
     }
     const [t, s, i, a] = e;
     this._path2DSet.paths.forEach((o) => {
-      o.applyTransform(new Vr().translate(-t, -s).scale(1 / i, 1 / a));
+      o.applyTransform(new Gr().translate(-t, -s).scale(1 / i, 1 / a));
     });
   }
   draw(e = !1) {
     if (!e && this.isValid()) {
       const t = this.parent.context, { width: s, height: i } = this.parent.size;
       this._path2DSet.paths.forEach((a) => {
-        t.addPath(a.clone().applyTransform(new Vr().scale(s, i)));
+        t.addPath(a.clone().applyTransform(new Gr().scale(s, i)));
       });
     } else
       this._drawRect();
@@ -8275,15 +8256,15 @@ class Ws extends de {
     super(), this.setProperties(e);
   }
 }
-const es = {
-  ...fi(),
+const Qr = {
+  ...pi(),
   left: 0,
   top: 0,
   width: 0,
   height: 0
 };
-for (const r in es)
-  ts(Ws, r, { fallback: es[r] });
+for (const r in Qr)
+  es(Ws, r, { fallback: Qr[r] });
 var Hn = Object.defineProperty, _e = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
@@ -8294,15 +8275,22 @@ class ae extends Ee {
     super(), this.parent = e, this.base = new Ti(), this.base.setPropertyAccessor(this);
   }
   base;
+  get innerText() {
+    return this._innerText;
+  }
+  set innerText(e) {
+    this.setContent(e);
+  }
+  _innerText = "";
   _autoDrawMode;
   _autoDrawThreshold = 100;
-  _texture = new xs({
+  _texture = new ys({
     mipmap: !0
   });
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : _i(e)
+      z(e) ? void 0 : _i(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8321,6 +8309,7 @@ class ae extends Ee {
         this.update(), this._updateTextureMap();
         break;
     }
+    e === "content" && (this._innerText = this.getStringContent());
   }
   update() {
     this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update();
@@ -8362,7 +8351,7 @@ class ae extends Ee {
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : V(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
+    ) : z(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await $.texture.load(e.image));
   }
   setContent(e) {
     this.content = mi(e);
@@ -8381,9 +8370,9 @@ class ae extends Ee {
     if (e.scale.x > 0 && e.scale.y > 0)
       return;
     const t = e.scale.x * e.scale.y, s = e.pivot, i = new M().translate(-s.x, -s.y).scale(t > 0 ? 1 : -1, 1).translate(s.x, s.y), { a, c: o, tx: n, b: l, d: c, ty: u } = i.toObject();
-    let d, p;
-    return (m, f) => {
-      d = m[f], p = m[f + 1], m[f] = a * d + o * p + n, m[f + 1] = l * d + c * p + u;
+    let d, f;
+    return (m, p) => {
+      d = m[p], f = m[p + 1], m[p] = a * d + o * f + n, m[p + 1] = l * d + c * f + u;
     };
   }
   useTextureDraw() {
@@ -8396,7 +8385,7 @@ class ae extends Ee {
         const i = s.getMeta();
         if (i instanceof Ri) {
           const a = i.parent.index, o = i.parent.parent.index;
-          if (s.style.fill && !V(s.style.fill))
+          if (s.style.fill && !z(s.style.fill))
             if (typeof s.style.fill == "object") {
               const n = s.style.fill, l = this._textureMap.get(`${o}.${a}.fill`) ?? this._textureMap.get(`${o}.fill`) ?? this._textureMap.get("fill");
               n.enabled !== !1 && (l || n.color) && (e.addPath(s), e.style = { ...s.style }, e.fillStyle = l?.texture ?? n.color, e.fill({
@@ -8415,7 +8404,7 @@ class ae extends Ee {
               e.addPath(s), e.style = { ...s.style }, e.fill({
                 transformVertex: this._createTransformVertex()
               });
-          if (s.style.stroke && !V(s.style.stroke))
+          if (s.style.stroke && !z(s.style.stroke))
             if (typeof s.style.stroke == "object") {
               const n = s.style.stroke, l = this._textureMap.get(`${o}.${a}.outline`) ?? this._textureMap.get(`${o}.outline`) ?? this._textureMap.get("outline");
               n.enabled !== !1 && (l || n.color) && (n.width === void 0 || n.width) && (e.addPath(s), e.style = { ...s.style }, e.lineWidth = n.width || 1, e.strokeStyle = l?.texture ?? n.color, e.lineCap = n.lineCap, e.lineJoin = n.lineJoin, e.stroke({
@@ -8444,11 +8433,11 @@ class ae extends Ee {
   _textureDraw(e) {
     const { left: t = 0, top: s = 0, width: i, height: a } = this.base.boundingBox;
     e.fillStyle = this._texture, e.rect(t, s, i, a);
-    const o = new M().translate(-t, -s).scale(1 / i, 1 / a), { a: n, c: l, tx: c, b: u, d, ty: p } = o.toObject();
-    let m, f;
+    const o = new M().translate(-t, -s).scale(1 / i, 1 / a), { a: n, c: l, tx: c, b: u, d, ty: f } = o.toObject();
+    let m, p;
     e.fill({
       transformUv: (_, g) => {
-        m = _[g], f = _[g + 1], _[g] = n * m + l * f + c, _[g + 1] = u * m + d * f + p;
+        m = _[g], p = _[g + 1], _[g] = n * m + l * p + c, _[g + 1] = u * m + d * p + f;
       },
       transformVertex: this._createTransformVertex()
     });
@@ -8602,7 +8591,7 @@ const R = {
   "content-box": 1
   // BoxSizing.ContentBox
 };
-class Nr {
+class Mr {
   constructor(e) {
     this._el = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._el.on("addChild", this._addChild), this._el.on("removeChild", this._removeChild);
   }
@@ -8611,7 +8600,7 @@ class Nr {
     const { loadYoga: e } = await import("yoga-layout/load");
     this._yoga = await e();
   }
-  node = Nr._yoga?.Node.create();
+  node = Mr._yoga?.Node.create();
   _addChild(e, t) {
     if (e instanceof Pe && e.flexbox.node && this.node) {
       this.node.insertChild(e.flexbox.node, t);
@@ -8801,7 +8790,7 @@ let Pe = class extends Ie {
   get globalDisplay() {
     return this._globalDisplay;
   }
-  flexbox = new Nr(this);
+  flexbox = new Mr(this);
   size = new O().on("update", () => {
     this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.updateGlobalTransform(), this.requestDraw();
   });
@@ -8865,7 +8854,8 @@ let Pe = class extends Ie {
   set shadow(r) {
     this._shadow.resetProperties().setProperties(r);
   }
-  _styleFilter;
+  _colorFilterEffect;
+  _maskEffect;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -8898,7 +8888,7 @@ let Pe = class extends Ie {
         this.updateGlobalDisplay();
         break;
       case "rotate":
-        this.rotation = e * pr;
+        this.rotation = e * fr;
         break;
       case "scaleX":
         this.scale.x = e, this.text.isValid() && (e ^ t) < 0 && this.requestDraw();
@@ -8935,10 +8925,10 @@ let Pe = class extends Ie {
         this.visible = e === "visible";
         break;
       case "filter":
-        e ? this._getStyleFilter().filter = e : (this._styleFilter?.remove(), this._styleFilter = void 0), this.requestPaint();
+        this._updateStyleFilter(e);
         break;
       case "maskImage":
-        this._updateMaskImage(e);
+        this._updateStyleMaskImage(e);
         break;
       case "backgroundColor":
         this.background.color = e;
@@ -8962,7 +8952,7 @@ let Pe = class extends Ie {
         this._overflowHidden = e === "hidden";
         break;
       case "pointerEvents":
-        this._allowPointerEvents = !V(e);
+        this._allowPointerEvents = !z(e);
         break;
       case "borderRadius":
         this.requestDraw();
@@ -8997,18 +8987,17 @@ let Pe = class extends Ie {
     const e = this.getParent();
     this._parentGlobalDisplay !== e?.globalDisplay && this.updateGlobalDisplay(), this.flexbox.update(), super._process(r);
   }
-  _getStyleFilter() {
-    return this._styleFilter || (this._styleFilter = new $e({ internalMode: "front" }), this.append(this._styleFilter)), this._styleFilter;
+  _updateStyleFilter(r) {
+    z(r) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Ve({
+      name: "styleFilter",
+      internalMode: "front"
+    }), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = r);
   }
-  _updateMaskImage(r) {
-    const e = "__$style.maskImage";
-    if (r && r !== "none") {
-      const t = this.getNode(e);
-      t ? t.image = r : this.appendChild(new Me({ name: e, image: r }), "back");
-    } else {
-      const t = this.getNode(e);
-      t && this.removeChild(t);
-    }
+  _updateStyleMaskImage(r) {
+    z(r) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new je({
+      name: "styleMaskImage",
+      internalMode: "back"
+    }), this.append(this._maskEffect)), this._maskEffect.image = r);
   }
   updateGlobalTransform() {
     super.updateGlobalTransform(), this._updateMask();
@@ -9123,7 +9112,7 @@ let Pe = class extends Ie {
   }
   toJSON() {
     const r = (e) => Object.keys(e).length > 0 ? e : void 0;
-    return ss({
+    return rs({
       ...super.toJSON(),
       style: r(this.style.toJSON()),
       background: r(this.background.toJSON()),
@@ -9154,7 +9143,7 @@ var Kn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, Ys = (r, e
   return s && i && Kn(e, t, i), i;
 };
 let mr = class extends qs {
-  texture = new xs();
+  texture = new ys();
   animation;
   constructor(r, e = []) {
     super(), this.setProperties(r), this.append(e);
@@ -9265,11 +9254,11 @@ var sl = Object.defineProperty, il = Object.getOwnPropertyDescriptor, jt = (r, e
 };
 const al = (r) => r, ol = yt(0.25, 0.1, 0.25, 1), nl = yt(0.42, 0, 1, 1), ll = yt(0, 0, 0.58, 1), cl = yt(0.42, 0, 0.58, 1);
 function yt(r, e, t, s) {
-  const a = 3 * r - 3 * t + 1, o = 3 * t - 6 * r, n = 3 * r, l = 3 * e - 3 * s + 1, c = 3 * s - 6 * e, u = 3 * e, d = (_) => (3 * a * _ + 2 * o) * _ + n, p = (_) => ((a * _ + o) * _ + n) * _, m = (_) => ((l * _ + c) * _ + u) * _;
-  function f(_) {
+  const a = 3 * r - 3 * t + 1, o = 3 * t - 6 * r, n = 3 * r, l = 3 * e - 3 * s + 1, c = 3 * s - 6 * e, u = 3 * e, d = (_) => (3 * a * _ + 2 * o) * _ + n, f = (_) => ((a * _ + o) * _ + n) * _, m = (_) => ((l * _ + c) * _ + u) * _;
+  function p(_) {
     let g = _, v, w;
     for (let k = 0; k < 8; k++) {
-      if (w = p(g) - _, Math.abs(w) < 1e-6)
+      if (w = f(g) - _, Math.abs(w) < 1e-6)
         return g;
       if (v = d(g), Math.abs(v) < 1e-6)
         break;
@@ -9277,13 +9266,13 @@ function yt(r, e, t, s) {
     }
     let S = 1, C = 0;
     for (g = _; S > C; ) {
-      if (w = p(g) - _, Math.abs(w) < 1e-6)
+      if (w = f(g) - _, Math.abs(w) < 1e-6)
         return g;
       w > 0 ? S = g : C = g, g = (S + C) / 2;
     }
     return g;
   }
-  return (_) => m(f(_));
+  return (_) => m(p(_));
 }
 const ur = {
   linear: al,
@@ -9395,11 +9384,11 @@ let ut = class extends q {
         const {
           offset: u,
           easing: d
-        } = t, p = { ...t.props };
-        return e.forEach((m, f) => {
-          (!(f in p) || p[f] === null) && (p[f] = m), (!(f in c) || c[f] === null) && (c[f] = m);
+        } = t, f = { ...t.props };
+        return e.forEach((m, p) => {
+          (!(p in f) || f[p] === null) && (f[p] = m), (!(p in c) || c[p] === null) && (c[p] = m);
         }), [
-          { offset: u, easing: d, props: p },
+          { offset: u, easing: d, props: f },
           { offset: n, easing: l, props: c }
         ];
       }
@@ -9408,20 +9397,20 @@ let ut = class extends q {
     return null;
   }
   _commitStyle(r, e, t, s, i) {
-    const { offset: a, easing: o, props: n } = s, { offset: l, props: c } = i, u = l - a, d = o((r - a) / u), p = {
+    const { offset: a, easing: o, props: n } = s, { offset: l, props: c } = i, u = l - a, d = o((r - a) / u), f = {
       width: e.size.x,
       height: e.size.y,
       fontSize: e.style.fontSize
     };
-    t.forEach((m, f) => {
+    t.forEach((m, p) => {
       e.onUpdateStyleProperty(
-        f,
+        p,
         this._getDiffValue(
-          f,
-          n[f],
-          c[f],
+          p,
+          n[p],
+          c[p],
           d,
-          p
+          f
         ),
         void 0
       );
@@ -9431,25 +9420,25 @@ let ut = class extends q {
     let a, o;
     if (e === "none" && (e = void 0), t === "none" && (t = void 0), e === void 0 || t === void 0)
       if (e !== void 0)
-        a = Et(r, String(e), i), o = Hr(a);
+        a = Et(r, String(e), i), o = $r(a);
       else if (t !== void 0)
-        o = Et(r, String(t), i), a = Hr(o);
+        o = Et(r, String(t), i), a = $r(o);
       else
         return;
     else
       a = Et(r, String(e), i), o = Et(r, String(t), i);
     if (Array.isArray(a) && Array.isArray(o)) {
       const n = /* @__PURE__ */ new Set(), l = {}, c = {};
-      a.forEach(({ name: d, args: p }) => {
-        l[d] = p, n.add(d);
-      }), o.forEach(({ name: d, args: p }) => {
-        c[d] = p, n.add(d);
+      a.forEach(({ name: d, args: f }) => {
+        l[d] = f, n.add(d);
+      }), o.forEach(({ name: d, args: f }) => {
+        c[d] = f, n.add(d);
       });
       let u = "";
       return n.forEach((d) => {
-        const p = Math.max(l[d]?.length ?? 0, c[d]?.length ?? 0), m = l[d], f = c[d];
-        u += `${d}(${Array.from({ length: p }, (_, g) => {
-          const v = m?.[g], w = f?.[g], S = v?.normalizedIntValue ?? 0, C = w?.normalizedIntValue ?? 0;
+        const f = Math.max(l[d]?.length ?? 0, c[d]?.length ?? 0), m = l[d], p = c[d];
+        u += `${d}(${Array.from({ length: f }, (_, g) => {
+          const v = m?.[g], w = p?.[g], S = v?.normalizedIntValue ?? 0, C = w?.normalizedIntValue ?? 0;
           return Number.isNaN(S) || Number.isNaN(C) ? w?.value ?? 0 : A(S, C, s);
         }).join(", ")}) `;
       }), u;
@@ -9493,10 +9482,10 @@ ut = jt([
     duration: 2e3
   })
 ], ut);
-class kr extends ue {
+class Nr extends ue {
   static _instance;
   static get instance() {
-    return this._instance || (this._instance = new kr()), this._instance;
+    return this._instance || (this._instance = new Nr()), this._instance;
   }
   playbackRate = 1;
   muted = !1;
@@ -9680,7 +9669,7 @@ class hl {
     return !!this.source && this.source.readyState === 4;
   }
   get context() {
-    return kr.instance;
+    return Nr.instance;
   }
   async load() {
     return new Promise((e) => {
@@ -9724,16 +9713,16 @@ class vc {
   }
 }
 function ul() {
-  if (ns)
+  if (os)
     return new AudioContext();
-  if (ls) {
+  if (ns) {
     const r = globalThis.webkitAudioContext;
     return new r();
   } else
     throw new Error("Failed to createAudioContext");
 }
 function dl(r, e, t) {
-  if (cs)
+  if (ls)
     return new OfflineAudioContext(r, e, t);
   if (Bi) {
     const s = globalThis.webkitOfflineAudioContext;
@@ -9789,7 +9778,7 @@ class Oe extends Zs {
     const e = ul(), t = dl(
       1,
       2,
-      cs ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
+      ls ? 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" && (ve || Ui), xr && (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));
   }
@@ -9833,7 +9822,7 @@ class Oe extends Zs {
     e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
   }
 }
-class pl extends ue {
+class fl extends ue {
   _audio = null;
   _sourceNode = null;
   _gain = null;
@@ -9988,7 +9977,7 @@ class pl extends ue {
     super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
   }
 }
-class fl extends Zs {
+class pl extends Zs {
   constructor(e) {
     const t = Oe.audioContext, s = t.createBufferSource(), i = t.createGain(), a = t.createAnalyser();
     s.connect(a), a.connect(i), i.connect(Oe.instance.destination), super(a, i), this.parent = e, this._sourceNode = s, this.gain = i, this.analyser = a;
@@ -10035,7 +10024,7 @@ class fl extends Zs {
     return s.buffer = t.buffer, s.loop = t.loop, e.setParamValue(s.playbackRate, t.playbackRate.value), s.connect(i), i.connect(this.destination), { source: s, gain: i };
   }
   createSound() {
-    return new pl();
+    return new fl();
   }
 }
 var _l = Object.defineProperty, ml = Object.getOwnPropertyDescriptor, gl = (r, e, t) => e in r ? _l(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, vl = (r, e, t, s) => {
@@ -10046,7 +10035,7 @@ var _l = Object.defineProperty, ml = Object.getOwnPropertyDescriptor, gl = (r, e
 let De = class extends q {
   _sounds = [];
   /** PlatformAudio */
-  _platformAudio = Li ? new fl(this) : new hl(this);
+  _platformAudio = Li ? new pl(this) : new hl(this);
   get platformAudio() {
     return this._platformAudio;
   }
@@ -10242,13 +10231,13 @@ let dt = class extends Pe {
     a.fillStyle = this.color;
     const o = e.getChannelData(0), n = Math.ceil(o.length / s), l = i / 2;
     for (let c = 1, u = -1, d = 0; d < s; d++) {
-      for (let p = 0; p < n; p++) {
-        const m = o[d * n + p];
+      for (let f = 0; f < n; f++) {
+        const m = o[d * n + f];
         m < c && (c = m), m > u && (u = m);
       }
       if (!this.gap || d % (this.gap * 2) === 0) {
-        const p = d, m = (1 + c) * l, f = this.gap || 1, _ = Math.max(1, (u - c) * l);
-        a.fillRect(p, m, f, _), c = 1, u = -1;
+        const f = d, m = (1 + c) * l, p = this.gap || 1, _ = Math.max(1, (u - c) * l);
+        a.fillRect(f, m, p, _), c = 1, u = -1;
       }
     }
     this._src?.requestUpdate("source"), this.requestDraw();
@@ -10274,7 +10263,7 @@ var wl = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, El = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Tl = (r, e, t) => El(r, e + "", t);
-let Bt = class extends Ve {
+let Bt = class extends Ge {
   blur = 10;
   quality = 10;
   apply(r, e) {
@@ -10288,14 +10277,14 @@ let Bt = class extends Ve {
       for (let w = 1; w < o; w++)
         g -= v, u.push(g);
     }
-    const d = 1 / n, p = 1 / l, m = [];
-    let f;
+    const d = 1 / n, f = 1 / l, m = [];
+    let p;
     const _ = o - 1;
     for (let g = 0; g < _; g++)
-      f = u[g] + 0.5, m[0] = f * d, m[1] = f * p, c.push({
+      p = u[g] + 0.5, m[0] = p * d, m[1] = p * f, c.push({
         offset: m
       });
-    f = u[_] + 0.5, m[0] = f * d, m[1] = f * p, c.push({
+    p = u[_] + 0.5, m[0] = p * d, m[1] = p * f, c.push({
       offset: m
     }), c.forEach((g) => {
       P.draw(r, Bt.material, {
@@ -10341,7 +10330,7 @@ var Rl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, Cl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Dl = (r, e, t) => Cl(r, e + "", t);
-let Lt = class extends Ve {
+let Lt = class extends Ge {
   apply(r) {
     P.draw(r, Lt.material, {
       previous: 0,
@@ -10389,36 +10378,36 @@ var Il = Object.defineProperty, Ml = Object.getOwnPropertyDescriptor, Nl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Ul = (r, e, t) => Nl(r, e + "", t);
-let pt = class extends Ve {
+let ft = class extends Ge {
   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 a = e.width, o = e.height, n = [0, o / 2], l = [600, o / 2], c = [a, o], u = l[0] - n[0], d = l[1] - n[1], p = Math.sqrt(u * u + d * d);
-    P.draw(r, pt.material, {
+    const a = e.width, o = e.height, n = [0, o / 2], l = [600, o / 2], c = [a, o], u = l[0] - n[0], d = l[1] - n[1], f = Math.sqrt(u * u + d * d);
+    P.draw(r, ft.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
       gradientBlur: this.gradientBlur,
       start: n,
       end: l,
-      delta: [u / p, d / p],
+      delta: [u / f, d / f],
       texSize: c
-    }), P.draw(r, pt.material, {
+    }), P.draw(r, ft.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
       gradientBlur: this.gradientBlur,
       start: n,
       end: l,
-      delta: [-d / p, u / p],
+      delta: [-d / f, u / f],
       texSize: c
     });
   }
 };
-Ul(pt, "material", new E({
+Ul(ft, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -10468,15 +10457,15 @@ void main(void) {
 }`
   }
 }));
-pt = kl([
+ft = kl([
   b("TiltShiftTransition")
-], pt);
+], ft);
 var Bl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, Fl = (r, e, t) => e in r ? Bl(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, zl = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ll(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Gl = (r, e, t) => Fl(r, e + "", t);
-let Ft = class extends Ve {
+let Ft = class extends Ge {
   radius;
   angle = 4;
   padding = 20;
@@ -10552,7 +10541,7 @@ void main(void) {
 Ft = zl([
   b("TwistTransition")
 ], Ft);
-class Vl extends ke {
+class Vl extends Ne {
   install(e) {
     const t = async (s) => {
       const { decodeFrames: i } = await import("modern-gif");
@@ -10580,7 +10569,7 @@ class Vl extends ke {
     }), e.gif = this, this;
   }
 }
-class $l extends ke {
+class $l extends Ne {
   install(e) {
     const t = async (s) => JSON.parse(await s.text());
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
@@ -10590,7 +10579,7 @@ class $l extends ke {
     }), e.json = this, this;
   }
 }
-class Hl extends ke {
+class Hl extends Ne {
   install(e) {
     return this.load = async (t, s) => (await import("lottie-web").then((a) => a.default)).loadAnimation({
       container: null,
@@ -10607,13 +10596,13 @@ class Hl extends ke {
     }), e.lottie = this, this;
   }
 }
-class Xl extends ke {
+class Xl extends Ne {
   install(e) {
     const t = async (s) => s.text();
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), e.text = this, this;
   }
 }
-class jl extends ke {
+class jl extends Ne {
   install(e) {
     const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new x({
       source: i,
@@ -10638,7 +10627,7 @@ class jl extends ke {
     }), e.texture = this, this;
   }
 }
-class Wl extends ke {
+class Wl extends Ne {
   install(e) {
     return this.load = (t) => new co(t).load(), e.video = this, this;
   }
@@ -10774,7 +10763,7 @@ var Jl = Object.defineProperty, Js = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Jl(e, t, i), i;
 };
-const Fe = {
+const Le = {
   alpha: !0,
   stencil: !0,
   antialias: !1,
@@ -10782,7 +10771,7 @@ const Fe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Ur extends pe {
+class kr extends fe {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10817,17 +10806,17 @@ class Ur extends pe {
       view: t,
       width: s,
       height: i,
-      pixelRatio: a = hs,
+      pixelRatio: a = cs,
       autoResize: o,
       data: n
     } = e;
     super(), this.renderer = new Xa(t, {
-      alpha: Fe.alpha ?? e.alpha,
-      stencil: Fe.stencil ?? e.stencil,
-      antialias: Fe.antialias ?? e.antialias,
-      premultipliedAlpha: Fe.premultipliedAlpha ?? e.premultipliedAlpha,
-      preserveDrawingBuffer: Fe.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-      powerPreference: Fe.powerPreference ?? e.powerPreference
+      alpha: Le.alpha ?? e.alpha,
+      stencil: Le.stencil ?? e.stencil,
+      antialias: Le.antialias ?? e.antialias,
+      premultipliedAlpha: Le.premultipliedAlpha ?? e.premultipliedAlpha,
+      preserveDrawingBuffer: Le.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+      powerPreference: Le.powerPreference ?? e.powerPreference
     }), this._setupInput(), this.pixelRatio = a, o ? !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,
@@ -10864,7 +10853,7 @@ class Ur extends pe {
     return this.renderer.resize(e, t, s), this.root.width = e, this.root.height = t, this.render(), this;
   }
   nextTick() {
-    return as();
+    return is();
   }
   async waitUntilLoad() {
     await $.waitUntilLoad(), await this.nextTick();
@@ -10916,10 +10905,10 @@ class Ur extends pe {
 }
 Js([
   h({ fallback: !1 })
-], Ur.prototype, "autoResize");
+], kr.prototype, "autoResize");
 Js([
   h({ fallback: !1 })
-], Ur.prototype, "autoStart");
+], kr.prototype, "autoStart");
 let U;
 const vr = [];
 let dr = !1;
@@ -10951,25 +10940,25 @@ async function ec(r) {
     onKeyframe: l,
     ...c
   } = r;
-  return U ??= new Ur({
+  return U ??= new kr({
     pixelRatio: 1,
     width: 1,
     height: 1,
     preserveDrawingBuffer: !0
   }), U.resetProperties(), U.setProperties(c), U.debug = e, U.fonts = t, U.timeline.currentTime = 0, U.resize(s, i, !0), U.root.removeChildren(), U.root.append(a), await n?.(U), await U.waitAndRender(), o.length && await new Promise((u) => {
     let d = 0;
-    const p = o.length, m = o[p - 1];
-    async function f() {
-      if (d === p)
+    const f = o.length, m = o[f - 1];
+    async function p() {
+      if (d === f)
         return u();
       const _ = o[d++], v = (o[d] || _) - _;
       U.timeline.currentTime = _, U.render(), await l?.(U.toPixels(), {
         currentTime: _,
         duration: v,
         progress: m !== 0 ? _ / m : 1
-      }), requestAnimationFrame(f);
+      }), requestAnimationFrame(p);
     }
-    f();
+    p();
   }), U.toCanvas2D();
 }
 async function yc(r) {
@@ -10990,19 +10979,19 @@ export {
   be as BufferUsage,
   Nt as Camera2D,
   ho as CanvasContext,
-  Ge as CanvasItem,
-  xs as CanvasTexture,
+  ze as CanvasItem,
+  ys as CanvasTexture,
   ne as Color,
   j as ColorAdjustEffect,
-  $e as ColorFilterEffect,
-  ps as ColorMatrix,
-  He as ColorOverlayEffect,
-  Xe as ColorRemoveEffect,
-  je as ColorReplaceEffect,
+  Ve as ColorFilterEffect,
+  ds as ColorMatrix,
+  $e as ColorOverlayEffect,
+  He as ColorRemoveEffect,
+  Xe as ColorReplaceEffect,
   Er as ColorTexture,
   Ee as CoreObject,
-  pr as DEG_TO_RAD,
-  hs as DEVICE_PIXEL_RATIO,
+  fr as DEG_TO_RAD,
+  cs as DEVICE_PIXEL_RATIO,
   Y as DrawboardEffect,
   re as DropShadowEffect,
   T as Effect,
@@ -11017,11 +11006,11 @@ export {
   Ws as Element2DStyle,
   ae as Element2DText,
   lt as EmbossEffect,
-  Ur as Engine,
-  Nr as Flexbox,
+  kr as Engine,
+  Mr as Flexbox,
   ja as FontLoader,
   he as GaussianBlurEffect,
-  Ue as Geometry,
+  ke as Geometry,
   Vl as GifLoader,
   wa as GlBatch2DSystem,
   nt as GlBlendMode,
@@ -11034,16 +11023,16 @@ export {
   Ha as GlRenderTargetSystem,
   Xa as GlRenderer,
   ba as GlShaderSystem,
-  ze as GlState,
+  Fe as GlState,
   xa as GlStateSystem,
   Ga as GlStencilSystem,
   W as GlSystem,
   Va as GlViewportSystem,
-  G as GlitchEffect,
+  V as GlitchEffect,
   K as GodrayEffect,
   $t as GradientTexture,
   hl as HTMLAudio,
-  kr as HTMLAudioContext,
+  Nr as HTMLAudioContext,
   Ut as HTMLSound,
   xr as IN_BROWSER,
   Fi as IN_MAC_OS,
@@ -11055,24 +11044,24 @@ export {
   Bt as KawaseTransition,
   Wi as KeyboardInputEvent,
   Lt as LeftEraseTransition,
-  ke as Loader,
+  Ne as Loader,
   mr as Lottie2D,
   Hl as LottieLoader,
   wr as MainLoop,
-  Me as MaskEffect,
+  je as MaskEffect,
   E as Material,
   le as Matrix,
-  pc as Matrix2,
+  fc as Matrix2,
   fs as Matrix3,
   Qi as Matrix4,
-  po as Meta,
-  ds as MouseInputEvent,
+  fo as Meta,
+  us as MouseInputEvent,
   I as Node,
   Ie as Node2D,
   Dt as Obb2D,
   L as OutlineEffect,
   yr as PI,
-  z as PI_2,
+  G as PI_2,
   ht as PixelateEffect,
   oo as PixelsTexture,
   qi as PointerInputEvent,
@@ -11084,38 +11073,38 @@ export {
   te as RenderTarget,
   Pr as Renderer,
   de as Resource,
-  ns as SUPPORTS_AUDIO_CONTEXT,
+  os as SUPPORTS_AUDIO_CONTEXT,
   Ui as SUPPORTS_CLICK_EVENTS,
   cc as SUPPORTS_CREATE_IMAGE_BITMAP,
   Mi as SUPPORTS_IMAGE_BITMAP,
   lc as SUPPORTS_MOUSE_EVENTS,
-  cs as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
+  ls as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
   Qe as SUPPORTS_POINTER_EVENTS,
   Ni as SUPPORTS_RESIZE_OBSERVER,
   ve as SUPPORTS_TOUCH_EVENTS,
   Ii as SUPPORTS_WEBGL2,
-  ls as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
+  ns as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   Bi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   Li as SUPPORTS_WEB_AUDIO,
   ki as SUPPORTS_WHEEL_EVENTS,
-  pe as SceneTree,
+  fe as SceneTree,
   Xl as TextLoader,
   x as Texture2D,
   jl as TextureLoader,
   qs as TextureRect2D,
   B as Ticker,
-  pt as TiltShiftTransition,
+  ft as TiltShiftTransition,
   xe as Timeline,
   q as TimelineNode,
   M as Transform2D,
   el as TransformRect2D,
-  Ve as Transition,
+  Ge as Transition,
   Ft as TwistTransition,
   mc as UvGeometry,
   Mt as UvMaterial,
   Q as Vector,
   O as Vector2,
-  fc as Vector3,
+  pc as Vector3,
   ea as Vector4,
   H as VertexAttribute,
   ye as VertexBuffer,
@@ -11124,9 +11113,9 @@ export {
   co as VideoTexture,
   X as Viewport,
   Tr as ViewportTexture,
-  fl as WebAudio,
+  pl as WebAudio,
   Oe as WebAudioContext,
-  pl as WebSound,
+  fl as WebSound,
   Yi as WheelInputEvent,
   _r as Window,
   we as ZoomBlurEffect,
@@ -11143,7 +11132,7 @@ export {
   dc as curves,
   b as customNode,
   br as customNodes,
-  Fe as defaultOptions,
+  Le as defaultOptions,
   Hi as determineCrossOrigin,
   Rt as directionMap,
   ir as displayMap,
@@ -11155,22 +11144,22 @@ export {
   ar as flexDirectionMap,
   or as flexWrapMap,
   wn as frag,
-  Hr as getDefaultCssPropertyValue,
+  $r as getDefaultCssPropertyValue,
   Xn as gutterMap,
   tt as instanceId,
   Gi as isCanvasElement,
-  us as isElementNode,
+  hs as isElementNode,
   hc as isImageElement,
-  $r as isPow2,
+  Vr as isPow2,
   zi as isVideoElement,
   Vi as isWebgl2,
   nr as justifyMap,
   A as lerp,
   al as linear,
-  Yr as log2,
+  qr as log2,
   ya as mapGlBlendModes,
-  qr as nextPow2,
-  as as nextTick,
+  Wr as nextPow2,
+  is as nextTick,
   lr as overflowMap,
   gc as parseCssFilter,
   zt as parseCssFunctions,
@@ -11179,6 +11168,6 @@ export {
   Lo as parseCssTransformOrigin,
   cr as positionTypeMap,
   yc as render,
-  Ne as stencilModeMap,
+  Me as stencilModeMap,
   ur as timingFunctions
 };