modern-canvas 0.14.23 → 0.14.24

package/dist/index.js

@@ -1,4 +1,4 @@
-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 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 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";
@@ -91,7 +91,7 @@ async function as(r) {
     );
   });
 }
-const yr = Math.PI, z = yr * 2;
+const yr = Math.PI, G = yr * 2;
 function $r(r) {
   return !(r & r - 1) && !!r;
 }
@@ -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;
@@ -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 fs extends le {
   constructor(e) {
     super(4, 5, e);
   }
@@ -1289,12 +1289,12 @@ 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);
   }
 }
-class fs extends le {
+class ps extends le {
   constructor(e) {
     super(3, 3, 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),
@@ -1393,7 +1393,7 @@ class Dt extends ee {
     return new Dt(this.toJSON());
   }
 }
-class ta extends fs {
+class ta extends ps {
   constructor(e = 0, t = 0, s = 0, i = 0, a = !1) {
     super(), this._x = e, this._y = t, this._width = s, this._height = i, this._flipY = a, this._performUpdateArray();
   }
@@ -1424,7 +1424,7 @@ class ta extends fs {
     ]);
   }
 }
-class M extends fs {
+class M extends ps {
   static _t2d = /* @__PURE__ */ new M();
   premultiply(e) {
     return e.multiply(this, this);
@@ -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,7 +1592,7 @@ 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);
   }
@@ -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 {
@@ -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 = gs(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;
       }
     }
@@ -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;
@@ -2432,7 +2432,7 @@ ${Array.from({ length: e }, (l, c) => {
             clipOutsideUv: ei,
             roundPixels: ti
           } = s[ge];
-          S < ge && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++p }, _.textures = g, _.start = u);
+          S < ge && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++f }, _.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;
           let xt, wt;
           for (let Zt = qt.length, J = 0; J < Zt; J += 2) {
@@ -2444,12 +2444,12 @@ ${Array.from({ length: e }, (l, c) => {
             l[u++] = ri + Br[J];
           _.blendMode = zr;
         }
-        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);
@@ -2512,7 +2512,7 @@ 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 || {}), 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 || {});
 class Ea {
   constructor(e) {
     this.native = e;
@@ -2522,8 +2522,8 @@ class Ea {
   height = -1;
   mipmap = !1;
   type = y.UNSIGNED_BYTE;
-  internalFormat = fr.RGBA;
-  format = fr.RGBA;
+  internalFormat = pr.RGBA;
+  format = pr.RGBA;
 }
 function Sa(r) {
   return {
@@ -2787,9 +2787,9 @@ 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") {
@@ -2798,13 +2798,13 @@ function Oa(r, e, t, s, i, a, o, n) {
   }
   if ((!n || d !== "linear") && e[i](g, e.TEXTURE_MAG_FILTER, Kr[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, Kr[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[_]);
@@ -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 - _
   };
 }
@@ -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);
@@ -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,10 +4637,10 @@ 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 = {};
 function mo(r) {
@@ -4648,7 +4648,7 @@ function mo(r) {
   return e++, Jr[r] = e, e;
 }
 let I = class extends Ee {
-  _meta = new po(this);
+  _meta = new fo(this);
   get meta() {
     return this._meta;
   }
@@ -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;
     }
@@ -5394,7 +5394,7 @@ Le([
 X = Le([
   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;
@@ -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,28 +5752,28 @@ 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);
@@ -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) {
@@ -6021,7 +6011,7 @@ const Qr = {
   sepia: 0
 };
 function gc(r) {
-  const e = new ps();
+  const e = new fs();
   if (r === "none")
     return e;
   const t = zt(r).reduce((s, { name: i, args: a }) => (s[i] = a[0].normalizedIntValue, s), {});
@@ -6032,7 +6022,7 @@ function gc(r) {
     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,7 +6136,7 @@ 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 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, 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;
@@ -6208,31 +6198,31 @@ 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) => {
@@ -6241,7 +6231,7 @@ var Ss = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e
   return s && i && Ss(e, t, i), i;
 }, Ho = (r, e, t) => $o(r, e + "", t);
 let $e = class extends T {
-  _colorMatrix = new ps();
+  _colorMatrix = new fs();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -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]);
@@ -7052,12 +7042,12 @@ Us([
 lt = Us([
   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 Bs = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, pn = (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 ? 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 {
+}, _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,34 +7197,34 @@ 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);
+], V);
 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) => {
   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);
@@ -7927,12 +7917,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 +7942,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 +7971,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 +8064,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 +8082,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 +8100,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 +8150,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 +8196,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) {
@@ -8276,7 +8266,7 @@ class Ws extends de {
   }
 }
 const es = {
-  ...fi(),
+  ...pi(),
   left: 0,
   top: 0,
   width: 0,
@@ -8294,6 +8284,13 @@ 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({
@@ -8302,7 +8299,7 @@ class ae extends Ee {
   _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 +8318,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 +8360,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 +8379,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 +8394,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 +8413,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 +8442,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()
     });
@@ -8865,7 +8863,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 +8897,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 +8934,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 +8961,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 +8996,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._colorFilterEffect || (this._colorFilterEffect = new $e({
+      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._maskEffect || (this._maskEffect = new Me({
+      name: "styleMaskImage",
+      internalMode: "back"
+    }), this.append(this._maskEffect)), this._maskEffect.image = r);
   }
   updateGlobalTransform() {
     super.updateGlobalTransform(), this._updateMask();
@@ -9265,11 +9263,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 +9275,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 +9393,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 +9406,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
       );
@@ -9440,16 +9438,16 @@ let ut = class extends q {
       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;
@@ -9833,7 +9831,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 +9986,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 +10033,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 +10044,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 +10240,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();
@@ -10288,14 +10286,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, {
@@ -10389,36 +10387,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 Ve {
   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,9 +10466,9 @@ 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);
@@ -10782,7 +10780,7 @@ const Fe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Ur extends pe {
+class Ur extends fe {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10958,18 +10956,18 @@ async function ec(r) {
     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) {
@@ -10995,13 +10993,13 @@ export {
   ne as Color,
   j as ColorAdjustEffect,
   $e as ColorFilterEffect,
-  ps as ColorMatrix,
+  fs as ColorMatrix,
   He as ColorOverlayEffect,
   Xe as ColorRemoveEffect,
   je as ColorReplaceEffect,
   Er as ColorTexture,
   Ee as CoreObject,
-  pr as DEG_TO_RAD,
+  fr as DEG_TO_RAD,
   hs as DEVICE_PIXEL_RATIO,
   Y as DrawboardEffect,
   re as DropShadowEffect,
@@ -11039,7 +11037,7 @@ export {
   Ga as GlStencilSystem,
   W as GlSystem,
   Va as GlViewportSystem,
-  G as GlitchEffect,
+  V as GlitchEffect,
   K as GodrayEffect,
   $t as GradientTexture,
   hl as HTMLAudio,
@@ -11062,17 +11060,17 @@ export {
   Me as MaskEffect,
   E as Material,
   le as Matrix,
-  pc as Matrix2,
-  fs as Matrix3,
+  fc as Matrix2,
+  ps as Matrix3,
   Qi as Matrix4,
-  po as Meta,
+  fo as Meta,
   ds 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,
@@ -11098,13 +11096,13 @@ export {
   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,
@@ -11115,7 +11113,7 @@ export {
   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 +11122,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,