modern-canvas 0.12.20 → 0.12.22

package/dist/index.js

@@ -1,9 +1,9 @@
-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";
-import { Path2D as bt, Path2DSet as Qs, svgToDom as ei, svgToPath2DSet as ti, Matrix3 as gr, BoundingBox as zt } from "modern-path2d";
-import { Text as ri, Character as si } from "modern-text";
+import { defineProperty as Ht, Observable as de, Reactivable as Ir, parseColor as Ls, property as u, RawWeakMap as Br, isGradient as Fs, isColorFillObject as mr, clearUndef as Nr, idGenerator as zr, normalizeFill as $s, isNone as L, normalizeBackground as Vs, normalizeForeground as Gs, normalizeOutline as js, normalizeShadow as Ws, normalizeShape as qs, getDefaultStyle as Xs, normalizeText as Hs, normalizeTextContent as Ys, getDefaultTextStyle as Ks, getDefaultLayoutStyle as Zs } from "modern-idoc";
+import { fonts as Js } from "modern-font";
+import { extend as Qs } from "colord";
+import ei from "colord/plugins/names";
+import { Path2D as bt, Path2DSet as ti, svgToDom as ri, svgToPath2DSet as si, Matrix3 as gr, BoundingBox as Ft } from "modern-path2d";
+import { Text as ii, Character as oi } from "modern-text";
 const Yt = /* @__PURE__ */ new Map();
 function v(r, e) {
   return function(t) {
@@ -18,7 +18,7 @@ function v(r, e) {
     }), Yt.set(r, t);
   };
 }
-function _l(r = "node", e = {}) {
+function gl(r = "node", e = {}) {
   const t = Yt.get(r);
   if (!t)
     throw new Error(`Failed to createNode, tag: ${r}`);
@@ -81,7 +81,7 @@ class k {
   }
 }
 k.start();
-async function Fr(r) {
+async function Lr(r) {
   return new Promise((e) => {
     k.on(
       () => {
@@ -92,14 +92,14 @@ async function Fr(r) {
   });
 }
 const Kt = Math.PI, B = Kt * 2;
-let ii = 0;
-function oi(r) {
-  return r?.__SPECTOR_Object_TAG?.id ?? ++ii;
+let ai = 0;
+function ni(r) {
+  return r?.__SPECTOR_Object_TAG?.id ?? ++ai;
 }
 function vr(r) {
   return !(r & r - 1) && !!r;
 }
-const ai = /([\w-]+)\((.+?)\)/g, ni = /[^,]+/g, li = /([-e.\d]+)(.*)/;
+const li = /([\w-]+)\((.+?)\)/g, hi = /[^,]+/g, ci = /([-e.\d]+)(.*)/;
 function br(r) {
   return Array.isArray(r) ? r.map((e) => ({
     name: e.name,
@@ -114,34 +114,34 @@ function br(r) {
 }
 function mt(r, e, t = {}) {
   const s = At(e, t);
-  return s.length ? s : zr(r, e, t);
+  return s.length ? s : Fr(r, e, t);
 }
 function At(r, e = {}) {
   const t = [];
   let s;
-  for (; (s = ai.exec(r)) !== null; ) {
+  for (; (s = li.exec(r)) !== null; ) {
     const [, i, o] = s;
     i && t.push({
       name: i,
-      args: hi(i, o, e)
+      args: ui(i, o, e)
     });
   }
   return t;
 }
-function hi(r, e, t = {}) {
+function ui(r, e, t = {}) {
   const s = [];
   let i, o = 0;
-  for (; (i = ni.exec(e)) !== null; )
+  for (; (i = hi.exec(e)) !== null; )
     s.push(
-      zr(r, i[0], {
+      Fr(r, i[0], {
         ...t,
         index: o++
       })
     );
   return s;
 }
-function zr(r, e, t = {}) {
-  const { width: s = 1, height: i = 1, index: o = 0 } = t, a = e.match(li), n = {
+function Fr(r, e, t = {}) {
+  const { width: s = 1, height: i = 1, index: o = 0 } = t, a = e.match(ci), n = {
     unit: a?.[2] ?? null,
     value: e,
     intValue: Number(a?.[1]),
@@ -187,26 +187,26 @@ function zr(r, e, t = {}) {
   }
   return n;
 }
-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) {
+const di = "WebGL2RenderingContext" in globalThis, pi = "ImageBitmap" in globalThis, fi = "ResizeObserver" in globalThis, qe = "PointerEvent" in globalThis, _i = "WheelEvent" in globalThis, vl = "MouseEvent" in globalThis, he = "ontouchstart" in globalThis, mi = "onclick" in globalThis, $r = "createImageBitmap" in globalThis, Vr = "AudioContext" in globalThis, Gr = "webkitAudioContext" in globalThis, jr = "OfflineAudioContext" in globalThis, gi = "webkitOfflineAudioContext" in globalThis, vi = Vr || Gr, Rt = typeof window < "u", Wr = globalThis.devicePixelRatio || 1, qr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, bi = (r) => qr(r) && r.tagName === "VIDEO", bl = (r) => qr(r) && r.tagName === "IMG";
+function yi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
-function bi(r) {
-  return ci && r instanceof globalThis.WebGL2RenderingContext;
+function xi(r) {
+  return di && r instanceof globalThis.WebGL2RenderingContext;
 }
-function yi() {
+function wi() {
   if (Rt)
     return globalThis.document.createElement("canvas");
 }
-function xi(r, e = globalThis.location) {
+function Pi(r, e = globalThis.location) {
   if (r.startsWith("data:"))
     return "";
   e = e || globalThis.location;
   const t = new URL(r, document.baseURI);
   return t.hostname !== e.hostname || t.port !== e.port || t.protocol !== e.protocol ? "anonymous" : "";
 }
-function wi(r, e, t) {
-  t === null && !e.startsWith("data:") ? r.crossOrigin = xi(e) : t !== !1 && (r.crossOrigin = typeof t == "string" ? t : "anonymous");
+function Ti(r, e, t) {
+  t === null && !e.startsWith("data:") ? r.crossOrigin = Pi(e) : t !== !1 && (r.crossOrigin = typeof t == "string" ? t : "anonymous");
 }
 class Xr {
   _map = /* @__PURE__ */ new WeakMap();
@@ -282,7 +282,7 @@ class Mt {
     throw new Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Pi extends Mt {
+class Ei extends Mt {
   getModifierState(...e) {
     throw new Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
@@ -353,7 +353,7 @@ class Hr extends Mt {
     return this.global.y;
   }
 }
-class Ti extends Hr {
+class Ci extends Hr {
   width = 0;
   height = 0;
   isPrimary = !1;
@@ -364,7 +364,7 @@ class Ti extends Hr {
     throw new Error("getPredictedEvents is not supported!");
   }
 }
-class Ei extends Hr {
+class Si extends Hr {
   static DOM_DELTA_PIXEL = 0;
   DOM_DELTA_PIXEL = 0;
   static DOM_DELTA_LINE = 1;
@@ -372,14 +372,14 @@ class Ei extends Hr {
   static DOM_DELTA_PAGE = 2;
   DOM_DELTA_PAGE = 2;
 }
-const Ci = {
+const Ai = {
   touchstart: "pointerdown",
   touchend: "pointerup",
   touchendoutside: "pointerupoutside",
   touchmove: "pointermove",
   touchcancel: "pointercancel"
 };
-class Si extends de {
+class Ri extends de {
   /**
    * Current event
    */
@@ -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 (pi && e instanceof globalThis.WheelEvent)
+    else if (_i && e instanceof globalThis.WheelEvent)
       t.push(e);
     else if (qe && e instanceof globalThis.PointerEvent)
       t.push(e);
@@ -427,8 +427,8 @@ class Si extends de {
     return t;
   }
   _clonePointerEvent(e) {
-    const t = new Ti();
-    return t.nativeEvent = e, t.pointerId = e.pointerId, t.width = e.width, t.height = e.height, t.isPrimary = e.isPrimary, t.pointerType = e.pointerType, t.pressure = e.pressure, t.tangentialPressure = e.tangentialPressure, t.tiltX = e.tiltX, t.tiltY = e.tiltY, t.twist = e.twist, t.isTrusted = e.isTrusted, this._copyMouseEvent(t, e), this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t.type === "pointerleave" ? t.type = "pointerout" : t.type.startsWith("mouse") ? t.type = t.type.replace("mouse", "pointer") : t.type.startsWith("touch") && (t.type = Ci[t.type] || t.type), t;
+    const t = new Ci();
+    return t.nativeEvent = e, t.pointerId = e.pointerId, t.width = e.width, t.height = e.height, t.isPrimary = e.isPrimary, t.pointerType = e.pointerType, t.pressure = e.pressure, t.tangentialPressure = e.tangentialPressure, t.tiltX = e.tiltX, t.tiltY = e.tiltY, t.twist = e.twist, t.isTrusted = e.isTrusted, this._copyMouseEvent(t, e), this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t.type === "pointerleave" ? t.type = "pointerout" : t.type.startsWith("mouse") ? t.type = t.type.replace("mouse", "pointer") : t.type.startsWith("touch") && (t.type = Ai[t.type] || t.type), t;
   }
   _copyInputEvent(e, t) {
     e.nativeEvent = t, e.bubbles = t.bubbles, e.cancelBubble = t.cancelBubble, e.cancelable = t.cancelable, e.composed = t.composed, e.currentTarget = t.currentTarget, e.defaultPrevented = t.defaultPrevented, e.eventPhase = t.eventPhase, e.isTrusted = t.isTrusted, e.returnValue = t.returnValue, e.srcElement = t.srcElement, e.timeStamp = t.timeStamp, e.type = t.type;
@@ -437,11 +437,11 @@ class Si extends de {
     this._copyInputEvent(e, t), e.altKey = t.altKey, e.button = t.button, e.buttons = t.buttons, e.client.x = t.clientX, e.client.y = t.clientY, e.ctrlKey = t.ctrlKey, e.metaKey = t.metaKey, e.movement.x = t.movementX, e.movement.y = t.movementY, e.page.x = t.pageX, e.page.y = t.pageY, e.relatedTarget = null, e.shiftKey = t.shiftKey;
   }
   _cloneWheelEvent(e) {
-    const t = new Ei();
+    const t = new Si();
     return this._copyMouseEvent(t, e), t.wheelDeltaY = e.wheelDeltaY, t.deltaX = e.deltaX, t.deltaY = e.deltaY, t.deltaZ = e.deltaZ, t.deltaMode = e.deltaMode, this.mapPositionToPoint(t.screen, e.clientX, e.clientY), t.global.x = t.screen.x, t.global.y = t.screen.y, t.offset.x = t.screen.x, t.offset.y = t.screen.y, t;
   }
   _cloneKeyboardEvent(e) {
-    const t = new Pi();
+    const t = new Ei();
     return this._copyInputEvent(t, e), t.altKey = e.altKey, t.charCode = e.charCode, t.code = e.code, t.ctrlKey = e.ctrlKey, t.isComposing = e.isComposing, t.key = e.key, t.keyCode = e.keyCode, t.location = e.location, t.metaKey = e.metaKey, t.repeat = e.repeat, t.shiftKey = e.shiftKey, t;
   }
   setCursor(e = "default") {
@@ -535,9 +535,9 @@ class Si extends de {
     this.removeEventListeners(), super.destroy();
   }
 }
-let Ai = 0;
+let Mi = 0;
 class pe extends Ir {
-  instanceId = ++Ai;
+  instanceId = ++Mi;
   get json() {
     return this.toJSON();
   }
@@ -545,25 +545,25 @@ class pe extends Ir {
     this.setProperties(e);
   }
   _nextTick() {
-    return Fr();
+    return Lr();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
   }
 }
-class Ri extends pe {
+class Oi extends pe {
   //
 }
-class fe extends Ri {
+class fe extends Oi {
   //
 }
-Zs([Js]);
+Qs([ei]);
 class Z {
   get value() {
     return this._value;
   }
   set value(e) {
-    this._colord = Ns(e ?? "none");
+    this._colord = Ls(e ?? "none");
   }
   get r8() {
     return this._colord.rgba.r;
@@ -843,19 +843,19 @@ class re extends de {
     return this._array.slice();
   }
 }
-class Mi extends re {
+class ki extends re {
   constructor(e) {
     super(4, 4, e);
   }
 }
-const Oi = Kt / 180, vl = 180 / Kt;
+const Ui = Kt / 180, yl = 180 / Kt;
 function se(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
 function C(r, e, t) {
   return (1 - t) * r + t * e;
 }
-const bl = {
+const xl = {
   adaptive: !0,
   maxLength: 10,
   minSegments: 8,
@@ -868,7 +868,7 @@ const bl = {
     return t < this.minSegments ? t = this.minSegments : t > this.maxSegments && (t = this.maxSegments), t;
   }
 };
-class ki extends K {
+class Di extends K {
   constructor(e = 0, t = 0, s = 0, i = 0) {
     super(4), this.set(e, t, s, i);
   }
@@ -1107,7 +1107,7 @@ class Yr extends re {
   }
   toMatrix4() {
     const e = this._array;
-    return new Mi([
+    return new ki([
       e[0],
       e[1],
       e[2],
@@ -1128,10 +1128,10 @@ class Yr extends re {
   }
   toVector4() {
     const e = this._array;
-    return new ki(e[4] / 255, e[9] / 255, e[14] / 255, e[19] / 255);
+    return new Di(e[4] / 255, e[9] / 255, e[14] / 255, e[19] / 255);
   }
 }
-class yl extends re {
+class wl extends re {
   constructor(e) {
     super(2, 2, e);
   }
@@ -1178,7 +1178,7 @@ class Kr extends re {
     ]);
   }
 }
-class Ui extends Kr {
+class Ii extends Kr {
   constructor(e = 0, t = 0, s = 0, i = 0, o = !1) {
     super(), this._x = e, this._y = t, this._width = s, this._height = i, this._flipY = o, this._performUpdateArray();
   }
@@ -1520,15 +1520,15 @@ class O extends Kr {
     return { a: e, c: t, tx: s, b: i, d: o, ty: a, tz: n };
   }
 }
-class xl extends K {
+class Pl extends K {
   constructor() {
     super(3);
   }
 }
-var Di = Object.defineProperty, Zr = (r, e, t, s) => {
+var Bi = Object.defineProperty, Zr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && Di(e, t, i), i;
+  return i && Bi(e, t, i), i;
 };
 class Zt extends pe {
   _starting = !1;
@@ -1566,10 +1566,10 @@ Zr([
 Zr([
   u({ fallback: 1 })
 ], Zt.prototype, "speed");
-var Ii = Object.defineProperty, Jr = (r, e, t, s) => {
+var Ni = Object.defineProperty, Jr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && Ii(e, t, i), i;
+  return i && Ni(e, t, i), i;
 };
 class Jt extends Ir {
   screen = { x: 0, y: 0, width: 0, height: 0 };
@@ -1600,7 +1600,7 @@ Jr([
   u({ internal: !0 })
 ], Jt.prototype, "view");
 var Ye = /* @__PURE__ */ ((r) => (r.NORMAL = "normal", r.ADD = "add", r.MULTIPLY = "multiply", r.SCREEN = "screen", r.NONE = "none", r.NORMAL_NPM = "normal_npm", r.ADD_NPM = "add_npm", r.SCREEN_NPM = "screen_npm", r.SRC_IN = "src_in", r.SRC_OUT = "src_out", r.SRC_ATOP = "src_atop", r.DST_OVER = "dst_over", r.DST_IN = "dst_in", r.DST_OUT = "dst_out", r.DST_ATOP = "dst_atop", r.XOR = "xor", r.SUBTRACT = "subtract", r))(Ye || {});
-function Bi(r) {
+function zi(r) {
   return {
     normal: [r.ONE, r.ONE_MINUS_SRC_ALPHA],
     add: [r.ONE, r.ONE],
@@ -1689,7 +1689,7 @@ class Re {
   }
 }
 Re._init();
-class Ni extends X {
+class Li extends X {
   install(e) {
     super.install(e), e.state = this;
   }
@@ -1700,7 +1700,7 @@ class Ni extends X {
   blendModes;
   defaultState = new Re({ blend: !0 });
   onUpdateContext() {
-    super.onUpdateContext(), this.blendModes = Bi(this._renderer.gl);
+    super.onUpdateContext(), this.blendModes = zi(this._renderer.gl);
   }
   toggle(e, t) {
     this._renderer.gl[t ? "enable" : "disable"](e);
@@ -1749,7 +1749,7 @@ class Ni extends X {
     e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(Ye.NORMAL);
   }
 }
-class Li extends X {
+class Fi extends X {
   install(e) {
     super.install(e), e.batch2D = this;
   }
@@ -1769,7 +1769,7 @@ class Li extends X {
     // 1
     aPosition: { size: 2, normalized: !1, type: "float" },
     // 2
-    aDimension: { size: 2, normalized: !1, type: "float" },
+    aSize: { size: 2, normalized: !1, type: "float" },
     // 2
     aUv: { size: 2, normalized: !1, type: "float" },
     // 2
@@ -1790,7 +1790,7 @@ class Li extends X {
       vert: `precision highp float;
 attribute float aTextureId;
 attribute vec2 aPosition;
-attribute vec2 aDimension;
+attribute vec2 aSize;
 attribute vec2 aUv;
 attribute vec4 aModulate;
 attribute vec4 aBackgroundColor;
@@ -1801,7 +1801,7 @@ uniform mat3 viewMatrix;
 uniform vec4 modulate;
 
 varying float vTextureId;
-varying vec2 vDimension;
+varying vec2 vSize;
 varying vec2 vUv;
 varying vec4 vModulate;
 varying vec4 vBackgroundColor;
@@ -1812,7 +1812,7 @@ void main(void) {
   gl_Position = vec4(pos3.xy, 0.0, 1.0);
 
   vTextureId = aTextureId;
-  vDimension = aDimension;
+  vSize = aSize;
   vUv = aUv;
   vModulate = aModulate * modulate;
   vBackgroundColor = aBackgroundColor;
@@ -1820,7 +1820,7 @@ void main(void) {
 }`,
       frag: `precision highp float;
 varying float vTextureId;
-varying vec2 vDimension;
+varying vec2 vSize;
 varying vec2 vUv;
 varying vec4 vModulate;
 varying vec4 vBackgroundColor;
@@ -1834,9 +1834,9 @@ uniform vec2 translate;
 void main(void) {
   vec2 uv = vUv;
 
-  if (vDimension.x > 0.0 && vDimension.y > 0.0) {
-    uv = floor(uv * vDimension);
-    uv = uv / vDimension;
+  if (vSize.x > 0.0 && vSize.y > 0.0) {
+    uv = floor(uv * vSize);
+    uv = uv / vSize;
   }
 
   vec4 color = vec4(0.0, 0.0, 0.0, 0.0);
@@ -1917,30 +1917,30 @@ void main(void) {
     let l = 0, c = 0;
     const d = [];
     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;
+      const A = s[R].texture, z = R === _ - 1;
       if (!A || g.has(A)) {
-        if (!L)
+        if (!z)
           continue;
       } else
         m.push(A), g.set(A, w++);
-      if (L || w >= i) {
+      if (z || w >= i) {
         f.textures = m, f.textureLocationMap = g, w = 0, f.first = c;
         for (let V = P; V <= R; V++) {
           const {
             indices: ur,
-            vertices: Lt,
+            vertices: zt,
             uvs: dr = new Float32Array(0),
-            dimension: pr = new Float32Array(0),
+            size: pr = new Float32Array(0),
             texture: fr,
             modulate: je = this._defaultModulate,
             backgroundColor: We = this._defaultBackgroundColor,
             blendMode: _r = Ye.NORMAL,
             disableWrapMode: Us = !1
-          } = s[V];
+          } = s[V], Ds = pr[0] || 0, Is = pr[1] || 0;
           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++] = pr[0], a[l++] = pr[1], a[l++] = dr[Y], a[l++] = dr[Y + 1], je) {
+          const Bs = l / this._vertexSize, Ns = (fr ? g.get(fr) : -1) ?? -1, zs = Us ? 1 : 0;
+          for (let Lt = zt.length, Y = 0; Y < Lt; Y += 2) {
+            if (a[l++] = Ns, a[l++] = zt[Y], a[l++] = zt[Y + 1], a[l++] = Ds, a[l++] = Is, 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];
             }
@@ -1948,10 +1948,10 @@ void main(void) {
               const te = l * 4;
               n[te] = We[0], n[te + 1] = We[1], n[te + 2] = We[2], n[te + 3] = We[3];
             }
-            l++, a[l++] = Bs;
+            l++, a[l++] = zs;
           }
-          for (let Ft = ur.length, Y = 0; Y < Ft; Y++)
-            h[c++] = Ds + ur[Y];
+          for (let Lt = ur.length, Y = 0; Y < Lt; Y++)
+            h[c++] = Bs + ur[Y];
           f.blendMode = _r;
         }
         P = R + 1, f.count = c - f.first, d.push(f), f = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map();
@@ -1962,11 +1962,11 @@ void main(void) {
     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], V = P.get(L);
+        const z = w[A], V = P.get(z);
         V !== void 0 && this._renderer.texture.bind({
           target: "texture_2d",
           location: V,
-          value: L
+          value: z
         });
       }
       this._state.blendMode = m.blendMode, this._renderer.state.bind(this._state), p.draw({
@@ -1999,7 +1999,7 @@ function xr(r) {
   let t = (r > 255 ? 1 : 0) << 3;
   return r >>>= t, e |= t, t = (r > 15 ? 1 : 0) << 2, r >>>= t, e |= t, t = (r > 3 ? 1 : 0) << 1, r >>>= t, e |= t, e | r >> 1;
 }
-class Fi extends X {
+class $i extends X {
   install(e) {
     super.install(e), e.buffer = this;
   }
@@ -2016,7 +2016,7 @@ class Fi extends X {
   }
   getMeta(e) {
     return this._renderer.getRelated(e, () => ({
-      id: oi(e),
+      id: ni(e),
       length: 0,
       byteLength: 0,
       bytesPerElement: 0
@@ -2061,7 +2061,7 @@ class Fi extends X {
     super.reset(), this.boundArrayBuffer = null, this.boundTarget = "array_buffer";
   }
 }
-class zi extends X {
+class Vi extends X {
   install(e) {
     super.install(e), e.framebuffer = this;
   }
@@ -2296,7 +2296,7 @@ class zi extends X {
     super.reset(), this.boundFramebuffer = null;
   }
 }
-class $i extends X {
+class Gi extends X {
   install(e) {
     super.install(e), e.mask = this;
   }
@@ -2332,7 +2332,7 @@ class $i extends X {
     );
   }
 }
-class Vi extends X {
+class ji extends X {
   install(e) {
     super.install(e), e.program = this;
   }
@@ -2375,7 +2375,7 @@ class Vi extends X {
       o.attributes.set(c.name, {
         type: d,
         name: c.name,
-        size: Gi(d),
+        size: Wi(d),
         location: i.getAttribLocation(s, c.name)
       });
     }
@@ -2495,7 +2495,7 @@ ${s.getShaderInfoLog(i)}`);
     super.destroy(), this.bind(null);
   }
 }
-function Gi(r) {
+function Wi(r) {
   switch (r) {
     case "float":
     case "int":
@@ -2531,7 +2531,7 @@ function gt(r, e, t) {
   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) {
+function qi(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), p = c.map((w) => w.y), _ = Math.min(...d), f = Math.max(...d), m = Math.min(...p), g = Math.max(...p);
   return {
     x: _,
@@ -2540,7 +2540,7 @@ function ji(r, e) {
     height: g - m
   };
 }
-class Wi extends X {
+class Xi extends X {
   install(e) {
     super.install(e), e.scissor = this;
   }
@@ -2560,7 +2560,7 @@ 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: p, height: _ } = l;
+    const e = this._renderer, { pixelRatio: t, mask: s, viewport: i, screen: o, gl: a, program: n } = e, { viewMatrix: h } = n.uniforms, l = qi(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,
@@ -2570,7 +2570,7 @@ class Wi extends X {
     );
   }
 }
-class qi extends X {
+class Hi extends X {
   install(e) {
     super.install(e), e.stencil = this;
   }
@@ -2607,16 +2607,17 @@ class qi extends X {
     e.stencilFunc(e.EQUAL, this.length, 4294967295), e.stencilOp(e.KEEP, e.KEEP, e.KEEP);
   }
 }
-function Xi(r, e) {
+function Yi(r, e) {
   const t = /* @__PURE__ */ new Set([...Object.keys(r), ...Object.keys(e)]), s = {};
   return t.forEach((i) => {
     s[i] = r[i] !== e[i];
   }), s;
 }
-class Hi extends X {
+class Ki extends X {
   install(e) {
     super.install(e), e.texture = this;
   }
+  maxTextureSize = 0;
   maxUnits = 0;
   boundLocation = 0;
   boundTarget = "texture_2d";
@@ -2628,7 +2629,7 @@ class Hi extends X {
   onUpdateContext() {
     super.onUpdateContext();
     const e = this.gl;
-    this.maxUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
+    this.maxTextureSize = e.getParameter(e.MAX_TEXTURE_SIZE), this.maxUnits = e.getParameter(e.MAX_TEXTURE_IMAGE_UNITS);
     for (let i = 0; i < this.maxUnits; i++)
       this.boundTextures[i] = { texture_2d: null, texture_cube_map: null };
     const t = e.createTexture();
@@ -2675,7 +2676,7 @@ class Hi extends X {
     const t = e[0], { value: s, ...i } = t, o = this.boundTextures[this.boundLocation][t.target ?? this.boundTarget];
     if (!o)
       return;
-    const a = this.gl, n = this.getMeta(o), h = Xi(n, i);
+    const a = this.gl, n = this.getMeta(o), h = Yi(n, i);
     Object.assign(n, i);
     const l = this._renderer.getBindPoint(n.target ?? this.boundTarget);
     if (s !== void 0 && (s === null ? a.texImage2D(l, 0, a.RGBA, 1, 1, 0, a.RGBA, a.UNSIGNED_BYTE, null) : "pixels" in s ? a.texImage2D(l, 0, a.RGBA, s.width, s.height, 0, a.RGBA, a.UNSIGNED_BYTE, s.pixels) : a.texImage2D(l, 0, a.RGBA, a.RGBA, a.UNSIGNED_BYTE, s)), h.wrapMode && n.wrapMode) {
@@ -2732,7 +2733,7 @@ class Hi extends X {
     super.reset(), this.boundLocation = 0, this.boundTarget = "texture_2d", this.boundTextures = [], this.maxUnits = 0;
   }
 }
-class Yi extends X {
+class Zi extends X {
   install(e) {
     super.install(e), e.vertexArray = this;
   }
@@ -2852,7 +2853,7 @@ class Yi extends X {
     }, this.boundVertexArray = this.boundVertexArrayNull, this.boundVertexArrayObject = null;
   }
 }
-class Ki extends X {
+class Ji extends X {
   install(e) {
     super.install(e), e.viewport = this;
   }
@@ -2865,25 +2866,25 @@ class Ki extends X {
     super.reset(), this.boundViewport = { x: 0, y: 0, width: 0, height: 0 };
   }
 }
-class Zi extends Jt {
+class Qi extends Jt {
   _modules = [
-    new Hi(),
-    new Fi(),
-    new zi(),
-    new Vi(),
-    new Yi(),
     new Ki(),
-    new Ni(),
     new $i(),
-    new Wi(),
-    new qi(),
-    new Li()
+    new Vi(),
+    new ji(),
+    new Zi(),
+    new Ji(),
+    new Li(),
+    new Gi(),
+    new Xi(),
+    new Hi(),
+    new Fi()
   ];
   bindPoints = /* @__PURE__ */ new Map();
-  constructor(e = yi(), t) {
+  constructor(e = wi(), t) {
     if (super(), !e)
       throw new Error("Failed to createHTMLCanvas");
-    vi(e) ? this._setupContext(e, t) : (this.gl = e, this.version = bi(this.gl) ? 2 : 1), this._setupBindPoints()._setupExtensions()._setupPolyfill(), this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0), this._modules.forEach((s) => s.install(this)), this._modules.forEach((s) => s.onUpdateContext());
+    yi(e) ? this._setupContext(e, t) : (this.gl = e, this.version = xi(this.gl) ? 2 : 1), this._setupBindPoints()._setupExtensions()._setupPolyfill(), this.gl.pixelStorei(this.gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, !0), this._modules.forEach((s) => s.install(this)), this._modules.forEach((s) => s.onUpdateContext());
   }
   _setupContext(e, t) {
     this.view = e;
@@ -2995,7 +2996,7 @@ class Zi extends Jt {
 }
 class Ee {
 }
-class Ji extends Ee {
+class eo extends Ee {
   install(e) {
     const t = async (s) => {
       const { parseFont: i } = await import("modern-font");
@@ -3063,10 +3064,10 @@ class Qt extends fe {
     }), e.vertexArray.unbind();
   }
 }
-var Qi = Object.defineProperty, Qr = (r, e, t, s) => {
+var to = Object.defineProperty, Qr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && Qi(e, t, i), i;
+  return i && to(e, t, i), i;
 };
 class at extends fe {
   needsUpload = !1;
@@ -3107,10 +3108,10 @@ Qr([
 Qr([
   u({ internal: !0, fallback: !1 })
 ], at.prototype, "dynamic");
-var eo = Object.defineProperty, es = (r, e, t, s) => {
+var ro = Object.defineProperty, es = (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 && eo(e, t, i), i;
+  return i && ro(e, t, i), i;
 };
 class ce extends fe {
   needsUpload = !1;
@@ -3151,12 +3152,12 @@ es([
 es([
   u({ internal: !0, fallback: !1 })
 ], ce.prototype, "dynamic");
-var to = Object.defineProperty, Ce = (r, e, t, s) => {
+var so = Object.defineProperty, Ce = (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 && to(e, t, i), i;
+  return i && so(e, t, i), i;
 };
-class z extends fe {
+class F extends fe {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties({
@@ -3184,30 +3185,30 @@ class z extends fe {
 }
 Ce([
   u({ internal: !0 })
-], z.prototype, "buffer");
+], F.prototype, "buffer");
 Ce([
   u({ fallback: 0 })
-], z.prototype, "size");
+], F.prototype, "size");
 Ce([
   u({ fallback: !1 })
-], z.prototype, "normalized");
+], F.prototype, "normalized");
 Ce([
   u({ fallback: "float" })
-], z.prototype, "type");
+], F.prototype, "type");
 Ce([
   u()
-], z.prototype, "stride");
+], F.prototype, "stride");
 Ce([
   u()
-], z.prototype, "offset");
+], F.prototype, "offset");
 Ce([
   u()
-], z.prototype, "divisor");
-class wl extends Qt {
+], F.prototype, "divisor");
+class Tl extends Qt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new z({
+        position: new F({
           buffer: new ce({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3262,10 +3263,10 @@ ${t}`), e.program.create({ vert: t, frag: s });
     });
   }
 }
-const ro = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, so = /vec(\d)\((.*)\)/;
-function io(r) {
+const io = /^uniform \w+ (.+?);\s*\/\/\s*=\s*([^;]+?)[\s;]*$/gm, oo = /vec(\d)\((.*)\)/;
+function ao(r) {
   r = r.trim();
-  const e = r.match(so);
+  const e = r.match(oo);
   if (e) {
     const t = Array.from({ length: Number(e[1]) }, () => 0);
     return e[2].split(",").forEach((s, i) => {
@@ -3321,10 +3322,10 @@ vec4 getToColor(vec2 uv) { return texture2D(to, uv); }` : ""}
 ${e}${t.transform ? `
 void main(void) { gl_FragColor = transform(vUv); }` : t.transition ? `
 void main(void) { gl_FragColor = transition(vUv); }` : ""}`;
-    const s = e.matchAll(ro);
+    const s = e.matchAll(io);
     for (const i of s)
       i[1] && i[2] && i[1].split(",").forEach((o) => {
-        this.uniforms.set(o.trim(), io(i[2]));
+        this.uniforms.set(o.trim(), ao(i[2]));
       });
   }
 }
@@ -3371,7 +3372,7 @@ class b extends Qt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new z({
+        position: new F({
           buffer: new ce({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1]),
             dynamic: !1
@@ -3380,7 +3381,7 @@ class b extends Qt {
           normalized: !1,
           type: "float"
         }),
-        uv: new z({
+        uv: new F({
           buffer: new ce({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3397,20 +3398,20 @@ class b extends Qt {
     });
   }
 }
-class Pl extends Qt {
+class El extends Qt {
   positionBuffer;
   uvBuffer;
   constructor() {
     const e = new ce({ data: new Float32Array(), dynamic: !0 }), t = new ce({ data: new Float32Array(), dynamic: !0 });
     super({
       vertexAttributes: {
-        position: new z({
+        position: new F({
           buffer: e,
           size: 2,
           normalized: !1,
           type: "float"
         }),
-        uv: new z({
+        uv: new F({
           buffer: t,
           size: 2,
           normalized: !1,
@@ -3424,10 +3425,10 @@ class Pl extends Qt {
     }), this.positionBuffer = e, this.uvBuffer = t;
   }
 }
-var oo = Object.defineProperty, Ie = (r, e, t, s) => {
+var no = Object.defineProperty, Ie = (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 && oo(e, t, i), i;
+  return i && no(e, t, i), i;
 };
 class T extends fe {
   static get EMPTY() {
@@ -3457,7 +3458,7 @@ class T extends fe {
     return Math.round(this.height * this.pixelRatio);
   }
   constructor(e) {
-    super(), this.source = e, this._updateSize();
+    super(), this.source = e, this.updateSize();
   }
   isValid() {
     return !!(this.width && this.height);
@@ -3487,7 +3488,7 @@ class T extends fe {
         this._updatePOT();
         break;
       case "source":
-        this._updateSize();
+        this.updateSize();
         break;
       case "filterMode":
       case "wrapMode":
@@ -3499,7 +3500,7 @@ class T extends fe {
   _updatePOT() {
     this._isPowerOfTwo = vr(this.realWidth) && vr(this.realHeight), this.requestUpload();
   }
-  _updateSize() {
+  updateSize() {
     const e = this.source;
     "pixels" in e ? (this.width = e.width / this.pixelRatio, this.height = e.height / this.pixelRatio) : (this.width = Number(e.naturalWidth || e.videoWidth || e.width || 0) / this.pixelRatio, this.height = Number(e.naturalHeight || e.videoHeight || e.height || 0) / this.pixelRatio), this.requestUpload();
   }
@@ -3523,7 +3524,7 @@ class T extends fe {
     e.texture.unbind(this._glTexture(e));
   }
   destroy() {
-    ui && this.source instanceof ImageBitmap && this.source.close();
+    pi && this.source instanceof ImageBitmap && this.source.close();
   }
 }
 Ie([
@@ -3570,10 +3571,10 @@ class Gt extends fe {
     });
   }
 }
-var ao = Object.defineProperty, no = (r, e, t, s) => {
+var lo = Object.defineProperty, ho = (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 && ao(e, t, i), i;
+  return i && lo(e, t, i), i;
 };
 class er extends T {
   constructor(e = document.createElement("canvas")) {
@@ -3591,10 +3592,10 @@ class er extends T {
     super._updateProperty(e, t, s);
   }
 }
-no([
+ho([
   u({ fallback: 2 })
 ], er.prototype, "pixelRatio");
-class Tl extends T {
+class Cl extends T {
   static _cached = /* @__PURE__ */ new Map();
   static get(e) {
     const t = new Z(e), s = t.toHex();
@@ -3616,7 +3617,7 @@ class Tl extends T {
 }
 class Ot extends T {
   static test(e) {
-    return Ls(e);
+    return Fs(e);
   }
   static linearGradient(e, t, s) {
     t = t || 1, s = s || 1;
@@ -3628,11 +3629,11 @@ class Ot extends T {
     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);
+    const z = o.getImageData(0, 0, i.width, i.height);
     return {
-      width: L.width,
-      height: L.height,
-      pixels: new Uint8Array(L.data.buffer)
+      width: z.width,
+      height: z.height,
+      pixels: new Uint8Array(z.data.buffer)
     };
   }
   constructor(e, t, s) {
@@ -3641,21 +3642,21 @@ class Ot extends T {
     );
   }
 }
-function lo(r) {
+function co(r) {
   return {
     autoLoad: !!(r?.autoLoad ?? !0),
     useBitmap: !!(r?.useBitmap ?? !0) && $r,
     crossorigin: r?.crossorigin ?? null
   };
 }
-class El extends T {
+class Sl extends T {
   bitmap;
   useBitmap;
   preserveBitmap = !1;
   _loadSource;
   _loadBitmap;
   constructor(e, t) {
-    const s = lo(t);
+    const s = co(t);
     super(e);
     const i = e.src, o = i.includes(".svg") || i.startsWith("data:image/svg+xml");
     this.useBitmap = s.useBitmap && !o, s.autoLoad && this.load();
@@ -3730,12 +3731,12 @@ class ts extends T {
     super._updateProperty(e, t, s);
   }
 }
-var ho = Object.defineProperty, rs = (r, e, t, s) => {
+var uo = Object.defineProperty, rs = (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 && ho(e, t, i), i;
+  return i && uo(e, t, i), i;
 };
-function co(r) {
+function po(r) {
   return {
     autoLoad: !!(r?.autoLoad ?? !0),
     autoPlay: !!(r?.autoPlay ?? !1),
@@ -3779,11 +3780,11 @@ const tr = class ss extends T {
   _resolve;
   _reject;
   constructor(e, t) {
-    const s = co(t);
-    if (!gi(e)) {
+    const s = po(t);
+    if (!bi(e)) {
       typeof e == "string" && (e = [e]);
       const i = e[0].src || e[0], o = document.createElement("video");
-      s.autoLoad && o.setAttribute("preload", "auto"), s.playsinline && (o.setAttribute("webkit-playsinline", ""), o.setAttribute("playsinline", "")), s.muted && (o.setAttribute("muted", ""), o.muted = !0), s.loop && o.setAttribute("loop", ""), s.autoPlay && o.setAttribute("autoplay", ""), wi(o, i, s.crossorigin);
+      s.autoLoad && o.setAttribute("preload", "auto"), s.playsinline && (o.setAttribute("webkit-playsinline", ""), o.setAttribute("playsinline", "")), s.muted && (o.setAttribute("muted", ""), o.muted = !0), s.loop && o.setAttribute("loop", ""), s.autoPlay && o.setAttribute("autoplay", ""), Ti(o, i, s.crossorigin);
       for (let a = 0; a < e.length; ++a) {
         let { src: n, mime: h } = e[a];
         if (n = n || e[a], n.startsWith("data:"))
@@ -3819,7 +3820,7 @@ const tr = class ss extends T {
     const e = this.source;
     e.removeEventListener("canplay", this._onCanPlay), e.removeEventListener("canplaythrough", this._onCanPlay);
     const t = this.isValid();
-    this._nextTime = 0, this._updateSize(), this.requestUpload(), this._nextTime = 0, !t && this._resolve && (this._resolve(this), this._sourceLoad = void 0, this._resolve = void 0, this._reject = void 0), this.isPlaying ? this._onPlayStart() : this._autoPlay && e.play();
+    this._nextTime = 0, this.updateSize(), this.requestUpload(), this._nextTime = 0, !t && this._resolve && (this._resolve(this), this._sourceLoad = void 0, this._resolve = void 0, this._reject = void 0), this.isPlaying ? this._onPlayStart() : this._autoPlay && e.play();
   };
   _onError = (e) => {
     this.source.removeEventListener("error", this._onError, !0), this.emit("error", e), this._reject && (this._reject(e), this._reject = void 0, this._resolve = void 0);
@@ -3861,11 +3862,11 @@ rs([
 rs([
   u({ internal: !0, fallback: 0 })
 ], tr.prototype, "fps");
-let uo = tr;
+let fo = tr;
 class wr extends ts {
   //
 }
-class po extends bt {
+class _o extends bt {
   fillStyle;
   strokeStyle;
   strokeAlignment;
@@ -3933,12 +3934,12 @@ class po extends bt {
           break;
       }
     this._draws.push({
+      uvTransform: this.uvTransform,
+      vertTransform: this.vertTransform,
       ...e,
       ...this._parseDrawStyle(t),
       type: "fill",
-      path: new bt(this),
-      uvTransform: this.uvTransform,
-      vertTransform: this.vertTransform
+      path: new bt(this)
     }), this.resetStatus();
   }
   copy(e) {
@@ -3975,9 +3976,7 @@ class po extends bt {
         lineStyle: i.lineStyle,
         flipAlignment: !1,
         closed: !0
-      }), i.texture && this.buildUvs(0, o, n, i.texture, i.uvTransform);
-      const h = i.path.getBoundingBox();
-      e.push({
+      }), i.texture && this.buildUvs(0, o, n, i.texture, i.uvTransform), e.push({
         vertices: new Float32Array(o),
         indices: new Float32Array(a),
         uvs: new Float32Array(n),
@@ -3986,14 +3985,13 @@ class po extends bt {
         type: i.type,
         disableWrapMode: i.disableWrapMode,
         uvTransform: i.uvTransform,
-        vertTransform: i.vertTransform,
-        dimension: new Float32Array([h.width, h.height])
+        vertTransform: i.vertTransform
       });
     }
     return e;
   }
 }
-class fo {
+class mo {
   front = [];
   default = [];
   back = [];
@@ -4041,7 +4039,7 @@ class fo {
     return [...this.default];
   }
 }
-class _o extends pe {
+class go 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)),
@@ -4061,18 +4059,18 @@ class _o extends pe {
     return { internalKey: `____${e}` };
   }
 }
-var mo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, ae = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? go(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var vo = Object.defineProperty, bo = Object.getOwnPropertyDescriptor, ae = (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 && mo(e, t, i), i;
+  return s && i && vo(e, t, i), i;
 };
 const Pr = {};
-function vo(r) {
+function yo(r) {
   let e = Pr[r] ?? 0;
   return e++, Pr[r] = e, e;
 }
 let M = class extends pe {
-  _meta = new _o(this);
+  _meta = new go(this);
   get meta() {
     return this._meta;
   }
@@ -4082,7 +4080,7 @@ let M = class extends pe {
   _readyed = !1;
   constructor(r, e = []) {
     super(), this._onTreeEnter = this._onTreeEnter.bind(this), this._onTreeExit = this._onTreeExit.bind(this), this._onParented = this._onParented.bind(this), this._onUnparented = this._onUnparented.bind(this), this._onReady = this._onReady.bind(this), this._onProcess = this._onProcess.bind(this), this.setProperties({
-      name: `${this.is}:${vo(this.is)}`,
+      name: `${this.is}:${yo(this.is)}`,
       ...r
     }).append(e), this.on("treeEnter", this._onTreeEnter).on("treeExit", this._onTreeExit).on("parented", this._onParented).on("unparented", this._onUnparented).on("ready", this._onReady).on("process", this._onProcess);
   }
@@ -4158,7 +4156,7 @@ let M = class extends pe {
     return this;
   }
   /** Children */
-  _children = new fo();
+  _children = new mo();
   get children() {
     return this._children.default;
   }
@@ -4436,10 +4434,10 @@ let M = class extends pe {
   }
 };
 ae([
-  u({ fallback: Lr() })
+  u({ fallback: zr() })
 ], M.prototype, "id", 2);
 ae([
-  u({ fallback: Lr() })
+  u({ fallback: zr() })
 ], M.prototype, "name", 2);
 ae([
   u({ internal: !0, fallback: "inherit" })
@@ -4462,10 +4460,10 @@ ae([
 M = ae([
   v("Node")
 ], 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--)
+var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Be = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? wo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && bo(e, t, i), i;
+  return s && i && xo(e, t, i), i;
 };
 let G = class extends M {
   constructor(r, e = []) {
@@ -4532,10 +4530,10 @@ Be([
 G = Be([
   v("TimelineNode")
 ], G);
-var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, nt = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? wo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Po = Object.defineProperty, To = Object.getOwnPropertyDescriptor, nt = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? To(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 && xo(e, t, i), i;
+  return s && i && Po(e, t, i), i;
 };
 let ye = class extends G {
   _parentGlobalVisible;
@@ -4550,7 +4548,7 @@ let ye = class extends G {
   }
   _modulate = new Z(4294967295);
   // Batch render
-  context = new po();
+  context = new _o();
   _resetContext = !0;
   _redrawing = !0;
   _relayouting = !1;
@@ -4659,16 +4657,16 @@ nt([
 ye = nt([
   v("CanvasItem")
 ], ye);
-var Po = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Ne = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? To(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Eo = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Ne = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Co(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && Po(e, t, i), i;
+  return s && i && Eo(e, t, i), i;
 };
 let j = class extends M {
   constructor(r = !1) {
     super(), this.flipY = r, this.projection.flipY(r);
   }
-  projection = new Ui();
+  projection = new Ii();
   canvasTransform = new O();
   _framebufferIndex = 0;
   _framebuffers = [
@@ -4782,10 +4780,10 @@ Ne([
 j = Ne([
   v("Viewport")
 ], j);
-var Eo = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, lt = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Co(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var So = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, lt = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ao(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 && Eo(e, t, i), i;
+  return s && i && So(e, t, i), i;
 };
 let y = class extends G {
   material;
@@ -4961,7 +4959,7 @@ lt([
 y = lt([
   v("Effect")
 ], y);
-class So {
+class Ro {
   currentCall;
   calls = [];
   createCall(e) {
@@ -4984,10 +4982,10 @@ class So {
     }), this.calls = [];
   }
 }
-var Ao = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Le = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ro(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Mo = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, ze = (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 && Ao(e, t, i), i;
+  return s && i && Mo(e, t, i), i;
 };
 let ie = class extends M {
   static from(r, e = !1) {
@@ -5020,28 +5018,28 @@ let ie = class extends M {
     super._process(r), this.paused || this.addTime(r);
   }
 };
-Le([
+ze([
   u({ fallback: 0 })
 ], ie.prototype, "startTime", 2);
-Le([
+ze([
   u({ fallback: 0 })
 ], ie.prototype, "currentTime", 2);
-Le([
+ze([
   u({ fallback: Number.MAX_SAFE_INTEGER })
 ], ie.prototype, "endTime", 2);
-Le([
+ze([
   u({ fallback: !1 })
 ], ie.prototype, "loop", 2);
-Le([
+ze([
   u({ fallback: !1 })
 ], ie.prototype, "paused", 2);
-ie = Le([
+ie = ze([
   v("Timeline")
 ], ie);
-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--)
+var ko = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, is = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Uo(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 && Mo(e, t, i), i;
+  return s && i && ko(e, t, i), i;
 };
 let wt = class extends j {
 };
@@ -5051,14 +5049,14 @@ is([
 wt = is([
   v("Window")
 ], wt);
-var ko = Object.defineProperty, ht = (r, e, t, s) => {
+var Do = Object.defineProperty, ht = (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 && ko(e, t, i), i;
+  return i && Do(e, t, i), i;
 };
-class Fe extends Zt {
-  input = new Si();
-  renderStack = new So();
+class Le extends Zt {
+  input = new Ri();
+  renderStack = new Ro();
   root = new wt(!0).setTree(this);
   _backgroundColor = new Z();
   _currentViewport;
@@ -5108,21 +5106,21 @@ class Fe extends Zt {
 }
 ht([
   u()
-], Fe.prototype, "backgroundColor");
+], Le.prototype, "backgroundColor");
 ht([
   u({ internal: !0, fallback: !1 })
-], Fe.prototype, "debug");
+], Le.prototype, "debug");
 ht([
   u({ internal: !0, fallback: !1 })
-], Fe.prototype, "processPaused");
+], Le.prototype, "processPaused");
 ht([
-  u({ internal: !0, default: () => Ks })
-], Fe.prototype, "fonts");
+  u({ internal: !0, default: () => Js })
+], Le.prototype, "fonts");
 ht([
   u({ internal: !0, default: () => new ie() })
-], Fe.prototype, "timeline");
-var Uo = Object.getOwnPropertyDescriptor, Do = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Uo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+], Le.prototype, "timeline");
+var Io = Object.getOwnPropertyDescriptor, Bo = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Io(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
@@ -5131,17 +5129,17 @@ let Me = class extends y {
     super(), this.setProperties(r).append(e);
   }
 };
-Me = Do([
+Me = Bo([
   v("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
 ], 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--)
+var No = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, rr = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? zo(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;
+  return s && i && No(e, t, i), i;
 };
 let xe = class extends ye {
   position = new S().on("update", () => this.updateGlobalTransform());
@@ -5225,10 +5223,10 @@ rr([
 xe = rr([
   v("Node2D")
 ], xe);
-var No = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, kt = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Lo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Lo = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, kt = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Fo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && No(e, t, i), i;
+  return s && i && Lo(e, t, i), i;
 };
 let Ke = class extends xe {
   _screenOffset = { x: 0, y: 0 };
@@ -5373,7 +5371,7 @@ const Tr = {
   saturate: 1,
   sepia: 0
 };
-function Cl(r) {
+function Al(r) {
   const e = new Yr();
   if (r === "none")
     return e;
@@ -5412,7 +5410,7 @@ function Cl(r) {
   }
   return e;
 }
-function Fo(r, e, t, s = new O()) {
+function $o(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) {
@@ -5482,7 +5480,7 @@ function Fo(r, e, t, s = new O()) {
     }
   }), s;
 }
-function zo(r) {
+function Vo(r) {
   const [e, t = e] = r.split(" ");
   return [e, t].map((s) => {
     switch (s = s.trim(), s) {
@@ -5499,11 +5497,11 @@ function zo(r) {
     }
   });
 }
-var os = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, Vo = (r, e, t) => e in r ? os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ne = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? $o(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var os = Object.defineProperty, Go = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ne = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Go(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && os(e, t, i), i;
-}, Go = (r, e, t) => Vo(r, e + "", t);
+}, Wo = (r, e, t) => jo(r, e + "", t);
 let $ = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5524,7 +5522,7 @@ let $ = class extends y {
     });
   }
 };
-Go($, "material", new x({
+Wo($, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5586,11 +5584,11 @@ ne([
 $ = ne([
   v("ColorAdjustEffect")
 ], $);
-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--)
+var as = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Xo = (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 ? qo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && as(e, t, i), i;
-}, qo = (r, e, t) => Wo(r, e + "", t);
+}, Ho = (r, e, t) => Xo(r, e + "", t);
 let Ze = class extends y {
   _colorMatrix = new Yr();
   constructor(r, e = []) {
@@ -5637,7 +5635,7 @@ let Ze = class extends y {
     });
   }
 };
-qo(Ze, "material", new x({
+Ho(Ze, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5670,11 +5668,11 @@ ns([
 Ze = ns([
   v("ColorFilterEffect")
 ], Ze);
-var ls = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e, t) => e in r ? ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, sr = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Xo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var ls = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, Ko = (r, e, t) => e in r ? ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, sr = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? 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 && ls(e, t, i), i;
-}, Yo = (r, e, t) => Ho(r, e + "", t);
+}, Zo = (r, e, t) => Ko(r, e + "", t);
 const He = 50;
 let Oe = class extends y {
   _color = new Z();
@@ -5697,7 +5695,7 @@ let Oe = class extends y {
     });
   }
 };
-Yo(Oe, "material", new x({
+Zo(Oe, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5753,11 +5751,11 @@ sr([
 Oe = sr([
   v("ColorOverlayEffect")
 ], 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--)
+var hs = Object.defineProperty, Jo = Object.getOwnPropertyDescriptor, Qo = (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 ? Jo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && hs(e, t, i), i;
-}, Jo = (r, e, t) => Zo(r, e + "", t);
+}, ea = (r, e, t) => Qo(r, e + "", t);
 let ke = class extends y {
   _color = new Z();
   constructor(r, e = []) {
@@ -5778,7 +5776,7 @@ let ke = class extends y {
     });
   }
 };
-Jo(ke, "material", new x({
+ea(ke, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5820,11 +5818,11 @@ ir([
 ke = ir([
   v("ColorRemoveEffect")
 ], ke);
-var cs = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ea = (r, e, t) => e in r ? cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, or = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Qo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var cs = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, ra = (r, e, t) => e in r ? cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, or = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ta(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && cs(e, t, i), i;
-}, ta = (r, e, t) => ea(r, e + "", t);
+}, sa = (r, e, t) => ra(r, e + "", t);
 const Xe = 50;
 let Ue = class extends y {
   _color = new Z();
@@ -5859,7 +5857,7 @@ let Ue = class extends y {
     });
   }
 };
-ta(Ue, "material", new x({
+sa(Ue, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5908,11 +5906,11 @@ or([
 Ue = or([
   v("ColorReplaceEffect")
 ], Ue);
-var us = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, sa = (r, e, t) => e in r ? us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ut = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? ra(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var us = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, oa = (r, e, t) => e in r ? us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ut = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ia(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && us(e, t, i), i;
-}, ia = (r, e, t) => sa(r, e + "", t);
+}, aa = (r, e, t) => oa(r, e + "", t);
 let we = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5936,7 +5934,7 @@ let we = class extends y {
     });
   }
 };
-ia(we, "material", new x({
+aa(we, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6013,11 +6011,11 @@ Ut([
 we = Ut([
   v("DrawboardEffect")
 ], we);
-var ds = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, aa = (r, e, t) => e in r ? ds(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ar = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? oa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var ds = Object.defineProperty, na = Object.getOwnPropertyDescriptor, la = (r, e, t) => e in r ? ds(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ar = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? na(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;
-}, ps = (r, e, t) => aa(r, typeof e != "symbol" ? e + "" : e, t);
+}, ps = (r, e, t) => la(r, typeof e != "symbol" ? e + "" : e, t);
 const fs = `varying vec2 vUv[9];
 uniform sampler2D sampler;
 
@@ -6124,11 +6122,11 @@ ar([
 oe = ar([
   v("GaussianBlurEffect")
 ], oe);
-var _s = Object.defineProperty, na = Object.getOwnPropertyDescriptor, la = (r, e, t) => e in r ? _s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ze = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? na(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var _s = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ca = (r, e, t) => e in r ? _s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Fe = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? ha(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && _s(e, t, i), i;
-}, ha = (r, e, t) => la(r, e + "", t);
+}, ua = (r, e, t) => ca(r, e + "", t);
 let J = class extends y {
   blurEffect = new oe();
   viewport3 = new j();
@@ -6154,7 +6152,7 @@ let J = class extends y {
     });
   }
 };
-ha(J, "material", new x({
+ua(J, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6178,29 +6176,29 @@ void main(void) {
   gl_FragColor = sample;
 }`
 }));
-ze([
+Fe([
   u({ fallback: "#000000FF" })
 ], J.prototype, "color", 2);
-ze([
+Fe([
   u({ fallback: 4 })
 ], J.prototype, "blur", 2);
-ze([
+Fe([
   u({ fallback: 4 })
 ], J.prototype, "offsetX", 2);
-ze([
+Fe([
   u({ fallback: 4 })
 ], J.prototype, "offsetY", 2);
-ze([
+Fe([
   u({ fallback: !1 })
 ], J.prototype, "shadowOnly", 2);
-J = ze([
+J = Fe([
   v("DropShadowEffect")
 ], J);
-var ms = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, ua = (r, e, t) => e in r ? ms(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, gs = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? ca(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var ms = Object.defineProperty, da = Object.getOwnPropertyDescriptor, pa = (r, e, t) => e in r ? ms(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, gs = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? da(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ms(e, t, i), i;
-}, da = (r, e, t) => ua(r, e + "", t);
+}, fa = (r, e, t) => pa(r, e + "", t);
 let Je = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6215,7 +6213,7 @@ let Je = class extends y {
     });
   }
 };
-da(Je, "material", new x({
+fa(Je, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6247,11 +6245,11 @@ gs([
 Je = gs([
   v("EmbossEffect")
 ], Je);
-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--)
+var vs = Object.defineProperty, _a = Object.getOwnPropertyDescriptor, ma = (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 ? _a(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) => fa(r, e + "", t);
+}, ga = (r, e, t) => ma(r, e + "", t);
 let N = class extends y {
   _canvas;
   _texture;
@@ -6295,7 +6293,7 @@ let N = class extends y {
     });
   }
 };
-_a(N, "material", new x({
+ga(N, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6430,12 +6428,12 @@ Q([
 N = Q([
   v("GlitchEffect")
 ], N);
-var bs = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, ga = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _e = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? ma(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var bs = Object.defineProperty, va = Object.getOwnPropertyDescriptor, ba = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _e = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? va(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && bs(e, t, i), i;
-}, va = (r, e, t) => ga(r, e + "", t);
-const ba = `vec3 mod289(vec3 x)
+}, ya = (r, e, t) => ba(r, e + "", t);
+const xa = `vec3 mod289(vec3 x)
 {
     return x - floor(x * (1.0 / 289.0)) * 289.0;
 }
@@ -6554,7 +6552,7 @@ let W = class extends y {
     });
   }
 };
-va(W, "material", new x({
+ya(W, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6574,7 +6572,7 @@ uniform float uTime;
 uniform vec3 uRay;
 uniform vec4 uInputSize;
 
-${ba}
+${xa}
 
 void main(void) {
   bool uParallel = uParallel > 0.5;
@@ -6631,12 +6629,12 @@ _e([
 W = _e([
   v("GodrayEffect")
 ], W);
-var ya = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, Dt = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? xa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var wa = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Dt = (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 && ya(e, t, i), i;
+  return s && i && wa(e, t, i), i;
 };
-const wa = `varying vec2 vUv;
+const Ta = `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform vec2 uOffset;
 
@@ -6648,7 +6646,7 @@ void main(void) {
     color += texture2D(sampler, vec2(vUv.x - uOffset.x, vUv.y - uOffset.y));
     color *= 0.25;
     gl_FragColor = color;
-}`, Pa = `precision highp float;
+}`, Ea = `precision highp float;
 varying vec2 vUv;
 uniform sampler2D sampler;
 uniform vec2 uOffset;
@@ -6674,7 +6672,7 @@ void main() {
   gl_Position = vec4(position, 0.0, 1.0);
   vUv = uv;
 }`,
-      frag: r?.clamp ? Pa : wa
+      frag: r?.clamp ? Ea : Ta
     }), this.setProperties(r).append(e), this._generateKernels();
   }
   _updateProperty(r, e, t) {
@@ -6725,11 +6723,11 @@ Dt([
 Qe = Dt([
   v("KawaseBlurEffect")
 ], Qe);
-var ys = Object.defineProperty, Ta = Object.getOwnPropertyDescriptor, Ea = (r, e, t) => e in r ? ys(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, nr = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ta(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var ys = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, Sa = (r, e, t) => e in r ? ys(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, nr = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ca(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ys(e, t, i), i;
-}, Ca = (r, e, t) => Ea(r, e + "", t);
+}, Aa = (r, e, t) => Sa(r, e + "", t);
 let Pe = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6758,7 +6756,7 @@ let Pe = class extends y {
     });
   }
 };
-Ca(Pe, "material", new x({
+Aa(Pe, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6814,12 +6812,12 @@ nr([
 Pe = nr([
   v("MaskEffect")
 ], Pe);
-var xs = Object.defineProperty, Sa = Object.getOwnPropertyDescriptor, Aa = (r, e, t) => e in r ? xs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, me = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Sa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var xs = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, Ma = (r, e, t) => e in r ? xs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, me = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ra(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && xs(e, t, i), i;
-}, ws = (r, e, t) => Aa(r, typeof e != "symbol" ? e + "" : e, t);
-const Ra = `precision highp float;
+}, ws = (r, e, t) => Ma(r, typeof e != "symbol" ? e + "" : e, t);
+const Oa = `precision highp float;
 varying vec2 vUv;
 uniform sampler2D sampler;
 uniform vec2 uThickness;
@@ -6874,7 +6872,7 @@ void main() {
   gl_Position = vec4(position, 0.0, 1.0);
   vUv = uv;
 }`,
-      frag: Ra.replace(
+      frag: Oa.replace(
         /\{ANGLE_STEP\}/,
         U.getAngleStep(this.quality).toFixed(7)
       )
@@ -6923,11 +6921,11 @@ me([
 U = me([
   v("OutlineEffect")
 ], 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--)
+var Ps = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, Ua = (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 ? ka(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) => Oa(r, e + "", t);
+}, Da = (r, e, t) => Ua(r, e + "", t);
 let et = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6942,7 +6940,7 @@ let et = class extends y {
     });
   }
 };
-ka(et, "material", new x({
+Da(et, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6985,11 +6983,11 @@ Ts([
 et = Ts([
   v("PixelateEffect")
 ], et);
-var Es = Object.defineProperty, Ua = Object.getOwnPropertyDescriptor, Da = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ct = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ua(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Es = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, Ba = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ct = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ia(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Es(e, t, i), i;
-}, Ia = (r, e, t) => Da(r, e + "", t);
+}, Na = (r, e, t) => Ba(r, e + "", t);
 let ue = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -7011,7 +7009,7 @@ let ue = class extends y {
     });
   }
 };
-Ia(ue, "material", new x({
+Na(ue, "material", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -7149,10 +7147,10 @@ function Pt(r, e) {
   }
   return { disableWrapMode: t, uvTransform: n };
 }
-var Ba = Object.defineProperty, H = (r, e, t, s) => {
+var za = Object.defineProperty, H = (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 && Ba(e, t, i), i;
+  return i && za(e, t, i), i;
 };
 class D extends pe {
   constructor(e) {
@@ -7165,7 +7163,7 @@ class D extends pe {
   }
   setProperties(e) {
     return this._setProperties(
-      F(e) ? void 0 : Fs(e)
+      L(e) ? void 0 : $s(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7192,7 +7190,7 @@ class D extends pe {
       this.linearGradient ?? this.radialGradient,
       this.parent.size.width,
       this.parent.size.height
-    ) : 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));
+    ) : L(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();
@@ -7201,15 +7199,14 @@ class D extends pe {
     return !!(this.enabled && (this.texture || this.animatedTexture || this.color));
   }
   draw() {
-    const e = this.parent.context, { uvTransform: t, disableWrapMode: s } = Pt(
+    const { width: e, height: t } = this.parent.size, s = this.parent.context, { uvTransform: i, disableWrapMode: o } = Pt(
       this,
-      {
-        width: this.parent.size.width,
-        height: this.parent.size.height
-      }
+      { width: e, height: t }
     );
-    e.uvTransform = t, e.fillStyle = this.animatedTexture?.currentFrame.texture ?? this.texture ?? this.color, e.fill({
-      disableWrapMode: s
+    s.fillStyle = this.animatedTexture?.currentFrame.texture ?? this.texture ?? this.color, s.fill({
+      uvTransform: i,
+      disableWrapMode: o,
+      size: new Float32Array([e, t])
     });
   }
   _getFrameCurrentTime() {
@@ -7267,15 +7264,15 @@ H([
 H([
   u()
 ], D.prototype, "opacity");
-var Na = Object.defineProperty, La = (r, e, t, s) => {
+var La = Object.defineProperty, Fa = (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;
+  return i && La(e, t, i), i;
 };
 class Cs extends D {
   setProperties(e) {
     return super._setProperties(
-      F(e) ? void 0 : zs(e)
+      L(e) ? void 0 : Vs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7286,18 +7283,18 @@ class Cs extends D {
     }
   }
 }
-La([
+Fa([
   u()
 ], Cs.prototype, "fillWithShape");
-var Fa = Object.defineProperty, za = (r, e, t, s) => {
+var $a = Object.defineProperty, Va = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && Fa(e, t, i), i;
+  return i && $a(e, t, i), i;
 };
 class Ss extends D {
   setProperties(e) {
     return super._setProperties(
-      F(e) ? void 0 : $s(e)
+      L(e) ? void 0 : Gs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7308,18 +7305,18 @@ class Ss extends D {
     }
   }
 }
-za([
+Va([
   u()
 ], Ss.prototype, "fillWithShape");
-var $a = Object.defineProperty, ut = (r, e, t, s) => {
+var Ga = Object.defineProperty, ut = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && $a(e, t, i), i;
+  return i && Ga(e, t, i), i;
 };
 class $e extends D {
   setProperties(e) {
     return super._setProperties(
-      F(e) ? void 0 : Vs(e)
+      L(e) ? void 0 : js(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7344,7 +7341,10 @@ class $e extends D {
         height: this.parent.size.height
       }
     );
-    e.lineWidth = this.width || 1, e.uvTransform = t, e.strokeStyle = this.texture ?? this.color, e.lineCap = this.lineCap, e.lineJoin = this.lineJoin, e.stroke({ disableWrapMode: s });
+    e.lineWidth = this.width || 1, e.strokeStyle = this.texture ?? this.color, e.lineCap = this.lineCap, e.lineJoin = this.lineJoin, e.stroke({
+      uvTransform: t,
+      disableWrapMode: s
+    });
   }
 }
 ut([
@@ -7362,10 +7362,10 @@ ut([
 ut([
   u({ fallback: "miter" })
 ], $e.prototype, "lineJoin");
-var Va = Object.defineProperty, dt = (r, e, t, s) => {
+var ja = Object.defineProperty, dt = (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 && Va(e, t, i), i;
+  return i && ja(e, t, i), i;
 };
 class Ve extends pe {
   constructor(e) {
@@ -7373,7 +7373,7 @@ class Ve extends pe {
   }
   setProperties(e) {
     return super.setProperties(
-      F(e) ? void 0 : Gs(e)
+      L(e) ? void 0 : Ws(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7407,19 +7407,19 @@ dt([
 dt([
   u({ fallback: 0 })
 ], Ve.prototype, "offsetX");
-var Ga = Object.defineProperty, pt = (r, e, t, s) => {
+var Wa = 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;
+  return i && Wa(e, t, i), i;
 };
 class Ge extends pe {
   constructor(e) {
     super(), this.parent = e, this._updatePath2DSet();
   }
-  _path2DSet = new Qs();
+  _path2DSet = new ti();
   setProperties(e) {
     return super.setProperties(
-      F(e) ? void 0 : js(e)
+      L(e) ? void 0 : qs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7435,8 +7435,8 @@ class Ge extends pe {
   _updatePath2DSet() {
     let e;
     if (this.svg) {
-      const a = ei(this.svg);
-      this._path2DSet = ti(a), e = this._path2DSet.viewBox;
+      const a = ri(this.svg);
+      this._path2DSet = si(a), e = this._path2DSet.viewBox;
     } else
       this.paths?.forEach((a, n) => {
         const { data: h, ...l } = a, c = new bt();
@@ -7485,26 +7485,26 @@ class tt extends fe {
     super(), this.setProperties(e);
   }
 }
-const Er = Ws();
+const Er = Xs();
 for (const r in Er) {
   const e = Er[r];
   Ht(tt, r, { fallback: e });
 }
-var ja = Object.defineProperty, le = (r, e, t, s) => {
+var qa = Object.defineProperty, le = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
-  return i && ja(e, t, i), i;
+  return i && qa(e, t, i), i;
 };
 class ee extends pe {
   constructor(e) {
-    super(), this.parent = e, this.base = new ri(), this.base.setPropertyAccessor(this);
+    super(), this.parent = e, this.base = new ii(), this.base.setPropertyAccessor(this);
   }
   base;
   _texture = new er();
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
-      F(e) ? void 0 : qs(e)
+      L(e) ? void 0 : Hs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7525,7 +7525,10 @@ class ee extends pe {
     }
   }
   update() {
-    this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update(), this.useTextureDraw() && (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 }), this._texture.requestUpload()), this.parent.requestRedraw();
+    this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update(), this.useTextureDraw() && (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,
+      pixelRatio: this._texture.pixelRatio
+    }), this._texture.requestUpload()), this.parent.requestRedraw();
   }
   _updateTextureMap() {
     this._textureMap.clear();
@@ -7534,17 +7537,17 @@ class ee extends pe {
       const i = [];
       if (t.fragments.forEach((o, a) => {
         if (o.characters.length) {
-          const n = zt.from(
+          const n = Ft.from(
             ...o.characters.map((h) => h.compatibleGlyphBox)
           );
           this._updateTexture(`${s}.${a}.fill`, o.fill, n), this._updateTexture(`${s}.${a}.outline`, o.outline, n), i.push(n);
         }
       }), i.length) {
-        const o = zt.from(...i);
+        const o = Ft.from(...i);
         this._updateTexture(`${s}.fill`, t.fill, o), this._updateTexture(`${s}.outline`, t.outline, o), e.push(o);
       }
     }), e.length) {
-      const t = zt.from(...e);
+      const t = Ft.from(...e);
       this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
     }
   }
@@ -7559,10 +7562,10 @@ class ee extends pe {
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await q.texture.load(e.image));
+    ) : L(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await q.texture.load(e.image));
   }
   setContent(e) {
-    this.content = Xs(e);
+    this.content = Ys(e);
   }
   measure() {
     return this.update(), this.base.measure();
@@ -7585,9 +7588,9 @@ class ee extends pe {
     this.base.pathSets.forEach((t) => {
       t.paths.forEach((s) => {
         const i = s.getMeta();
-        if (i instanceof si) {
+        if (i instanceof oi) {
           const o = i.parent.index, a = i.parent.parent.index;
-          if (s.style.fill && !F(s.style.fill))
+          if (s.style.fill && !L(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)) {
@@ -7598,11 +7601,17 @@ class ee extends pe {
                     height: this.parent.size.height
                   }
                 );
-                e.addPath(s), e.style = { ...s.style }, e.uvTransform = l, e.fillStyle = h?.texture ?? n.color, e.vertTransform = this._createVertTransform(), e.fill({ disableWrapMode: c });
+                e.addPath(s), e.style = { ...s.style }, e.fillStyle = h?.texture ?? n.color, e.fill({
+                  uvTransform: l,
+                  vertTransform: this._createVertTransform(),
+                  disableWrapMode: c
+                });
               }
             } else
-              e.addPath(s), e.style = { ...s.style }, e.vertTransform = this._createVertTransform(), e.fill();
-          if (s.style.stroke && !F(s.style.stroke))
+              e.addPath(s), e.style = { ...s.style }, e.fill({
+                vertTransform: this._createVertTransform()
+              });
+          if (s.style.stroke && !L(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)) {
@@ -7613,18 +7622,29 @@ class ee extends pe {
                     height: this.parent.size.height
                   }
                 );
-                e.addPath(s), e.style = { ...s.style }, e.lineWidth = n.width || 1, e.uvTransform = l, e.strokeStyle = h?.texture ?? n.color, e.lineCap = n.lineCap, e.lineJoin = n.lineJoin, e.vertTransform = this._createVertTransform(), e.stroke({ disableWrapMode: c });
+                e.addPath(s), e.style = { ...s.style }, e.lineWidth = n.width || 1, e.strokeStyle = h?.texture ?? n.color, e.lineCap = n.lineCap, e.lineJoin = n.lineJoin, e.stroke({
+                  uvTransform: l,
+                  vertTransform: this._createVertTransform(),
+                  disableWrapMode: c
+                });
               }
             } else
-              e.addPath(s), e.style = { ...s.style }, e.vertTransform = this._createVertTransform(), e.stroke();
+              e.addPath(s), e.style = { ...s.style }, e.stroke({
+                vertTransform: this._createVertTransform()
+              });
         } else
-          e.addPath(s), e.style = { ...s.style }, e.vertTransform = this._createVertTransform(), e.fill();
+          e.addPath(s), e.style = { ...s.style }, e.fill({
+            vertTransform: this._createVertTransform()
+          });
       });
     });
   }
   _textureDraw(e) {
     const { left: t = 0, top: s = 0, width: i, height: o } = this.base.boundingBox;
-    e.fillStyle = this._texture, e.uvTransform = new O().translate(-t, -s).scale(1 / i, 1 / o), e.vertTransform = this._createVertTransform(), e.rect(t, s, i, o), e.fill();
+    e.fillStyle = this._texture, e.rect(t, s, i, o), e.fill({
+      uvTransform: new O().translate(-t, -s).scale(1 / i, 1 / o),
+      vertTransform: this._createVertTransform()
+    });
   }
   draw() {
     const e = this.parent.context;
@@ -7658,12 +7678,12 @@ le([
 le([
   u({ fallback: "auto" })
 ], ee.prototype, "drawMode");
-var Wa = Object.getOwnPropertyDescriptor, qa = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Wa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Xa = Object.getOwnPropertyDescriptor, Ha = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Xa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-const Xa = new Set(Object.keys(Ys())), Ha = new Set(Object.keys(Hs()));
+const Ya = new Set(Object.keys(Zs())), Ka = new Set(Object.keys(Ks()));
 let rt = class extends xe {
   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();
@@ -7757,7 +7777,7 @@ let rt = class extends xe {
   _updateStyleProperty(r, e, t) {
     switch (r) {
       case "rotate":
-        this.rotation = e * Oi;
+        this.rotation = e * Ui;
         break;
       case "scaleX":
         this.scale.x = e, this.text.isValid() && (e ^ t) < 0 && this.requestRedraw();
@@ -7772,7 +7792,7 @@ let rt = class extends xe {
         this.skew.y = e;
         break;
       case "transform":
-        Fo(
+        $o(
           e ?? "",
           this.size.width,
           this.size.height,
@@ -7780,7 +7800,7 @@ let rt = class extends xe {
         ), this.updateGlobalTransform();
         break;
       case "transformOrigin": {
-        const s = zo(e ?? "");
+        const s = Vo(e ?? "");
         this.pivot.set(
           s[0] * this.size.width,
           s[1] * this.size.height
@@ -7821,14 +7841,14 @@ let rt = class extends xe {
         this._overflowHidden = e === "hidden";
         break;
       case "pointerEvents":
-        this._allowPointerEvents = !F(e);
+        this._allowPointerEvents = !L(e);
         break;
       case "borderRadius":
       default:
         this.requestRedraw();
         break;
     }
-    (Ha.has(r) || Xa.has(r)) && this.text.isValid() && this.text.update();
+    (Ka.has(r) || Ya.has(r)) && this.text.isValid() && this.text.update();
   }
   _process(r) {
     this.foreground.updateFrameIndex(), this.fill.updateFrameIndex(), this.outline.updateFrameIndex(), this.background.updateFrameIndex(), super._process(r);
@@ -7846,12 +7866,6 @@ let rt = class extends xe {
   updateGlobalTransform() {
     super.updateGlobalTransform(), this._updateMask();
   }
-  _relayout(r) {
-    return super._relayout(r).map((e) => ({
-      ...e,
-      dimension: this.size.toFloat32Array()
-    }));
-  }
   getRect() {
     return this.getGlobalAabb();
   }
@@ -7986,7 +8000,7 @@ let rt = class extends xe {
     });
   }
 };
-rt = qa([
+rt = Ha([
   v("BaseElement2D")
 ], rt);
 class As extends tt {
@@ -8002,13 +8016,13 @@ const Cr = {
 };
 for (const r in Cr)
   Ht(As, r, { fallback: Cr[r] });
-class Ya extends tt {
+class Za extends tt {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
-var Ka = Object.getOwnPropertyDescriptor, Za = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ka(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Ja = Object.getOwnPropertyDescriptor, Qa = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Ja(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
@@ -8048,7 +8062,7 @@ let Te = class extends rt {
     }
   }
 };
-Te = Za([
+Te = Qa([
   v("Element2D")
 ], Te);
 const E = {
@@ -8070,7 +8084,7 @@ const E = {
   // Edge.Vertical
   all: 8
   // Edge.All
-}, Ja = {
+}, en = {
   column: 0,
   // Gutter.Column
   row: 1,
@@ -8267,7 +8281,7 @@ class lr {
         );
         break;
       case "gap":
-        t !== void 0 && this._node.setGap(Ja.all, t);
+        t !== void 0 && this._node.setGap(en.all, t);
         break;
       case "marginTop":
         this._node.setMargin(E.top, t);
@@ -8346,13 +8360,13 @@ class lr {
     }
   }
 }
-var Qa = Object.getOwnPropertyDescriptor, en = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Qa(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var tn = Object.getOwnPropertyDescriptor, rn = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? tn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
 let Dr = class extends rt {
-  _style = new Ya().on("updateProperty", (...r) => {
+  _style = new Za().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
   get style() {
@@ -8399,13 +8413,13 @@ let Dr = class extends rt {
     s?._layout?.calculateLayout ? s?._layout.calculateLayout(r, e, t) : this._layout.calculateLayout(r, e, t);
   }
 };
-Dr = en([
+Dr = rn([
   v("FlexElement2D")
 ], Dr);
-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--)
+var sn = Object.defineProperty, on = Object.getOwnPropertyDescriptor, ft = (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 && tn(e, t, i), i;
+  return s && i && sn(e, t, i), i;
 };
 let De = class extends Te {
   get currentFrameTexture() {
@@ -8528,10 +8542,10 @@ 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, 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--)
+var an = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, Ms = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? nn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && sn(e, t, i), i;
+  return s && i && an(e, t, i), i;
 };
 let Wt = class extends Rs {
   texture = new er();
@@ -8569,12 +8583,12 @@ Ms([
 Wt = Ms([
   v("Lottie2D")
 ], Wt);
-var an = Object.defineProperty, nn = (r, e, t, s) => {
+var ln = Object.defineProperty, hn = (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 && an(e, t, i), i;
+  return i && ln(e, t, i), i;
 };
-class ln extends Te {
+class cn extends Te {
   constructor(e, t = []) {
     super(), this.setProperties(e).append(t);
   }
@@ -8597,13 +8611,13 @@ class ln extends Te {
     this.context.rect(0, 0, e, t), this.context.strokeStyle = "#00FF00", this.context.stroke(), this._drawCircle(0, 0), this._drawCircle(e, t), this._drawCircle(0, t), this._drawEllipse(0, t / 2), this._drawCircle(e, 0), this._drawEllipse(e, t / 2);
   }
 }
-nn([
+hn([
   u({ fallback: 6 })
-], ln.prototype, "handleSize");
-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--)
+], cn.prototype, "handleSize");
+var un = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, Os = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? dn(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;
+  return s && i && un(e, t, i), i;
 };
 let qt = class extends Rs {
   get videoDuration() {
@@ -8646,17 +8660,17 @@ Os([
 qt = Os([
   v("Video2D")
 ], qt);
-var un = Object.defineProperty, dn = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? dn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var pn = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? fn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
-  return s && i && un(e, t, i), i;
+  return s && i && pn(e, t, i), i;
 };
-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);
+const _n = (r) => r, mn = _t(0.25, 0.1, 0.25, 1), gn = _t(0.42, 0, 1, 1), vn = _t(0, 0, 0.58, 1), bn = _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, 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++) {
+    for (let z = 0; z < 8; z++) {
       if (P = p(g) - m, Math.abs(P) < 1e-6)
         return g;
       if (w = d(g), Math.abs(w) < 1e-6)
@@ -8674,11 +8688,11 @@ function _t(r, e, t, s) {
   return (m) => _(f(m));
 }
 const $t = {
-  linear: pn,
-  ease: fn,
-  easeIn: _n,
-  easeOut: mn,
-  easeInOut: gn
+  linear: _n,
+  ease: mn,
+  easeIn: gn,
+  easeOut: vn,
+  easeInOut: bn
 };
 let st = class extends G {
   _keyframes = [];
@@ -9058,7 +9072,7 @@ class Tt extends de {
     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);
   }
 }
-class vn {
+class yn {
   constructor(e) {
     this.parent = e;
   }
@@ -9109,7 +9123,7 @@ class ks extends de {
     return this._input;
   }
 }
-class Sl {
+class Rl {
   constructor(e, t = null) {
     this.destination = e, this.source = t;
   }
@@ -9120,7 +9134,7 @@ class Sl {
     this.source?.disconnect();
   }
 }
-function bn() {
+function xn() {
   if (Vr)
     return new AudioContext();
   if (Gr) {
@@ -9129,10 +9143,10 @@ function bn() {
   } else
     throw new Error("Failed to createAudioContext");
 }
-function yn(r, e, t) {
+function wn(r, e, t) {
   if (jr)
     return new OfflineAudioContext(r, e, t);
-  if (_i) {
+  if (gi) {
     const s = globalThis.webkitOfflineAudioContext;
     return new s(r, e, t);
   } else
@@ -9183,12 +9197,12 @@ class ve extends ks {
   _compressor;
   _analyser;
   constructor() {
-    const e = bn(), t = yn(
+    const e = xn(), t = wn(
       1,
       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 || 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));
+    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 || mi), 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)
@@ -9230,7 +9244,7 @@ class ve extends ks {
     e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
   }
 }
-class xn extends de {
+class Pn extends de {
   _audio = null;
   _sourceNode = null;
   _gain = null;
@@ -9385,7 +9399,7 @@ class xn extends de {
     super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
   }
 }
-class wn extends ks {
+class Tn extends ks {
   constructor(e) {
     const t = ve.audioContext, s = t.createBufferSource(), i = t.createGain(), o = t.createAnalyser();
     s.connect(o), o.connect(i), i.connect(ve.instance.destination), super(o, i), this.parent = e, this._sourceNode = s, this.gain = i, this.analyser = o;
@@ -9432,18 +9446,18 @@ class wn extends ks {
     return s.buffer = t.buffer, s.loop = t.loop, e.setParamValue(s.playbackRate, t.playbackRate.value), s.connect(i), i.connect(this.destination), { source: s, gain: i };
   }
   createSound() {
-    return new xn();
+    return new Pn();
   }
 }
-var Pn = Object.defineProperty, Tn = Object.getOwnPropertyDescriptor, En = (r, e, t) => e in r ? Pn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Cn = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Tn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var En = Object.defineProperty, Cn = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? En(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, An = (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 = a(i) || i);
   return i;
-}, Sn = (r, e, t) => En(r, e + "", t);
+}, Rn = (r, e, t) => Sn(r, e + "", t);
 let be = class extends G {
   _sounds = [];
   /** PlatformAudio */
-  _platformAudio = mi ? new wn(this) : new vn(this);
+  _platformAudio = vi ? new Tn(this) : new yn(this);
   get platformAudio() {
     return this._platformAudio;
   }
@@ -9582,17 +9596,17 @@ let be = class extends G {
     }, 100);
   }
 };
-Sn(be, "_soundPool", []);
-be = Cn([
+Rn(be, "_soundPool", []);
+be = An([
   v("Audio")
 ], be);
-class Al extends xe {
+class Ml extends xe {
   //
 }
-var An = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, Bt = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Rn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Mn = Object.defineProperty, On = Object.getOwnPropertyDescriptor, Bt = (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 && An(e, t, i), i;
+  return s && i && Mn(e, t, i), i;
 };
 let it = class extends Te {
   _audioBuffer;
@@ -9671,11 +9685,11 @@ Bt([
 it = Bt([
   v("AudioWaveform")
 ], it);
-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--)
+var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, Dn = (r, e, t) => e in r ? kn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, In = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Un(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, Dn = (r, e, t) => kn(r, e + "", t);
+}, Bn = (r, e, t) => Dn(r, e + "", t);
 let Et = class extends Me {
   blur = 10;
   quality = 10;
@@ -9708,7 +9722,7 @@ let Et = class extends Me {
     });
   }
 };
-Dn(Et, "material", new x({
+Bn(Et, "material", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9733,14 +9747,14 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-Et = Un([
+Et = In([
   v("KawaseTransition")
 ], Et);
-var In = Object.defineProperty, Bn = Object.getOwnPropertyDescriptor, Nn = (r, e, t) => e in r ? In(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ln = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Bn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Nn = Object.defineProperty, zn = Object.getOwnPropertyDescriptor, Ln = (r, e, t) => e in r ? Nn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Fn = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? zn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, Fn = (r, e, t) => Nn(r, e + "", t);
+}, $n = (r, e, t) => Ln(r, e + "", t);
 let Ct = class extends Me {
   apply(r) {
     b.draw(r, Ct.material, {
@@ -9750,7 +9764,7 @@ let Ct = class extends Me {
     });
   }
 };
-Fn(Ct, "material", new x({
+$n(Ct, "material", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9779,14 +9793,14 @@ void main() {
   gl_FragColor = mix(src2Color, src1Color, mixPercent);
 }`
 }));
-Ct = Ln([
+Ct = Fn([
   v("LeftEraseTransition")
 ], Ct);
-var zn = Object.defineProperty, $n = Object.getOwnPropertyDescriptor, Vn = (r, e, t) => e in r ? zn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Gn = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? $n(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Vn = Object.defineProperty, Gn = Object.getOwnPropertyDescriptor, jn = (r, e, t) => e in r ? Vn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Wn = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Gn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, jn = (r, e, t) => Vn(r, e + "", t);
+}, qn = (r, e, t) => jn(r, e + "", t);
 let ot = class extends Me {
   blur = 100;
   gradientBlur = 600;
@@ -9816,7 +9830,7 @@ let ot = class extends Me {
     });
   }
 };
-jn(ot, "material", new x({
+qn(ot, "material", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9864,14 +9878,14 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-ot = Gn([
+ot = Wn([
   v("TiltShiftTransition")
 ], ot);
-var Wn = Object.defineProperty, qn = Object.getOwnPropertyDescriptor, Xn = (r, e, t) => e in r ? Wn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Hn = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? qn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Xn = Object.defineProperty, Hn = Object.getOwnPropertyDescriptor, Yn = (r, e, t) => e in r ? Xn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Kn = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Hn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, Yn = (r, e, t) => Xn(r, e + "", t);
+}, Zn = (r, e, t) => Yn(r, e + "", t);
 let St = class extends Me {
   radius;
   angle = 4;
@@ -9893,7 +9907,7 @@ let St = class extends Me {
     });
   }
 };
-Yn(St, "material", new x({
+Zn(St, "material", new x({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9943,10 +9957,10 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-St = Hn([
+St = Kn([
   v("TwistTransition")
 ], St);
-class Kn extends Ee {
+class Jn extends Ee {
   install(e) {
     const t = async (s) => {
       const { decodeFrames: i } = await import("modern-gif");
@@ -9967,7 +9981,7 @@ class Kn extends Ee {
     }), e.gif = this, this;
   }
 }
-class Zn extends Ee {
+class Qn extends Ee {
   install(e) {
     const t = (s) => e.fetch(s).then((i) => i.json());
     return this.load = (s) => e.loadBy(s, () => t(s)), [
@@ -9977,7 +9991,7 @@ class Zn extends Ee {
     }), e.json = this, this;
   }
 }
-class Jn extends Ee {
+class el extends Ee {
   install(e) {
     const t = async (s, i) => (await import("lottie-web").then((a) => a.default)).loadAnimation({
       container: null,
@@ -9996,13 +10010,13 @@ class Jn extends Ee {
     }), e.lottie = this, this;
   }
 }
-class Qn extends Ee {
+class tl extends Ee {
   install(e) {
     const t = async (s) => await e.fetch(s).then((i) => i.text());
     return this.load = (s) => e.loadBy(s, () => t(s)), e.text = this, this;
   }
 }
-class el extends Ee {
+class rl extends Ee {
   install(e) {
     const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new T(i));
     return this.load = (s) => e.loadBy(s, () => t(s)), [
@@ -10021,9 +10035,9 @@ class el extends Ee {
     }), e.texture = this, this;
   }
 }
-class tl extends Ee {
+class sl extends Ee {
   install(e) {
-    const t = (s) => new uo(s).load();
+    const t = (s) => new fo(s).load();
     return this.load = (s) => e.loadBy(s, () => t(s)), [
       "video/3gpp",
       "video/mpeg",
@@ -10039,7 +10053,7 @@ class tl extends Ee {
     }), e.video = this, this;
   }
 }
-const rl = Object.entries({
+const il = Object.entries({
   "text/html": ["html", "htm", "shtml"],
   "text/css": ["css"],
   "text/xml": ["xml"],
@@ -10104,23 +10118,23 @@ const rl = Object.entries({
   "video/x-msvideo": ["avi"],
   "video/mp4": ["m4v", "mp4"]
 });
-function sl(r) {
-  for (const [e, t] of rl)
+function ol(r) {
+  for (const [e, t] of il)
     if (t.includes(r))
       return e;
 }
-async function il(r) {
+async function al(r) {
   let e;
   if (r.startsWith("data:"))
     e = r.match(/^data:(.+?);/)?.[1];
   else if (r.startsWith("http")) {
     const t = r.split(/[#?]/)[0].split(".").pop()?.trim();
-    t && (e = sl(t));
+    t && (e = ol(t));
   }
   return e ?? await fetch(r).then((t) => t.headers.get("Content-Type")) ?? "";
 }
 const vt = "WeakRef" in globalThis;
-class ol extends de {
+class nl extends de {
   defaultHandler = (e) => this.fetch(e);
   _handlers = /* @__PURE__ */ new Map();
   _handleing = /* @__PURE__ */ new Map();
@@ -10192,7 +10206,7 @@ class ol extends de {
   }
   async load(e, t) {
     return this.loadBy(e, async () => {
-      const s = await il(e);
+      const s = await al(e);
       return (this._handlers.get(s) ?? this.defaultHandler)(e, t);
     });
   }
@@ -10210,11 +10224,11 @@ class ol extends de {
     }), this._handled.clear();
   }
 }
-const q = new ol().use(new Ji()).use(new Kn()).use(new Zn()).use(new Jn()).use(new Qn()).use(new el()).use(new tl());
-var al = Object.defineProperty, cr = (r, e, t, s) => {
+const q = new nl().use(new eo()).use(new Jn()).use(new Qn()).use(new el()).use(new tl()).use(new rl()).use(new sl());
+var ll = Object.defineProperty, cr = (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 && al(e, t, i), i;
+  return i && ll(e, t, i), i;
 };
 const Ae = {
   alpha: !0,
@@ -10224,7 +10238,7 @@ const Ae = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Nt extends Fe {
+class Nt extends Le {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10247,7 +10261,7 @@ class Nt extends Fe {
   set pixelRatio(e) {
     this.renderer.pixelRatio = e, this.resize(this.width, this.height);
   }
-  _resizeObserver = di ? new ResizeObserver((e) => {
+  _resizeObserver = fi ? new ResizeObserver((e) => {
     const t = e[0];
     if (t.target === this.view) {
       const { inlineSize: s, blockSize: i } = Array.isArray(t.contentBoxSize) ? t.contentBoxSize[0] : t.contentBoxSize;
@@ -10262,7 +10276,7 @@ class Nt extends Fe {
       pixelRatio: o = Wr,
       autoResize: a
     } = e;
-    super(), this.renderer = new Zi(t, {
+    super(), this.renderer = new Qi(t, {
       alpha: Ae.alpha ?? e.alpha,
       stencil: Ae.stencil ?? e.stencil,
       antialias: Ae.antialias ?? e.antialias,
@@ -10305,7 +10319,7 @@ class Nt extends Fe {
     return this.renderer.resize(e, t, s), this.root.width = e, this.root.height = t, this.root.requestUpload(), this.render(), this;
   }
   nextTick() {
-    return Fr();
+    return Lr();
   }
   async waitUntilLoad() {
     await q.waitUntilLoad(), await this.nextTick();
@@ -10367,7 +10381,7 @@ cr([
 let I;
 const Xt = [];
 let Vt = !1;
-async function nl(r = 100) {
+async function hl(r = 100) {
   if (!Vt) {
     for (Vt = !0; Xt.length; ) {
       const e = Xt.shift();
@@ -10383,7 +10397,7 @@ async function nl(r = 100) {
     Vt = !1;
   }
 }
-async function ll(r) {
+async function cl(r) {
   const {
     debug: e = !1,
     fonts: t,
@@ -10417,19 +10431,19 @@ async function ll(r) {
     _();
   }), I.toCanvas2D();
 }
-async function Rl(r) {
+async function Ol(r) {
   return new Promise((e) => {
-    Xt.push(async () => e(await ll(r))), nl();
+    Xt.push(async () => e(await cl(r))), hl();
   });
 }
 export {
   Gt as AnimatedTexture,
   st as Animation,
-  ol as Assets,
+  nl as Assets,
   be as Audio,
   ks as AudioPipeline,
-  Sl as AudioProcessor,
-  Al as AudioSpectrum,
+  Rl as AudioProcessor,
+  Ml as AudioSpectrum,
   it as AudioWaveform,
   rt as BaseElement2D,
   Cs as BaseElement2DBackground,
@@ -10441,7 +10455,7 @@ export {
   tt as BaseElement2DStyle,
   ee as BaseElement2DText,
   Ke as Camera2D,
-  po as CanvasContext,
+  _o as CanvasContext,
   ye as CanvasItem,
   er as CanvasTexture,
   Z as Color,
@@ -10451,9 +10465,9 @@ export {
   Oe as ColorOverlayEffect,
   ke as ColorRemoveEffect,
   Ue as ColorReplaceEffect,
-  Tl as ColorTexture,
+  Cl as ColorTexture,
   pe as CoreObject,
-  Oi as DEG_TO_RAD,
+  Ui as DEG_TO_RAD,
   Wr as DEVICE_PIXEL_RATIO,
   we as DrawboardEffect,
   J as DropShadowEffect,
@@ -10464,40 +10478,40 @@ export {
   Je as EmbossEffect,
   Nt as Engine,
   Dr as FlexElement2D,
-  Ya as FlexElement2DStyle,
+  Za as FlexElement2DStyle,
   lr as FlexLayout,
-  Ji as FontLoader,
+  eo as FontLoader,
   oe as GaussianBlurEffect,
   Qt as Geometry,
-  Kn as GifLoader,
+  Jn as GifLoader,
   N as GlitchEffect,
   W as GodrayEffect,
   Ot as GradientTexture,
-  vn as HTMLAudio,
+  yn as HTMLAudio,
   hr as HTMLAudioContext,
   Tt as HTMLSound,
   Rt as IN_BROWSER,
   De as Image2D,
-  El as ImageTexture,
+  Sl as ImageTexture,
   at as IndexBuffer,
-  Si as Input,
+  Ri as Input,
   Mt as InputEvent,
-  Zn as JsonLoader,
+  Qn as JsonLoader,
   Qe as KawaseBlurEffect,
   Et as KawaseTransition,
-  Pi as KeyboardInputEvent,
+  Ei as KeyboardInputEvent,
   Ct as LeftEraseTransition,
   Ee as Loader,
   Wt as Lottie2D,
-  Jn as LottieLoader,
+  el as LottieLoader,
   Zt as MainLoop,
   Pe as MaskEffect,
   x as Material,
   re as Matrix,
-  yl as Matrix2,
+  wl as Matrix2,
   Kr as Matrix3,
-  Mi as Matrix4,
-  _o as Meta,
+  ki as Matrix4,
+  go as Meta,
   Hr as MouseInputEvent,
   M as Node,
   xe as Node2D,
@@ -10506,124 +10520,124 @@ export {
   B as PI_2,
   et as PixelateEffect,
   ts as PixelsTexture,
-  Ti as PointerInputEvent,
-  Ui as Projection2D,
-  wl as QuadGeometry,
+  Ci as PointerInputEvent,
+  Ii as Projection2D,
+  Tl as QuadGeometry,
   b as QuadUvGeometry,
-  vl as RAD_TO_DEG,
+  yl as RAD_TO_DEG,
   Xr as RawWeakMap,
   ge as Rect2,
-  Ri as RefCounted,
+  Oi as RefCounted,
   Jt as Renderer,
   fe as Resource,
   Vr as SUPPORTS_AUDIO_CONTEXT,
-  fi as SUPPORTS_CLICK_EVENTS,
+  mi as SUPPORTS_CLICK_EVENTS,
   $r as SUPPORTS_CREATE_IMAGE_BITMAP,
-  ui as SUPPORTS_IMAGE_BITMAP,
-  ml as SUPPORTS_MOUSE_EVENTS,
+  pi as SUPPORTS_IMAGE_BITMAP,
+  vl as SUPPORTS_MOUSE_EVENTS,
   jr as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
   qe as SUPPORTS_POINTER_EVENTS,
-  di as SUPPORTS_RESIZE_OBSERVER,
+  fi as SUPPORTS_RESIZE_OBSERVER,
   he as SUPPORTS_TOUCH_EVENTS,
-  ci as SUPPORTS_WEBGL2,
+  di as SUPPORTS_WEBGL2,
   Gr as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
-  _i as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
-  mi as SUPPORTS_WEB_AUDIO,
-  pi as SUPPORTS_WHEEL_EVENTS,
-  Fe as SceneTree,
-  Qn as TextLoader,
+  gi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
+  vi as SUPPORTS_WEB_AUDIO,
+  _i as SUPPORTS_WHEEL_EVENTS,
+  Le as SceneTree,
+  tl as TextLoader,
   T as Texture2D,
-  el as TextureLoader,
+  rl as TextureLoader,
   Rs as TextureRect2D,
   k as Ticker,
   ot as TiltShiftTransition,
   ie as Timeline,
   G as TimelineNode,
   O as Transform2D,
-  ln as TransformRect2D,
+  cn as TransformRect2D,
   Me as Transition,
   St as TwistTransition,
-  Pl as UvGeometry,
+  El as UvGeometry,
   xt as UvMaterial,
   K as Vector,
   S as Vector2,
-  xl as Vector3,
-  ki as Vector4,
-  z as VertexAttribute,
+  Pl as Vector3,
+  Di as Vector4,
+  F as VertexAttribute,
   ce as VertexBuffer,
   qt as Video2D,
-  tl as VideoLoader,
-  uo as VideoTexture,
+  sl as VideoLoader,
+  fo as VideoTexture,
   j as Viewport,
   wr as ViewportTexture,
-  wn as WebAudio,
+  Tn as WebAudio,
   ve as WebAudioContext,
-  Li as WebGLBatch2DModule,
+  Fi as WebGLBatch2DModule,
   Ye as WebGLBlendMode,
-  Fi as WebGLBufferModule,
-  zi as WebGLFramebufferModule,
-  $i as WebGLMaskModule,
+  $i as WebGLBufferModule,
+  Vi as WebGLFramebufferModule,
+  Gi as WebGLMaskModule,
   X as WebGLModule,
-  Vi as WebGLProgramModule,
-  Zi as WebGLRenderer,
-  Wi as WebGLScissorModule,
+  ji as WebGLProgramModule,
+  Qi as WebGLRenderer,
+  Xi as WebGLScissorModule,
   Re as WebGLState,
-  Ni as WebGLStateModule,
-  qi as WebGLStencilModule,
-  Hi as WebGLTextureModule,
-  Yi as WebGLVertexArrayModule,
-  Ki as WebGLViewportModule,
-  xn as WebSound,
-  Ei as WheelInputEvent,
+  Li as WebGLStateModule,
+  Hi as WebGLStencilModule,
+  Ki as WebGLTextureModule,
+  Zi as WebGLVertexArrayModule,
+  Ji as WebGLViewportModule,
+  Pn as WebSound,
+  Si as WheelInputEvent,
   wt as Window,
   ue as ZoomBlurEffect,
   Se as alignMap,
   q as assets,
   Ur as boxSizingMap,
   se as clamp,
-  Pa as clampFrag,
-  yi as createHTMLCanvas,
-  _l as createNode,
-  wi as crossOrigin,
+  Ea as clampFrag,
+  wi as createHTMLCanvas,
+  gl as createNode,
+  Ti as crossOrigin,
   _t as cubicBezier,
-  bl as curves,
+  xl as curves,
   v as customNode,
   Yt as customNodes,
   Ae as defaultOptions,
-  xi as determineCrossOrigin,
+  Pi as determineCrossOrigin,
   jt as directionMap,
   Sr as displayMap,
-  fn as ease,
-  _n as easeIn,
-  gn as easeInOut,
-  mn as easeOut,
+  mn as ease,
+  gn as easeIn,
+  bn as easeInOut,
+  vn as easeOut,
   E as edgeMap,
   Ar as flexDirectionMap,
   Rr as flexWrapMap,
-  wa as frag,
+  Ta as frag,
   br as getDefaultCssPropertyValue,
-  Ja as gutterMap,
-  vi as isCanvasElement,
+  en as gutterMap,
+  yi as isCanvasElement,
   qr as isElementNode,
-  gl as isImageElement,
+  bl as isImageElement,
   vr as isPow2,
-  gi as isVideoElement,
-  bi as isWebgl2,
+  bi as isVideoElement,
+  xi as isWebgl2,
   Mr as justifyMap,
   C as lerp,
-  pn as linear,
+  _n as linear,
   xr as log2,
-  Bi as mapWebGLBlendModes,
+  zi as mapWebGLBlendModes,
   yr as nextPow2,
-  Fr as nextTick,
+  Lr as nextTick,
   Or as overflowMap,
-  Cl as parseCSSFilter,
-  Fo as parseCSSTransform,
-  zo as parseCSSTransformOrigin,
+  Al as parseCSSFilter,
+  $o as parseCSSTransform,
+  Vo as parseCSSTransformOrigin,
   At as parseCssFunctions,
   mt as parseCssProperty,
   kr as positionTypeMap,
-  Rl as render,
+  Ol as render,
   $t as timingFunctions,
-  oi as uid
+  ni as uid
 };