modern-canvas 0.14.18 → 0.14.20

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineProperty as ts, Observable as de, 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 fi, getDefaultStyle as pi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
+import { defineProperty as ts, Observable as de, 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 { fonts as yi } from "modern-font";
 import { extend as xi } from "colord";
 import wi from "colord/plugins/names";
@@ -172,10 +172,6 @@ function os(r, e, t = {}) {
           break;
       }
       break;
-    case "turn":
-    case "em":
-    // div fontSize
-    case "rem":
     // div fontSize
     default:
       n.normalizedIntValue = n.intValue;
@@ -516,7 +512,7 @@ class Ee extends rs {
 class Ji extends Ee {
   //
 }
-class fe extends Ji {
+class pe extends Ji {
   //
 }
 class le extends de {
@@ -537,11 +533,11 @@ class le extends de {
       const { dim: d } = t;
       switch (e) {
         case "*":
-          for (let f = 0; f < d; f++) {
+          for (let p = 0; p < d; p++) {
             let m = 0;
-            for (let p = 0; p < i; p++)
-              p < d && (m += n[f * i + p] * (l[p] ?? 0));
-            u[f] = m;
+            for (let f = 0; f < i; f++)
+              f < d && (m += n[p * i + f] * (l[f] ?? 0));
+            u[p] = m;
           }
           break;
         default:
@@ -551,20 +547,20 @@ class le extends de {
       switch (e) {
         case "*":
           for (let d = 0; d < i; d++)
-            for (let f = 0; f < a; f++) {
-              const m = f * i;
-              let p = 0;
+            for (let p = 0; p < a; p++) {
+              const m = p * i;
+              let f = 0;
               for (let _ = 0; _ < a; _++) {
                 const g = m + _, v = _ * i + d;
-                p += n[g] * (l[v] ?? 0);
+                f += n[g] * (l[v] ?? 0);
               }
-              u[m + d] = p;
+              u[m + d] = f;
             }
           break;
         case "=":
           for (let d = 0; d < o; d++) {
-            const f = l[d];
-            f !== void 0 && (n[d] = f);
+            const p = l[d];
+            p !== void 0 && (n[d] = p);
           }
           return this._onUpdate(n), this.emit("update", n), this;
         default:
@@ -637,8 +633,8 @@ class Q extends de {
         case "*":
           for (let u = 0; u < i; u++) {
             let d = 0;
-            for (let f = 0; f < i; f++)
-              d += a[u] * o[f * c + u];
+            for (let p = 0; p < i; p++)
+              d += a[u] * o[p * c + u];
             l[u] = d;
           }
           break;
@@ -1010,7 +1006,7 @@ class Qi extends le {
     super(4, 4, e);
   }
 }
-const fr = yr / 180, uc = 180 / yr;
+const pr = yr / 180, uc = 180 / yr;
 function ce(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
@@ -1035,7 +1031,7 @@ class ea extends Q {
     super(4), this.set(e, t, s, i);
   }
 }
-class fs extends le {
+class ps extends le {
   constructor(e) {
     super(4, 5, e);
   }
@@ -1293,12 +1289,12 @@ class fs extends le {
     return new ea(e[4] / 255, e[9] / 255, e[14] / 255, e[19] / 255);
   }
 }
-class fc extends le {
+class pc extends le {
   constructor(e) {
     super(2, 2, e);
   }
 }
-class ps extends le {
+class fs extends le {
   constructor(e) {
     super(3, 3, e);
   }
@@ -1313,7 +1309,7 @@ class ps extends le {
       n,
       l,
       c
-    ] = this._array, u = c * a - o * l, d = o * n - c * i, f = l * i - a * n, m = e * u + t * d + s * f;
+    ] = this._array, u = c * a - o * l, d = o * n - c * i, p = l * i - a * n, m = e * u + t * d + s * p;
     if (m === 0)
       return this.set([
         0,
@@ -1326,17 +1322,17 @@ class ps extends le {
         0,
         0
       ]);
-    const p = 1 / m;
+    const f = 1 / m;
     return this.set([
-      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
+      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
     ]);
   }
 }
@@ -1346,7 +1342,7 @@ class Dt extends ee {
    */
   rotation;
   get rotationDegrees() {
-    return this.rotation / fr;
+    return this.rotation / pr;
   }
   constructor(...e) {
     let t, s;
@@ -1358,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 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) };
+        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) };
         return {
-          axis: [p, _],
-          projectionRadius: (g) => c / 2 * s(g, p) + u / 2 * s(g, _)
+          axis: [f, _],
+          projectionRadius: (g) => c / 2 * s(g, f) + u / 2 * s(g, _)
         };
       }, a = i(this), o = i(e), n = {
         x: this.left + this.width / 2 - (e.left + e.width / 2),
@@ -1397,7 +1393,7 @@ class Dt extends ee {
     return new Dt(this.toJSON());
   }
 }
-class ta extends ps {
+class ta extends fs {
   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();
   }
@@ -1428,7 +1424,7 @@ class ta extends ps {
     ]);
   }
 }
-class M extends ps {
+class M extends fs {
   static _t2d = /* @__PURE__ */ new M();
   premultiply(e) {
     return e.multiply(this, this);
@@ -1537,8 +1533,8 @@ class M extends ps {
     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, 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, _];
+      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, _];
     }
   }
   makeRotation(e) {
@@ -1596,7 +1592,7 @@ class M extends ps {
     return { a: e, c: t, tx: s, b: i, d: a, ty: o, tz: n };
   }
 }
-class pc extends Q {
+class fc extends Q {
   constructor() {
     super(3);
   }
@@ -1781,20 +1777,20 @@ function ha(r, e) {
 ${r}` : r;
 }
 const ua = {}, da = {};
-function fa(r, { name: e = "program" }, t = !0) {
+function pa(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 pa(r, e) {
+function fa(r, e) {
   return e ? r.replace("#version 300 es", "") : r;
 }
 const tt = /* @__PURE__ */ Object.create(null), tr = {
-  stripVersion: pa,
+  stripVersion: fa,
   ensurePrecision: ca,
   addProgramDefines: la,
-  setProgramName: fa,
+  setProgramName: pa,
   insertVersion: ha
 };
 class nt {
@@ -2020,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 f = t.getActiveAttrib(s.native, d);
-      if (!f || f.name.startsWith("gl_"))
+      const p = t.getActiveAttrib(s.native, d);
+      if (!p || p.name.startsWith("gl_"))
         continue;
-      const m = va(t, f.type);
-      o[f.name] = {
+      const m = va(t, p.type);
+      o[p.name] = {
         location: 0,
         format: m,
         stride: Ot(m).stride,
@@ -2045,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 f = t.getActiveUniform(s.native, d);
-      if (!f)
+      const p = t.getActiveUniform(s.native, d);
+      if (!p)
         continue;
-      const m = f.name.replace(/\[.*?\]$/, ""), p = gs(t, f.type), _ = f.size;
+      const m = p.name.replace(/\[.*?\]$/, ""), f = gs(t, p.type), _ = p.size;
       c[m] = {
         name: m,
         index: d,
-        type: p,
+        type: f,
         size: _,
-        isArray: !!f.name.match(/\[.*?\]$/),
-        value: _a(p, _)
+        isArray: !!p.name.match(/\[.*?\]$/),
+        value: _a(f, _)
       };
     }
     return e.uniforms = c, t.deleteShader(i), t.deleteShader(a), s;
@@ -2080,63 +2076,63 @@ ${s.getShaderInfoLog(i)}`);
       const l = i[n], c = o[n];
       if (!c)
         continue;
-      const { type: u, isArray: d, value: f, name: m } = c;
-      if (f === l)
+      const { type: u, isArray: d, value: p, name: m } = c;
+      if (p === l)
         continue;
       c.value = l;
-      const p = t.getUniformLocation(a.native, m);
+      const f = t.getUniformLocation(a.native, m);
       switch (u) {
         case "float":
-          d ? t.uniform1fv(p, l) : t.uniform1f(p, l);
+          d ? t.uniform1fv(f, l) : t.uniform1f(f, l);
           break;
         case "uint":
-          d ? t.uniform1uiv(p, l) : t.uniform1ui(p, l);
+          d ? t.uniform1uiv(f, l) : t.uniform1ui(f, l);
           break;
         case "bool":
         case "int":
         case "sampler2D":
         case "samplerCube":
         case "sampler2DArray":
-          d ? t.uniform1iv(p, l) : t.uniform1i(p, l);
+          d ? t.uniform1iv(f, l) : t.uniform1i(f, l);
           break;
         case "bvec2":
         case "ivec2":
-          t.uniform2iv(p, l);
+          t.uniform2iv(f, l);
           break;
         case "uvec2":
-          t.uniform2uiv(p, l);
+          t.uniform2uiv(f, l);
           break;
         case "vec2":
-          t.uniform2fv(p, l);
+          t.uniform2fv(f, l);
           break;
         case "bvec3":
         case "ivec3":
-          t.uniform3iv(p, l);
+          t.uniform3iv(f, l);
           break;
         case "uvec3":
-          t.uniform3uiv(p, l);
+          t.uniform3uiv(f, l);
           break;
         case "vec3":
-          t.uniform3fv(p, l);
+          t.uniform3fv(f, l);
           break;
         case "bvec4":
         case "ivec4":
-          t.uniform4iv(p, l);
+          t.uniform4iv(f, l);
           break;
         case "uvec4":
-          t.uniform4uiv(p, l);
+          t.uniform4uiv(f, l);
           break;
         case "vec4":
-          t.uniform4fv(p, l);
+          t.uniform4fv(f, l);
           break;
         case "mat2":
-          t.uniformMatrix2fv(p, !1, l);
+          t.uniformMatrix2fv(f, !1, l);
           break;
         case "mat3":
-          t.uniformMatrix3fv(p, !1, l);
+          t.uniformMatrix3fv(f, !1, l);
           break;
         case "mat4":
-          t.uniformMatrix4fv(p, !1, l);
+          t.uniformMatrix4fv(f, !1, l);
           break;
       }
     }
@@ -2415,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 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, ge = C === p - 1;
+    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, ge = C === f - 1;
       if (!k || v.has(k)) {
         if (!ge)
           continue;
@@ -2436,7 +2432,7 @@ ${Array.from({ length: e }, (l, c) => {
             clipOutsideUv: ei,
             roundPixels: ti
           } = s[ve];
-          S < ve && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ve, _ = { id: ++f }, _.textures = g, _.start = u);
+          S < ve && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ve, _ = { 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;
           let xt, wt;
           for (let Zt = qt.length, J = 0; J < Zt; J += 2) {
@@ -2448,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: ++f }, g = [], v = /* @__PURE__ */ new Map();
+        S = C + 1, _.size = u - _.start, d.push(_), _ = { id: ++p }, g = [], v = /* @__PURE__ */ new Map();
       }
     }
     const m = this._getShader(i);
     m.update(o, l);
-    for (let p = d.length, _ = 0; _ < p; _++) {
+    for (let f = d.length, _ = 0; _ < f; _++) {
       const g = d[_], { start: v = 0, textures: w, textureLocationMap: S } = g;
       for (let C = w.length, k = 0; k < C; k++) {
         const ge = w[k], ve = S.get(ge);
@@ -2516,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(at.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 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 || {});
+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 || {});
 class Ea {
   constructor(e) {
     this.native = e;
@@ -2526,8 +2522,8 @@ class Ea {
   height = -1;
   mipmap = !1;
   type = y.UNSIGNED_BYTE;
-  internalFormat = pr.RGBA;
-  format = pr.RGBA;
+  internalFormat = fr.RGBA;
+  format = fr.RGBA;
 }
 function Sa(r) {
   return {
@@ -2791,9 +2787,9 @@ function Oa(r, e, t, s, i, a, o, n) {
     addressModeV: c = "repeat",
     addressModeW: u = "repeat",
     magFilter: d = "linear",
-    minFilter: f = "linear",
+    minFilter: p = "linear",
     mipmapFilter: m = "linear",
-    maxAnisotropy: p = 0,
+    maxAnisotropy: f = 0,
     compare: _
   } = r, g = a;
   if (!n || l !== "repeat" || c !== "repeat" || u !== "repeat") {
@@ -2802,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[f][m];
+      const v = Aa[p][m];
       e[i](g, e.TEXTURE_MIN_FILTER, v);
     }
   } else
-    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, 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, s.TEXTURE_MAX_ANISOTROPY_EXT, v);
   }
   _ && e[i](g, e.TEXTURE_COMPARE_FUNC, Ca[_]);
@@ -3147,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 f = d.location;
-        s.enableVertexAttribArray(f);
-        const m = Ot(l.format), p = ka(l.format);
+        const p = d.location;
+        s.enableVertexAttribArray(p);
+        const m = Ot(l.format), f = ka(l.format);
         if (d.format?.substring(1, 4) === "int" ? s.vertexAttribIPointer(
-          f,
-          m.size,
           p,
+          m.size,
+          f,
           l.stride ?? 0,
           l.start ?? 0
         ) : s.vertexAttribPointer(
-          f,
-          m.size,
           p,
+          m.size,
+          f,
           m.normalized,
           l.stride ?? 0,
           l.start ?? 0
         ), l.instance)
           if (this.hasInstance) {
             const _ = l.divisor ?? 1;
-            s.vertexAttribDivisor(f, _);
+            s.vertexAttribDivisor(p, _);
           } else
             throw new Error("geometry error, GPU Instancing is not supported on this device");
       }
@@ -3232,15 +3228,15 @@ class La extends W {
   }
 }
 function Tt(r, e, t) {
-  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 };
+  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 };
 }
 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), f = u.map((v) => v.y), m = Math.min(...d), p = Math.max(...d), _ = Math.min(...f), g = Math.max(...f);
+  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);
   return {
     x: m,
     y: _,
-    width: p - m,
+    width: f - m,
     height: g - _
   };
 }
@@ -3774,7 +3770,7 @@ var Wa = Object.defineProperty, bs = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Wa(e, t, i), i;
 };
-class We extends fe {
+class We extends pe {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -3790,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 fe {
+class Ue extends pe {
   constructor(e = {}) {
     super(), this.setProperties(e);
   }
@@ -3815,7 +3811,7 @@ var Ya = Object.defineProperty, ys = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ya(e, t, i), i;
 };
-class xe extends fe {
+class xe extends pe {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -3831,7 +3827,7 @@ var Ka = Object.defineProperty, Be = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ka(e, t, i), i;
 };
-class H extends fe {
+class H extends pe {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -3887,7 +3883,7 @@ function Qa() {
     tint: new Float32Array([1, 1, 1, 1])
   };
 }
-class E extends fe {
+class E extends pe {
   static instance = new this();
   glProgram;
   constructor(e = {}) {
@@ -4075,7 +4071,7 @@ var so = Object.defineProperty, Se = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && so(e, t, i), i;
 };
-class te extends fe {
+class te extends pe {
   get valid() {
     return !!(this.width && this.height);
   }
@@ -4115,7 +4111,7 @@ var io = Object.defineProperty, N = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && io(e, t, i), i;
 };
-class x extends fe {
+class x extends pe {
   static get EMPTY() {
     return new this({ width: 1, height: 1 });
   }
@@ -4230,7 +4226,7 @@ N([
 N([
   h({ fallback: !1 })
 ], x.prototype, "isPowerOfTwo");
-class ao extends fe {
+class ao extends pe {
   frames;
   frameIndex = 0;
   get currentFrame() {
@@ -4306,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, 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);
+    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);
     for (const ge of n) C.addColorStop(ge.offset, ge.color);
     a.fillStyle = C, a.fillRect(0, 0, l, c);
     const k = a.getImageData(0, 0, i.width, i.height);
@@ -4621,7 +4617,7 @@ class uo {
     return [...this.default];
   }
 }
-class fo extends Ee {
+class po 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)),
@@ -4641,10 +4637,10 @@ class fo extends Ee {
     return { internalKey: `____${e}` };
   }
 }
-var po = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, se = (r, e, t, s) => {
+var fo = 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 && po(e, t, i), i;
+  return s && i && fo(e, t, i), i;
 };
 const Jr = {};
 function mo(r) {
@@ -4652,19 +4648,27 @@ function mo(r) {
   return e++, Jr[r] = e, e;
 }
 let I = class extends Ee {
-  _meta = new fo(this);
+  _meta = new po(this);
   get meta() {
     return this._meta;
   }
   set meta(r) {
     this._meta.resetProperties().setProperties(r);
   }
+  _processable = !1;
+  get processable() {
+    return this._processable;
+  }
+  _renderable = !1;
+  get renderable() {
+    return this._renderable;
+  }
   _readyed = !1;
   constructor(r, e = []) {
     super(), this._onTreeEnter = this._onTreeEnter.bind(this), this._onTreeExit = this._onTreeExit.bind(this), this._onParented = this._onParented.bind(this), this._onUnparented = this._onUnparented.bind(this), this._onReady = this._onReady.bind(this), this._onProcess = this._onProcess.bind(this), this.setProperties({
       name: `${this.is}:${mo(this.is)}`,
       ...r
-    }).append(e), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess);
+    }).append(e), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess), this.updateProcessable(), this.updateRenderable();
   }
   setProperties(r) {
     if (r) {
@@ -4770,23 +4774,6 @@ let I = class extends Ee {
     const r = this._parent?.children;
     return r ? r[r.length - 1] : void 0;
   }
-  canProcess() {
-    if (!this._tree)
-      return !1;
-    switch (this.processMode) {
-      case "inherit":
-        return this._parent?.canProcess() ?? !0;
-      case "pausable":
-        return !this._tree.processPaused;
-      case "when-paused":
-        return this._tree.processPaused;
-      case "always":
-        return !0;
-      case "disabled":
-      default:
-        return !1;
-    }
-  }
   canInput() {
     if (!this._tree)
       return !1;
@@ -4795,20 +4782,6 @@ let I = class extends Ee {
         return this._parent?.canInput() ?? !0;
       case "always":
         return !0;
-      case "disabled":
-      default:
-        return !1;
-    }
-  }
-  canRender() {
-    if (!this._tree)
-      return !1;
-    switch (this.renderMode) {
-      case "inherit":
-        return this._parent?.canRender() ?? !0;
-      case "always":
-        return !0;
-      case "disabled":
       default:
         return !1;
     }
@@ -4829,7 +4802,7 @@ let I = class extends Ee {
     this._ready();
   }
   _onProcess(r = 0) {
-    const e = this._tree, t = this.canRender(), s = this.canProcess(), i = [], a = [];
+    const e = this._tree, t = this.renderable, s = this.processable, i = [], a = [];
     this._children.internal.forEach((n) => {
       switch (n.processSortMode) {
         case "default":
@@ -4854,8 +4827,52 @@ let I = class extends Ee {
   requestRender() {
     this.needsRender = !0;
   }
+  updateProcessable() {
+    switch (this.processMode) {
+      case "inherit":
+        this._processable = this._parent?.processable ?? !0;
+        break;
+      case "pausable":
+        this._processable = this._tree ? !this._tree.processPaused : !1;
+        break;
+      case "when-paused":
+        this._processable = this._tree ? this._tree.processPaused : !1;
+        break;
+      case "always":
+        this._processable = !0;
+        break;
+      default:
+        this._processable = !1;
+        break;
+    }
+    this.children.forEach((r) => {
+      r.processMode === "inherit" && r.updateProcessable();
+    });
+  }
+  updateRenderable() {
+    switch (this.renderMode) {
+      case "inherit":
+        this._renderable = this._parent?.renderable ?? !0;
+        break;
+      case "always":
+        this._renderable = !0;
+        break;
+      default:
+        this._renderable = !1;
+        break;
+    }
+    this.children.forEach((r) => {
+      r.renderMode === "inherit" && r.updateRenderable();
+    });
+  }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
+      case "processMode":
+        this.updateProcessable();
+        break;
+      case "renderMode":
+        this.updateRenderable();
+        break;
       case "needsRender":
         e && this._parent?.requestRender();
         break;
@@ -4981,9 +4998,11 @@ let I = class extends Ee {
   }
   // eslint-disable-next-line unused-imports/no-unused-vars
   _parented(r) {
+    this.updateProcessable(), this.updateRenderable();
   }
   // eslint-disable-next-line unused-imports/no-unused-vars
   _unparented(r) {
+    this.updateProcessable(), this.updateRenderable();
   }
   // eslint-disable-next-line unused-imports/no-unused-vars
   _process(r) {
@@ -5170,8 +5189,8 @@ let Ge = class extends q {
   isVisibleInTree() {
     return this.globalOpacity > 0 && this.globalVisible;
   }
-  canRender() {
-    return super.canRender() && this.isVisibleInTree();
+  updateRenderable() {
+    super.updateRenderable(), this._renderable = this._renderable && this.isVisibleInTree();
   }
   requestDraw() {
     this.needsDraw = !0, this.requestRender();
@@ -5239,8 +5258,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: f } = n.apply({ x: o[u], y: o[u + 1] });
-        l[u] = d, l[u + 1] = f;
+        const { x: d, y: p } = n.apply({ x: o[u], y: o[u + 1] });
+        l[u] = d, l[u + 1] = p;
       }
       return r.uvs = l, e.texture;
     }
@@ -5416,26 +5435,13 @@ let T = class extends q {
     r.off("processing", this._onProcessing), r.off("nodeProcessed", this._onNodeProcessed), this.viewport1.setTree(void 0), this.viewport2.setTree(void 0);
   }
   _onProcessing() {
-    if (this.canProcess())
-      switch (this._updateCurrentTime(), this._effectMode) {
-        case "transition":
-          this._previousSibling = this.previousSibling, this._nextSibling = this.nextSibling;
-          break;
-        default:
-          this._previousSibling = void 0, this._nextSibling = void 0;
-          break;
-      }
+    this.processable && (this._updateCurrentTime(), this._effectMode === "transition" ? (this._previousSibling = this.previousSibling, this._nextSibling = this.nextSibling) : (this._previousSibling = void 0, this._nextSibling = void 0));
   }
   _onNodeProcessed(r) {
-    if (!this.canProcess() || !this.isInsideTimeRange())
+    if (!this.processable || !this.isInsideTimeRange())
       return;
     const e = this._tree?.renderStack;
-    if (e)
-      switch (this._effectMode) {
-        case "transition":
-          r.equal(this._previousSibling) ? (this._previousSibling = void 0, e.push(this)) : r.equal(this._nextSibling) && (this._nextSibling = void 0, e.push(this));
-          break;
-      }
+    e && this._effectMode === "transition" && (r.equal(this._previousSibling) ? (this._previousSibling = void 0, e.push(this)) : r.equal(this._nextSibling) && (this._nextSibling = void 0, e.push(this)));
   }
   getRect() {
     return new ee(this._rect);
@@ -5481,7 +5487,7 @@ let T = class extends q {
     this.children.length && (super.emit("process"), this._tree?.renderStack.push(this));
   }
   _onProcess(r = 0) {
-    if (this.canProcess())
+    if (this.processable)
       switch (this._renderId = 0, this._effectMode) {
         case "before":
           super._onProcess(r);
@@ -5557,8 +5563,6 @@ let T = class extends q {
       case "transition":
         this._renderTransition(r);
         break;
-      case "parent":
-      case "children":
       default:
         this._renderParentOrChildren(r);
         break;
@@ -5689,14 +5693,17 @@ let _r = class extends X {
   }
 };
 _r = Co([
-  b("Window")
+  b("Window", {
+    processMode: "always",
+    renderMode: "always"
+  })
 ], _r);
 var Oo = Object.defineProperty, Te = (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 && Oo(e, t, i), i;
 };
-class pe extends wr {
+class fe extends wr {
   input = new Zi();
   renderStack = new So();
   root = new _r().setTree(this);
@@ -5745,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 he() })
-], 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);
@@ -5805,11 +5812,7 @@ let Ie = class extends Ge {
     super(), this.setProperties(r).append(e);
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "rotation":
-        this.updateGlobalTransform();
-        break;
-    }
+    super._updateProperty(r, e, t), r === "rotation" && this.updateGlobalTransform();
   }
   updateTransform() {
     this.transform.identity().translate(-this.pivot.x, -this.pivot.y).scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).rotate(this.rotation).multiply(this.extraTransform).translate(this.position.x, this.position.y).translate(this.pivot.x, this.pivot.y);
@@ -5834,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, 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);
+    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);
     return n;
   }
   _relayout(r) {
@@ -6008,7 +6011,7 @@ const Qr = {
   sepia: 0
 };
 function gc(r) {
-  const e = new fs();
+  const e = new ps();
   if (r === "none")
     return e;
   const t = zt(r).reduce((s, { name: i, args: a }) => (s[i] = a[0].normalizedIntValue, s), {});
@@ -6228,16 +6231,12 @@ 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 fs();
+  _colorMatrix = new ps();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "filter":
-        this.renderMode = this.filter ? "inherit" : "disabled";
-        break;
-    }
+    super._updateProperty(r, e, t), r === "filter" && (this.renderMode = this.filter ? "inherit" : "disabled");
   }
   apply(r, e) {
     if (!this.filter)
@@ -6719,11 +6718,7 @@ let Y = class extends T {
     super(), this.setProperties(r).append(e);
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "watermark":
-        this._loadWatermark(e);
-        break;
-    }
+    super._updateProperty(r, e, t), r === "watermark" && this._loadWatermark(e);
   }
   async _loadWatermark(r) {
     r ? this._watermark = await $.texture.load(r) : this._watermark = void 0;
@@ -7047,11 +7042,11 @@ Us([
 ct = Us([
   b("EmbossEffect")
 ], ct);
-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--)
+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--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Bs(e, t, i), i;
-}, _n = (r, e, t) => pn(r, e + "", t);
+}, _n = (r, e, t) => fn(r, e + "", t);
 let G = class extends T {
   _canvas;
   _texture;
@@ -7922,12 +7917,12 @@ function kt(r, e) {
       1 / Math.abs(1 + (-v - S))
     ), o = !0;
   }
-  const { a: l, c, tx: u, b: d, d: f, ty: m } = n.toObject();
-  let p, _;
+  const { a: l, c, tx: u, b: d, d: p, ty: m } = n.toObject();
+  let f, _;
   return {
     clipOutsideUv: o,
     transformUv: (g, v) => {
-      p = g[v], _ = g[v + 1], g[v] = l * p + c * _ + u, g[v + 1] = d * p + f * _ + m;
+      f = g[v], _ = g[v + 1], g[v] = l * f + c * _ + u, g[v + 1] = d * f + p * _ + m;
     }
   };
 }
@@ -8073,11 +8068,7 @@ class Xs extends F {
     );
   }
   _updateProperty(e, t, s) {
-    switch (super._updateProperty(e, t, s), e) {
-      case "fillWithShape":
-        this.parent.requestDraw();
-        break;
-    }
+    super._updateProperty(e, t, s), e === "fillWithShape" && this.parent.requestDraw();
   }
 }
 Ln([
@@ -8095,11 +8086,7 @@ class js extends F {
     );
   }
   _updateProperty(e, t, s) {
-    switch (super._updateProperty(e, t, s), e) {
-      case "fillWithShape":
-        this.parent.requestDraw();
-        break;
-    }
+    super._updateProperty(e, t, s), e === "fillWithShape" && this.parent.requestDraw();
   }
 }
 zn([
@@ -8209,7 +8196,7 @@ class Qe extends Ee {
   _path2DSet = new Pi();
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : fi(e)
+      V(e) ? void 0 : pi(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -8273,13 +8260,13 @@ bt([
 bt([
   h()
 ], Qe.prototype, "paths");
-class Ws extends fe {
+class Ws extends pe {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
 const es = {
-  ...pi(),
+  ...fi(),
   left: 0,
   top: 0,
   width: 0,
@@ -8326,10 +8313,12 @@ class ae extends Ee {
     }
   }
   update() {
-    this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update(), this._texture.width = Math.ceil(this.base.boundingBox.width), this._texture.height = Math.ceil(this.base.boundingBox.height), this.base.render({
-      view: this._texture.source,
-      pixelRatio: this._texture.pixelRatio
-    }), this._texture.requestUpdate("source"), this.parent.requestDraw();
+    this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update();
+    const e = this._texture;
+    e.width = Math.ceil(this.base.boundingBox.width), e.height = Math.ceil(this.base.boundingBox.height), this.base.render({
+      view: e.source,
+      pixelRatio: e.pixelRatio
+    }), e.requestUpdate("source"), this.parent.requestDraw();
   }
   _updateTextureMap() {
     this._textureMap.clear();
@@ -8368,20 +8357,23 @@ class ae extends Ee {
   setContent(e) {
     this.content = mi(e);
   }
+  getStringContent() {
+    return this.base.toString();
+  }
   measure() {
     return this.update(), this.base.measure();
   }
   isValid() {
-    return !!(this.enabled && !/^\s*$/.test(this.base.toString()));
+    return !!(this.enabled && !/^\s*$/.test(this.getStringContent()));
   }
   _createTransformVertex() {
     const e = this.parent;
     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, 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;
+    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;
     };
   }
   useTextureDraw() {
@@ -8442,11 +8434,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: f } = o.toObject();
-    let m, p;
+    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;
     e.fill({
       transformUv: (_, g) => {
-        m = _[g], p = _[g + 1], _[g] = n * m + l * p + c, _[g + 1] = u * m + d * p + f;
+        m = _[g], f = _[g + 1], _[g] = n * m + l * f + c, _[g + 1] = u * m + d * f + p;
       },
       transformVertex: this._createTransformVertex()
     });
@@ -8801,7 +8793,7 @@ let Pe = class extends Ie {
   }
   flexbox = new Nr(this);
   size = new O().on("update", () => {
-    this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.updateGlobalTransform(), this.requestDraw();
+    this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.updateGlobalTransform(), this.requestDraw();
   });
   _allowPointerEvents = !0;
   _overflowHidden = !1;
@@ -8896,7 +8888,7 @@ let Pe = class extends Ie {
         this.updateGlobalDisplay();
         break;
       case "rotate":
-        this.rotation = e * fr;
+        this.rotation = e * pr;
         break;
       case "scaleX":
         this.scale.x = e, this.text.isValid() && (e ^ t) < 0 && this.requestDraw();
@@ -8911,12 +8903,12 @@ let Pe = class extends Ie {
         this.skew.y = e;
         break;
       case "transform":
-        Bo(
+        this.extraTransform.identity(), this.extraTransform.translate(-this.pivot.x, -this.pivot.y), Bo(
           e ?? "",
           this.size.width,
           this.size.height,
-          this.extraTransform.identity()
-        ), this.updateGlobalTransform();
+          this.extraTransform
+        ), this.extraTransform.translate(this.pivot.x, this.pivot.y), this.updateGlobalTransform();
         break;
       case "transformOrigin": {
         const s = Lo(e ?? "");
@@ -9158,11 +9150,7 @@ let mr = class extends qs {
     super(), this.setProperties(r), this.append(e);
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "src":
-        this._load();
-        break;
-    }
+    super._updateProperty(r, e, t), r === "src" && this._load();
   }
   _updateStyleProperty(r, e, t) {
     switch (super._updateStyleProperty(r, e, t), r) {
@@ -9232,11 +9220,7 @@ let gr = class extends qs {
     super(), this.setProperties(r), this.append(e);
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "src":
-        this._wait = this._load(e);
-        break;
-    }
+    super._updateProperty(r, e, t), r === "src" && (this._wait = this._load(e));
   }
   waitLoad() {
     return this._wait;
@@ -9271,11 +9255,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, f = (_) => ((a * _ + o) * _ + n) * _, m = (_) => ((l * _ + c) * _ + u) * _;
-  function p(_) {
+  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(_) {
     let g = _, v, w;
     for (let k = 0; k < 8; k++) {
-      if (w = f(g) - _, Math.abs(w) < 1e-6)
+      if (w = p(g) - _, Math.abs(w) < 1e-6)
         return g;
       if (v = d(g), Math.abs(v) < 1e-6)
         break;
@@ -9283,13 +9267,13 @@ function yt(r, e, t, s) {
     }
     let S = 1, C = 0;
     for (g = _; S > C; ) {
-      if (w = f(g) - _, Math.abs(w) < 1e-6)
+      if (w = p(g) - _, Math.abs(w) < 1e-6)
         return g;
       w > 0 ? S = g : C = g, g = (S + C) / 2;
     }
     return g;
   }
-  return (_) => m(p(_));
+  return (_) => m(f(_));
 }
 const ur = {
   linear: al,
@@ -9313,7 +9297,7 @@ let dt = class extends q {
     super._unparented(r), this.cancel();
   }
   _process() {
-    this.canProcess() && this.commitStyles();
+    this.processable && this.commitStyles();
   }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
@@ -9325,16 +9309,7 @@ let dt = class extends q {
   }
   _getTargets() {
     let r;
-    switch (this.effectMode) {
-      case "sibling":
-        r = this.getParent()?.getChildren(!0) ?? [];
-        break;
-      case "parent":
-      default:
-        r = [this.getParent()].filter(Boolean);
-        break;
-    }
-    return r.filter((e) => e instanceof Pe);
+    return this.effectMode === "sibling" ? r = this.getParent()?.getChildren(!0) ?? [] : r = [this.getParent()].filter(Boolean), r.filter((e) => e instanceof Pe);
   }
   _updateKeyframes() {
     const r = [], e = this.keyframes;
@@ -9410,11 +9385,11 @@ let dt = class extends q {
         const {
           offset: u,
           easing: d
-        } = 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);
+        } = 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);
         }), [
-          { offset: u, easing: d, props: f },
+          { offset: u, easing: d, props: p },
           { offset: n, easing: l, props: c }
         ];
       }
@@ -9423,20 +9398,20 @@ let dt = 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), f = {
+    const { offset: a, easing: o, props: n } = s, { offset: l, props: c } = i, u = l - a, d = o((r - a) / u), p = {
       width: e.size.x,
       height: e.size.y,
       fontSize: e.style.fontSize
     };
-    t.forEach((m, p) => {
+    t.forEach((m, f) => {
       e.onUpdateStyleProperty(
-        p,
+        f,
         this._getDiffValue(
-          p,
-          n[p],
-          c[p],
+          f,
+          n[f],
+          c[f],
           d,
-          f
+          p
         ),
         void 0
       );
@@ -9455,16 +9430,16 @@ let dt = 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: f }) => {
-        l[d] = f, n.add(d);
-      }), o.forEach(({ name: d, args: f }) => {
-        c[d] = f, n.add(d);
+      a.forEach(({ name: d, args: p }) => {
+        l[d] = p, n.add(d);
+      }), o.forEach(({ name: d, args: p }) => {
+        c[d] = p, n.add(d);
       });
       let u = "";
       return n.forEach((d) => {
-        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;
+        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;
           return Number.isNaN(S) || Number.isNaN(C) ? w?.value ?? 0 : A(S, C, s);
         }).join(", ")}) `;
       }), u;
@@ -9848,7 +9823,7 @@ class Oe extends Zs {
     e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
   }
 }
-class fl extends de {
+class pl extends de {
   _audio = null;
   _sourceNode = null;
   _gain = null;
@@ -10003,7 +9978,7 @@ class fl extends de {
     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 pl extends Zs {
+class fl 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;
@@ -10050,7 +10025,7 @@ class pl 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 fl();
+    return new pl();
   }
 }
 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) => {
@@ -10061,7 +10036,7 @@ var _l = Object.defineProperty, ml = Object.getOwnPropertyDescriptor, gl = (r, e
 let De = class extends q {
   _sounds = [];
   /** PlatformAudio */
-  _platformAudio = Li ? new pl(this) : new hl(this);
+  _platformAudio = Li ? new fl(this) : new hl(this);
   get platformAudio() {
     return this._platformAudio;
   }
@@ -10187,7 +10162,7 @@ let De = class extends q {
   _prevTime = 0;
   _timer = 0;
   _process(r) {
-    if (super._process(r), this.canProcess()) {
+    if (super._process(r), this.processable) {
       const e = this._tree?.timeline.currentTime ?? 0;
       e - this._prevTime > 0 && (this._timer || (this._setTimeStop(), this.play({
         start: this.start + (e - this.delay) % this.duration
@@ -10212,7 +10187,7 @@ var yl = Object.defineProperty, xl = Object.getOwnPropertyDescriptor, Wt = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && yl(e, t, i), i;
 };
-let ft = class extends Pe {
+let pt = class extends Pe {
   _audioBuffer;
   _src = xr ? new x({
     source: document.createElement("canvas")
@@ -10257,13 +10232,13 @@ let ft = 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 f = 0; f < n; f++) {
-        const m = o[d * n + f];
+      for (let p = 0; p < n; p++) {
+        const m = o[d * n + p];
         m < c && (c = m), m > u && (u = m);
       }
       if (!this.gap || d % (this.gap * 2) === 0) {
-        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;
+        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;
       }
     }
     this._src?.requestUpdate("source"), this.requestDraw();
@@ -10274,16 +10249,16 @@ let ft = class extends Pe {
 };
 Wt([
   h()
-], ft.prototype, "src", 2);
+], pt.prototype, "src", 2);
 Wt([
   h({ fallback: 0 })
-], ft.prototype, "gap", 2);
+], pt.prototype, "gap", 2);
 Wt([
   h({ fallback: "#000000" })
-], ft.prototype, "color", 2);
-ft = Wt([
+], pt.prototype, "color", 2);
+pt = Wt([
   b("AudioWaveform")
-], ft);
+], pt);
 var wl = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, El = (r, e, t) => e in r ? wl(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Sl = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Pl(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
@@ -10303,14 +10278,14 @@ let Bt = class extends Ve {
       for (let w = 1; w < o; w++)
         g -= v, u.push(g);
     }
-    const d = 1 / n, f = 1 / l, m = [];
-    let p;
+    const d = 1 / n, p = 1 / l, m = [];
+    let f;
     const _ = o - 1;
     for (let g = 0; g < _; g++)
-      p = u[g] + 0.5, m[0] = p * d, m[1] = p * f, c.push({
+      f = u[g] + 0.5, m[0] = f * d, m[1] = f * p, c.push({
         offset: m
       });
-    p = u[_] + 0.5, m[0] = p * d, m[1] = p * f, c.push({
+    f = u[_] + 0.5, m[0] = f * d, m[1] = f * p, c.push({
       offset: m
     }), c.forEach((g) => {
       P.draw(r, Bt.material, {
@@ -10404,36 +10379,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], f = 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], p = 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 / f, d / f],
+      delta: [u / p, d / p],
       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 / f, u / f],
+      delta: [-d / p, u / p],
       texSize: c
     });
   }
 };
-Ul(pt, "material", new E({
+Ul(ft, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -10483,9 +10458,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);
@@ -10797,7 +10772,7 @@ const Fe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Ur extends pe {
+class Ur extends fe {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10973,18 +10948,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 f = o.length, m = o[f - 1];
-    async function p() {
-      if (d === f)
+    const p = o.length, m = o[p - 1];
+    async function f() {
+      if (d === p)
         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(p);
+      }), requestAnimationFrame(f);
     }
-    p();
+    f();
   }), U.toCanvas2D();
 }
 async function yc(r) {
@@ -11001,7 +10976,7 @@ export {
   Zs as AudioPipeline,
   vc as AudioProcessor,
   bc as AudioSpectrum,
-  ft as AudioWaveform,
+  pt as AudioWaveform,
   ye as BufferUsage,
   Nt as Camera2D,
   ho as CanvasContext,
@@ -11010,13 +10985,13 @@ export {
   ne as Color,
   j as ColorAdjustEffect,
   $e as ColorFilterEffect,
-  fs as ColorMatrix,
+  ps as ColorMatrix,
   He as ColorOverlayEffect,
   Xe as ColorRemoveEffect,
   je as ColorReplaceEffect,
   Er as ColorTexture,
   Ee as CoreObject,
-  fr as DEG_TO_RAD,
+  pr as DEG_TO_RAD,
   hs as DEVICE_PIXEL_RATIO,
   Y as DrawboardEffect,
   re as DropShadowEffect,
@@ -11077,10 +11052,10 @@ export {
   Me as MaskEffect,
   E as Material,
   le as Matrix,
-  fc as Matrix2,
-  ps as Matrix3,
+  pc as Matrix2,
+  fs as Matrix3,
   Qi as Matrix4,
-  fo as Meta,
+  po as Meta,
   ds as MouseInputEvent,
   I as Node,
   Ie as Node2D,
@@ -11098,7 +11073,7 @@ export {
   Ji as RefCounted,
   te as RenderTarget,
   Pr as Renderer,
-  fe as Resource,
+  pe as Resource,
   ns as SUPPORTS_AUDIO_CONTEXT,
   Ui as SUPPORTS_CLICK_EVENTS,
   cc as SUPPORTS_CREATE_IMAGE_BITMAP,
@@ -11113,13 +11088,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,
   he as Timeline,
   q as TimelineNode,
   M as Transform2D,
@@ -11130,7 +11105,7 @@ export {
   Mt as UvMaterial,
   Q as Vector,
   O as Vector2,
-  pc as Vector3,
+  fc as Vector3,
   ea as Vector4,
   H as VertexAttribute,
   xe as VertexBuffer,
@@ -11139,9 +11114,9 @@ export {
   co as VideoTexture,
   X as Viewport,
   Tr as ViewportTexture,
-  pl as WebAudio,
+  fl as WebAudio,
   Oe as WebAudioContext,
-  fl as WebSound,
+  pl as WebSound,
   Yi as WheelInputEvent,
   _r as Window,
   we as ZoomBlurEffect,