modern-canvas 0.12.13 → 0.12.14

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineProperty as Ht, Observable as de, Reactivable as Ir, parseColor as Ns, property as u, RawWeakMap as Br, isGradient as Ls, isColorFillObject as mr, clearUndef as Nr, idGenerator as Lr, normalizeFill as Fs, isNone as V, normalizeBackground as zs, normalizeForeground as $s, normalizeOutline as Vs, normalizeShadow as Gs, normalizeShape as js, getDefaultStyle as Ws, normalizeText as qs, normalizeTextContent as Xs, getDefaultTextStyle as Hs, getDefaultLayoutStyle as Ys } from "modern-idoc";
+import { defineProperty as Ht, Observable as de, Reactivable as Ir, parseColor as Ns, property as u, RawWeakMap as Br, isGradient as Ls, isColorFillObject as mr, clearUndef as Nr, idGenerator as Lr, normalizeFill as Fs, isNone as F, normalizeBackground as zs, normalizeForeground as $s, normalizeOutline as Vs, normalizeShadow as Gs, normalizeShape as js, getDefaultStyle as Ws, normalizeText as qs, normalizeTextContent as Xs, getDefaultTextStyle as Hs, getDefaultLayoutStyle as Ys } from "modern-idoc";
 import { fonts as Ks } from "modern-font";
 import { extend as Zs } from "colord";
 import Js from "colord/plugins/names";
@@ -24,7 +24,7 @@ function _l(r = "node", e = {}) {
     throw new Error(`Failed to createNode, tag: ${r}`);
   return new t().setProperties(e);
 }
-class M {
+class k {
   static _queue = [];
   static _currentTime = 0;
   static _elapsed = 0;
@@ -80,10 +80,10 @@ class M {
     this._queue = t;
   }
 }
-M.start();
+k.start();
 async function Fr(r) {
   return new Promise((e) => {
-    M.on(
+    k.on(
       () => {
         r?.(), e();
       },
@@ -187,7 +187,7 @@ function zr(r, e, t = {}) {
   }
   return n;
 }
-const ci = "WebGL2RenderingContext" in globalThis, ui = "ImageBitmap" in globalThis, di = "ResizeObserver" in globalThis, qe = "PointerEvent" in globalThis, fi = "WheelEvent" in globalThis, ml = "MouseEvent" in globalThis, he = "ontouchstart" in globalThis, pi = "onclick" in globalThis, $r = "createImageBitmap" in globalThis, Vr = "AudioContext" in globalThis, Gr = "webkitAudioContext" in globalThis, jr = "OfflineAudioContext" in globalThis, _i = "webkitOfflineAudioContext" in globalThis, mi = Vr || Gr, Rt = typeof window < "u", Wr = globalThis.devicePixelRatio || 1, qr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, gi = (r) => qr(r) && r.tagName === "VIDEO", gl = (r) => qr(r) && r.tagName === "IMG";
+const ci = "WebGL2RenderingContext" in globalThis, ui = "ImageBitmap" in globalThis, di = "ResizeObserver" in globalThis, qe = "PointerEvent" in globalThis, pi = "WheelEvent" in globalThis, ml = "MouseEvent" in globalThis, he = "ontouchstart" in globalThis, fi = "onclick" in globalThis, $r = "createImageBitmap" in globalThis, Vr = "AudioContext" in globalThis, Gr = "webkitAudioContext" in globalThis, jr = "OfflineAudioContext" in globalThis, _i = "webkitOfflineAudioContext" in globalThis, mi = Vr || Gr, Rt = typeof window < "u", Wr = globalThis.devicePixelRatio || 1, qr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, gi = (r) => qr(r) && r.tagName === "VIDEO", gl = (r) => qr(r) && r.tagName === "IMG";
 function vi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -245,7 +245,7 @@ class Xr {
     return this._map.set(this._toRaw(e), this._toRaw(t)), this;
   }
 }
-class Ot {
+class Mt {
   cursor;
   // Event
   bubbles = !1;
@@ -253,7 +253,7 @@ class Ot {
   cancelable = !1;
   composed = !1;
   defaultPrevented = !1;
-  eventPhase = Ot.prototype.NONE;
+  eventPhase = Mt.prototype.NONE;
   isTrusted = !1;
   timeStamp = 0;
   type = "";
@@ -282,7 +282,7 @@ class Ot {
     throw new Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Pi extends Ot {
+class Pi extends Mt {
   getModifierState(...e) {
     throw new Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
@@ -290,7 +290,7 @@ class Pi extends Ot {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Hr extends Ot {
+class Hr extends Mt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -416,7 +416,7 @@ class Si extends de {
         const o = e.changedTouches[s];
         typeof o.button > "u" && (o.button = 0), typeof o.buttons > "u" && (o.buttons = 1), typeof o.isPrimary > "u" && (o.isPrimary = e.touches.length === 1 && e.type === "touchstart"), typeof o.width > "u" && (o.width = o.radiusX || 1), typeof o.height > "u" && (o.height = o.radiusY || 1), typeof o.tiltX > "u" && (o.tiltX = 0), typeof o.tiltY > "u" && (o.tiltY = 0), typeof o.pointerType > "u" && (o.pointerType = "touch"), typeof o.pointerId > "u" && (o.pointerId = o.identifier || 0), typeof o.pressure > "u" && (o.pressure = o.force || 0.5), typeof o.twist > "u" && (o.twist = 0), typeof o.tangentialPressure > "u" && (o.tangentialPressure = 0), typeof o.layerX > "u" && (o.layerX = o.offsetX = o.clientX), typeof o.layerY > "u" && (o.layerY = o.offsetY = o.clientY), o.type = e.type, t.push(o);
       }
-    else if (fi && e instanceof globalThis.WheelEvent)
+    else if (pi && e instanceof globalThis.WheelEvent)
       t.push(e);
     else if (qe && e instanceof globalThis.PointerEvent)
       t.push(e);
@@ -536,7 +536,7 @@ class Si extends de {
   }
 }
 let Ai = 0;
-class fe extends Ir {
+class pe extends Ir {
   instanceId = ++Ai;
   get json() {
     return this.toJSON();
@@ -551,10 +551,10 @@ class fe extends Ir {
     return !!(e && this.instanceId === e.instanceId);
   }
 }
-class Ri extends fe {
+class Ri extends pe {
   //
 }
-class pe extends Ri {
+class fe extends Ri {
   //
 }
 Zs([Js]);
@@ -653,8 +653,8 @@ class K extends de {
         case "*":
           for (let c = 0; c < i; c++) {
             let d = 0;
-            for (let f = 0; f < i; f++)
-              d += o[c] * a[f * l + c];
+            for (let p = 0; p < i; p++)
+              d += o[c] * a[p * l + c];
             h[c] = d;
           }
           break;
@@ -762,11 +762,11 @@ class re extends de {
       const { dim: d } = t;
       switch (e) {
         case "*":
-          for (let f = 0; f < d; f++) {
+          for (let p = 0; p < d; p++) {
             let _ = 0;
-            for (let p = 0; p < i; p++)
-              p < d && (_ += n[f * i + p] * (h[p] ?? 0));
-            c[f] = _;
+            for (let f = 0; f < i; f++)
+              f < d && (_ += n[p * i + f] * (h[f] ?? 0));
+            c[p] = _;
           }
           break;
         default:
@@ -776,20 +776,20 @@ class re extends de {
       switch (e) {
         case "*":
           for (let d = 0; d < i; d++)
-            for (let f = 0; f < o; f++) {
-              const _ = f * i;
-              let p = 0;
+            for (let p = 0; p < o; p++) {
+              const _ = p * i;
+              let f = 0;
               for (let m = 0; m < o; m++) {
                 const g = _ + m, w = m * i + d;
-                p += n[g] * (h[w] ?? 0);
+                f += n[g] * (h[w] ?? 0);
               }
-              c[_ + d] = p;
+              c[_ + d] = f;
             }
           break;
         case "=":
           for (let d = 0; d < a; d++) {
-            const f = h[d];
-            f !== void 0 && (n[d] = f);
+            const p = h[d];
+            p !== void 0 && (n[d] = p);
           }
           return this._onUpdate(n), this.emit("update", n), this;
         default:
@@ -843,16 +843,16 @@ class re extends de {
     return this._array.slice();
   }
 }
-class Oi extends re {
+class Mi extends re {
   constructor(e) {
     super(4, 4, e);
   }
 }
-const Mi = Kt / 180, vl = 180 / Kt;
+const Oi = Kt / 180, vl = 180 / Kt;
 function se(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
-function S(r, e, t) {
+function C(r, e, t) {
   return (1 - t) * r + t * e;
 }
 const bl = {
@@ -978,7 +978,7 @@ class Yr extends re {
     ]);
   }
   invert(e = 1) {
-    const t = S(1, -1, e), s = S(0, 255, e);
+    const t = C(1, -1, e), s = C(0, 255, e);
     return this.multiply([
       t,
       0,
@@ -1005,19 +1005,19 @@ class Yr extends re {
   sepia(e = 1) {
     const t = se(e, 0, 1);
     return this.multiply([
-      S(1, 0.393, t),
-      S(0, 0.7689999, t),
-      S(0, 0.18899999, t),
+      C(1, 0.393, t),
+      C(0, 0.7689999, t),
+      C(0, 0.18899999, t),
       0,
       0,
-      S(0, 0.349, t),
-      S(1, 0.6859999, t),
-      S(0, 0.16799999, t),
+      C(0, 0.349, t),
+      C(1, 0.6859999, t),
+      C(0, 0.16799999, t),
       0,
       0,
-      S(0, 0.272, t),
-      S(0, 0.5339999, t),
-      S(1, 0.13099999, t),
+      C(0, 0.272, t),
+      C(0, 0.5339999, t),
+      C(1, 0.13099999, t),
       0,
       0,
       0,
@@ -1052,7 +1052,7 @@ class Yr extends re {
     ]);
   }
   grayscale(e = 1) {
-    const t = se(e, 0, 1), s = S(1, 0.3, t), i = S(0, 0.3, t), o = S(1, 0.59, t), a = S(0, 0.59, t), n = S(1, 0.11, t), h = S(0, 0.11, t);
+    const t = se(e, 0, 1), s = C(1, 0.3, t), i = C(0, 0.3, t), o = C(1, 0.59, t), a = C(0, 0.59, t), n = C(1, 0.11, t), h = C(0, 0.11, t);
     return this.multiply([
       s,
       a,
@@ -1107,7 +1107,7 @@ class Yr extends re {
   }
   toMatrix4() {
     const e = this._array;
-    return new Oi([
+    return new Mi([
       e[0],
       e[1],
       e[2],
@@ -1151,7 +1151,7 @@ class Kr extends re {
       n,
       h,
       l
-    ] = this._array, c = l * o - a * h, d = a * n - l * i, f = h * i - o * n, _ = e * c + t * d + s * f;
+    ] = this._array, c = l * o - a * h, d = a * n - l * i, p = h * i - o * n, _ = e * c + t * d + s * p;
     if (_ === 0)
       return this.set([
         0,
@@ -1164,17 +1164,17 @@ class Kr extends re {
         0,
         0
       ]);
-    const p = 1 / _;
+    const f = 1 / _;
     return this.set([
-      c * p,
-      (s * h - l * t) * p,
-      (a * t - s * o) * p,
-      d * p,
-      (l * e - s * n) * p,
-      (s * i - a * e) * p,
-      f * p,
-      (t * n - h * e) * p,
-      (o * e - t * i) * p
+      c * f,
+      (s * h - l * t) * f,
+      (a * t - s * o) * f,
+      d * f,
+      (l * e - s * n) * f,
+      (s * i - a * e) * f,
+      p * f,
+      (t * n - h * e) * f,
+      (o * e - t * i) * f
     ]);
   }
 }
@@ -1209,7 +1209,7 @@ class Ui extends Kr {
     ]);
   }
 }
-class T extends K {
+class S extends K {
   get x() {
     return this._array[0];
   }
@@ -1271,7 +1271,7 @@ class T extends K {
     return this.set(e * s, t * s), this;
   }
   static lerp(e, t, s) {
-    return new T(t).clone().sub(e).multiply(s).add(e);
+    return new S(t).clone().sub(e).multiply(s).add(e);
   }
 }
 class ge {
@@ -1299,11 +1299,11 @@ class ge {
   get height() {
     return this.size.y;
   }
-  end = new T();
+  end = new S();
   position;
   size;
   constructor(...e) {
-    const t = new T(), s = new T();
+    const t = new S(), s = new S();
     switch (e.length) {
       case 0:
         break;
@@ -1352,8 +1352,8 @@ class ge {
     };
   }
 }
-class I extends Kr {
-  static _t2d = /* @__PURE__ */ new I();
+class O extends Kr {
+  static _t2d = /* @__PURE__ */ new O();
   premultiply(e) {
     return e.multiply(this, this);
   }
@@ -1364,7 +1364,7 @@ class I extends Kr {
     return this.skew(0, e);
   }
   skew(e, t) {
-    return this.premultiply(I._t2d.makeSkew(e, t));
+    return this.premultiply(O._t2d.makeSkew(e, t));
   }
   makeSkew(e, t) {
     const s = Math.tan(e), i = Math.tan(t);
@@ -1393,7 +1393,7 @@ class I extends Kr {
     return this.translate(e, t, s);
   }
   translate(e, t, s = 0) {
-    return this.premultiply(I._t2d.makeTranslation(e, t, s));
+    return this.premultiply(O._t2d.makeTranslation(e, t, s));
   }
   makeTranslation(e, t, s = 0) {
     return this.set([
@@ -1418,7 +1418,7 @@ class I extends Kr {
     return this.scale(e, t, s);
   }
   scale(e, t, s = 1) {
-    return this.premultiply(I._t2d.makeScale(e, t, s));
+    return this.premultiply(O._t2d.makeScale(e, t, s));
   }
   makeScale(e, t, s = 1) {
     return this.set([
@@ -1443,7 +1443,7 @@ class I extends Kr {
     return this.rotate(e);
   }
   rotate(e) {
-    return this.premultiply(I._t2d.makeRotation(e));
+    return this.premultiply(O._t2d.makeRotation(e));
   }
   rotate3d(e, t, s, i) {
     const [o, a, n] = this._rotate3d(e, t, s, i);
@@ -1461,8 +1461,8 @@ class I extends Kr {
     if (e === 0 && t === 0)
       return [0, 0, i];
     {
-      const o = Math.cos(i), a = Math.sin(i), n = o + e * e * (1 - o), h = e * t * (1 - o) - s * a, l = e * s * (1 - o) + t * a, c = o + t * t * (1 - o), d = t * s * (1 - o) - e * a, f = o + s * s * (1 - o), _ = -Math.atan2(-d, c), p = -Math.atan2(l, Math.sqrt(d * d + f * f)), m = -Math.atan2(-h, n);
-      return [_, p, m];
+      const o = Math.cos(i), a = Math.sin(i), n = o + e * e * (1 - o), h = e * t * (1 - o) - s * a, l = e * s * (1 - o) + t * a, c = o + t * t * (1 - o), d = t * s * (1 - o) - e * a, p = o + s * s * (1 - o), _ = -Math.atan2(-d, c), f = -Math.atan2(l, Math.sqrt(d * d + p * p)), m = -Math.atan2(-h, n);
+      return [_, f, m];
     }
   }
   makeRotation(e) {
@@ -1489,7 +1489,7 @@ class I extends Kr {
     return d < 1e-5 || Math.abs(B - d) < 1e-5 ? (t.rotation = c, t.skew.x = t.skew.y = 0) : (t.rotation = 0, t.skew.x = l, t.skew.y = c), t.scale.x = Math.sqrt(s * s + i * i), t.scale.y = Math.sqrt(o * o + a * a), t.position.x = n + (e.x * s + e.y * o), t.position.y = h + (e.x * i + e.y * a), t;
   }
   apply(e, t) {
-    t = t || new T();
+    t = t || new S();
     const { a: s, c: i, tx: o, b: a, d: n, ty: h } = this.toObject(), l = e.x, c = e.y;
     return t.x = s * l + i * c + o, t.y = a * l + n * c + h, t;
   }
@@ -1497,7 +1497,7 @@ class I extends Kr {
     return this.clone().affineInvert();
   }
   applyAffineInverse(e, t) {
-    t = t || new T();
+    t = t || new S();
     const { a: s, b: i, c: o, d: a, tx: n, ty: h } = this.toObject(), l = 1 / (s * a + o * -i), c = e.x, d = e.y;
     return t.x = a * l * c + -o * l * d + (h * o - n * a) * l, t.y = s * l * d + -i * l * c + (-h * s + n * i) * l, t;
   }
@@ -1530,7 +1530,7 @@ var Di = Object.defineProperty, Zr = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Di(e, t, i), i;
 };
-class Zt extends fe {
+class Zt extends pe {
   _starting = !1;
   _nextDeltaTime = 0;
   _startedProcess;
@@ -1544,13 +1544,13 @@ class Zt extends fe {
     super(), this._onTicker = this._onTicker.bind(this), this.setProperties(e);
   }
   start(e) {
-    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), M.on(this._onTicker, { sort: 0 }));
+    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), k.on(this._onTicker, { sort: 0 }));
   }
   stop() {
-    this._starting && (this._starting = !1, M.off(this._onTicker, { sort: 0 }));
+    this._starting && (this._starting = !1, k.off(this._onTicker, { sort: 0 }));
   }
   _onTicker() {
-    const e = M.elapsed * this.speed;
+    const e = k.elapsed * this.speed;
     if ((this._nextDeltaTime -= e) <= 0) {
       const s = (this._nextDeltaTime = this.spf) || e;
       this.emit("process", s);
@@ -1916,7 +1916,7 @@ void main(void) {
     const i = this._renderer.texture.maxUnits, o = this._getAttributeBuffer(e), a = new Float32Array(o), n = new Uint8Array(o), h = this._getIndexBuffer(t);
     let l = 0, c = 0;
     const d = [];
-    for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map(), w = 0, P = 0, R = 0; R < _; R++) {
+    for (let _ = s.length, f = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map(), w = 0, P = 0, R = 0; R < _; R++) {
       const A = s[R].texture, L = R === _ - 1;
       if (!A || g.has(A)) {
         if (!L)
@@ -1924,23 +1924,23 @@ void main(void) {
       } else
         m.push(A), g.set(A, w++);
       if (L || w >= i) {
-        p.textures = m, p.textureLocationMap = g, w = 0, p.first = c;
-        for (let $ = P; $ <= R; $++) {
+        f.textures = m, f.textureLocationMap = g, w = 0, f.first = c;
+        for (let V = P; V <= R; V++) {
           const {
             indices: ur,
             vertices: Lt,
             uvs: dr = new Float32Array(0),
-            dimension: fr = new Float32Array(0),
-            texture: pr,
+            dimension: pr = new Float32Array(0),
+            texture: fr,
             modulate: je = this._defaultModulate,
             backgroundColor: We = this._defaultBackgroundColor,
             blendMode: _r = Ye.NORMAL,
             disableWrapMode: Us = !1
-          } = s[$];
-          P < $ && p.blendMode !== _r && (p.count = c - p.first, d.push(p), P = $, p = { id: ++this._drawCallUid }, p.textures = m, p.first = c);
-          const Ds = l / this._vertexSize, Is = (pr ? g.get(pr) : -1) ?? -1, Bs = Us ? 1 : 0;
+          } = s[V];
+          P < V && f.blendMode !== _r && (f.count = c - f.first, d.push(f), P = V, f = { id: ++this._drawCallUid }, f.textures = m, f.first = c);
+          const Ds = l / this._vertexSize, Is = (fr ? g.get(fr) : -1) ?? -1, Bs = Us ? 1 : 0;
           for (let Ft = Lt.length, Y = 0; Y < Ft; Y += 2) {
-            if (a[l++] = Is, a[l++] = Lt[Y], a[l++] = Lt[Y + 1], a[l++] = fr[0], a[l++] = fr[1], a[l++] = dr[Y], a[l++] = dr[Y + 1], je) {
+            if (a[l++] = Is, a[l++] = Lt[Y], a[l++] = Lt[Y + 1], a[l++] = pr[0], a[l++] = pr[1], a[l++] = dr[Y], a[l++] = dr[Y + 1], je) {
               const te = l * 4;
               n[te] = je[0], n[te + 1] = je[1], n[te + 2] = je[2], n[te + 3] = je[3];
             }
@@ -1952,24 +1952,24 @@ void main(void) {
           }
           for (let Ft = ur.length, Y = 0; Y < Ft; Y++)
             h[c++] = Ds + ur[Y];
-          p.blendMode = _r;
+          f.blendMode = _r;
         }
-        P = R + 1, p.count = c - p.first, d.push(p), p = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map();
+        P = R + 1, f.count = c - f.first, d.push(f), f = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map();
       }
     }
-    const f = this._getShader(i);
-    f.update(o, h);
-    for (let _ = d.length, p = 0; p < _; p++) {
-      const m = d[p], { first: g = 0, textures: w, textureLocationMap: P } = m;
+    const p = this._getShader(i);
+    p.update(o, h);
+    for (let _ = d.length, f = 0; f < _; f++) {
+      const m = d[f], { first: g = 0, textures: w, textureLocationMap: P } = m;
       for (let R = w.length, A = 0; A < R; A++) {
-        const L = w[A], $ = P.get(L);
-        $ !== void 0 && this._renderer.texture.bind({
+        const L = w[A], V = P.get(L);
+        V !== void 0 && this._renderer.texture.bind({
           target: "texture_2d",
-          location: $,
+          location: V,
           value: L
         });
       }
-      this._state.blendMode = m.blendMode, this._renderer.state.bind(this._state), f.draw({
+      this._state.blendMode = m.blendMode, this._renderer.state.bind(this._state), p.draw({
         mode: "triangles",
         count: m.count,
         first: g,
@@ -2384,14 +2384,14 @@ class Vi extends X {
       if (!c)
         continue;
       const d = c.name.replace(/\[.*?\]$/, "");
-      let f = i.getUniformLocation(s, d);
-      f || (f = i.getUniformLocation(s, c.name)), o.uniforms.set(d, {
+      let p = i.getUniformLocation(s, d);
+      p || (p = i.getUniformLocation(s, c.name)), o.uniforms.set(d, {
         name: d,
         index: l,
         type: this._renderer.bindPoints.get(c.type) ?? String(c.type),
         size: c.size,
         isArray: d !== c.name,
-        location: f
+        location: p
       });
     }
   }
@@ -2427,60 +2427,60 @@ ${s.getShaderInfoLog(i)}`);
       const h = i[n], l = o.get(n);
       if (!l)
         continue;
-      const { type: c, isArray: d, location: f } = l;
-      if (!(!f || a.get(f) === h))
-        switch (a.set(f, h), c) {
+      const { type: c, isArray: d, location: p } = l;
+      if (!(!p || a.get(p) === h))
+        switch (a.set(p, h), c) {
           case "float":
-            d ? s.uniform1fv(f, h) : s.uniform1f(f, h);
+            d ? s.uniform1fv(p, h) : s.uniform1f(p, h);
             break;
           case "unsigned_int":
-            d ? s.uniform1uiv(f, h) : s.uniform1ui(f, h);
+            d ? s.uniform1uiv(p, h) : s.uniform1ui(p, h);
             break;
           case "bool":
           case "int":
           case "sampler_2d":
           case "sampler_cube":
           case "sampler_2d_array":
-            d ? s.uniform1iv(f, h) : s.uniform1i(f, h);
+            d ? s.uniform1iv(p, h) : s.uniform1i(p, h);
             break;
           case "bool_vec2":
           case "int_vec2":
-            s.uniform2iv(f, h);
+            s.uniform2iv(p, h);
             break;
           case "unsigned_int_vec2":
-            s.uniform2uiv(f, h);
+            s.uniform2uiv(p, h);
             break;
           case "float_vec2":
-            s.uniform2fv(f, h);
+            s.uniform2fv(p, h);
             break;
           case "bool_vec3":
           case "int_vec3":
-            s.uniform3iv(f, h);
+            s.uniform3iv(p, h);
             break;
           case "unsigned_int_vec3":
-            s.uniform3uiv(f, h);
+            s.uniform3uiv(p, h);
             break;
           case "float_vec3":
-            s.uniform3fv(f, h);
+            s.uniform3fv(p, h);
             break;
           case "bool_vec4":
           case "int_vec4":
-            s.uniform4iv(f, h);
+            s.uniform4iv(p, h);
             break;
           case "unsigned_int_vec4":
-            s.uniform4uiv(f, h);
+            s.uniform4uiv(p, h);
             break;
           case "float_vec4":
-            s.uniform4fv(f, h);
+            s.uniform4fv(p, h);
             break;
           case "float_mat2":
-            s.uniformMatrix2fv(f, !1, h);
+            s.uniformMatrix2fv(p, !1, h);
             break;
           case "float_mat3":
-            s.uniformMatrix3fv(f, !1, h);
+            s.uniformMatrix3fv(p, !1, h);
             break;
           case "float_mat4":
-            s.uniformMatrix4fv(f, !1, h);
+            s.uniformMatrix4fv(p, !1, h);
             break;
         }
     }
@@ -2528,15 +2528,15 @@ function Gi(r) {
   }
 }
 function gt(r, e, t) {
-  const [s, i, o, a, n, h, l, c, d] = r, f = s * e + a * t + l, _ = i * e + n * t + c, p = o * e + h * t + d;
-  return { x: f / p, y: _ / p };
+  const [s, i, o, a, n, h, l, c, d] = r, p = s * e + a * t + l, _ = i * e + n * t + c, f = o * e + h * t + d;
+  return { x: p / f, y: _ / f };
 }
 function ji(r, e) {
-  const { x: t, y: s, width: i, height: o } = e, a = gt(r, t, s), n = gt(r, t + i, s), h = gt(r, t + i, s + o), l = gt(r, t, s + o), c = [a, n, h, l], d = c.map((w) => w.x), f = c.map((w) => w.y), _ = Math.min(...d), p = Math.max(...d), m = Math.min(...f), g = Math.max(...f);
+  const { x: t, y: s, width: i, height: o } = e, a = gt(r, t, s), n = gt(r, t + i, s), h = gt(r, t + i, s + o), l = gt(r, t, s + o), c = [a, n, h, l], d = c.map((w) => w.x), p = c.map((w) => w.y), _ = Math.min(...d), f = Math.max(...d), m = Math.min(...p), g = Math.max(...p);
   return {
     x: _,
     y: m,
-    width: p - _,
+    width: f - _,
     height: g - m
   };
 }
@@ -2560,12 +2560,12 @@ class Wi extends X {
     }
   }
   use() {
-    const e = this._renderer, { pixelRatio: t, mask: s, viewport: i, screen: o, gl: a, program: n } = e, { viewMatrix: h } = n.uniforms, l = ji(h, s.last.mask), { x: c, y: d, width: f, height: _ } = l;
-    let p;
-    i.boundViewport ? p = i.boundViewport.height - (_ + d) * t : p = (o.height - (_ + d)) * t, a.scissor(
+    const e = this._renderer, { pixelRatio: t, mask: s, viewport: i, screen: o, gl: a, program: n } = e, { viewMatrix: h } = n.uniforms, l = ji(h, s.last.mask), { x: c, y: d, width: p, height: _ } = l;
+    let f;
+    i.boundViewport ? f = i.boundViewport.height - (_ + d) * t : f = (o.height - (_ + d)) * t, a.scissor(
       c * t,
-      p,
-      f * t,
+      f,
+      p * t,
       _ * t
     );
   }
@@ -2690,11 +2690,11 @@ class Hi extends X {
     if (n.anisoLevel && c === "linear" && this._renderer.extensions.anisotropicFiltering && h.anisoLevel) {
       const {
         MAX_TEXTURE_MAX_ANISOTROPY_EXT: d,
-        TEXTURE_MAX_ANISOTROPY_EXT: f
+        TEXTURE_MAX_ANISOTROPY_EXT: p
       } = this._renderer.extensions.anisotropicFiltering;
       a.texParameterf(
         l,
-        f,
+        p,
         Math.min(
           n.anisoLevel,
           a.getParameter(d)
@@ -2715,8 +2715,8 @@ class Hi extends X {
     const h = n[i] ?? null, l = this.boundLocation, c = s !== h, d = {
       location: o !== l && (c || a),
       texture: c
-    }, f = this._renderer.getBindPoint(i);
-    d.location && (t.activeTexture(t.TEXTURE0 + o), this.boundLocation = o), d.texture && (t.bindTexture(f, s ?? this.emptyTextures[i]), n[i] = s), this.boundTarget = i;
+    }, p = this._renderer.getBindPoint(i);
+    d.location && (t.activeTexture(t.TEXTURE0 + o), this.boundLocation = o), d.texture && (t.bindTexture(p, s ?? this.emptyTextures[i]), n[i] = s), this.boundTarget = i;
   }
   unbind(e, t = "texture_2d") {
     const s = this._renderer.gl;
@@ -2751,10 +2751,10 @@ class Yi extends X {
       stride: l = 0,
       offset: c = 0,
       divisor: d
-    } = s, f = this._renderer.gl;
+    } = s, p = this._renderer.gl;
     this._renderer.buffer.bind({ target: "array_buffer", value: o });
     for (let _ = 0; _ < i; _++)
-      f.enableVertexAttribArray(t + _), f.vertexAttribPointer(
+      p.enableVertexAttribArray(t + _), p.vertexAttribPointer(
         t + _,
         a,
         this._renderer.getBindPoint(n),
@@ -2762,7 +2762,7 @@ class Yi extends X {
         l,
         c + (l - c) / i * _
       );
-    d && ("vertexAttribDivisor" in f ? f.vertexAttribDivisor(t, d) : console.warn("Failed to active vertex array object, GPU Instancing is not supported on this device")), this.boundVertexArray.attributes[e] = {
+    d && ("vertexAttribDivisor" in p ? p.vertexAttribDivisor(t, d) : console.warn("Failed to active vertex array object, GPU Instancing is not supported on this device")), this.boundVertexArray.attributes[e] = {
       enable: !0,
       ...s
     };
@@ -2801,28 +2801,28 @@ class Yi extends X {
       const o = this._renderer.program.getMeta(t), a = {}, n = {};
       for (const l in s.attributes) {
         const c = s.attributes[l], d = o.attributes.get(l);
-        let f;
-        "buffer" in c ? f = { ...c } : f = { buffer: c }, f.size = f.size || d?.size || 0;
-        const _ = this._renderer.buffer.getMeta(f.buffer), p = Number(d?.type.match(/mat(\d)/)?.[1] ?? 1);
+        let p;
+        "buffer" in c ? p = { ...c } : p = { buffer: c }, p.size = p.size || d?.size || 0;
+        const _ = this._renderer.buffer.getMeta(p.buffer), f = Number(d?.type.match(/mat(\d)/)?.[1] ?? 1);
         let m;
-        switch (f.type) {
+        switch (p.type) {
           case "unsigned_byte":
-            m = f.size;
+            m = p.size;
             break;
           case "unsigned_short":
-            m = f.size * 2;
+            m = p.size * 2;
             break;
           case "float":
           default:
-            m = f.size * 4;
+            m = p.size * 4;
             break;
         }
-        m *= p, a[_.id] ??= 0, a[_.id] += m, n[l] = { attrib: f, meta: _, info: d, byteLength: m, dimension: p };
+        m *= f, a[_.id] ??= 0, a[_.id] += m, n[l] = { attrib: p, meta: _, info: d, byteLength: m, dimension: f };
       }
       const h = {};
       for (const l in n) {
-        const { attrib: c, meta: d, info: f, byteLength: _, dimension: p } = n[l];
-        f?.location !== void 0 && (h[d.id] ??= 0, c.offset ??= h[d.id], c.stride ??= a[d.id] === _ ? 0 : a[d.id], this.enableVertexAttrib(l, f.location, c, p), h[d.id] += _);
+        const { attrib: c, meta: d, info: p, byteLength: _, dimension: f } = n[l];
+        p?.location !== void 0 && (h[d.id] ??= 0, c.offset ??= h[d.id], c.stride ??= a[d.id] === _ ? 0 : a[d.id], this.enableVertexAttrib(l, p.location, c, f), h[d.id] += _);
       }
     }
     const i = s.elementArrayBuffer ?? null;
@@ -3010,7 +3010,7 @@ class Ji extends Ee {
     }), e.font = this, this;
   }
 }
-class Qt extends pe {
+class Qt extends fe {
   vertexAttributes;
   indexBuffer;
   instanceCount;
@@ -3068,7 +3068,7 @@ var Qi = Object.defineProperty, Qr = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Qi(e, t, i), i;
 };
-class at extends pe {
+class at extends fe {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties(e);
@@ -3112,7 +3112,7 @@ var eo = Object.defineProperty, es = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && eo(e, t, i), i;
 };
-class ce extends pe {
+class ce extends fe {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties(e);
@@ -3156,7 +3156,7 @@ var to = Object.defineProperty, Ce = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && to(e, t, i), i;
 };
-class F extends pe {
+class z extends fe {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties({
@@ -3184,30 +3184,30 @@ class F extends pe {
 }
 Ce([
   u({ internal: !0 })
-], F.prototype, "buffer");
+], z.prototype, "buffer");
 Ce([
   u({ fallback: 0 })
-], F.prototype, "size");
+], z.prototype, "size");
 Ce([
   u({ fallback: !1 })
-], F.prototype, "normalized");
+], z.prototype, "normalized");
 Ce([
   u({ fallback: "float" })
-], F.prototype, "type");
+], z.prototype, "type");
 Ce([
   u()
-], F.prototype, "stride");
+], z.prototype, "stride");
 Ce([
   u()
-], F.prototype, "offset");
+], z.prototype, "offset");
 Ce([
   u()
-], F.prototype, "divisor");
+], z.prototype, "divisor");
 class wl extends Qt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new z({
           buffer: new ce({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3225,7 +3225,7 @@ class wl extends Qt {
     });
   }
 }
-class x extends pe {
+class x extends fe {
   static instance = new this();
   vert;
   frag;
@@ -3371,7 +3371,7 @@ class b extends Qt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new z({
           buffer: new ce({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1]),
             dynamic: !1
@@ -3380,7 +3380,7 @@ class b extends Qt {
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new z({
           buffer: new ce({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3404,13 +3404,13 @@ class Pl extends Qt {
     const e = new ce({ data: new Float32Array(), dynamic: !0 }), t = new ce({ data: new Float32Array(), dynamic: !0 });
     super({
       vertexAttributes: {
-        position: new F({
+        position: new z({
           buffer: e,
           size: 2,
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new z({
           buffer: t,
           size: 2,
           normalized: !1,
@@ -3429,7 +3429,7 @@ var oo = Object.defineProperty, Ie = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && oo(e, t, i), i;
 };
-class E extends pe {
+class T extends fe {
   static get EMPTY() {
     return new this({ width: 1, height: 1, pixels: null });
   }
@@ -3528,23 +3528,23 @@ class E extends pe {
 }
 Ie([
   u({ internal: !0 })
-], E.prototype, "source");
+], T.prototype, "source");
 Ie([
   u({ fallback: 0 })
-], E.prototype, "width");
+], T.prototype, "width");
 Ie([
   u({ fallback: 0 })
-], E.prototype, "height");
+], T.prototype, "height");
 Ie([
   u({ fallback: "linear" })
-], E.prototype, "filterMode");
+], T.prototype, "filterMode");
 Ie([
   u({ fallback: "clamp_to_edge" })
-], E.prototype, "wrapMode");
+], T.prototype, "wrapMode");
 Ie([
   u({ fallback: 1 })
-], E.prototype, "pixelRatio");
-class Gt extends pe {
+], T.prototype, "pixelRatio");
+class Gt extends fe {
   frames;
   frameIndex = 0;
   get currentFrame() {
@@ -3555,7 +3555,7 @@ class Gt extends pe {
     let t;
     if (Array.isArray(e))
       t = e;
-    else if (e instanceof E)
+    else if (e instanceof T)
       t = [{ texture: e, duration: 0 }];
     else
       throw new TypeError("Failed new AnimatedTexture");
@@ -3575,7 +3575,7 @@ var ao = Object.defineProperty, no = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ao(e, t, i), i;
 };
-class er extends E {
+class er extends T {
   constructor(e = document.createElement("canvas")) {
     super(e);
   }
@@ -3594,12 +3594,12 @@ class er extends E {
 no([
   u({ fallback: 2 })
 ], er.prototype, "pixelRatio");
-class Tl extends E {
+class Tl extends T {
   static _cached = /* @__PURE__ */ new Map();
   static get(e) {
     const t = new Z(e), s = t.toHex();
     let i = this._cached.get(s);
-    return i || (i = new E({
+    return i || (i = new T({
       width: 1,
       height: 1,
       pixels: new Uint8Array([t.r8, t.g8, t.b8, t.a8])
@@ -3614,7 +3614,7 @@ class Tl extends E {
     });
   }
 }
-class Mt extends E {
+class Ot extends T {
   static test(e) {
     return Ls(e);
   }
@@ -3625,8 +3625,8 @@ class Mt extends E {
     const o = i.getContext("2d");
     if (!o)
       throw new Error("Failed to parse linear gradient, get canvas context is null.");
-    const { angle: a = 0, stops: n } = e, h = t, l = s, c = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), g = c - _ * (m / 2), w = d - p * (m / 2), P = c + _ * (m / 2), R = d + p * (m / 2), A = o.createLinearGradient(g, w, P, R);
-    for (const $ of n) A.addColorStop($.offset, $.color);
+    const { angle: a = 0, stops: n } = e, h = t, l = s, c = h / 2, d = l / 2, p = (a + 90) * Math.PI / 180, _ = Math.sin(p), f = -Math.cos(p), m = Math.abs(h * Math.sin(p)) + Math.abs(l * Math.cos(p)), g = c - _ * (m / 2), w = d - f * (m / 2), P = c + _ * (m / 2), R = d + f * (m / 2), A = o.createLinearGradient(g, w, P, R);
+    for (const V of n) A.addColorStop(V.offset, V.color);
     o.fillStyle = A, o.fillRect(0, 0, h, l);
     const L = o.getImageData(0, 0, i.width, i.height);
     return {
@@ -3637,7 +3637,7 @@ class Mt extends E {
   }
   constructor(e, t, s) {
     super(
-      Mt.linearGradient(e, t, s)
+      Ot.linearGradient(e, t, s)
     );
   }
 }
@@ -3648,7 +3648,7 @@ function lo(r) {
     crossorigin: r?.crossorigin ?? null
   };
 }
-class El extends E {
+class El extends T {
   bitmap;
   useBitmap;
   preserveBitmap = !1;
@@ -3706,7 +3706,7 @@ class El extends E {
     return this.preserveBitmap && this.bitmap && (this.bitmap.close(), this.bitmap = void 0), t;
   }
 }
-class ts extends E {
+class ts extends T {
   constructor(e, t = 1, s = 1) {
     const i = {
       width: t,
@@ -3746,7 +3746,7 @@ function co(r) {
     playsinline: !!(r?.playsinline ?? !0)
   };
 }
-const tr = class ss extends E {
+const tr = class ss extends T {
   static mimeTypes = new Map(Object.entries({
     ogv: "video/ogg",
     mov: "video/quicktime",
@@ -3829,15 +3829,15 @@ const tr = class ss extends E {
     this.autoUpdate && !this.isPlaying && (this._nextTime = 0, this.requestUpload(), this._nextTime = 0);
   };
   _setupAutoUpdate() {
-    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (M.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
+    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
       this._videoFrameRequestCallback
-    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (M.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (M.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
+    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (k.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
   }
   _videoFrameRequestCallback = () => {
     this.requestUpload(), this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback);
   };
   requestUpload = () => {
-    const e = Math.floor(M.elapsed * this.source.playbackRate);
+    const e = Math.floor(k.elapsed * this.source.playbackRate);
     this._nextTime -= e, (!this._spf || this._nextTime <= 0) && (super.requestUpload(), this._nextTime = this._spf || 0);
   };
   async load() {
@@ -3865,7 +3865,7 @@ let uo = tr;
 class wr extends ts {
   //
 }
-class fo extends bt {
+class po extends bt {
   fillStyle;
   strokeStyle;
   strokeAlignment;
@@ -3878,7 +3878,7 @@ class fo extends bt {
   vertTransform;
   _draws = [];
   _parseDrawStyle(e) {
-    return e ? e instanceof E ? {
+    return e ? e instanceof T ? {
       texture: e
     } : {
       backgroundColor: new Z(e).toInt8Array()
@@ -3955,8 +3955,8 @@ class fo extends bt {
       const a = i.width, n = i.height;
       for (let h = t.length, l = e; l < h; l += 2) {
         const c = t[l], d = t[l + 1];
-        let f, _;
-        o ? [f, _] = o.apply({ x: c, y: d }).toArray() : [f, _] = [c / a, d / n], s.push(f, _);
+        let p, _;
+        o ? [p, _] = o.apply({ x: c, y: d }).toArray() : [p, _] = [c / a, d / n], s.push(p, _);
       }
     } else
       for (let a = t.length, n = e; n < a; n += 2)
@@ -3993,7 +3993,7 @@ class fo extends bt {
     return e;
   }
 }
-class po {
+class fo {
   front = [];
   default = [];
   back = [];
@@ -4041,7 +4041,7 @@ class po {
     return [...this.default];
   }
 }
-class _o extends fe {
+class _o extends pe {
   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)),
@@ -4071,7 +4071,7 @@ function vo(r) {
   let e = Pr[r] ?? 0;
   return e++, Pr[r] = e, e;
 }
-let O = class extends fe {
+let M = class extends pe {
   _meta = new _o(this);
   get meta() {
     return this._meta;
@@ -4158,7 +4158,7 @@ let O = class extends fe {
     return this;
   }
   /** Children */
-  _children = new po();
+  _children = new fo();
   get children() {
     return this._children.default;
   }
@@ -4267,7 +4267,7 @@ let O = class extends fe {
       const n = e.renderStack.push(this);
       a = e.renderStack.currentCall, e.renderStack.currentCall = n;
     }
-    if (this.mask instanceof O)
+    if (this.mask instanceof M)
       this.getNode("__$mask") || (this.mask.processMode = "disabled", this.appendChild(this.mask, "front"));
     else {
       const n = this.getNode("__$mask");
@@ -4431,43 +4431,43 @@ let O = class extends fe {
   static parse(r) {
     if (Array.isArray(r))
       return r.map((n) => this.parse(n));
-    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Yt.get(i) ?? O, a = new o({ ...s, meta: e });
+    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Yt.get(i) ?? M, a = new o({ ...s, meta: e });
     return t?.forEach((n) => a.appendChild(this.parse(n))), a;
   }
 };
 ae([
   u({ fallback: Lr() })
-], O.prototype, "id", 2);
+], M.prototype, "id", 2);
 ae([
   u({ fallback: Lr() })
-], O.prototype, "name", 2);
+], M.prototype, "name", 2);
 ae([
   u({ internal: !0, fallback: "inherit" })
-], O.prototype, "processMode", 2);
+], M.prototype, "processMode", 2);
 ae([
   u({ internal: !0, fallback: "default" })
-], O.prototype, "processSortMode", 2);
+], M.prototype, "processSortMode", 2);
 ae([
   u({ internal: !0, fallback: "inherit" })
-], O.prototype, "renderMode", 2);
+], M.prototype, "renderMode", 2);
 ae([
   u({ internal: !0, fallback: "inherit" })
-], O.prototype, "inputMode", 2);
+], M.prototype, "inputMode", 2);
 ae([
   u({ internal: !0, fallback: "default" })
-], O.prototype, "internalMode", 2);
+], M.prototype, "internalMode", 2);
 ae([
   u({ internal: !0 })
-], O.prototype, "mask", 2);
-O = ae([
+], M.prototype, "mask", 2);
+M = ae([
   v("Node")
-], O);
+], M);
 var bo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, Be = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? yo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && bo(e, t, i), i;
 };
-let G = class extends O {
+let G = class extends M {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -4550,7 +4550,7 @@ let ye = class extends G {
   }
   _modulate = new Z(4294967295);
   // Batch render
-  context = new fo();
+  context = new po();
   _resetContext = !0;
   _redrawing = !0;
   _relayouting = !1;
@@ -4664,12 +4664,12 @@ var Po = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Ne = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Po(e, t, i), i;
 };
-let j = class extends O {
+let j = class extends M {
   constructor(r = !1) {
     super(), this.flipY = r, this.projection.flipY(r);
   }
   projection = new Ui();
-  canvasTransform = new I();
+  canvasTransform = new O();
   _framebufferIndex = 0;
   _framebuffers = [
     { texture: new wr(), needsUpload: !1 },
@@ -4989,7 +4989,7 @@ var Ao = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Le = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Ao(e, t, i), i;
 };
-let ie = class extends O {
+let ie = class extends M {
   static from(r, e = !1) {
     const [t, s] = r ? Array.isArray(r) ? r : [0, r] : [];
     return new ie({
@@ -5038,10 +5038,10 @@ Le([
 ie = Le([
   v("Timeline")
 ], ie);
-var Oo = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, is = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Mo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Mo = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, is = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Oo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && Oo(e, t, i), i;
+  return s && i && Mo(e, t, i), i;
 };
 let wt = class extends j {
 };
@@ -5126,32 +5126,34 @@ var Uo = Object.getOwnPropertyDescriptor, Do = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Oe = class extends y {
+let Me = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-Oe = Do([
+Me = Do([
   v("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], Oe);
+], Me);
 var Io = Object.defineProperty, Bo = Object.getOwnPropertyDescriptor, rr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Bo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Io(e, t, i), i;
 };
 let xe = class extends ye {
-  position = new T().on("update", () => this.updateGlobalTransform());
-  scale = new T(1, 1).on("update", () => this.updateGlobalTransform());
-  skew = new T().on("update", () => this.updateGlobalTransform());
-  transform = new I();
-  globalPosition = new T();
-  globalScale = new T();
-  globalSkew = new T();
-  globalTransform = new I();
+  position = new S().on("update", () => this.updateGlobalTransform());
+  scale = new S(1, 1).on("update", () => this.updateGlobalTransform());
+  skew = new S().on("update", () => this.updateGlobalTransform());
+  pivot = new S().on("update", () => this.updateGlobalTransform());
+  extraTransform = new O();
+  transform = new O();
+  globalPosition = new S();
+  globalScale = new S();
+  globalSkew = new S();
+  globalTransform = new O();
   _parentTransformDirtyId;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5163,12 +5165,8 @@ let xe = class extends ye {
         break;
     }
   }
-  getTransformOrigin() {
-    return new T(0, 0);
-  }
-  updateTransform(r) {
-    const e = this.getTransformOrigin(), t = this.transform.identity().translate(-e.x, -e.y).scale(this.scale.x, this.scale.y).skew(this.skew.x, this.skew.y).rotate(this.rotation);
-    r?.(t), t.translate(this.position.x, this.position.y).translate(e.x, e.y);
+  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);
   }
   updateGlobalTransform() {
     this.updateTransform();
@@ -5195,8 +5193,8 @@ let xe = class extends ye {
       [t, s, i, o, a, n] = this.globalTransform.toArray();
     const h = r.slice();
     for (let l = r.length, c = 0; c < l; c += 2) {
-      const d = r[c], f = r[c + 1];
-      h[c] = t * d + s * f + i, h[c + 1] = o * d + a * f + n;
+      const d = r[c], p = r[c + 1];
+      h[c] = t * d + s * p + i, h[c + 1] = o * d + a * p + n;
     }
     return h;
   }
@@ -5234,21 +5232,21 @@ var No = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, kt = (r, e
 };
 let Ke = class extends xe {
   _screenOffset = { x: 0, y: 0 };
-  _zoom = new T(1, 1).on("update", () => this.updateCanvasTransform());
+  _zoom = new S(1, 1).on("update", () => this.updateCanvasTransform());
   get zoom() {
     return this._zoom;
   }
   set zoom(r) {
     this._zoom.set(r.x, r.y);
   }
-  _minZoom = new T(0.02, 0.02);
+  _minZoom = new S(0.02, 0.02);
   get minZoom() {
     return this._minZoom;
   }
   set minZoom(r) {
     this._minZoom.set(r.x, r.y);
   }
-  _maxZoom = new T(256, 256);
+  _maxZoom = new S(256, 256);
   get maxZoom() {
     return this._maxZoom;
   }
@@ -5414,7 +5412,7 @@ function Cl(r) {
   }
   return e;
 }
-function Fo(r, e, t, s = new I()) {
+function Fo(r, e, t, s = new O()) {
   return r = !r || r === "none" ? "" : r, At(r, { width: e, height: t }).reverse().forEach(({ name: i, args: o }) => {
     const a = o.map((n) => n.normalizedIntValue);
     switch (i) {
@@ -5506,13 +5504,13 @@ var os = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, Vo = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && os(e, t, i), i;
 }, Go = (r, e, t) => Vo(r, e + "", t);
-let z = class extends y {
+let $ = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, z.material, {
+      b.draw(r, $.material, {
         sampler: 0,
         saturation: this.saturation,
         contrast: this.contrast,
@@ -5526,7 +5524,7 @@ let z = class extends y {
     });
   }
 };
-Go(z, "material", new x({
+Go($, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5563,31 +5561,31 @@ void main(void) {
 }));
 ne([
   u({ fallback: 1 })
-], z.prototype, "saturation", 2);
+], $.prototype, "saturation", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "contrast", 2);
+], $.prototype, "contrast", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "brightness", 2);
+], $.prototype, "brightness", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "red", 2);
+], $.prototype, "red", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "green", 2);
+], $.prototype, "green", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "blue", 2);
+], $.prototype, "blue", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "alpha", 2);
+], $.prototype, "alpha", 2);
 ne([
   u({ fallback: 1 })
-], z.prototype, "gamma", 2);
-z = ne([
+], $.prototype, "gamma", 2);
+$ = ne([
   v("ColorAdjustEffect")
-], z);
+], $);
 var as = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, Wo = (r, e, t) => e in r ? as(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ns = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? jo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
@@ -5678,7 +5676,7 @@ var ls = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e
   return s && i && ls(e, t, i), i;
 }, Yo = (r, e, t) => Ho(r, e + "", t);
 const He = 50;
-let Me = class extends y {
+let Oe = class extends y {
   _color = new Z();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5692,14 +5690,14 @@ let Me = class extends y {
       });
       for (; t.length < He; )
         t.push([0, 0, 0, 0]);
-      b.draw(r, Me.material, {
+      b.draw(r, Oe.material, {
         sampler: 0,
         colors: t.slice(0, He).flatMap((s) => s)
       });
     });
   }
 };
-Yo(Me, "material", new x({
+Yo(Oe, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5748,13 +5746,13 @@ void main(void) {
 }));
 sr([
   u({ default: () => [] })
-], Me.prototype, "colors", 2);
+], Oe.prototype, "colors", 2);
 sr([
   u({ fallback: 0.5 })
-], Me.prototype, "alpha", 2);
-Me = sr([
+], Oe.prototype, "alpha", 2);
+Oe = sr([
   v("ColorOverlayEffect")
-], Me);
+], Oe);
 var hs = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (r, e, t) => e in r ? hs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ir = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ko(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
@@ -6019,8 +6017,8 @@ var ds = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, aa = (r, e
   for (var i = s > 1 ? void 0 : s ? oa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ds(e, t, i), i;
-}, fs = (r, e, t) => aa(r, typeof e != "symbol" ? e + "" : e, t);
-const ps = `varying vec2 vUv[9];
+}, ps = (r, e, t) => aa(r, typeof e != "symbol" ? e + "" : e, t);
+const fs = `varying vec2 vUv[9];
 uniform sampler2D sampler;
 
 void main(void) {
@@ -6077,7 +6075,7 @@ let oe = class extends y {
       });
   }
 };
-fs(oe, "materialX", new x({
+ps(oe, "materialX", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform float uStrength;
@@ -6095,9 +6093,9 @@ void main(void) {
   vUv[7] = uv + vec2(3.0 * uStrength, 0.0);
   vUv[8] = uv + vec2(4.0 * uStrength, 0.0);
 }`,
-  frag: ps
+  frag: fs
 }));
-fs(oe, "materialY", new x({
+ps(oe, "materialY", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 uniform float uStrength;
@@ -6115,7 +6113,7 @@ void main(void) {
   vUv[7] = uv + vec2(0.0, 3.0 * uStrength);
   vUv[8] = uv + vec2(0.0, 4.0 * uStrength);
 }`,
-  frag: ps
+  frag: fs
 }));
 ar([
   u({ fallback: 4 })
@@ -6249,11 +6247,11 @@ gs([
 Je = gs([
   v("EmbossEffect")
 ], Je);
-var vs = Object.defineProperty, fa = Object.getOwnPropertyDescriptor, pa = (r, e, t) => e in r ? vs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Q = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? fa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var vs = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, fa = (r, e, t) => e in r ? vs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Q = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? pa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && vs(e, t, i), i;
-}, _a = (r, e, t) => pa(r, e + "", t);
+}, _a = (r, e, t) => fa(r, e + "", t);
 let N = class extends y {
   _canvas;
   _texture;
@@ -6261,7 +6259,7 @@ let N = class extends y {
   _offsets;
   _needsRedraw = !1;
   constructor(r, e = []) {
-    super(), this.setProperties(r).append(e), this._canvas = document.createElement("canvas"), this._canvas.width = 4, this._canvas.height = this.sampleSize, this._texture = new E(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
+    super(), this.setProperties(r).append(e), this._canvas = document.createElement("canvas"), this._canvas.width = 4, this._canvas.height = this.sampleSize, this._texture = new T(this._canvas), this._sizes = new Float32Array(this.slices), this._offsets = new Float32Array(this.slices);
   }
   redraw() {
     const r = this.sampleSize, e = this._texture, t = this._canvas.getContext("2d");
@@ -6856,12 +6854,12 @@ void main(void) {
     vec4 outlineColor = vec4(vec3(uColor) * outlineAlpha, outlineAlpha);
     gl_FragColor = contentColor + outlineColor;
 }`;
-let k = class extends y {
+let U = class extends y {
   static getAngleStep(r) {
     return Number.parseFloat(
       (Math.PI * 2 / Math.max(
-        r * k.MAX_SAMPLES,
-        k.MIN_SAMPLES
+        r * U.MAX_SAMPLES,
+        U.MIN_SAMPLES
       )).toFixed(7)
     );
   }
@@ -6878,7 +6876,7 @@ void main() {
 }`,
       frag: Ra.replace(
         /\{ANGLE_STEP\}/,
-        k.getAngleStep(this.quality).toFixed(7)
+        U.getAngleStep(this.quality).toFixed(7)
       )
     });
   }
@@ -6892,44 +6890,44 @@ void main() {
         ],
         uColor: this._color.toArray().slice(0, 3),
         uAlpha: this.opacity !== 1 ? this.opacity : this._color.a,
-        uAngleStep: k.getAngleStep(this.quality),
+        uAngleStep: U.getAngleStep(this.quality),
         uKnockout: this.knockout ? 1 : 0,
         uInputClamp: [0, 0, 1, 1]
       });
     });
   }
 };
-ws(k, "MIN_SAMPLES", 1);
-ws(k, "MAX_SAMPLES", 100);
+ws(U, "MIN_SAMPLES", 1);
+ws(U, "MAX_SAMPLES", 100);
 me([
   u({ fallback: "#000000ff" })
-], k.prototype, "color", 2);
+], U.prototype, "color", 2);
 me([
   u({ fallback: 1 })
-], k.prototype, "width", 2);
+], U.prototype, "width", 2);
 me([
   u({ fallback: "solid" })
-], k.prototype, "style", 2);
+], U.prototype, "style", 2);
 me([
   u()
-], k.prototype, "image", 2);
+], U.prototype, "image", 2);
 me([
   u({ fallback: 1 })
-], k.prototype, "opacity", 2);
+], U.prototype, "opacity", 2);
 me([
   u({ fallback: 0.1 })
-], k.prototype, "quality", 2);
+], U.prototype, "quality", 2);
 me([
   u({ fallback: !1 })
-], k.prototype, "knockout", 2);
-k = me([
+], U.prototype, "knockout", 2);
+U = me([
   v("OutlineEffect")
-], k);
-var Ps = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, Ma = (r, e, t) => e in r ? Ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Oa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+], U);
+var Ps = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, Oa = (r, e, t) => e in r ? Ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ma(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Ps(e, t, i), i;
-}, ka = (r, e, t) => Ma(r, e + "", t);
+}, ka = (r, e, t) => Oa(r, e + "", t);
 let et = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -7114,7 +7112,7 @@ ue = ct([
 ], ue);
 function Pt(r, e) {
   let t = !1;
-  const { left: s = 0, top: i = 0, width: o, height: a } = e, n = new I().translate(-s, -i).scale(1 / o, 1 / a);
+  const { left: s = 0, top: i = 0, width: o, height: a } = e, n = new O().translate(-s, -i).scale(1 / o, 1 / a);
   if (r.cropRect) {
     const {
       left: h = 0,
@@ -7156,7 +7154,7 @@ var Ba = Object.defineProperty, H = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Ba(e, t, i), i;
 };
-class U extends fe {
+class D extends pe {
   constructor(e) {
     super(), this.parent = e;
   }
@@ -7167,7 +7165,7 @@ class U extends fe {
   }
   setProperties(e) {
     return this._setProperties(
-      V(e) ? void 0 : Fs(e)
+      F(e) ? void 0 : Fs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7190,11 +7188,11 @@ class U extends fe {
     }
   }
   async loadTexture() {
-    this.linearGradient || this.radialGradient ? this.texture = new Mt(
+    this.linearGradient || this.radialGradient ? this.texture = new Ot(
       this.linearGradient ?? this.radialGradient,
       this.parent.size.width,
       this.parent.size.height
-    ) : V(this.image) || (this.parent.tree?.log(`load image ${this.image}`), this.image.split("?")[0].endsWith(".gif") ? this.animatedTexture = await q.gif.load(this.image) : this.texture = await q.texture.load(this.image));
+    ) : F(this.image) || (this.parent.tree?.log(`load image ${this.image}`), this.image.split("?")[0].endsWith(".gif") ? this.animatedTexture = await q.gif.load(this.image) : this.texture = await q.texture.load(this.image));
   }
   async _updateTexture() {
     await this.loadTexture(), this.parent.requestRedraw();
@@ -7238,46 +7236,46 @@ class U extends fe {
 }
 H([
   u({ fallback: !0 })
-], U.prototype, "enabled");
+], D.prototype, "enabled");
 H([
   u()
-], U.prototype, "color");
+], D.prototype, "color");
 H([
   u()
-], U.prototype, "image");
+], D.prototype, "image");
 H([
   u()
-], U.prototype, "linearGradient");
+], D.prototype, "linearGradient");
 H([
   u()
-], U.prototype, "radialGradient");
+], D.prototype, "radialGradient");
 H([
   u()
-], U.prototype, "cropRect");
+], D.prototype, "cropRect");
 H([
   u()
-], U.prototype, "stretchRect");
+], D.prototype, "stretchRect");
 H([
   u()
-], U.prototype, "dpi");
+], D.prototype, "dpi");
 H([
   u()
-], U.prototype, "rotateWithShape");
+], D.prototype, "rotateWithShape");
 H([
   u()
-], U.prototype, "tile");
+], D.prototype, "tile");
 H([
   u()
-], U.prototype, "opacity");
+], D.prototype, "opacity");
 var Na = Object.defineProperty, La = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Na(e, t, i), i;
 };
-class Cs extends U {
+class Cs extends D {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : zs(e)
+      F(e) ? void 0 : zs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7296,10 +7294,10 @@ var Fa = Object.defineProperty, za = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Fa(e, t, i), i;
 };
-class Ss extends U {
+class Ss extends D {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : $s(e)
+      F(e) ? void 0 : $s(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7318,10 +7316,10 @@ var $a = Object.defineProperty, ut = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && $a(e, t, i), i;
 };
-class $e extends U {
+class $e extends D {
   setProperties(e) {
     return super._setProperties(
-      V(e) ? void 0 : Vs(e)
+      F(e) ? void 0 : Vs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7369,13 +7367,13 @@ var Va = Object.defineProperty, dt = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Va(e, t, i), i;
 };
-class Ve extends fe {
+class Ve extends pe {
   constructor(e) {
     super(), this.parent = e;
   }
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : Gs(e)
+      F(e) ? void 0 : Gs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7409,19 +7407,19 @@ dt([
 dt([
   u({ fallback: 0 })
 ], Ve.prototype, "offsetX");
-var Ga = Object.defineProperty, ft = (r, e, t, s) => {
+var Ga = Object.defineProperty, pt = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && Ga(e, t, i), i;
 };
-class Ge extends fe {
+class Ge extends pe {
   constructor(e) {
     super(), this.parent = e, this._updatePath2DSet();
   }
   _path2DSet = new Qs();
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : js(e)
+      F(e) ? void 0 : js(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7467,22 +7465,22 @@ class Ge extends fe {
     t && s && (i ? e.roundRect(0, 0, t, s, i) : e.rect(0, 0, t, s));
   }
 }
-ft([
+pt([
   u({ fallback: !0 })
 ], Ge.prototype, "enabled");
-ft([
+pt([
   u()
 ], Ge.prototype, "preset");
-ft([
+pt([
   u()
 ], Ge.prototype, "svg");
-ft([
+pt([
   u()
 ], Ge.prototype, "viewBox");
-ft([
+pt([
   u()
 ], Ge.prototype, "paths");
-class tt extends pe {
+class tt extends fe {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -7497,7 +7495,7 @@ var ja = Object.defineProperty, le = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ja(e, t, i), i;
 };
-class ee extends fe {
+class ee extends pe {
   constructor(e) {
     super(), this.parent = e, this.base = new ri(), this.base.setPropertyAccessor(this);
   }
@@ -7506,7 +7504,7 @@ class ee extends fe {
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
-      V(e) ? void 0 : qs(e)
+      F(e) ? void 0 : qs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7557,11 +7555,11 @@ class ee extends fe {
     }), this.parent.requestRedraw());
   }
   async _loadTexture(e, t) {
-    return e.linearGradient || e.radialGradient ? new Mt(
+    return e.linearGradient || e.radialGradient ? new Ot(
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : V(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await q.texture.load(e.image));
+    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await q.texture.load(e.image));
   }
   setContent(e) {
     this.content = Xs(e);
@@ -7576,8 +7574,8 @@ class ee extends fe {
     const e = this.parent;
     if (e.scale.x > 0 && e.scale.y > 0)
       return;
-    const t = e.scale.x * e.scale.y, s = e.getTransformOrigin();
-    return new I().translate(-s.x, -s.y).scale(t > 0 ? 1 : -1, 1).translate(s.x, s.y);
+    const t = e.scale.x * e.scale.y, s = e.pivot;
+    return new O().translate(-s.x, -s.y).scale(t > 0 ? 1 : -1, 1).translate(s.x, s.y);
   }
   useTextureDraw() {
     let e = this.drawMode;
@@ -7589,7 +7587,7 @@ class ee extends fe {
         const i = s.getMeta();
         if (i instanceof si) {
           const o = i.parent.index, a = i.parent.parent.index;
-          if (s.style.fill && !V(s.style.fill))
+          if (s.style.fill && !F(s.style.fill))
             if (typeof s.style.fill == "object") {
               const n = s.style.fill, h = this._textureMap.get(`${a}.${o}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
               if (n.enabled !== !1 && (h || n.color)) {
@@ -7604,7 +7602,7 @@ class ee extends fe {
               }
             } else
               e.addPath(s), e.style = { ...s.style }, e.vertTransform = this._createVertTransform(), e.fill();
-          if (s.style.stroke && !V(s.style.stroke))
+          if (s.style.stroke && !F(s.style.stroke))
             if (typeof s.style.stroke == "object") {
               const n = s.style.stroke, h = this._textureMap.get(`${a}.${o}.outline`) ?? this._textureMap.get(`${a}.outline`) ?? this._textureMap.get("outline");
               if (n.enabled !== !1 && (h || n.color) && (n.width === void 0 || n.width)) {
@@ -7625,7 +7623,9 @@ class ee extends fe {
     });
   }
   _textureDraw(e) {
-    this._texture.width = Math.round(this.base.boundingBox.width), this._texture.height = Math.round(this.base.boundingBox.height), this.base.render({ view: this._texture.source }), e.fillStyle = this._texture, e.vertTransform = this._createVertTransform(), e.fill();
+    this._texture.width = Math.round(this.base.boundingBox.width), this._texture.height = Math.round(this.base.boundingBox.height), this.base.render({ view: this._texture.source }), e.fillStyle = this._texture;
+    const { left: t = 0, top: s = 0, width: i, height: o } = this.base.boundingBox;
+    e.uvTransform = new O().translate(-t, -s).scale(1 / i, 1 / o), e.vertTransform = this._createVertTransform(), e.fill();
   }
   draw() {
     const e = this.parent.context;
@@ -7666,9 +7666,11 @@ var Wa = Object.getOwnPropertyDescriptor, qa = (r, e, t, s) => {
 };
 const Xa = new Set(Object.keys(Ys())), Ha = new Set(Object.keys(Hs()));
 let rt = class extends xe {
-  size = new T().on("update", () => {
-    this.updateGlobalTransform(), this.requestRedraw();
+  size = new S().on("update", () => {
+    this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.updateGlobalTransform(), this.requestRedraw();
   });
+  _allowPointerEvents = !0;
+  _overflowHidden = !1;
   _style = new tt().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
@@ -7692,7 +7694,7 @@ let rt = class extends xe {
   set shape(r) {
     this._shape.resetProperties().setProperties(r);
   }
-  _fill = new U(this);
+  _fill = new D(this);
   get fill() {
     return this._fill;
   }
@@ -7756,7 +7758,7 @@ let rt = class extends xe {
   _updateStyleProperty(r, e, t) {
     switch (r) {
       case "rotate":
-        this.rotation = e * Mi;
+        this.rotation = e * Oi;
         break;
       case "scaleX":
         this.scale.x = e, this.text.isValid() && (e ^ t) < 0 && this.requestRedraw();
@@ -7771,10 +7773,21 @@ let rt = class extends xe {
         this.skew.y = e;
         break;
       case "transform":
-      case "transformOrigin":
-        this.updateGlobalTransform();
+        Fo(
+          e ?? "",
+          this.size.width,
+          this.size.height,
+          this.extraTransform.identity()
+        ), this.updateGlobalTransform();
+        break;
+      case "transformOrigin": {
+        const s = zo(e ?? "");
+        this.pivot.set(
+          s[0] * this.size.width,
+          s[1] * this.size.height
+        );
         break;
-      /** draw */
+      }
       case "opacity":
         this.opacity = e;
         break;
@@ -7785,7 +7798,7 @@ let rt = class extends xe {
         this.requestRepaint();
         break;
       case "maskImage":
-        this._updateMaskImage();
+        this._updateMaskImage(e);
         break;
       case "backgroundColor":
         this.background.color = e;
@@ -7805,6 +7818,12 @@ let rt = class extends xe {
       case "outlineColor":
         this.outline.color = e;
         break;
+      case "overflow":
+        this._overflowHidden = e === "hidden";
+        break;
+      case "pointerEvents":
+        this._allowPointerEvents = !F(e);
+        break;
       case "borderRadius":
       default:
         this.requestRedraw();
@@ -7815,28 +7834,18 @@ let rt = class extends xe {
   _process(r) {
     this.foreground.updateFrameIndex(), this.fill.updateFrameIndex(), this.outline.updateFrameIndex(), this.background.updateFrameIndex(), super._process(r);
   }
-  _updateMaskImage() {
-    const r = "__$style.maskImage", e = this.style.maskImage;
-    if (e && e !== "none") {
-      const t = this.getNode(r);
-      t ? t.src = e : this.appendChild(new Pe({ name: r, src: e }), "back");
+  _updateMaskImage(r) {
+    const e = "__$style.maskImage";
+    if (r && r !== "none") {
+      const t = this.getNode(e);
+      t ? t.src = r : this.appendChild(new Pe({ name: e, src: r }), "back");
     } else {
-      const t = this.getNode(r);
+      const t = this.getNode(e);
       t && this.removeChild(t);
     }
   }
-  getTransformOrigin() {
-    const { width: r, height: e } = this.size, [t, s] = zo(this.style.transformOrigin);
-    return new T(t * r, s * e);
-  }
-  updateTransform(r) {
-    const { width: e, height: t } = this.size;
-    super.updateTransform((s) => {
-      Fo(this.style.transform ?? "", e, t, s), r?.(s);
-    });
-  }
   updateGlobalTransform() {
-    super.updateGlobalTransform(), this._updateOverflow();
+    super.updateGlobalTransform(), this._updateMask();
   }
   _relayout(r) {
     return super._relayout(r).map((e) => ({
@@ -7867,7 +7876,7 @@ let rt = class extends xe {
     );
   }
   getObb() {
-    const r = this.getTransformOrigin(), e = this.transform.apply(r).sub(r);
+    const r = this.pivot, e = this.transform.apply(r).sub(r);
     return {
       rect: new ge(
         this._getPointArray().map((t) => (t.x += e.x, t.y += e.y, t))
@@ -7876,7 +7885,7 @@ let rt = class extends xe {
     };
   }
   getGlobalObb() {
-    const r = this.getTransformOrigin(), e = this.globalTransform.apply(r).sub(r);
+    const r = this.pivot, e = this.globalTransform.apply(r).sub(r);
     return {
       rect: new ge(
         this._getPointArray().map((t) => (t.x += e.x, t.y += e.y, t))
@@ -7921,8 +7930,8 @@ let rt = class extends xe {
   //   }
   //   return super.isVisibleInTree()
   // }
-  _updateOverflow() {
-    this.style.overflow === "hidden" ? this.mask = this.getRect().toJSON() : this.mask = void 0;
+  _updateMask() {
+    this._overflowHidden ? this.mask = this.getRect().toJSON() : this.mask = void 0;
   }
   _draw() {
     super._draw(), this._background.isValid() && (this._tree?.log(this.name, "background drawing"), this._shape.draw(!this._background.fillWithShape), this._background.draw()), this._fill.isValid() && (this._tree?.log(this.name, "fill drawing"), this._shape.draw(), this._fill.draw()), this._outline.isValid() && (this._tree?.log(this.name, "outline drawing"), this._shape.draw(), this._outline.draw()), this._foreground.isValid() && (this._tree?.log(this.name, "foreground drawing"), this._shape.draw(!this._foreground.fillWithShape), this._foreground.draw()), this._text.isValid() && (this._tree?.log(this.name, "text drawing"), this._text.useTextureDraw() && this._shape.draw(!0), this._text.draw()), this._drawContent();
@@ -7936,9 +7945,6 @@ let rt = class extends xe {
       // colorMatrixOffset: colorMatrix.toVector4().toArray(),
     }));
   }
-  canPointerEvents() {
-    return this.style.pointerEvents !== "none";
-  }
   input(r, e) {
     const t = this.getChildren(!0);
     for (let s = t.length - 1; s >= 0; s--)
@@ -7955,10 +7961,10 @@ let rt = class extends xe {
       case "pointerdown":
       case "pointermove":
       case "pointerup": {
-        if (this.canPointerEvents()) {
+        if (this._allowPointerEvents) {
           const { screenX: t, screenY: s } = r;
           if (t && s) {
-            const i = new T(t, s), o = this.getViewport();
+            const i = new S(t, s), o = this.getViewport();
             o && o.toCanvasGlobal(i, i), this.toLocal(i, i), this._positionInput(i, e) && (r.target || (r.target = this), this.emit(e, r));
           }
         }
@@ -8046,7 +8052,7 @@ let Te = class extends rt {
 Te = Za([
   v("Element2D")
 ], Te);
-const C = {
+const E = {
   left: 0,
   // Edge.Left
   top: 1,
@@ -8121,7 +8127,7 @@ const C = {
   // Wrap.Wrap
   "Wrap-reverse": 2
   // Wrap.WrapReverse
-}, Or = {
+}, Mr = {
   "flex-start": 0,
   // Justify.FlexStart
   center: 1,
@@ -8134,7 +8140,7 @@ const C = {
   // Justify.SpaceAround
   "space-evenly": 5
   // Justify.SpaceEvenly
-}, Mr = {
+}, Or = {
   visible: 0,
   // Overflow.Visible
   hidden: 1,
@@ -8207,19 +8213,19 @@ class lr {
         this._node.setAspectRatio(t);
         break;
       case "borderTop":
-        this._node.setBorder(C.top, this._style.borderWidth);
+        this._node.setBorder(E.top, this._style.borderWidth);
         break;
       case "borderBottom":
-        this._node.setBorder(C.bottom, this._style.borderWidth);
+        this._node.setBorder(E.bottom, this._style.borderWidth);
         break;
       case "borderLeft":
-        this._node.setBorder(C.left, this._style.borderWidth);
+        this._node.setBorder(E.left, this._style.borderWidth);
         break;
       case "borderRight":
-        this._node.setBorder(C.right, this._style.borderWidth);
+        this._node.setBorder(E.right, this._style.borderWidth);
         break;
       case "border":
-        this._node.setBorder(C.all, this._style.borderWidth);
+        this._node.setBorder(E.all, this._style.borderWidth);
         break;
       case "direction":
         this._node.setDirection(
@@ -8258,26 +8264,26 @@ class lr {
         break;
       case "justifyContent":
         this._node.setJustifyContent(
-          t ? Or[t] : Or["flex-start"]
+          t ? Mr[t] : Mr["flex-start"]
         );
         break;
       case "gap":
         t !== void 0 && this._node.setGap(Ja.all, t);
         break;
       case "marginTop":
-        this._node.setMargin(C.top, t);
+        this._node.setMargin(E.top, t);
         break;
       case "marginBottom":
-        this._node.setMargin(C.bottom, t);
+        this._node.setMargin(E.bottom, t);
         break;
       case "marginLeft":
-        this._node.setMargin(C.left, t);
+        this._node.setMargin(E.left, t);
         break;
       case "marginRight":
-        this._node.setMargin(C.right, t);
+        this._node.setMargin(E.right, t);
         break;
       case "margin":
-        this._node.setMargin(C.all, t);
+        this._node.setMargin(E.all, t);
         break;
       case "maxHeight":
         this._node.setMaxHeight(t);
@@ -8295,35 +8301,35 @@ class lr {
         break;
       case "overflow":
         this._node.setOverflow(
-          t ? Mr[t] : Mr.visible
+          t ? Or[t] : Or.visible
         );
         break;
       case "paddingTop":
-        this._node.setPadding(C.top, this._style.paddingTop);
+        this._node.setPadding(E.top, this._style.paddingTop);
         break;
       case "paddingBottom":
-        this._node.setPadding(C.bottom, this._style.paddingBottom);
+        this._node.setPadding(E.bottom, this._style.paddingBottom);
         break;
       case "paddingLeft":
-        this._node.setPadding(C.left, this._style.paddingLeft);
+        this._node.setPadding(E.left, this._style.paddingLeft);
         break;
       case "paddingRight":
-        this._node.setPadding(C.right, this._style.paddingRight);
+        this._node.setPadding(E.right, this._style.paddingRight);
         break;
       case "padding":
-        this._node.setPadding(C.all, this._style.padding);
+        this._node.setPadding(E.all, this._style.padding);
         break;
       case "top":
-        this._node.setPosition(C.top, this._style.top);
+        this._node.setPosition(E.top, this._style.top);
         break;
       case "bottom":
-        this._node.setPosition(C.bottom, this._style.bottom);
+        this._node.setPosition(E.bottom, this._style.bottom);
         break;
       case "left":
-        this._node.setPosition(C.left, this._style.left);
+        this._node.setPosition(E.left, this._style.left);
         break;
       case "right":
-        this._node.setPosition(C.right, this._style.right);
+        this._node.setPosition(E.right, this._style.right);
         break;
       case "position":
         this._node.setPositionType(
@@ -8397,7 +8403,7 @@ let Dr = class extends rt {
 Dr = en([
   v("FlexElement2D")
 ], Dr);
-var tn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, pt = (r, e, t, s) => {
+var tn = Object.defineProperty, rn = Object.getOwnPropertyDescriptor, ft = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? rn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && tn(e, t, i), i;
@@ -8488,8 +8494,8 @@ let De = class extends Te {
     if (r?.isValid()) {
       const { left: e = 0, top: t = 0, right: s = 0, bottom: i = 0 } = this.srcRect ?? {}, { width: o, height: a } = this.size;
       this.context.fillStyle = r;
-      const n = Math.abs(1 + (e + s)) * o, h = Math.abs(1 + (t + i)) * a, l = 1 / n, c = 1 / h, d = e * o * l, f = t * a * c;
-      this.context.uvTransform = new I().scale(l, c).translate(d, f), this.shape.draw(), this.context.fill();
+      const n = Math.abs(1 + (e + s)) * o, h = Math.abs(1 + (t + i)) * a, l = 1 / n, c = 1 / h, d = e * o * l, p = t * a * c;
+      this.context.uvTransform = new O().scale(l, c).translate(d, p), this.shape.draw(), this.context.fill();
     }
   }
   _repaint(r) {
@@ -8499,19 +8505,19 @@ let De = class extends Te {
     }));
   }
 };
-pt([
+ft([
   u({ internal: !0 })
 ], De.prototype, "texture", 2);
-pt([
+ft([
   u({ fallback: "" })
 ], De.prototype, "src", 2);
-pt([
+ft([
   u()
 ], De.prototype, "srcRect", 2);
-pt([
+ft([
   u({ fallback: !1 })
 ], De.prototype, "gif", 2);
-De = pt([
+De = ft([
   v("Image2D")
 ], De);
 class Rs extends Te {
@@ -8523,7 +8529,7 @@ class Rs extends Te {
     this.texture?.isValid() && (this.shape.draw(!0), this.context.fillStyle = this.texture, this.context.fill());
   }
 }
-var sn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, Os = (r, e, t, s) => {
+var sn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, Ms = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? on(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && sn(e, t, i), i;
@@ -8558,10 +8564,10 @@ let Wt = class extends Rs {
     this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpload(), this.requestRedraw(), super._process(r);
   }
 };
-Os([
+Ms([
   u({ fallback: "" })
 ], Wt.prototype, "src", 2);
-Wt = Os([
+Wt = Ms([
   v("Lottie2D")
 ], Wt);
 var an = Object.defineProperty, nn = (r, e, t, s) => {
@@ -8582,10 +8588,10 @@ class ln extends Te {
     }
   }
   _drawCircle(e, t) {
-    this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = E.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+    this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.fillStyle = T.WHITE, this.context.fill(), this.context.arc(e, t, this.handleSize, 0, Math.PI * 2, !0), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
   }
   _drawEllipse(e, t) {
-    this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = E.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
+    this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.fillStyle = T.WHITE, this.context.fill(), this.context.roundRect(e - this.handleSize, t - this.handleSize * 2, this.handleSize * 2, this.handleSize * 4, this.handleSize), this.context.strokeStyle = "rgba(0, 0, 0, 0.2)", this.context.stroke();
   }
   _draw() {
     const { width: e, height: t } = this.getRect();
@@ -8595,7 +8601,7 @@ class ln extends Te {
 nn([
   u({ fallback: 6 })
 ], ln.prototype, "handleSize");
-var hn = Object.defineProperty, cn = Object.getOwnPropertyDescriptor, Ms = (r, e, t, s) => {
+var hn = Object.defineProperty, cn = Object.getOwnPropertyDescriptor, Os = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? cn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && hn(e, t, i), i;
@@ -8635,10 +8641,10 @@ let qt = class extends Rs {
     this._updateVideoCurrentTime(), super._process(r);
   }
 };
-Ms([
+Os([
   u({ fallback: "" })
 ], qt.prototype, "src", 2);
-qt = Ms([
+qt = Os([
   v("Video2D")
 ], qt);
 var un = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
@@ -8646,13 +8652,13 @@ var un = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, It = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && un(e, t, i), i;
 };
-const fn = (r) => r, pn = _t(0.25, 0.1, 0.25, 1), _n = _t(0.42, 0, 1, 1), mn = _t(0, 0, 0.58, 1), gn = _t(0.42, 0, 0.58, 1);
+const pn = (r) => r, fn = _t(0.25, 0.1, 0.25, 1), _n = _t(0.42, 0, 1, 1), mn = _t(0, 0, 0.58, 1), gn = _t(0.42, 0, 0.58, 1);
 function _t(r, e, t, s) {
-  const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, c = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, f = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + c) * m;
-  function p(m) {
+  const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, c = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, p = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + c) * m;
+  function f(m) {
     let g = m, w, P;
     for (let L = 0; L < 8; L++) {
-      if (P = f(g) - m, Math.abs(P) < 1e-6)
+      if (P = p(g) - m, Math.abs(P) < 1e-6)
         return g;
       if (w = d(g), Math.abs(w) < 1e-6)
         break;
@@ -8660,17 +8666,17 @@ function _t(r, e, t, s) {
     }
     let R = 1, A = 0;
     for (g = m; R > A; ) {
-      if (P = f(g) - m, Math.abs(P) < 1e-6)
+      if (P = p(g) - m, Math.abs(P) < 1e-6)
         return g;
       P > 0 ? R = g : A = g, g = (R + A) / 2;
     }
     return g;
   }
-  return (m) => _(p(m));
+  return (m) => _(f(m));
 }
 const $t = {
-  linear: fn,
-  ease: pn,
+  linear: pn,
+  ease: fn,
   easeIn: _n,
   easeOut: mn,
   easeInOut: gn
@@ -8787,11 +8793,11 @@ let st = class extends G {
         const {
           offset: c,
           easing: d
-        } = t, f = { ...t.props };
-        return e.forEach((_, p) => {
-          (!(p in f) || f[p] === null) && (f[p] = _), (!(p in l) || l[p] === null) && (l[p] = _);
+        } = t, p = { ...t.props };
+        return e.forEach((_, f) => {
+          (!(f in p) || p[f] === null) && (p[f] = _), (!(f in l) || l[f] === null) && (l[f] = _);
         }), [
-          { offset: c, easing: d, props: f },
+          { offset: c, easing: d, props: p },
           { offset: n, easing: h, props: l }
         ];
       }
@@ -8800,20 +8806,20 @@ let st = class extends G {
     return null;
   }
   _commitStyle(r, e, t, s, i) {
-    const { offset: o, easing: a, props: n } = s, { offset: h, props: l } = i, c = h - o, d = a((r - o) / c), f = {
+    const { offset: o, easing: a, props: n } = s, { offset: h, props: l } = i, c = h - o, d = a((r - o) / c), p = {
       width: e.size.x,
       height: e.size.y,
       fontSize: e.style.fontSize
     };
-    t.forEach((_, p) => {
+    t.forEach((_, f) => {
       e.onUpdateStyleProperty(
-        p,
+        f,
         this._getDiffValue(
-          p,
-          n[p],
-          l[p],
+          f,
+          n[f],
+          l[f],
           d,
-          f
+          p
         ),
         void 0
       );
@@ -8832,21 +8838,21 @@ let st = class extends G {
       o = mt(r, String(e), i), a = mt(r, String(t), i);
     if (Array.isArray(o) && Array.isArray(a)) {
       const n = /* @__PURE__ */ new Set(), h = {}, l = {};
-      o.forEach(({ name: d, args: f }) => {
-        h[d] = f, n.add(d);
-      }), a.forEach(({ name: d, args: f }) => {
-        l[d] = f, n.add(d);
+      o.forEach(({ name: d, args: p }) => {
+        h[d] = p, n.add(d);
+      }), a.forEach(({ name: d, args: p }) => {
+        l[d] = p, n.add(d);
       });
       let c = "";
       return n.forEach((d) => {
-        const f = Math.max(h[d]?.length ?? 0, l[d]?.length ?? 0), _ = h[d], p = l[d];
-        c += `${d}(${Array.from({ length: f }, (m, g) => {
-          const w = _?.[g], P = p?.[g], R = w?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
-          return Number.isNaN(R) || Number.isNaN(A) ? P?.value ?? 0 : S(R, A, s);
+        const p = Math.max(h[d]?.length ?? 0, l[d]?.length ?? 0), _ = h[d], f = l[d];
+        c += `${d}(${Array.from({ length: p }, (m, g) => {
+          const w = _?.[g], P = f?.[g], R = w?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
+          return Number.isNaN(R) || Number.isNaN(A) ? P?.value ?? 0 : C(R, A, s);
         }).join(", ")}) `;
       }), c;
     } else if (!Array.isArray(o) && !Array.isArray(a))
-      return Number.isNaN(o.normalizedIntValue) || Number.isNaN(a.normalizedIntValue) ? a.value : S(o.normalizedIntValue, a.normalizedIntValue, s);
+      return Number.isNaN(o.normalizedIntValue) || Number.isNaN(a.normalizedIntValue) ? a.value : C(o.normalizedIntValue, a.normalizedIntValue, s);
   }
   isPlaying() {
     return !this.paused && this.isInsideTimeRange();
@@ -9038,17 +9044,17 @@ class Tt extends de {
       return;
     const { start: t = 0, end: s = 0 } = e;
     s && console.assert(s > t, "End time is before start time"), e.playbackRate !== void 0 && (this._playbackRate = e.playbackRate), e.volume !== void 0 && (this._volume = e.volume), e.loop !== void 0 && (this._loop = e.loop), e.muted !== void 0 && (this._muted = e.muted), this.refresh(), this.loop && s !== null && (console.warn('Looping not support when specifying an "end" time'), this.loop = !1), this._start = t, this._end = s || this._duration, this._start = Math.max(0, this._start - Tt.PADDING), this._end = Math.min(this._end + Tt.PADDING, this._duration), this._source.onloadedmetadata = () => {
-      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), M.on(this._onUpdate));
+      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), k.on(this._onUpdate));
     }, this._source.onended = this._onComplete.bind(this), this._source.play(), this.emit("start");
   }
   _onUpdate = () => {
     this._source && (this.emit("progress", this.progress, this._duration), this._source.currentTime >= this._end && !this._source.loop && this._onComplete());
   };
   _onComplete() {
-    M.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
+    k.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
   }
   destroy() {
-    M.off(this._onUpdate), super.destroy();
+    k.off(this._onUpdate), super.destroy();
     const e = this._source;
     e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio && (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), this._audio = null);
   }
@@ -9183,7 +9189,7 @@ class ve extends ks {
       2,
       jr ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
     ), s = e.createDynamicsCompressor(), i = e.createAnalyser();
-    i.connect(s), s.connect(e.destination), super(i, s), this._context = e, this._offlineContext = t, this._compressor = s, this._analyser = i, this._locked = e.state === "suspended" && (he || pi), Rt && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
+    i.connect(s), s.connect(e.destination), super(i, s), this._context = e, this._offlineContext = t, this._compressor = s, this._analyser = i, this._locked = e.state === "suspended" && (he || fi), Rt && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
   }
   _onFocus() {
     if (!this.autoPause)
@@ -9374,7 +9380,7 @@ class xn extends de {
   };
   _updateListener = () => this._update();
   _enableTicker(e) {
-    M.off(this._updateListener), e && M.on(this._updateListener);
+    k.off(this._updateListener), e && k.on(this._updateListener);
   }
   destroy() {
     super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
@@ -9591,7 +9597,7 @@ var An = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, Bt = (r, e
 };
 let it = class extends Te {
   _audioBuffer;
-  _src = Rt ? new E(document.createElement("canvas")) : void 0;
+  _src = Rt ? new T(document.createElement("canvas")) : void 0;
   _needsUpdateTexture = !1;
   constructor(r = {}) {
     super(), this.setProperties(r);
@@ -9632,13 +9638,13 @@ let it = class extends Te {
     o.fillStyle = this.color;
     const a = e.getChannelData(0), n = Math.ceil(a.length / s), h = i / 2;
     for (let l = 1, c = -1, d = 0; d < s; d++) {
-      for (let f = 0; f < n; f++) {
-        const _ = a[d * n + f];
+      for (let p = 0; p < n; p++) {
+        const _ = a[d * n + p];
         _ < l && (l = _), _ > c && (c = _);
       }
       if (!this.gap || d % (this.gap * 2) === 0) {
-        const f = d, _ = (1 + l) * h, p = this.gap || 1, m = Math.max(1, (c - l) * h);
-        o.fillRect(f, _, p, m), l = 1, c = -1;
+        const p = d, _ = (1 + l) * h, f = this.gap || 1, m = Math.max(1, (c - l) * h);
+        o.fillRect(p, _, f, m), l = 1, c = -1;
       }
     }
     this._src?.requestUpload(), this.requestRedraw();
@@ -9648,7 +9654,7 @@ let it = class extends Te {
   }
   _drawSrc() {
     const r = this._src;
-    r?.isValid() && (this.context.fillStyle = r, this.context.uvTransform = new I().scale(
+    r?.isValid() && (this.context.fillStyle = r, this.context.uvTransform = new O().scale(
       1 / this.style.width,
       1 / this.style.height
     ));
@@ -9666,12 +9672,12 @@ Bt([
 it = Bt([
   v("AudioWaveform")
 ], it);
-var On = Object.defineProperty, Mn = Object.getOwnPropertyDescriptor, kn = (r, e, t) => e in r ? On(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Un = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Mn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Mn = Object.defineProperty, On = Object.getOwnPropertyDescriptor, kn = (r, e, t) => e in r ? Mn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Un = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? On(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Dn = (r, e, t) => kn(r, e + "", t);
-let Et = class extends Oe {
+let Et = class extends Me {
   blur = 10;
   quality = 10;
   apply(r, e) {
@@ -9685,14 +9691,14 @@ let Et = class extends Oe {
       for (let P = 1; P < a; P++)
         g -= w, c.push(g);
     }
-    const d = 1 / n, f = 1 / h, _ = [];
-    let p;
+    const d = 1 / n, p = 1 / h, _ = [];
+    let f;
     const m = a - 1;
     for (let g = 0; g < m; g++)
-      p = c[g] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
+      f = c[g] + 0.5, _[0] = f * d, _[1] = f * p, l.push({
         offset: _
       });
-    p = c[m] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
+    f = c[m] + 0.5, _[0] = f * d, _[1] = f * p, l.push({
       offset: _
     }), l.forEach((g) => {
       b.draw(r, Et.material, {
@@ -9736,7 +9742,7 @@ var In = Object.defineProperty, Bn = Object.getOwnPropertyDescriptor, Nn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Fn = (r, e, t) => Nn(r, e + "", t);
-let Ct = class extends Oe {
+let Ct = class extends Me {
   apply(r) {
     b.draw(r, Ct.material, {
       previous: 0,
@@ -9782,14 +9788,14 @@ var zn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, Vn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, jn = (r, e, t) => Vn(r, e + "", t);
-let ot = class extends Oe {
+let ot = class extends Me {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
     const t = this.currentTimeProgress;
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
-    const o = e.width, a = e.height, n = [0, a / 2], h = [600, a / 2], l = [o, a], c = h[0] - n[0], d = h[1] - n[1], f = Math.sqrt(c * c + d * d);
+    const o = e.width, a = e.height, n = [0, a / 2], h = [600, a / 2], l = [o, a], c = h[0] - n[0], d = h[1] - n[1], p = Math.sqrt(c * c + d * d);
     b.draw(r, ot.material, {
       sampler: s,
       progress: i,
@@ -9797,7 +9803,7 @@ let ot = class extends Oe {
       gradientBlur: this.gradientBlur,
       start: n,
       end: h,
-      delta: [c / f, d / f],
+      delta: [c / p, d / p],
       texSize: l
     }), b.draw(r, ot.material, {
       sampler: s,
@@ -9806,7 +9812,7 @@ let ot = class extends Oe {
       gradientBlur: this.gradientBlur,
       start: n,
       end: h,
-      delta: [-d / f, c / f],
+      delta: [-d / p, c / p],
       texSize: l
     });
   }
@@ -9867,7 +9873,7 @@ var Wn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Xn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Yn = (r, e, t) => Xn(r, e + "", t);
-let St = class extends Oe {
+let St = class extends Me {
   radius;
   angle = 4;
   padding = 20;
@@ -9999,7 +10005,7 @@ class Qn extends Ee {
 }
 class el extends Ee {
   install(e) {
-    const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new E(i));
+    const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new T(i));
     return this.load = (s) => e.loadBy(s, () => t(s)), [
       "image/gif",
       "image/jpeg",
@@ -10125,7 +10131,7 @@ class ol extends de {
     t && "destroy" in t && t.destroy(), this._handled.delete(e);
   }) : void 0;
   constructor() {
-    super(), vt || M.on(this.gc.bind(this), { sort: 2 });
+    super(), vt || k.on(this.gc.bind(this), { sort: 2 });
   }
   use(e) {
     return e.install(this), this;
@@ -10350,7 +10356,7 @@ cr([
 cr([
   u({ fallback: !1 })
 ], Nt.prototype, "autoStart");
-let D;
+let I;
 const Xt = [];
 let Vt = !1;
 async function nl(r = 100) {
@@ -10380,28 +10386,28 @@ async function ll(r) {
     onBefore: n,
     onFrame: h
   } = r;
-  return D ??= new Nt({
+  return I ??= new Nt({
     pixelRatio: 1,
     width: 1,
     height: 1,
     preserveDrawingBuffer: !0
-  }), D.debug = e, D.fonts = t, D.timeline.currentTime = 0, D.root.removeChildren(), D.resize(s, i, !0), (Array.isArray(o) ? o : [o]).forEach((l) => {
-    l instanceof O ? (l.parent = void 0, D.root.appendChild(l)) : D.root.appendChild(O.parse(l));
-  }), await n?.(D), await D.waitAndRender(), await new Promise((l) => {
+  }), I.debug = e, I.fonts = t, I.timeline.currentTime = 0, I.root.removeChildren(), I.resize(s, i, !0), (Array.isArray(o) ? o : [o]).forEach((l) => {
+    l instanceof M ? (l.parent = void 0, I.root.appendChild(l)) : I.root.appendChild(M.parse(l));
+  }), await n?.(I), await I.waitAndRender(), await new Promise((l) => {
     let c = 0;
-    const d = a.length, f = a[d - 1];
+    const d = a.length, p = a[d - 1];
     async function _() {
       if (c === d)
         return l();
-      const p = a[c++], g = (a[c] || p) - p;
-      D.timeline.currentTime = p, D.render(), await h?.(D.toPixels(), {
-        currentTime: p,
+      const f = a[c++], g = (a[c] || f) - f;
+      I.timeline.currentTime = f, I.render(), await h?.(I.toPixels(), {
+        currentTime: f,
         duration: g,
-        progress: p / f
+        progress: f / p
       }), requestAnimationFrame(_);
     }
     _();
-  }), D.toCanvas2D();
+  }), I.toCanvas2D();
 }
 async function Rl(r) {
   return new Promise((e) => {
@@ -10419,7 +10425,7 @@ export {
   it as AudioWaveform,
   rt as BaseElement2D,
   Cs as BaseElement2DBackground,
-  U as BaseElement2DFill,
+  D as BaseElement2DFill,
   Ss as BaseElement2DForeground,
   $e as BaseElement2DOutline,
   Ve as BaseElement2DShadow,
@@ -10427,19 +10433,19 @@ export {
   tt as BaseElement2DStyle,
   ee as BaseElement2DText,
   Ke as Camera2D,
-  fo as CanvasContext,
+  po as CanvasContext,
   ye as CanvasItem,
   er as CanvasTexture,
   Z as Color,
-  z as ColorAdjustEffect,
+  $ as ColorAdjustEffect,
   Ze as ColorFilterEffect,
   Yr as ColorMatrix,
-  Me as ColorOverlayEffect,
+  Oe as ColorOverlayEffect,
   ke as ColorRemoveEffect,
   Ue as ColorReplaceEffect,
   Tl as ColorTexture,
-  fe as CoreObject,
-  Mi as DEG_TO_RAD,
+  pe as CoreObject,
+  Oi as DEG_TO_RAD,
   Wr as DEVICE_PIXEL_RATIO,
   we as DrawboardEffect,
   J as DropShadowEffect,
@@ -10458,7 +10464,7 @@ export {
   Kn as GifLoader,
   N as GlitchEffect,
   W as GodrayEffect,
-  Mt as GradientTexture,
+  Ot as GradientTexture,
   vn as HTMLAudio,
   hr as HTMLAudioContext,
   Tt as HTMLSound,
@@ -10467,7 +10473,7 @@ export {
   El as ImageTexture,
   at as IndexBuffer,
   Si as Input,
-  Ot as InputEvent,
+  Mt as InputEvent,
   Zn as JsonLoader,
   Qe as KawaseBlurEffect,
   Et as KawaseTransition,
@@ -10482,12 +10488,12 @@ export {
   re as Matrix,
   yl as Matrix2,
   Kr as Matrix3,
-  Oi as Matrix4,
+  Mi as Matrix4,
   _o as Meta,
   Hr as MouseInputEvent,
-  O as Node,
+  M as Node,
   xe as Node2D,
-  k as OutlineEffect,
+  U as OutlineEffect,
   Kt as PI,
   B as PI_2,
   et as PixelateEffect,
@@ -10501,9 +10507,9 @@ export {
   ge as Rect2,
   Ri as RefCounted,
   Jt as Renderer,
-  pe as Resource,
+  fe as Resource,
   Vr as SUPPORTS_AUDIO_CONTEXT,
-  pi as SUPPORTS_CLICK_EVENTS,
+  fi as SUPPORTS_CLICK_EVENTS,
   $r as SUPPORTS_CREATE_IMAGE_BITMAP,
   ui as SUPPORTS_IMAGE_BITMAP,
   ml as SUPPORTS_MOUSE_EVENTS,
@@ -10515,27 +10521,27 @@ export {
   Gr as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   _i as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   mi as SUPPORTS_WEB_AUDIO,
-  fi as SUPPORTS_WHEEL_EVENTS,
+  pi as SUPPORTS_WHEEL_EVENTS,
   Fe as SceneTree,
   Qn as TextLoader,
-  E as Texture2D,
+  T as Texture2D,
   el as TextureLoader,
   Rs as TextureRect2D,
-  M as Ticker,
+  k as Ticker,
   ot as TiltShiftTransition,
   ie as Timeline,
   G as TimelineNode,
-  I as Transform2D,
+  O as Transform2D,
   ln as TransformRect2D,
-  Oe as Transition,
+  Me as Transition,
   St as TwistTransition,
   Pl as UvGeometry,
   xt as UvMaterial,
   K as Vector,
-  T as Vector2,
+  S as Vector2,
   xl as Vector3,
   ki as Vector4,
-  F as VertexAttribute,
+  z as VertexAttribute,
   ce as VertexBuffer,
   qt as Video2D,
   tl as VideoLoader,
@@ -10579,11 +10585,11 @@ export {
   xi as determineCrossOrigin,
   jt as directionMap,
   Sr as displayMap,
-  pn as ease,
+  fn as ease,
   _n as easeIn,
   gn as easeInOut,
   mn as easeOut,
-  C as edgeMap,
+  E as edgeMap,
   Ar as flexDirectionMap,
   Rr as flexWrapMap,
   wa as frag,
@@ -10595,14 +10601,14 @@ export {
   vr as isPow2,
   gi as isVideoElement,
   bi as isWebgl2,
-  Or as justifyMap,
-  S as lerp,
-  fn as linear,
+  Mr as justifyMap,
+  C as lerp,
+  pn as linear,
   xr as log2,
   Bi as mapWebGLBlendModes,
   yr as nextPow2,
   Fr as nextTick,
-  Mr as overflowMap,
+  Or as overflowMap,
   Cl as parseCSSFilter,
   Fo as parseCSSTransform,
   zo as parseCSSTransformOrigin,