modern-canvas 0.14.24 → 0.14.26

package/dist/index.js

@@ -1,8 +1,8 @@
-import { defineProperty as ts, Observable as ue, Reactivable as rs, parseColor as oi, property as h, isGradient as ni, isColorFillObject as Gr, clearUndef as ss, idGenerator as is, normalizeFill as li, isNone as z, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as fi, getDefaultStyle as pi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
+import { defineProperty as es, Observable as ue, Reactivable as ts, parseColor as oi, property as h, isGradient as ni, isColorFillObject as zr, clearUndef as rs, idGenerator as ss, normalizeFill as li, isNone as z, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as fi, getDefaultStyle as pi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
 import { fonts as yi } from "modern-font";
 import { extend as xi } from "colord";
 import wi from "colord/plugins/names";
-import { Path2D as Ct, Path2DSet as Pi, svgToDom as Ei, svgToPath2DSet as Si, Matrix3 as Vr, BoundingBox as Jt } from "modern-path2d";
+import { Path2D as Ct, Path2DSet as Pi, svgToDom as Ei, svgToPath2DSet as Si, Matrix3 as Gr, BoundingBox as Jt } from "modern-path2d";
 import { Text as Ti, Character as Ri } from "modern-text";
 const br = /* @__PURE__ */ new Map();
 function b(r, e) {
@@ -12,7 +12,7 @@ function b(r, e) {
       enumerable: !0,
       configurable: !0
     }), e && Object.keys(e).forEach((s) => {
-      ts(t, s, {
+      es(t, s, {
         fallback: e[s]
       });
     }), br.set(r, t);
@@ -81,7 +81,7 @@ class B {
   }
 }
 B.start();
-async function as(r) {
+async function is(r) {
   return new Promise((e) => {
     B.on(
       () => {
@@ -92,11 +92,11 @@ async function as(r) {
   });
 }
 const yr = Math.PI, G = yr * 2;
-function $r(r) {
+function Vr(r) {
   return !(r & r - 1) && !!r;
 }
 const Ai = /([\w-]+)\((.+?)\)/g, Ci = /[^,]+/g, Oi = /([-e.\d]+)(.*)/;
-function Hr(r) {
+function $r(r) {
   return Array.isArray(r) ? r.map((e) => ({
     name: e.name,
     args: e.args.map((t) => ({
@@ -110,7 +110,7 @@ function Hr(r) {
 }
 function Et(r, e, t = {}) {
   const s = zt(e, t);
-  return s.length ? s : os(r, e, t);
+  return s.length ? s : as(r, e, t);
 }
 function zt(r, e = {}) {
   const t = [];
@@ -129,14 +129,14 @@ function Di(r, e, t = {}) {
   let i, a = 0;
   for (; (i = Ci.exec(e)) !== null; )
     s.push(
-      os(r, i[0], {
+      as(r, i[0], {
         ...t,
         index: a++
       })
     );
   return s;
 }
-function os(r, e, t = {}) {
+function as(r, e, t = {}) {
   const { width: s = 1, height: i = 1, index: a = 0 } = t, o = e.match(Oi), n = {
     unit: o?.[2] ?? null,
     value: e,
@@ -179,7 +179,7 @@ function os(r, e, t = {}) {
   }
   return n;
 }
-const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, Qe = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, ve = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, ns = "AudioContext" in globalThis, ls = "webkitAudioContext" in globalThis, cs = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = ns || ls, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, hs = globalThis.devicePixelRatio || 1, us = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => us(r) && r.tagName === "VIDEO", hc = (r) => us(r) && r.tagName === "IMG";
+const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, Qe = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, ve = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, os = "AudioContext" in globalThis, ns = "webkitAudioContext" in globalThis, ls = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = os || ns, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, cs = globalThis.devicePixelRatio || 1, hs = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => hs(r) && r.tagName === "VIDEO", hc = (r) => hs(r) && r.tagName === "IMG";
 function Gi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -249,7 +249,7 @@ class Wi extends Gt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class ds extends Gt {
+class us extends Gt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -312,7 +312,7 @@ class ds extends Gt {
     return this.global.y;
   }
 }
-class qi extends ds {
+class qi extends us {
   width = 0;
   height = 0;
   isPrimary = !1;
@@ -323,7 +323,7 @@ class qi extends ds {
     throw new Error("getPredictedEvents is not supported!");
   }
 }
-class Yi extends ds {
+class Yi extends us {
   static DOM_DELTA_PIXEL = 0;
   DOM_DELTA_PIXEL = 0;
   static DOM_DELTA_LINE = 1;
@@ -494,7 +494,7 @@ class Zi extends ue {
     this.removeEventListeners(), super.destroy();
   }
 }
-class Ee extends rs {
+class Ee extends ts {
   instanceId = tt();
   get json() {
     return this.toJSON();
@@ -503,7 +503,7 @@ class Ee extends rs {
     this.setProperties(e);
   }
   _nextTick() {
-    return as();
+    return is();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
@@ -1031,7 +1031,7 @@ class ea extends Q {
     super(4), this.set(e, t, s, i);
   }
 }
-class fs extends le {
+class ds extends le {
   constructor(e) {
     super(4, 5, e);
   }
@@ -1294,7 +1294,7 @@ class fc extends le {
     super(2, 2, e);
   }
 }
-class ps extends le {
+class fs extends le {
   constructor(e) {
     super(3, 3, e);
   }
@@ -1393,7 +1393,7 @@ class Dt extends ee {
     return new Dt(this.toJSON());
   }
 }
-class ta extends ps {
+class ta extends fs {
   constructor(e = 0, t = 0, s = 0, i = 0, a = !1) {
     super(), this._x = e, this._y = t, this._width = s, this._height = i, this._flipY = a, this._performUpdateArray();
   }
@@ -1424,7 +1424,7 @@ class ta extends ps {
     ]);
   }
 }
-class M extends ps {
+class M extends fs {
   static _t2d = /* @__PURE__ */ new M();
   premultiply(e) {
     return e.multiply(this, this);
@@ -1597,7 +1597,7 @@ class pc extends Q {
     super(3);
   }
 }
-var ra = Object.defineProperty, _s = (r, e, t, s) => {
+var ra = Object.defineProperty, ps = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && ra(e, t, i), i;
@@ -1632,10 +1632,10 @@ class wr extends Ee {
     this.stop(), super.destroy();
   }
 }
-_s([
+ps([
   h({ fallback: 60 })
 ], wr.prototype, "fps");
-_s([
+ps([
   h({ fallback: 1 })
 ], wr.prototype, "speed");
 var st = /* @__PURE__ */ ((r) => (r[r.elementArrayBuffer = 34963] = "elementArrayBuffer", r[r.arrayBuffer = 34962] = "arrayBuffer", r[r.uniformBuffer = 35345] = "uniformBuffer", r))(st || {});
@@ -1647,12 +1647,12 @@ class sa {
   byteLength = 0;
   dirty = !0;
 }
-var be = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(be || {}), ia = Object.defineProperty, ms = (r, e, t, s) => {
+var be = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(be || {}), ia = Object.defineProperty, _s = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && ia(e, t, i), i;
 };
-class Pr extends rs {
+class Pr extends ts {
   screen = { x: 0, y: 0, width: 0, height: 0 };
   _updateProperty(e, t, s) {
     switch (super._updateProperty(e, t, s), e) {
@@ -1666,16 +1666,16 @@ class Pr extends rs {
     this.view && (this.view.width = Math.floor(e * this.pixelRatio), this.view.height = Math.floor(t * this.pixelRatio)), this.screen.width = e, this.screen.height = t, s && this.view && (this.view.style.width = `${e}px`, this.view.style.height = `${t}px`);
   }
 }
-ms([
-  h({ fallback: hs })
+_s([
+  h({ fallback: cs })
 ], Pr.prototype, "pixelRatio");
-ms([
+_s([
   h({ internal: !0 })
 ], Pr.prototype, "view");
-const Qt = /* @__PURE__ */ Object.create(null), Xr = /* @__PURE__ */ Object.create(null);
+const Qt = /* @__PURE__ */ Object.create(null), Hr = /* @__PURE__ */ Object.create(null);
 function aa(r, e) {
-  let t = Xr[r];
-  return t === void 0 && (Qt[e] === void 0 && (Qt[e] = 1), Xr[r] = t = Qt[e]++), t;
+  let t = Hr[r];
+  return t === void 0 && (Qt[e] === void 0 && (Qt[e] = 1), Hr[r] = t = Qt[e]++), t;
 }
 class W extends ue {
   get _gl() {
@@ -1835,7 +1835,7 @@ class ot {
     return et[t] || (et[t] = new ot(e), et[t]._cacheKey = t), et[t];
   }
 }
-const jr = {
+const Xr = {
   uint8x2: { size: 2, stride: 2, normalized: !1 },
   uint8x4: { size: 4, stride: 4, normalized: !1 },
   sint8x2: { size: 2, stride: 2, normalized: !1 },
@@ -1868,7 +1868,7 @@ const jr = {
   sint32x4: { size: 4, stride: 16, normalized: !1 }
 };
 function Ot(r) {
-  return jr[r] ?? jr.float32;
+  return Xr[r] ?? Xr.float32;
 }
 function rr(r) {
   const e = Array.from({ length: r });
@@ -1926,7 +1926,7 @@ class ma {
   }
 }
 let St;
-const Wr = {
+const jr = {
   FLOAT: "float",
   FLOAT_VEC2: "vec2",
   FLOAT_VEC3: "vec3",
@@ -1973,19 +1973,19 @@ const Wr = {
   bvec3: "uint32x3",
   bvec4: "uint32x4"
 };
-function gs(r, e) {
+function ms(r, e) {
   if (!St) {
-    const t = Object.keys(Wr);
+    const t = Object.keys(jr);
     St = {};
     for (let s = 0; s < t.length; ++s) {
       const i = t[s];
-      St[r[i]] = Wr[i];
+      St[r[i]] = jr[i];
     }
   }
   return St[e];
 }
 function va(r, e) {
-  const t = gs(r, e);
+  const t = ms(r, e);
   return ga[t] || "float32";
 }
 class ba extends W {
@@ -2044,7 +2044,7 @@ class ba extends W {
       const f = t.getActiveUniform(s.native, d);
       if (!f)
         continue;
-      const m = f.name.replace(/\[.*?\]$/, ""), p = gs(t, f.type), _ = f.size;
+      const m = f.name.replace(/\[.*?\]$/, ""), p = ms(t, f.type), _ = f.size;
       c[m] = {
         name: m,
         index: d,
@@ -2172,7 +2172,7 @@ function ya(r) {
     subtract: [r.ONE, r.ONE, r.ONE, r.ONE, r.FUNC_REVERSE_SUBTRACT, r.FUNC_ADD]
   };
 }
-class ze {
+class Fe {
   static _properties = [
     "blend",
     "offsets",
@@ -2196,7 +2196,7 @@ class ze {
     });
   }
   static for2D() {
-    const e = new ze();
+    const e = new Fe();
     return e.depthTest = !1, e.blend = !0, e;
   }
   _blendMode = nt.normal;
@@ -2220,17 +2220,17 @@ class ze {
         this[t] = e[t];
   }
 }
-ze._init();
+Fe._init();
 class xa extends W {
   install(e) {
     super.install(e), e.state = this;
   }
   _blendEq = !1;
-  _setters = ze._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
+  _setters = Fe._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
   boundStateBitmap = 0;
   boundBlendMode;
   blendModes;
-  defaultState = new ze({ blend: !0 });
+  defaultState = new Fe({ blend: !0 });
   _updateContext(e) {
     super._updateContext(e), this.blendModes = ya(e);
   }
@@ -2283,7 +2283,7 @@ class wa extends W {
   install(e) {
     super.install(e), e.batch2D = this;
   }
-  _state = ze.for2D();
+  _state = Fe.for2D();
   _batchSize = 4096 * 4;
   _batchables = [];
   _vertexCount = 0;
@@ -2423,26 +2423,26 @@ ${Array.from({ length: e }, (l, c) => {
         _.textures = g, _.textureLocationMap = v, w = 0, _.start = u;
         for (let ge = S; ge <= C; ge++) {
           const {
-            indices: Br,
+            indices: Ur,
             vertices: qt,
-            uvs: Lr = new Float32Array(0),
+            uvs: Br = new Float32Array(0),
             size: Qs = { width: 0, height: 0 },
-            texture: Fr,
-            blendMode: zr = nt.normal,
+            texture: Lr,
+            blendMode: Fr = nt.normal,
             clipOutsideUv: ei,
             roundPixels: ti
           } = s[ge];
-          S < ge && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++f }, _.textures = g, _.start = u);
-          const { width: Yt, height: Kt } = Qs, ri = c / this._vertexSize, si = (Fr ? v.get(Fr) : 255) ?? 255, ii = ti ? 1 : 0, ai = ei ? 1 : 0;
+          S < ge && _.blendMode !== Fr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++f }, _.textures = g, _.start = u);
+          const { width: Yt, height: Kt } = Qs, ri = c / this._vertexSize, si = (Lr ? v.get(Lr) : 255) ?? 255, ii = ti ? 1 : 0, ai = ei ? 1 : 0;
           let xt, wt;
           for (let Zt = qt.length, J = 0; J < Zt; J += 2) {
-            xt = Lr[J], wt = Lr[J + 1], Yt > 0 && Kt > 0 && (xt = Math.ceil(xt * Yt) / Yt, wt = Math.ceil(wt * Kt) / Kt), o[c++] = qt[J], o[c++] = qt[J + 1], o[c++] = xt, o[c++] = wt;
+            xt = Br[J], wt = Br[J + 1], Yt > 0 && Kt > 0 && (xt = Math.ceil(xt * Yt) / Yt, wt = Math.ceil(wt * Kt) / Kt), o[c++] = qt[J], o[c++] = qt[J + 1], o[c++] = xt, o[c++] = wt;
             const Pt = c * 4;
             n[Pt] = si, n[Pt + 1] = ai, n[Pt + 2] = ii, n[Pt + 3] = 0, c++;
           }
-          for (let Zt = Br.length, J = 0; J < Zt; J++)
-            l[u++] = ri + Br[J];
-          _.blendMode = zr;
+          for (let Zt = Ur.length, J = 0; J < Zt; J++)
+            l[u++] = ri + Ur[J];
+          _.blendMode = Fr;
         }
         S = C + 1, _.size = u - _.start, d.push(_), _ = { id: ++f }, g = [], v = /* @__PURE__ */ new Map();
       }
@@ -2462,22 +2462,22 @@ ${Array.from({ length: e }, (l, c) => {
     }
   }
   _getBufferData(e) {
-    const t = qr(Math.ceil(e / 8)), s = Yr(t), i = t * 8;
+    const t = Wr(Math.ceil(e / 8)), s = qr(t), i = t * 8;
     this._attributeBuffer.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._attributeBuffer[i];
     return a || (this._attributeBuffer[i] = a = new ArrayBuffer(i * this._vertexSize * 4)), a;
   }
   _getIndexBufferData(e) {
-    const t = qr(Math.ceil(e / 12)), s = Yr(t), i = t * 12;
+    const t = Wr(Math.ceil(e / 12)), s = qr(t), i = t * 12;
     this._indexBuffers.length <= s && (this._indexBuffers.length = s + 1);
     let a = this._indexBuffers[s];
     return a || (this._indexBuffers[s] = a = new Uint32Array(i)), a;
   }
 }
-function qr(r) {
+function Wr(r) {
   return r += r === 0 ? 1 : 0, --r, r |= r >>> 1, r |= r >>> 2, r |= r >>> 4, r |= r >>> 8, r |= r >>> 16, r + 1;
 }
-function Yr(r) {
+function qr(r) {
   let e = (r > 65535 ? 1 : 0) << 4;
   r >>>= e;
   let t = (r > 255 ? 1 : 0) << 3;
@@ -2512,12 +2512,12 @@ class Pa extends W {
     "x" in s && this._renderer.scissor.pop(), "render" in s && (this._renderer.flush(), a !== 0 ? this._renderer.stencil.bind(D.renderingMaskRemove, a) : (this._renderer.clear(it.stencil), this._renderer.stencil.bind(D.disabled, a)), a--, s.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(D.maskActive, a), this._renderer.colorMask.bind(15)), this._maskStackHash[i] = a;
   }
 }
-var pr = /* @__PURE__ */ ((r) => (r[r.RGBA = 6408] = "RGBA", r[r.RGB = 6407] = "RGB", r[r.RG = 33319] = "RG", r[r.RED = 6403] = "RED", r[r.RGBA_INTEGER = 36249] = "RGBA_INTEGER", r[r.RGB_INTEGER = 36248] = "RGB_INTEGER", r[r.RG_INTEGER = 33320] = "RG_INTEGER", r[r.RED_INTEGER = 36244] = "RED_INTEGER", r[r.ALPHA = 6406] = "ALPHA", r[r.LUMINANCE = 6409] = "LUMINANCE", r[r.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", r[r.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", r[r.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", r))(pr || {}), vs = /* @__PURE__ */ ((r) => (r[r.TEXTURE_2D = 3553] = "TEXTURE_2D", r[r.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", r[r.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", r[r.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", r[r.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", r[r.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", r[r.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", r))(vs || {}), y = /* @__PURE__ */ ((r) => (r[r.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", r[r.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", r[r.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", r[r.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", r[r.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", r[r.UNSIGNED_INT = 5125] = "UNSIGNED_INT", r[r.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", r[r.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", r[r.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", r[r.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", r[r.BYTE = 5120] = "BYTE", r[r.SHORT = 5122] = "SHORT", r[r.INT = 5124] = "INT", r[r.FLOAT = 5126] = "FLOAT", r[r.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", r[r.HALF_FLOAT = 36193] = "HALF_FLOAT", r))(y || {});
+var pr = /* @__PURE__ */ ((r) => (r[r.RGBA = 6408] = "RGBA", r[r.RGB = 6407] = "RGB", r[r.RG = 33319] = "RG", r[r.RED = 6403] = "RED", r[r.RGBA_INTEGER = 36249] = "RGBA_INTEGER", r[r.RGB_INTEGER = 36248] = "RGB_INTEGER", r[r.RG_INTEGER = 33320] = "RG_INTEGER", r[r.RED_INTEGER = 36244] = "RED_INTEGER", r[r.ALPHA = 6406] = "ALPHA", r[r.LUMINANCE = 6409] = "LUMINANCE", r[r.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", r[r.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", r[r.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", r))(pr || {}), gs = /* @__PURE__ */ ((r) => (r[r.TEXTURE_2D = 3553] = "TEXTURE_2D", r[r.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", r[r.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", r[r.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", r[r.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", r[r.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", r[r.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", r))(gs || {}), y = /* @__PURE__ */ ((r) => (r[r.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", r[r.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", r[r.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", r[r.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", r[r.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", r[r.UNSIGNED_INT = 5125] = "UNSIGNED_INT", r[r.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", r[r.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", r[r.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", r[r.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", r[r.BYTE = 5120] = "BYTE", r[r.SHORT = 5122] = "SHORT", r[r.INT = 5124] = "INT", r[r.FLOAT = 5126] = "FLOAT", r[r.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", r[r.HALF_FLOAT = 36193] = "HALF_FLOAT", r))(y || {});
 class Ea {
   constructor(e) {
     this.native = e;
   }
-  target = vs.TEXTURE_2D;
+  target = gs.TEXTURE_2D;
   width = -1;
   height = -1;
   mipmap = !1;
@@ -2764,7 +2764,7 @@ const Aa = {
     linear: 9986,
     nearest: 9984
   }
-}, Kr = {
+}, Yr = {
   linear: 9729,
   nearest: 9728
 }, Ca = {
@@ -2796,13 +2796,13 @@ function Oa(r, e, t, s, i, a, o, n) {
     const v = sr[o ? "clamp-to-edge" : l], w = sr[o ? "clamp-to-edge" : c], S = sr[o ? "clamp-to-edge" : u];
     e[i](g, e.TEXTURE_WRAP_S, v), e[i](g, e.TEXTURE_WRAP_T, w), e.TEXTURE_WRAP_R && e[i](g, e.TEXTURE_WRAP_R, S);
   }
-  if ((!n || d !== "linear") && e[i](g, e.TEXTURE_MAG_FILTER, Kr[d]), t) {
+  if ((!n || d !== "linear") && e[i](g, e.TEXTURE_MAG_FILTER, Yr[d]), t) {
     if (!n || m !== "linear") {
       const v = Aa[f][m];
       e[i](g, e.TEXTURE_MIN_FILTER, v);
     }
   } else
-    e[i](g, e.TEXTURE_MIN_FILTER, Kr[f]);
+    e[i](g, e.TEXTURE_MIN_FILTER, Yr[f]);
   if (s && p > 1) {
     const v = Math.min(p, e.getParameter(s.MAX_TEXTURE_MAX_ANISOTROPY_EXT));
     e[i](g, s.TEXTURE_MAX_ANISOTROPY_EXT, v);
@@ -3026,7 +3026,7 @@ class Na extends W {
     this._premultiplyAlpha = !1, e.pixelStorei(e.UNPACK_PREMULTIPLY_ALPHA_WEBGL, this._premultiplyAlpha);
   }
 }
-const Zr = {
+const Kr = {
   uint8x2: y.UNSIGNED_BYTE,
   uint8x4: y.UNSIGNED_BYTE,
   sint8x2: y.BYTE,
@@ -3059,7 +3059,7 @@ const Zr = {
   sint32x4: y.INT
 };
 function ka(r) {
-  return Zr[r] ?? Zr.float32;
+  return Kr[r] ?? Kr.float32;
 }
 const Ua = {
   "point-list": 0,
@@ -3287,13 +3287,13 @@ class za extends W {
     super.destroy(), this._renderer.renderTarget.off("updateRenderTarget", this._updateRenderTarget);
   }
 }
-const Ne = [];
-Ne[D.none] = {};
-Ne[D.disabled] = {
+const Me = [];
+Me[D.none] = {};
+Me[D.disabled] = {
   stencilWriteMask: 0,
   stencilReadMask: 0
 };
-Ne[D.renderingMaskAdd] = {
+Me[D.renderingMaskAdd] = {
   stencilFront: {
     compare: "equal",
     passOp: "increment-clamp"
@@ -3303,7 +3303,7 @@ Ne[D.renderingMaskAdd] = {
     passOp: "increment-clamp"
   }
 };
-Ne[D.renderingMaskRemove] = {
+Me[D.renderingMaskRemove] = {
   stencilFront: {
     compare: "equal",
     passOp: "decrement-clamp"
@@ -3313,7 +3313,7 @@ Ne[D.renderingMaskRemove] = {
     passOp: "decrement-clamp"
   }
 };
-Ne[D.maskActive] = {
+Me[D.maskActive] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "equal",
@@ -3324,7 +3324,7 @@ Ne[D.maskActive] = {
     passOp: "keep"
   }
 };
-Ne[D.inverseMaskActive] = {
+Me[D.inverseMaskActive] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "not-equal",
@@ -3389,7 +3389,7 @@ class Ga extends W {
     }
   };
   bind(e, t) {
-    const s = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], i = this._gl, a = Ne[e], o = this._cache;
+    const s = this.current[this._renderer.renderTarget.current?.instanceId ?? -1], i = this._gl, a = Me[e], o = this._cache;
     if (s.stencilMode = e, s.refCount = t, e === D.disabled) {
       this._cache.enabled && (this._cache.enabled = !1, i.disable(i.STENCIL_TEST));
       return;
@@ -3748,9 +3748,9 @@ class Xa extends Pr {
     return c;
   }
 }
-class ke {
+class Ne {
 }
-class ja extends ke {
+class ja extends Ne {
   install(e) {
     const t = async (s) => {
       const { parseFont: i } = await import("modern-font");
@@ -3765,7 +3765,7 @@ class ja extends ke {
     }), e.font = this, this;
   }
 }
-var Wa = Object.defineProperty, bs = (r, e, t, s) => {
+var Wa = Object.defineProperty, vs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Wa(e, t, i), i;
@@ -3775,10 +3775,10 @@ class We extends de {
     super(), this.setProperties(e);
   }
 }
-bs([
+vs([
   h({ fallback: be.index })
 ], We.prototype, "usage");
-bs([
+vs([
   h({ default: () => new Uint32Array() })
 ], We.prototype, "data");
 var qa = Object.defineProperty, Vt = (r, e, t, s) => {
@@ -3786,7 +3786,7 @@ var qa = Object.defineProperty, Vt = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && qa(e, t, i), i;
 };
-class Ue extends de {
+class ke extends de {
   constructor(e = {}) {
     super(), this.setProperties(e);
   }
@@ -3796,17 +3796,17 @@ class Ue extends de {
 }
 Vt([
   h({ fallback: "triangle-list" })
-], Ue.prototype, "topology");
+], ke.prototype, "topology");
 Vt([
   h({ default: () => ({}) })
-], Ue.prototype, "attributes");
+], ke.prototype, "attributes");
 Vt([
   h({ default: () => new We() })
-], Ue.prototype, "indexBuffer");
+], ke.prototype, "indexBuffer");
 Vt([
   h({ fallback: 1 })
-], Ue.prototype, "instanceCount");
-var Ya = Object.defineProperty, ys = (r, e, t, s) => {
+], ke.prototype, "instanceCount");
+var Ya = Object.defineProperty, bs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ya(e, t, i), i;
@@ -3816,13 +3816,13 @@ class ye extends de {
     super(), this.setProperties(e);
   }
 }
-ys([
+bs([
   h({ fallback: be.vertex })
 ], ye.prototype, "usage");
-ys([
+bs([
   h({ default: () => new Float32Array() })
 ], ye.prototype, "data");
-var Ka = Object.defineProperty, Be = (r, e, t, s) => {
+var Ka = Object.defineProperty, Ue = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ka(e, t, i), i;
@@ -3832,28 +3832,28 @@ class H extends de {
     super(), this.setProperties(e);
   }
 }
-Be([
+Ue([
   h({ default: () => new ye() })
 ], H.prototype, "buffer");
-Be([
+Ue([
   h({ fallback: "float32" })
 ], H.prototype, "format");
-Be([
+Ue([
   h()
 ], H.prototype, "instance");
-Be([
+Ue([
   h()
 ], H.prototype, "stride");
-Be([
+Ue([
   h()
 ], H.prototype, "offset");
-Be([
+Ue([
   h()
 ], H.prototype, "start");
-Be([
+Ue([
   h()
 ], H.prototype, "divisor");
-class _c extends Ue {
+class _c extends ke {
   constructor() {
     super({
       topology: "triangle-strip",
@@ -4015,7 +4015,7 @@ void main(void) {
     });
   }
 }
-class P extends Ue {
+class P extends ke {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
@@ -4045,7 +4045,7 @@ class P extends Ue {
     });
   }
 }
-class mc extends Ue {
+class mc extends ke {
   positionBuffer;
   uvBuffer;
   constructor(e) {
@@ -4158,7 +4158,7 @@ class x extends de {
     switch (super._updateProperty(e, t, s), e) {
       case "width":
       case "height":
-        this.isPowerOfTwo = $r(this.pixelWidth) && $r(this.pixelHeight);
+        this.isPowerOfTwo = Vr(this.pixelWidth) && Vr(this.pixelHeight);
         break;
       case "source":
         this.updateSize();
@@ -4252,7 +4252,7 @@ class ao extends de {
     });
   }
 }
-class xs extends x {
+class ys extends x {
   constructor(e = {}) {
     super({
       pixelRatio: 2,
@@ -4327,7 +4327,7 @@ class oo extends x {
     });
   }
 }
-var no = Object.defineProperty, ws = (r, e, t, s) => {
+var no = Object.defineProperty, xs = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && no(e, t, i), i;
@@ -4343,7 +4343,7 @@ function lo(r) {
     playsinline: !!(r?.playsinline ?? !0)
   };
 }
-const Sr = class Ps extends x {
+const Sr = class ws extends x {
   static mimeTypes = new Map(Object.entries({
     ogv: "video/ogg",
     mov: "video/quicktime",
@@ -4387,7 +4387,7 @@ const Sr = class Ps extends x {
           l = n.slice(5, n.indexOf(";"));
         else if (!n.startsWith("blob:")) {
           const u = n.split("?").shift().toLowerCase(), d = u.slice(u.lastIndexOf(".") + 1);
-          l = l || Ps.mimeTypes.get(d) || `video/${d}`;
+          l = l || ws.mimeTypes.get(d) || `video/${d}`;
         }
         const c = document.createElement("source");
         c.src = n, l && (c.type = l), a.appendChild(c);
@@ -4452,10 +4452,10 @@ const Sr = class Ps extends x {
     e && (e.removeEventListener("play", this._onPlayStart), e.removeEventListener("pause", this._onPlayStop), e.removeEventListener("seeked", this._onSeeked), e.removeEventListener("canplay", this._onCanPlay), e.removeEventListener("canplaythrough", this._onCanPlay), e.removeEventListener("error", this._onError, !0), e.pause(), e.src = "", e.load());
   }
 };
-ws([
+xs([
   h({ internal: !0, fallback: !0 })
 ], Sr.prototype, "autoUpdate");
-ws([
+xs([
   h({ internal: !0, fallback: 0 })
 ], Sr.prototype, "fps");
 let co = Sr;
@@ -4491,7 +4491,7 @@ class ho extends Ct {
           t = this.style.stroke;
           break;
         case "object":
-          Gr(this.style.stroke) && (t = this.style.stroke.color);
+          zr(this.style.stroke) && (t = this.style.stroke.color);
           break;
       }
     this._draws.push({
@@ -4526,7 +4526,7 @@ class ho extends Ct {
           t = this.style.fill;
           break;
         case "object":
-          Gr(this.style.fill) && (t = this.style.fill.color);
+          zr(this.style.fill) && (t = this.style.fill.color);
           break;
       }
     this._draws.push({
@@ -4642,10 +4642,10 @@ var po = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, se = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && po(e, t, i), i;
 };
-const Jr = {};
+const Zr = {};
 function mo(r) {
-  let e = Jr[r] ?? 0;
-  return e++, Jr[r] = e, e;
+  let e = Zr[r] ?? 0;
+  return e++, Zr[r] = e, e;
 }
 let I = class extends Ee {
   _meta = new fo(this);
@@ -5026,7 +5026,7 @@ let I = class extends Ee {
     );
   }
   toJSON() {
-    return ss({
+    return rs({
       ...super.toJSON(),
       is: this.meta.inCanvasIs ? void 0 : this.is,
       children: this.children.length ? [...this.children.map((r) => r.toJSON())] : void 0,
@@ -5041,10 +5041,10 @@ let I = class extends Ee {
   }
 };
 se([
-  h({ default: () => is() })
+  h({ default: () => ss() })
 ], I.prototype, "id", 2);
 se([
-  h({ default: () => is() })
+  h({ default: () => ss() })
 ], I.prototype, "name", 2);
 se([
   h({ fallback: "inherit" })
@@ -5145,7 +5145,7 @@ var bo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, Ht = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && bo(e, t, i), i;
 };
-let Ge = class extends q {
+let ze = class extends q {
   _parentGlobalVisible;
   _globalVisible;
   get globalVisible() {
@@ -5282,17 +5282,17 @@ let Ge = class extends q {
 };
 Ht([
   h()
-], Ge.prototype, "blendMode", 2);
+], ze.prototype, "blendMode", 2);
 Ht([
   h({ internal: !0, fallback: !0 })
-], Ge.prototype, "visible", 2);
+], ze.prototype, "visible", 2);
 Ht([
   h({ internal: !0, fallback: 1 })
-], Ge.prototype, "opacity", 2);
-Ge = Ht([
+], ze.prototype, "opacity", 2);
+ze = Ht([
   b("CanvasItem")
-], Ge);
-var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Le = (r, e, t, s) => {
+], ze);
+var xo = Object.defineProperty, wo = Object.getOwnPropertyDescriptor, Be = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? wo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && xo(e, t, i), i;
@@ -5373,25 +5373,25 @@ let X = class extends I {
     return this.canvasTransform.apply(r, e);
   }
 };
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "x", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "y", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "width", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "height", 2);
-Le([
+Be([
   h({ fallback: 0 })
 ], X.prototype, "mipLevel", 2);
-Le([
+Be([
   h({ fallback: !1 })
 ], X.prototype, "msaa", 2);
-X = Le([
+X = Be([
   b("Viewport")
 ], X);
 var Po = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, pt = (r, e, t, s) => {
@@ -5460,8 +5460,8 @@ let T = class extends q {
     const a = {
       minX: Number.MAX_SAFE_INTEGER,
       minY: Number.MAX_SAFE_INTEGER,
-      maxX: 0,
-      maxY: 0
+      maxX: Number.MIN_SAFE_INTEGER,
+      maxY: Number.MIN_SAFE_INTEGER
     };
     if (t.forEach((n, l) => {
       const c = n.renderable;
@@ -5475,7 +5475,7 @@ let T = class extends q {
         }
         s = s ?? l, i = l;
       }
-    }), s === void 0 || i === void 0)
+    }), s === void 0 || i === void 0 || a.minX === Number.MAX_SAFE_INTEGER || a.minY === Number.MAX_SAFE_INTEGER || a.maxX === Number.MIN_SAFE_INTEGER || a.maxY === Number.MIN_SAFE_INTEGER)
       return;
     const o = {
       x: a.minX,
@@ -5483,7 +5483,7 @@ let T = class extends q {
       width: a.maxX - a.minX,
       height: a.maxY - a.minY
     };
-    o.width === Number.MAX_SAFE_INTEGER || o.height === Number.MAX_SAFE_INTEGER || (!this.needsRender && (this._rect.width !== o.width || this._rect.height !== o.height) && this.requestRender(), this.needsRender ? (t.splice(i + 1, 0, r.createCall(this)), t.splice(s, 0, r.createCall(this))) : t.splice(s, i + 1, r.createCall(this)), (this._rect.x !== o.x || this._rect.y !== o.y || this._rect.width !== o.width || this._rect.height !== o.height) && (this._rect = o, this.emit("updateRect")));
+    !this.needsRender && (this._rect.width !== o.width || this._rect.height !== o.height) && this.requestRender(), this.needsRender ? (t.splice(i + 1, 0, r.createCall(this)), t.splice(s, 0, r.createCall(this))) : t.splice(s, i + 1, r.createCall(this)), (this._rect.x !== o.x || this._rect.y !== o.y || this._rect.width !== o.width || this._rect.height !== o.height) && (this._rect = o, this.emit("updateRect"));
   }
   _processChildren() {
     this.children.length && (super.emit("process"), this._tree?.renderStack.push(this));
@@ -5779,24 +5779,24 @@ var Do = Object.getOwnPropertyDescriptor, Io = (r, e, t, s) => {
     (o = r[a]) && (i = o(i) || i);
   return i;
 };
-let Ve = class extends T {
+let Ge = class extends T {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-Ve = Io([
+Ge = Io([
   b("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], Ve);
+], Ge);
 var Mo = Object.defineProperty, No = Object.getOwnPropertyDescriptor, Rr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? No(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Mo(e, t, i), i;
 };
-let Ie = class extends Ge {
+let Ie = class extends ze {
   position = new O().on("update", () => this.updateGlobalTransform());
   scale = new O(1, 1).on("update", () => this.updateGlobalTransform());
   skew = new O().on("update", () => this.updateGlobalTransform());
@@ -6000,7 +6000,7 @@ Nt = Ar([
     renderMode: "disabled"
   })
 ], Nt);
-const Qr = {
+const Jr = {
   brightness: 1,
   contrast: 1,
   grayscale: 0,
@@ -6011,12 +6011,12 @@ const Qr = {
   sepia: 0
 };
 function gc(r) {
-  const e = new fs();
+  const e = new ds();
   if (r === "none")
     return e;
   const t = zt(r).reduce((s, { name: i, args: a }) => (s[i] = a[0].normalizedIntValue, s), {});
-  Object.keys(Qr).forEach((s) => {
-    t[s] = t[s] ?? Qr[s];
+  Object.keys(Jr).forEach((s) => {
+    t[s] = t[s] ?? Jr[s];
   });
   for (const s in t) {
     const i = t[s];
@@ -6136,10 +6136,10 @@ function Lo(r) {
     }
   });
 }
-var Es = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, pe = (r, e, t, s) => {
+var Ps = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, pe = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Fo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Es(e, t, i), i;
+  return s && i && Ps(e, t, i), i;
 }, Go = (r, e, t) => zo(r, e + "", t);
 let j = class extends T {
   constructor(r, e = []) {
@@ -6225,18 +6225,18 @@ pe([
 j = pe([
   b("ColorAdjustEffect")
 ], j);
-var Ss = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e, t) => e in r ? Ss(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
+var Es = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ss = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Vo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ss(e, t, i), i;
+  return s && i && Es(e, t, i), i;
 }, Ho = (r, e, t) => $o(r, e + "", t);
-let $e = class extends T {
-  _colorMatrix = new fs();
+let Ve = class extends T {
+  _colorMatrix = new ds();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   _updateProperty(r, e, t) {
-    super._updateProperty(r, e, t), r === "filter" && (this.renderMode = this.filter ? "inherit" : "disabled");
+    super._updateProperty(r, e, t), r === "filter" && (this.renderMode = this.filter ? "inherit" : "disabled", this.requestRender());
   }
   apply(r, e) {
     if (!this.filter)
@@ -6272,14 +6272,14 @@ let $e = class extends T {
           break;
       }
     }), e.redraw(r, () => {
-      P.draw(r, $e.material, {
+      P.draw(r, Ve.material, {
         sampler: 0,
         m: s.toArray()
       });
     });
   }
 };
-Ho($e, "material", new E({
+Ho(Ve, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6306,19 +6306,19 @@ void main(void) {
 }`
   }
 }));
-Ts([
+Ss([
   h()
-], $e.prototype, "filter", 2);
-$e = Ts([
+], Ve.prototype, "filter", 2);
+Ve = Ss([
   b("ColorFilterEffect")
-], $e);
-var Rs = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? Rs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Cr = (r, e, t, s) => {
+], Ve);
+var Ts = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, jo = (r, e, t) => e in r ? Ts(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Cr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Xo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Rs(e, t, i), i;
+  return s && i && Ts(e, t, i), i;
 }, Wo = (r, e, t) => jo(r, e + "", t);
 const at = 50;
-let He = class extends T {
+let $e = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6332,14 +6332,14 @@ let He = class extends T {
       });
       for (; t.length < at; )
         t.push([0, 0, 0, 0]);
-      P.draw(r, He.material, {
+      P.draw(r, $e.material, {
         sampler: 0,
         colors: t.slice(0, at).flatMap((s) => s)
       });
     });
   }
 };
-Wo(He, "material", new E({
+Wo($e, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6390,19 +6390,19 @@ void main(void) {
 }));
 Cr([
   h({ default: () => [] })
-], He.prototype, "colors", 2);
+], $e.prototype, "colors", 2);
 Cr([
   h({ fallback: 0.5 })
-], He.prototype, "alpha", 2);
-He = Cr([
+], $e.prototype, "alpha", 2);
+$e = Cr([
   b("ColorOverlayEffect")
-], He);
-var As = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Yo = (r, e, t) => e in r ? As(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Or = (r, e, t, s) => {
+], $e);
+var Rs = Object.defineProperty, qo = Object.getOwnPropertyDescriptor, Yo = (r, e, t) => e in r ? Rs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Or = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? qo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && As(e, t, i), i;
+  return s && i && Rs(e, t, i), i;
 }, Ko = (r, e, t) => Yo(r, e + "", t);
-let Xe = class extends T {
+let He = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6414,7 +6414,7 @@ let Xe = class extends T {
     i.slice(0, 50).forEach((a, o) => {
       s[o * 3] = a[0], s[o * 3 + 1] = a[1], s[o * 3 + 2] = a[2];
     }), e.redraw(r, () => {
-      P.draw(r, Xe.material, {
+      P.draw(r, He.material, {
         sampler: 0,
         epsilon: this.epsilon,
         originalColors: s
@@ -6422,7 +6422,7 @@ let Xe = class extends T {
     });
   }
 };
-Ko(Xe, "material", new E({
+Ko(He, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6459,20 +6459,20 @@ void main(void) {
 }));
 Or([
   h({ default: () => [] })
-], Xe.prototype, "colors", 2);
+], He.prototype, "colors", 2);
 Or([
   h({ fallback: 0.5 })
-], Xe.prototype, "epsilon", 2);
-Xe = Or([
+], He.prototype, "epsilon", 2);
+He = Or([
   b("ColorRemoveEffect")
-], Xe);
-var Cs = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Jo = (r, e, t) => e in r ? Cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Dr = (r, e, t, s) => {
+], He);
+var As = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Jo = (r, e, t) => e in r ? As(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Dr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Zo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Cs(e, t, i), i;
+  return s && i && As(e, t, i), i;
 }, Qo = (r, e, t) => Jo(r, e + "", t);
 const rt = 50;
-let je = class extends T {
+let Xe = class extends T {
   _color = new ne();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -6496,7 +6496,7 @@ let je = class extends T {
     t.slice(0, rt).forEach(([o, n], l) => {
       i[l * 3] = o[0], i[l * 3 + 1] = o[1], i[l * 3 + 2] = o[2], a[l * 3] = n[0], a[l * 3 + 1] = n[1], a[l * 3 + 2] = n[2];
     }), e.redraw(r, () => {
-      P.draw(r, je.material, {
+      P.draw(r, Xe.material, {
         sampler: 0,
         epsilon: s,
         originalColors: i,
@@ -6505,7 +6505,7 @@ let je = class extends T {
     });
   }
 };
-Qo(je, "material", new E({
+Qo(Xe, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -6549,13 +6549,13 @@ void main(void) {
 }));
 Dr([
   h({ default: () => [] })
-], je.prototype, "colors", 2);
+], Xe.prototype, "colors", 2);
 Dr([
   h({ fallback: 0.05 })
-], je.prototype, "epsilon", 2);
-je = Dr([
+], Xe.prototype, "epsilon", 2);
+Xe = Dr([
   b("ColorReplaceEffect")
-], je);
+], Xe);
 const en = `precision highp float;
 
 in vec2 vUv;
@@ -6707,10 +6707,10 @@ void main(void) {
   gl_FragColor = color;
 }
 `;
-var Os = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, rn = (r, e, t) => e in r ? Os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Re = (r, e, t, s) => {
+var Cs = Object.defineProperty, tn = Object.getOwnPropertyDescriptor, rn = (r, e, t) => e in r ? Cs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Re = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? tn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Os(e, t, i), i;
+  return s && i && Cs(e, t, i), i;
 }, sn = (r, e, t) => rn(r, e + "", t);
 let Y = class extends T {
   _watermark;
@@ -6800,12 +6800,12 @@ Re([
 Y = Re([
   b("DrawboardEffect")
 ], Y);
-var Ds = Object.defineProperty, an = Object.getOwnPropertyDescriptor, on = (r, e, t) => e in r ? Ds(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ir = (r, e, t, s) => {
+var Os = Object.defineProperty, an = Object.getOwnPropertyDescriptor, on = (r, e, t) => e in r ? Os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ir = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? an(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ds(e, t, i), i;
-}, Is = (r, e, t) => on(r, typeof e != "symbol" ? e + "" : e, t);
-const Ms = `varying vec2 vUv[9];
+  return s && i && Os(e, t, i), i;
+}, Ds = (r, e, t) => on(r, typeof e != "symbol" ? e + "" : e, t);
+const Is = `varying vec2 vUv[9];
 uniform sampler2D sampler;
 
 void main(void) {
@@ -6862,7 +6862,7 @@ let he = class extends T {
       });
   }
 };
-Is(he, "materialX", new E({
+Ds(he, "materialX", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6881,10 +6881,10 @@ void main(void) {
   vUv[7] = uv + vec2(3.0 * uStrength, 0.0);
   vUv[8] = uv + vec2(4.0 * uStrength, 0.0);
 }`,
-    fragment: Ms
+    fragment: Is
   }
 }));
-Is(he, "materialY", new E({
+Ds(he, "materialY", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6903,7 +6903,7 @@ void main(void) {
   vUv[7] = uv + vec2(0.0, 3.0 * uStrength);
   vUv[8] = uv + vec2(0.0, 4.0 * uStrength);
 }`,
-    fragment: Ms
+    fragment: Is
   }
 }));
 Ir([
@@ -6915,10 +6915,10 @@ Ir([
 he = Ir([
   b("GaussianBlurEffect")
 ], he);
-var Ns = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ye = (r, e, t, s) => {
+var Ms = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ms(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ye = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? nn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ns(e, t, i), i;
+  return s && i && Ms(e, t, i), i;
 }, cn = (r, e, t) => ln(r, e + "", t);
 let re = class extends T {
   blurEffect = new he();
@@ -6989,10 +6989,10 @@ Ye([
 re = Ye([
   b("DropShadowEffect")
 ], re);
-var ks = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e, t) => e in r ? ks(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Us = (r, e, t, s) => {
+var Ns = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ks = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? hn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && ks(e, t, i), i;
+  return s && i && Ns(e, t, i), i;
 }, dn = (r, e, t) => un(r, e + "", t);
 let lt = class extends T {
   constructor(r, e = []) {
@@ -7036,16 +7036,16 @@ void main(void) {
 }`
   }
 }));
-Us([
+ks([
   h({ fallback: 5 })
 ], lt.prototype, "strength", 2);
-lt = Us([
+lt = ks([
   b("EmbossEffect")
 ], lt);
-var Bs = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, pn = (r, e, t) => e in r ? Bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ie = (r, e, t, s) => {
+var Us = Object.defineProperty, fn = Object.getOwnPropertyDescriptor, pn = (r, e, t) => e in r ? Us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ie = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? fn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Bs(e, t, i), i;
+  return s && i && Us(e, t, i), i;
 }, _n = (r, e, t) => pn(r, e + "", t);
 let V = class extends T {
   _canvas;
@@ -7225,10 +7225,10 @@ ie([
 V = ie([
   b("GlitchEffect")
 ], V);
-var Ls = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, gn = (r, e, t) => e in r ? Ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ae = (r, e, t, s) => {
+var Bs = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, gn = (r, e, t) => e in r ? Bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ae = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? mn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Ls(e, t, i), i;
+  return s && i && Bs(e, t, i), i;
 }, vn = (r, e, t) => gn(r, e + "", t);
 const bn = `vec3 mod289(vec3 x) {
   return x - floor(x * (1.0 / 289.0)) * 289.0;
@@ -7516,31 +7516,25 @@ Xt([
 ct = Xt([
   b("KawaseBlurEffect")
 ], ct);
-var Fs = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? Fs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Mr = (r, e, t, s) => {
+var Ls = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? Ls(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Fs = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? En(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
-  return s && i && Fs(e, t, i), i;
+  return s && i && Ls(e, t, i), i;
 }, Tn = (r, e, t) => Sn(r, e + "", t);
-let Me = class extends T {
+let je = class extends T {
+  texture;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   async load() {
-    this.texture = void 0, this.image && (this.texture = await $.texture.load(this.image), this.requestRender());
+    this.image ? (this.texture = await $.texture.load(this.image), this.requestRender()) : this.texture = void 0;
   }
   _updateProperty(r, e, t) {
-    switch (super._updateProperty(r, e, t), r) {
-      case "image":
-        this.load();
-        break;
-      case "texture":
-        t?.free?.();
-        break;
-    }
+    super._updateProperty(r, e, t), r === "image" && this.load();
   }
   apply(r, e, t) {
     this.texture && e.redraw(r, () => {
-      this.texture.activate(r, 1), P.draw(r, Me.material, {
+      this.texture.activate(r, 1), P.draw(r, je.material, {
         sampler: 0,
         mask: 1,
         rotation: t.target?.globalRotation ?? 0
@@ -7548,7 +7542,7 @@ let Me = class extends T {
     });
   }
 };
-Tn(Me, "material", new E({
+Tn(je, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 in vec2 uv;
@@ -7583,15 +7577,12 @@ void main(void) {
 }`
   }
 }));
-Mr([
-  h({ internal: !0 })
-], Me.prototype, "texture", 2);
-Mr([
+Fs([
   h({ fallback: "" })
-], Me.prototype, "image", 2);
-Me = Mr([
+], je.prototype, "image", 2);
+je = Fs([
   b("MaskEffect")
-], Me);
+], je);
 var zs = Object.defineProperty, Rn = Object.getOwnPropertyDescriptor, An = (r, e, t) => e in r ? zs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ce = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Rn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
@@ -8228,14 +8219,14 @@ class Je extends Ee {
     }
     const [t, s, i, a] = e;
     this._path2DSet.paths.forEach((o) => {
-      o.applyTransform(new Vr().translate(-t, -s).scale(1 / i, 1 / a));
+      o.applyTransform(new Gr().translate(-t, -s).scale(1 / i, 1 / a));
     });
   }
   draw(e = !1) {
     if (!e && this.isValid()) {
       const t = this.parent.context, { width: s, height: i } = this.parent.size;
       this._path2DSet.paths.forEach((a) => {
-        t.addPath(a.clone().applyTransform(new Vr().scale(s, i)));
+        t.addPath(a.clone().applyTransform(new Gr().scale(s, i)));
       });
     } else
       this._drawRect();
@@ -8265,15 +8256,15 @@ class Ws extends de {
     super(), this.setProperties(e);
   }
 }
-const es = {
+const Qr = {
   ...pi(),
   left: 0,
   top: 0,
   width: 0,
   height: 0
 };
-for (const r in es)
-  ts(Ws, r, { fallback: es[r] });
+for (const r in Qr)
+  es(Ws, r, { fallback: Qr[r] });
 var Hn = Object.defineProperty, _e = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
@@ -8284,16 +8275,16 @@ class ae extends Ee {
     super(), this.parent = e, this.base = new Ti(), this.base.setPropertyAccessor(this);
   }
   base;
-  get innerText() {
-    return this._innerText;
+  get textContent() {
+    return this._textContent;
   }
-  set innerText(e) {
+  set textContent(e) {
     this.setContent(e);
   }
-  _innerText = "";
+  _textContent = "";
   _autoDrawMode;
   _autoDrawThreshold = 100;
-  _texture = new xs({
+  _texture = new ys({
     mipmap: !0
   });
   _textureMap = /* @__PURE__ */ new Map();
@@ -8318,7 +8309,7 @@ class ae extends Ee {
         this.update(), this._updateTextureMap();
         break;
     }
-    e === "content" && (this._innerText = this.getStringContent());
+    e === "content" && (this._textContent = this.getStringContent());
   }
   update() {
     this.base.fonts = this.base.fonts ?? this.parent.tree?.fonts, this.base.update();
@@ -8600,7 +8591,7 @@ const R = {
   "content-box": 1
   // BoxSizing.ContentBox
 };
-class Nr {
+class Mr {
   constructor(e) {
     this._el = e, this._addChild = this._addChild.bind(this), this._removeChild = this._removeChild.bind(this), this._el.on("addChild", this._addChild), this._el.on("removeChild", this._removeChild);
   }
@@ -8609,7 +8600,7 @@ class Nr {
     const { loadYoga: e } = await import("yoga-layout/load");
     this._yoga = await e();
   }
-  node = Nr._yoga?.Node.create();
+  node = Mr._yoga?.Node.create();
   _addChild(e, t) {
     if (e instanceof Pe && e.flexbox.node && this.node) {
       this.node.insertChild(e.flexbox.node, t);
@@ -8799,7 +8790,7 @@ let Pe = class extends Ie {
   get globalDisplay() {
     return this._globalDisplay;
   }
-  flexbox = new Nr(this);
+  flexbox = new Mr(this);
   size = new O().on("update", () => {
     this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.updateGlobalTransform(), this.requestDraw();
   });
@@ -8997,13 +8988,13 @@ let Pe = class extends Ie {
     this._parentGlobalDisplay !== e?.globalDisplay && this.updateGlobalDisplay(), this.flexbox.update(), super._process(r);
   }
   _updateStyleFilter(r) {
-    z(r) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0) : (this._colorFilterEffect || (this._colorFilterEffect = new $e({
+    z(r) ? (this._colorFilterEffect?.remove(), this._colorFilterEffect = void 0, this.requestRender()) : (this._colorFilterEffect || (this._colorFilterEffect = new Ve({
       name: "styleFilter",
       internalMode: "front"
     }), this.append(this._colorFilterEffect)), this._colorFilterEffect.filter = r);
   }
   _updateStyleMaskImage(r) {
-    z(r) ? (this._maskEffect?.remove(), this._maskEffect = void 0) : (this._maskEffect || (this._maskEffect = new Me({
+    z(r) ? (this._maskEffect?.remove(), this._maskEffect = void 0, this.requestRender()) : (this._maskEffect || (this._maskEffect = new je({
       name: "styleMaskImage",
       internalMode: "back"
     }), this.append(this._maskEffect)), this._maskEffect.image = r);
@@ -9121,7 +9112,7 @@ let Pe = class extends Ie {
   }
   toJSON() {
     const r = (e) => Object.keys(e).length > 0 ? e : void 0;
-    return ss({
+    return rs({
       ...super.toJSON(),
       style: r(this.style.toJSON()),
       background: r(this.background.toJSON()),
@@ -9152,7 +9143,7 @@ var Kn = Object.defineProperty, Zn = Object.getOwnPropertyDescriptor, Ys = (r, e
   return s && i && Kn(e, t, i), i;
 };
 let mr = class extends qs {
-  texture = new xs();
+  texture = new ys();
   animation;
   constructor(r, e = []) {
     super(), this.setProperties(r), this.append(e);
@@ -9429,9 +9420,9 @@ let ut = class extends q {
     let a, o;
     if (e === "none" && (e = void 0), t === "none" && (t = void 0), e === void 0 || t === void 0)
       if (e !== void 0)
-        a = Et(r, String(e), i), o = Hr(a);
+        a = Et(r, String(e), i), o = $r(a);
       else if (t !== void 0)
-        o = Et(r, String(t), i), a = Hr(o);
+        o = Et(r, String(t), i), a = $r(o);
       else
         return;
     else
@@ -9491,10 +9482,10 @@ ut = jt([
     duration: 2e3
   })
 ], ut);
-class kr extends ue {
+class Nr extends ue {
   static _instance;
   static get instance() {
-    return this._instance || (this._instance = new kr()), this._instance;
+    return this._instance || (this._instance = new Nr()), this._instance;
   }
   playbackRate = 1;
   muted = !1;
@@ -9678,7 +9669,7 @@ class hl {
     return !!this.source && this.source.readyState === 4;
   }
   get context() {
-    return kr.instance;
+    return Nr.instance;
   }
   async load() {
     return new Promise((e) => {
@@ -9722,16 +9713,16 @@ class vc {
   }
 }
 function ul() {
-  if (ns)
+  if (os)
     return new AudioContext();
-  if (ls) {
+  if (ns) {
     const r = globalThis.webkitAudioContext;
     return new r();
   } else
     throw new Error("Failed to createAudioContext");
 }
 function dl(r, e, t) {
-  if (cs)
+  if (ls)
     return new OfflineAudioContext(r, e, t);
   if (Bi) {
     const s = globalThis.webkitOfflineAudioContext;
@@ -9787,7 +9778,7 @@ class Oe extends Zs {
     const e = ul(), t = dl(
       1,
       2,
-      cs ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
+      ls ? Math.max(8e3, Math.min(96e3, e.sampleRate)) : 44100
     ), s = e.createDynamicsCompressor(), i = e.createAnalyser();
     i.connect(s), s.connect(e.destination), super(i, s), this._context = e, this._offlineContext = t, this._compressor = s, this._analyser = i, this._locked = e.state === "suspended" && (ve || Ui), xr && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
   }
@@ -10272,7 +10263,7 @@ var wl = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, El = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Tl = (r, e, t) => El(r, e + "", t);
-let Bt = class extends Ve {
+let Bt = class extends Ge {
   blur = 10;
   quality = 10;
   apply(r, e) {
@@ -10339,7 +10330,7 @@ var Rl = Object.defineProperty, Al = Object.getOwnPropertyDescriptor, Cl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Dl = (r, e, t) => Cl(r, e + "", t);
-let Lt = class extends Ve {
+let Lt = class extends Ge {
   apply(r) {
     P.draw(r, Lt.material, {
       previous: 0,
@@ -10387,7 +10378,7 @@ var Il = Object.defineProperty, Ml = Object.getOwnPropertyDescriptor, Nl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Ul = (r, e, t) => Nl(r, e + "", t);
-let ft = class extends Ve {
+let ft = class extends Ge {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
@@ -10474,7 +10465,7 @@ var Bl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, Fl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Gl = (r, e, t) => Fl(r, e + "", t);
-let Ft = class extends Ve {
+let Ft = class extends Ge {
   radius;
   angle = 4;
   padding = 20;
@@ -10550,7 +10541,7 @@ void main(void) {
 Ft = zl([
   b("TwistTransition")
 ], Ft);
-class Vl extends ke {
+class Vl extends Ne {
   install(e) {
     const t = async (s) => {
       const { decodeFrames: i } = await import("modern-gif");
@@ -10578,7 +10569,7 @@ class Vl extends ke {
     }), e.gif = this, this;
   }
 }
-class $l extends ke {
+class $l extends Ne {
   install(e) {
     const t = async (s) => JSON.parse(await s.text());
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
@@ -10588,7 +10579,7 @@ class $l extends ke {
     }), e.json = this, this;
   }
 }
-class Hl extends ke {
+class Hl extends Ne {
   install(e) {
     return this.load = async (t, s) => (await import("lottie-web").then((a) => a.default)).loadAnimation({
       container: null,
@@ -10605,13 +10596,13 @@ class Hl extends ke {
     }), e.lottie = this, this;
   }
 }
-class Xl extends ke {
+class Xl extends Ne {
   install(e) {
     const t = async (s) => s.text();
     return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), e.text = this, this;
   }
 }
-class jl extends ke {
+class jl extends Ne {
   install(e) {
     const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new x({
       source: i,
@@ -10636,7 +10627,7 @@ class jl extends ke {
     }), e.texture = this, this;
   }
 }
-class Wl extends ke {
+class Wl extends Ne {
   install(e) {
     return this.load = (t) => new co(t).load(), e.video = this, this;
   }
@@ -10772,7 +10763,7 @@ var Jl = Object.defineProperty, Js = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Jl(e, t, i), i;
 };
-const Fe = {
+const Le = {
   alpha: !0,
   stencil: !0,
   antialias: !1,
@@ -10780,7 +10771,7 @@ const Fe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Ur extends fe {
+class kr extends fe {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10815,17 +10806,17 @@ class Ur extends fe {
       view: t,
       width: s,
       height: i,
-      pixelRatio: a = hs,
+      pixelRatio: a = cs,
       autoResize: o,
       data: n
     } = e;
     super(), this.renderer = new Xa(t, {
-      alpha: Fe.alpha ?? e.alpha,
-      stencil: Fe.stencil ?? e.stencil,
-      antialias: Fe.antialias ?? e.antialias,
-      premultipliedAlpha: Fe.premultipliedAlpha ?? e.premultipliedAlpha,
-      preserveDrawingBuffer: Fe.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
-      powerPreference: Fe.powerPreference ?? e.powerPreference
+      alpha: Le.alpha ?? e.alpha,
+      stencil: Le.stencil ?? e.stencil,
+      antialias: Le.antialias ?? e.antialias,
+      premultipliedAlpha: Le.premultipliedAlpha ?? e.premultipliedAlpha,
+      preserveDrawingBuffer: Le.preserveDrawingBuffer ?? e.preserveDrawingBuffer,
+      powerPreference: Le.powerPreference ?? e.powerPreference
     }), this._setupInput(), this.pixelRatio = a, o ? !t && this.renderer.view && (this.renderer.view.style.width = "100%", this.renderer.view.style.height = "100%") : this.resize(
       s || this.gl.drawingBufferWidth || this.view?.clientWidth || 200,
       i || this.gl.drawingBufferHeight || this.view?.clientHeight || 200,
@@ -10862,7 +10853,7 @@ class Ur extends fe {
     return this.renderer.resize(e, t, s), this.root.width = e, this.root.height = t, this.render(), this;
   }
   nextTick() {
-    return as();
+    return is();
   }
   async waitUntilLoad() {
     await $.waitUntilLoad(), await this.nextTick();
@@ -10914,10 +10905,10 @@ class Ur extends fe {
 }
 Js([
   h({ fallback: !1 })
-], Ur.prototype, "autoResize");
+], kr.prototype, "autoResize");
 Js([
   h({ fallback: !1 })
-], Ur.prototype, "autoStart");
+], kr.prototype, "autoStart");
 let U;
 const vr = [];
 let dr = !1;
@@ -10949,7 +10940,7 @@ async function ec(r) {
     onKeyframe: l,
     ...c
   } = r;
-  return U ??= new Ur({
+  return U ??= new kr({
     pixelRatio: 1,
     width: 1,
     height: 1,
@@ -10988,19 +10979,19 @@ export {
   be as BufferUsage,
   Nt as Camera2D,
   ho as CanvasContext,
-  Ge as CanvasItem,
-  xs as CanvasTexture,
+  ze as CanvasItem,
+  ys as CanvasTexture,
   ne as Color,
   j as ColorAdjustEffect,
-  $e as ColorFilterEffect,
-  fs as ColorMatrix,
-  He as ColorOverlayEffect,
-  Xe as ColorRemoveEffect,
-  je as ColorReplaceEffect,
+  Ve as ColorFilterEffect,
+  ds as ColorMatrix,
+  $e as ColorOverlayEffect,
+  He as ColorRemoveEffect,
+  Xe as ColorReplaceEffect,
   Er as ColorTexture,
   Ee as CoreObject,
   fr as DEG_TO_RAD,
-  hs as DEVICE_PIXEL_RATIO,
+  cs as DEVICE_PIXEL_RATIO,
   Y as DrawboardEffect,
   re as DropShadowEffect,
   T as Effect,
@@ -11015,11 +11006,11 @@ export {
   Ws as Element2DStyle,
   ae as Element2DText,
   lt as EmbossEffect,
-  Ur as Engine,
-  Nr as Flexbox,
+  kr as Engine,
+  Mr as Flexbox,
   ja as FontLoader,
   he as GaussianBlurEffect,
-  Ue as Geometry,
+  ke as Geometry,
   Vl as GifLoader,
   wa as GlBatch2DSystem,
   nt as GlBlendMode,
@@ -11032,7 +11023,7 @@ export {
   Ha as GlRenderTargetSystem,
   Xa as GlRenderer,
   ba as GlShaderSystem,
-  ze as GlState,
+  Fe as GlState,
   xa as GlStateSystem,
   Ga as GlStencilSystem,
   W as GlSystem,
@@ -11041,7 +11032,7 @@ export {
   K as GodrayEffect,
   $t as GradientTexture,
   hl as HTMLAudio,
-  kr as HTMLAudioContext,
+  Nr as HTMLAudioContext,
   Ut as HTMLSound,
   xr as IN_BROWSER,
   Fi as IN_MAC_OS,
@@ -11053,18 +11044,18 @@ export {
   Bt as KawaseTransition,
   Wi as KeyboardInputEvent,
   Lt as LeftEraseTransition,
-  ke as Loader,
+  Ne as Loader,
   mr as Lottie2D,
   Hl as LottieLoader,
   wr as MainLoop,
-  Me as MaskEffect,
+  je as MaskEffect,
   E as Material,
   le as Matrix,
   fc as Matrix2,
-  ps as Matrix3,
+  fs as Matrix3,
   Qi as Matrix4,
   fo as Meta,
-  ds as MouseInputEvent,
+  us as MouseInputEvent,
   I as Node,
   Ie as Node2D,
   Dt as Obb2D,
@@ -11082,17 +11073,17 @@ export {
   te as RenderTarget,
   Pr as Renderer,
   de as Resource,
-  ns as SUPPORTS_AUDIO_CONTEXT,
+  os as SUPPORTS_AUDIO_CONTEXT,
   Ui as SUPPORTS_CLICK_EVENTS,
   cc as SUPPORTS_CREATE_IMAGE_BITMAP,
   Mi as SUPPORTS_IMAGE_BITMAP,
   lc as SUPPORTS_MOUSE_EVENTS,
-  cs as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
+  ls as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
   Qe as SUPPORTS_POINTER_EVENTS,
   Ni as SUPPORTS_RESIZE_OBSERVER,
   ve as SUPPORTS_TOUCH_EVENTS,
   Ii as SUPPORTS_WEBGL2,
-  ls as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
+  ns as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   Bi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   Li as SUPPORTS_WEB_AUDIO,
   ki as SUPPORTS_WHEEL_EVENTS,
@@ -11107,7 +11098,7 @@ export {
   q as TimelineNode,
   M as Transform2D,
   el as TransformRect2D,
-  Ve as Transition,
+  Ge as Transition,
   Ft as TwistTransition,
   mc as UvGeometry,
   Mt as UvMaterial,
@@ -11141,7 +11132,7 @@ export {
   dc as curves,
   b as customNode,
   br as customNodes,
-  Fe as defaultOptions,
+  Le as defaultOptions,
   Hi as determineCrossOrigin,
   Rt as directionMap,
   ir as displayMap,
@@ -11153,22 +11144,22 @@ export {
   ar as flexDirectionMap,
   or as flexWrapMap,
   wn as frag,
-  Hr as getDefaultCssPropertyValue,
+  $r as getDefaultCssPropertyValue,
   Xn as gutterMap,
   tt as instanceId,
   Gi as isCanvasElement,
-  us as isElementNode,
+  hs as isElementNode,
   hc as isImageElement,
-  $r as isPow2,
+  Vr as isPow2,
   zi as isVideoElement,
   Vi as isWebgl2,
   nr as justifyMap,
   A as lerp,
   al as linear,
-  Yr as log2,
+  qr as log2,
   ya as mapGlBlendModes,
-  qr as nextPow2,
-  as as nextTick,
+  Wr as nextPow2,
+  is as nextTick,
   lr as overflowMap,
   gc as parseCssFilter,
   zt as parseCssFunctions,
@@ -11177,6 +11168,6 @@ export {
   Lo as parseCssTransformOrigin,
   cr as positionTypeMap,
   yc as render,
-  Ne as stencilModeMap,
+  Me as stencilModeMap,
   ur as timingFunctions
 };