modern-canvas 0.13.4 → 0.13.6

package/dist/index.js

@@ -1,10 +1,10 @@
-import { defineProperty as qt, Observable as fe, Reactivable as Dr, parseColor as Ls, property as u, RawWeakMap as Ir, isGradient as Fs, isColorFillObject as _r, clearUndef as Br, idGenerator as zr, normalizeFill as $s, isNone as F, normalizeBackground as Vs, normalizeForeground as Gs, normalizeOutline as Ws, normalizeShadow as js, normalizeShape as qs, getDefaultStyle as Xs, normalizeText as Hs, normalizeTextContent as Ys, getDefaultTextStyle as Ks, getDefaultLayoutStyle as Zs } from "modern-idoc";
+import { defineProperty as Xt, Observable as fe, Reactivable as Dr, parseColor as Ls, property as u, RawWeakMap as Ir, isGradient as Fs, isColorFillObject as mr, clearUndef as Br, idGenerator as Nr, normalizeFill as Vs, isNone as F, normalizeBackground as $s, normalizeForeground as Gs, normalizeOutline as Ws, normalizeShadow as js, 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 mr, BoundingBox as Nt } from "modern-path2d";
+import { Path2D as yt, Path2DSet as ti, svgToDom as ri, svgToPath2DSet as si, Matrix3 as gr, BoundingBox as Lt } from "modern-path2d";
 import { Text as ii, Character as oi } from "modern-text";
-const Xt = /* @__PURE__ */ new Map();
+const Ht = /* @__PURE__ */ new Map();
 function g(r, e) {
   return function(t) {
     Object.defineProperty(t.prototype, "is", {
@@ -12,14 +12,14 @@ function g(r, e) {
       enumerable: !0,
       configurable: !0
     }), e && Object.keys(e).forEach((s) => {
-      qt(t, s, {
+      Xt(t, s, {
         fallback: e[s]
       });
-    }), Xt.set(r, t);
+    }), Ht.set(r, t);
   };
 }
 function bl(r = "node", e = {}) {
-  const t = Xt.get(r);
+  const t = Ht.get(r);
   if (!t)
     throw new Error(`Failed to createNode, tag: ${r}`);
   return new t().setProperties(e);
@@ -81,7 +81,7 @@ class U {
   }
 }
 U.start();
-async function Nr(r) {
+async function zr(r) {
   return new Promise((e) => {
     U.on(
       () => {
@@ -91,16 +91,16 @@ async function Nr(r) {
     );
   });
 }
-const Ht = Math.PI, B = Ht * 2;
+const Yt = Math.PI, B = Yt * 2;
 let ai = 0;
 function ni(r) {
   return r?.__SPECTOR_Object_TAG?.id ?? ++ai;
 }
-function gr(r) {
+function vr(r) {
   return !(r & r - 1) && !!r;
 }
 const li = /([\w-]+)\((.+?)\)/g, hi = /[^,]+/g, ci = /([-e.\d]+)(.*)/;
-function vr(r) {
+function br(r) {
   return Array.isArray(r) ? r.map((e) => ({
     name: e.name,
     args: e.args.map((t) => ({
@@ -112,11 +112,11 @@ function vr(r) {
     normalizedIntValue: r.normalizedDefaultIntValue
   };
 }
-function mt(r, e, t = {}) {
-  const s = Rt(e, t);
+function gt(r, e, t = {}) {
+  const s = Ot(e, t);
   return s.length ? s : Lr(r, e, t);
 }
-function Rt(r, e = {}) {
+function Ot(r, e = {}) {
   const t = [];
   let s;
   for (; (s = li.exec(r)) !== null; ) {
@@ -187,7 +187,7 @@ function Lr(r, e, t = {}) {
   }
   return n;
 }
-const di = "WebGL2RenderingContext" in globalThis, fi = "ImageBitmap" in globalThis, pi = "ResizeObserver" in globalThis, He = "PointerEvent" in globalThis, _i = "WheelEvent" in globalThis, yl = "MouseEvent" in globalThis, ce = "ontouchstart" in globalThis, mi = "onclick" in globalThis, Fr = "createImageBitmap" in globalThis, $r = "AudioContext" in globalThis, Vr = "webkitAudioContext" in globalThis, Gr = "OfflineAudioContext" in globalThis, gi = "webkitOfflineAudioContext" in globalThis, vi = $r || Vr, Ot = typeof window < "u", bi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Wr = globalThis.devicePixelRatio || 1, jr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, yi = (r) => jr(r) && r.tagName === "VIDEO", xl = (r) => jr(r) && r.tagName === "IMG";
+const di = "WebGL2RenderingContext" in globalThis, fi = "ImageBitmap" in globalThis, pi = "ResizeObserver" in globalThis, He = "PointerEvent" in globalThis, _i = "WheelEvent" in globalThis, yl = "MouseEvent" in globalThis, ce = "ontouchstart" in globalThis, mi = "onclick" in globalThis, Fr = "createImageBitmap" in globalThis, Vr = "AudioContext" in globalThis, $r = "webkitAudioContext" in globalThis, Gr = "OfflineAudioContext" in globalThis, gi = "webkitOfflineAudioContext" in globalThis, vi = Vr || $r, Mt = typeof window < "u", bi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, Wr = globalThis.devicePixelRatio || 1, jr = (r) => r !== null && typeof r == "object" && r.nodeType === 1, yi = (r) => jr(r) && r.tagName === "VIDEO", xl = (r) => jr(r) && r.tagName === "IMG";
 function xi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -195,7 +195,7 @@ function wi(r) {
   return di && r instanceof globalThis.WebGL2RenderingContext;
 }
 function Pi() {
-  if (Ot)
+  if (Mt)
     return globalThis.document.createElement("canvas");
 }
 function Ti(r, e = globalThis.location) {
@@ -245,7 +245,7 @@ class qr {
     return this._map.set(this._toRaw(e), this._toRaw(t)), this;
   }
 }
-class Mt {
+class kt {
   cursor;
   // Event
   bubbles = !1;
@@ -253,7 +253,7 @@ class Mt {
   cancelable = !1;
   composed = !1;
   defaultPrevented = !1;
-  eventPhase = Mt.prototype.NONE;
+  eventPhase = kt.prototype.NONE;
   isTrusted = !1;
   timeStamp = 0;
   type = "";
@@ -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 Si extends Mt {
+class Si extends kt {
   getModifierState(...e) {
     throw new Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
@@ -290,7 +290,7 @@ class Si extends Mt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Xr extends Mt {
+class Xr extends kt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -545,7 +545,7 @@ class pe extends Dr {
     this.setProperties(e);
   }
   _nextTick() {
-    return Nr();
+    return zr();
   }
   equal(e) {
     return !!(e && this.instanceId === e.instanceId);
@@ -848,7 +848,7 @@ class Ui extends se {
     super(4, 4, e);
   }
 }
-const Di = Ht / 180, wl = 180 / Ht;
+const Di = Yt / 180, wl = 180 / Yt;
 function ie(r, e, t) {
   return Math.max(e, Math.min(r, t));
 }
@@ -1352,8 +1352,8 @@ class ye {
     };
   }
 }
-class O extends Yr {
-  static _t2d = /* @__PURE__ */ new O();
+class R extends Yr {
+  static _t2d = /* @__PURE__ */ new R();
   premultiply(e) {
     return e.multiply(this, this);
   }
@@ -1364,7 +1364,7 @@ class O extends Yr {
     return this.skew(0, e);
   }
   skew(e, t) {
-    return this.premultiply(O._t2d.makeSkew(e, t));
+    return this.premultiply(R._t2d.makeSkew(e, t));
   }
   makeSkew(e, t) {
     const s = Math.tan(e), i = Math.tan(t);
@@ -1393,7 +1393,7 @@ class O extends Yr {
     return this.translate(e, t, s);
   }
   translate(e, t, s = 0) {
-    return this.premultiply(O._t2d.makeTranslation(e, t, s));
+    return this.premultiply(R._t2d.makeTranslation(e, t, s));
   }
   makeTranslation(e, t, s = 0) {
     return this.set([
@@ -1418,7 +1418,7 @@ class O extends Yr {
     return this.scale(e, t, s);
   }
   scale(e, t, s = 1) {
-    return this.premultiply(O._t2d.makeScale(e, t, s));
+    return this.premultiply(R._t2d.makeScale(e, t, s));
   }
   makeScale(e, t, s = 1) {
     return this.set([
@@ -1443,7 +1443,7 @@ class O extends Yr {
     return this.rotate(e);
   }
   rotate(e) {
-    return this.premultiply(O._t2d.makeRotation(e));
+    return this.premultiply(R._t2d.makeRotation(e));
   }
   rotate3d(e, t, s, i) {
     const [o, a, n] = this._rotate3d(e, t, s, i);
@@ -1525,12 +1525,12 @@ class El extends Z {
     super(3);
   }
 }
-var zi = Object.defineProperty, Kr = (r, e, t, s) => {
+var Ni = Object.defineProperty, Kr = (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 && zi(e, t, i), i;
+  return i && Ni(e, t, i), i;
 };
-class Yt extends pe {
+class Kt extends pe {
   _starting = !1;
   _nextDeltaTime = 0;
   _startedProcess;
@@ -1562,16 +1562,16 @@ class Yt extends pe {
 }
 Kr([
   u({ fallback: 60 })
-], Yt.prototype, "fps");
+], Kt.prototype, "fps");
 Kr([
   u({ fallback: 1 })
-], Yt.prototype, "speed");
-var Ni = Object.defineProperty, Zr = (r, e, t, s) => {
+], Kt.prototype, "speed");
+var zi = 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 && Ni(e, t, i), i;
+  return i && zi(e, t, i), i;
 };
-class Kt extends Dr {
+class Zt extends Dr {
   screen = { x: 0, y: 0, width: 0, height: 0 };
   related = new qr();
   _updateProperty(e, t, s) {
@@ -1595,10 +1595,10 @@ class Kt extends Dr {
 }
 Zr([
   u({ fallback: Wr })
-], Kt.prototype, "pixelRatio");
+], Zt.prototype, "pixelRatio");
 Zr([
   u({ internal: !0 })
-], Kt.prototype, "view");
+], Zt.prototype, "view");
 var Ze = /* @__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))(Ze || {});
 function Li(r) {
   return {
@@ -1749,7 +1749,7 @@ class Fi extends H {
     e.pixelStorei(e.UNPACK_FLIP_Y_WEBGL, !1), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(Ze.NORMAL);
   }
 }
-class $i extends H {
+class Vi extends H {
   install(e) {
     super.install(e), e.batch2D = this;
   }
@@ -1917,8 +1917,8 @@ void main(void) {
     const i = this._renderer.texture.maxUnits, o = this._getAttributeBuffer(e), a = new Float32Array(o), n = new Uint8Array(o), h = this._getIndexBuffer(t);
     let l = 0, c = 0;
     const d = [];
-    for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map(), y = 0, P = 0, R = 0; R < _; R++) {
-      const A = s[R].texture, L = R === _ - 1;
+    for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map(), y = 0, P = 0, O = 0; O < _; O++) {
+      const A = s[O].texture, L = O === _ - 1;
       if (!A || v.has(A)) {
         if (!L)
           continue;
@@ -1926,22 +1926,22 @@ void main(void) {
         m.push(A), v.set(A, y++);
       if (L || y >= i) {
         p.textures = m, p.textureLocationMap = v, y = 0, p.first = c;
-        for (let G = P; G <= R; G++) {
+        for (let G = P; G <= O; G++) {
           const {
-            indices: cr,
-            vertices: Bt,
-            uvs: ur = new Float32Array(0),
-            size: dr = new Float32Array(0),
-            texture: fr,
+            indices: ur,
+            vertices: Nt,
+            uvs: dr = new Float32Array(0),
+            size: fr = new Float32Array(0),
+            texture: pr,
             modulate: qe = this._defaultModulate,
             backgroundColor: Xe = this._defaultBackgroundColor,
-            blendMode: pr = Ze.NORMAL,
+            blendMode: _r = Ze.NORMAL,
             disableWrapMode: Us = !1
-          } = s[G], Ds = dr[0] || 0, Is = dr[1] || 0;
-          P < G && p.blendMode !== pr && (p.count = c - p.first, d.push(p), P = G, p = { id: ++this._drawCallUid }, p.textures = m, p.first = c);
-          const Bs = l / this._vertexSize, zs = (fr ? v.get(fr) : -1) ?? -1, Ns = Us ? 1 : 0;
-          for (let zt = Bt.length, K = 0; K < zt; K += 2) {
-            if (a[l++] = zs, a[l++] = Bt[K], a[l++] = Bt[K + 1], a[l++] = Ds, a[l++] = Is, a[l++] = ur[K], a[l++] = ur[K + 1], qe) {
+          } = s[G], Ds = fr[0] || 0, Is = fr[1] || 0;
+          P < G && p.blendMode !== _r && (p.count = c - p.first, d.push(p), P = G, p = { id: ++this._drawCallUid }, p.textures = m, p.first = c);
+          const Bs = l / this._vertexSize, Ns = (pr ? v.get(pr) : -1) ?? -1, zs = Us ? 1 : 0;
+          for (let zt = Nt.length, K = 0; K < zt; K += 2) {
+            if (a[l++] = Ns, a[l++] = Nt[K], a[l++] = Nt[K + 1], a[l++] = Ds, a[l++] = Is, a[l++] = dr[K], a[l++] = dr[K + 1], qe) {
               const re = l * 4;
               n[re] = qe[0], n[re + 1] = qe[1], n[re + 2] = qe[2], n[re + 3] = qe[3];
             }
@@ -1949,20 +1949,20 @@ void main(void) {
               const re = l * 4;
               n[re] = Xe[0], n[re + 1] = Xe[1], n[re + 2] = Xe[2], n[re + 3] = Xe[3];
             }
-            l++, a[l++] = Ns;
+            l++, a[l++] = zs;
           }
-          for (let zt = cr.length, K = 0; K < zt; K++)
-            h[c++] = Bs + cr[K];
-          p.blendMode = pr;
+          for (let zt = ur.length, K = 0; K < zt; K++)
+            h[c++] = Bs + ur[K];
+          p.blendMode = _r;
         }
-        P = R + 1, p.count = c - p.first, d.push(p), p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map();
+        P = O + 1, p.count = c - p.first, d.push(p), p = { id: ++this._drawCallUid }, m = [], v = /* @__PURE__ */ new Map();
       }
     }
     const f = this._getShader(i);
     f.update(o, h);
     for (let _ = d.length, p = 0; p < _; p++) {
       const m = d[p], { first: v = 0, textures: y, textureLocationMap: P } = m;
-      for (let R = y.length, A = 0; A < R; A++) {
+      for (let O = y.length, A = 0; A < O; A++) {
         const L = y[A], G = P.get(L);
         G !== void 0 && this._renderer.texture.bind({
           target: "texture_2d",
@@ -1979,28 +1979,28 @@ void main(void) {
     }
   }
   _getAttributeBuffer(e) {
-    const t = br(Math.ceil(e / 8)), s = yr(t), i = t * 8;
+    const t = yr(Math.ceil(e / 8)), s = xr(t), i = t * 8;
     this._attributeBuffer.length <= s && (this._indexBuffers.length = s + 1);
     let o = this._attributeBuffer[i];
     return o || (this._attributeBuffer[i] = o = new ArrayBuffer(i * this._vertexSize * 4)), o;
   }
   _getIndexBuffer(e) {
-    const t = br(Math.ceil(e / 12)), s = yr(t), i = t * 12;
+    const t = yr(Math.ceil(e / 12)), s = xr(t), i = t * 12;
     this._indexBuffers.length <= s && (this._indexBuffers.length = s + 1);
     let o = this._indexBuffers[s];
     return o || (this._indexBuffers[s] = o = new Uint16Array(i)), o;
   }
 }
-function br(r) {
+function yr(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 xr(r) {
   let e = (r > 65535 ? 1 : 0) << 4;
   r >>>= e;
   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 Vi extends H {
+class $i extends H {
   install(e) {
     super.install(e), e.buffer = this;
   }
@@ -2528,12 +2528,12 @@ function qi(r) {
       return 1;
   }
 }
-function gt(r, e, t) {
+function vt(r, e, t) {
   const [s, i, o, a, n, h, l, c, d] = r, f = s * e + a * t + l, _ = i * e + n * t + c, p = o * e + h * t + d;
   return { x: f / p, y: _ / p };
 }
 function Xi(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((y) => y.x), f = c.map((y) => y.y), _ = Math.min(...d), p = Math.max(...d), m = Math.min(...f), v = Math.max(...f);
+  const { x: t, y: s, width: i, height: o } = e, a = vt(r, t, s), n = vt(r, t + i, s), h = vt(r, t + i, s + o), l = vt(r, t, s + o), c = [a, n, h, l], d = c.map((y) => y.x), f = c.map((y) => y.y), _ = Math.min(...d), p = Math.max(...d), m = Math.min(...f), v = Math.max(...f);
   return {
     x: _,
     y: m,
@@ -2867,10 +2867,10 @@ class Qi extends H {
     super.reset(), this.boundViewport = { x: 0, y: 0, width: 0, height: 0 };
   }
 }
-class eo extends Kt {
+class eo extends Zt {
   _modules = [
     new Zi(),
-    new Vi(),
+    new $i(),
     new Gi(),
     new ji(),
     new Ji(),
@@ -2879,7 +2879,7 @@ class eo extends Kt {
     new Wi(),
     new Hi(),
     new Yi(),
-    new $i()
+    new Vi()
   ];
   bindPoints = /* @__PURE__ */ new Map();
   constructor(e = Pi(), t) {
@@ -3012,7 +3012,7 @@ class to extends Ce {
     }), e.font = this, this;
   }
 }
-class Zt extends _e {
+class Jt extends _e {
   vertexAttributes;
   indexBuffer;
   instanceCount;
@@ -3070,7 +3070,7 @@ var ro = Object.defineProperty, Jr = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ro(e, t, i), i;
 };
-class nt extends _e {
+class lt extends _e {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties(e);
@@ -3105,10 +3105,10 @@ class nt extends _e {
 }
 Jr([
   u({ internal: !0, fallback: null })
-], nt.prototype, "data");
+], lt.prototype, "data");
 Jr([
   u({ internal: !0, fallback: !1 })
-], nt.prototype, "dynamic");
+], lt.prototype, "dynamic");
 var so = 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);
@@ -3158,7 +3158,7 @@ var io = Object.defineProperty, Ae = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && io(e, t, i), i;
 };
-class $ extends _e {
+class V extends _e {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties({
@@ -3186,30 +3186,30 @@ class $ extends _e {
 }
 Ae([
   u({ internal: !0 })
-], $.prototype, "buffer");
+], V.prototype, "buffer");
 Ae([
   u({ fallback: 0 })
-], $.prototype, "size");
+], V.prototype, "size");
 Ae([
   u({ fallback: !1 })
-], $.prototype, "normalized");
+], V.prototype, "normalized");
 Ae([
   u({ fallback: "float" })
-], $.prototype, "type");
+], V.prototype, "type");
 Ae([
   u()
-], $.prototype, "stride");
+], V.prototype, "stride");
 Ae([
   u()
-], $.prototype, "offset");
+], V.prototype, "offset");
 Ae([
   u()
-], $.prototype, "divisor");
-class Sl extends Zt {
+], V.prototype, "divisor");
+class Sl extends Jt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new $({
+        position: new V({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3219,7 +3219,7 @@ class Sl extends Zt {
           type: "float"
         })
       },
-      indexBuffer: new nt({
+      indexBuffer: new lt({
         data: new Uint16Array([0, 1, 3, 2]),
         dynamic: !1
       }),
@@ -3275,7 +3275,7 @@ function no(r) {
   }
   return Number(r);
 }
-class yt extends w {
+class xt extends w {
   vert = `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -3306,8 +3306,8 @@ void main() {
   constructor(e) {
     super();
     const t = this.has;
-    for (const i in yt.RE)
-      t[i] = yt.RE[i].test(e);
+    for (const i in xt.RE)
+      t[i] = xt.RE[i].test(e);
     this.frag = `precision highp float;
 varying vec2 vUv;
 uniform float ratio;
@@ -3329,7 +3329,7 @@ void main(void) { gl_FragColor = transition(vUv); }` : ""}`;
       });
   }
 }
-class xt extends w {
+class wt extends w {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
@@ -3360,18 +3360,18 @@ void main(void) {
     });
   }
 }
-class b extends Zt {
+class b extends Jt {
   static _instance;
   static get instance() {
     return this._instance ??= new this();
   }
-  static draw(e, t = xt.instance, s) {
+  static draw(e, t = wt.instance, s) {
     this.instance.draw(e, t, s);
   }
   constructor() {
     super({
       vertexAttributes: {
-        position: new $({
+        position: new V({
           buffer: new ue({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1]),
             dynamic: !1
@@ -3380,7 +3380,7 @@ class b extends Zt {
           normalized: !1,
           type: "float"
         }),
-        uv: new $({
+        uv: new V({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3390,41 +3390,41 @@ class b extends Zt {
           type: "float"
         })
       },
-      indexBuffer: new nt({
+      indexBuffer: new lt({
         data: new Uint16Array([0, 1, 2, 0, 2, 3]),
         dynamic: !1
       })
     });
   }
 }
-class Cl extends Zt {
+class Cl extends Jt {
   positionBuffer;
   uvBuffer;
   constructor() {
     const e = new ue({ data: new Float32Array(), dynamic: !0 }), t = new ue({ data: new Float32Array(), dynamic: !0 });
     super({
       vertexAttributes: {
-        position: new $({
+        position: new V({
           buffer: e,
           size: 2,
           normalized: !1,
           type: "float"
         }),
-        uv: new $({
+        uv: new V({
           buffer: t,
           size: 2,
           normalized: !1,
           type: "float"
         })
       },
-      indexBuffer: new nt({
+      indexBuffer: new lt({
         data: new Uint16Array(),
         dynamic: !0
       })
     }), this.positionBuffer = e, this.uvBuffer = t;
   }
 }
-var lo = Object.defineProperty, Ne = (r, e, t, s) => {
+var lo = Object.defineProperty, ze = (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 && lo(e, t, i), i;
@@ -3497,7 +3497,7 @@ class T extends _e {
     }
   }
   _updatePOT() {
-    this._isPowerOfTwo = gr(this.realWidth) && gr(this.realHeight), this.requestUpload();
+    this._isPowerOfTwo = vr(this.realWidth) && vr(this.realHeight), this.requestUpload();
   }
   updateSize() {
     const e = this.source;
@@ -3526,22 +3526,22 @@ class T extends _e {
     fi && this.source instanceof ImageBitmap && this.source.close();
   }
 }
-Ne([
+ze([
   u({ internal: !0 })
 ], T.prototype, "source");
-Ne([
+ze([
   u({ fallback: 0 })
 ], T.prototype, "width");
-Ne([
+ze([
   u({ fallback: 0 })
 ], T.prototype, "height");
-Ne([
+ze([
   u({ fallback: "linear" })
 ], T.prototype, "filterMode");
-Ne([
+ze([
   u({ fallback: "clamp_to_edge" })
 ], T.prototype, "wrapMode");
-Ne([
+ze([
   u({ fallback: 1 })
 ], T.prototype, "pixelRatio");
 class $t extends _e {
@@ -3575,7 +3575,7 @@ var ho = Object.defineProperty, co = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && ho(e, t, i), i;
 };
-class Jt extends T {
+class Qt extends T {
   constructor(e = document.createElement("canvas")) {
     super(e);
   }
@@ -3593,7 +3593,7 @@ class Jt extends T {
 }
 co([
   u({ fallback: 2 })
-], Jt.prototype, "pixelRatio");
+], Qt.prototype, "pixelRatio");
 class Al extends T {
   static _cached = /* @__PURE__ */ new Map();
   static get(e) {
@@ -3614,7 +3614,7 @@ class Al extends T {
     });
   }
 }
-class kt extends T {
+class Ut extends T {
   static test(e) {
     return Fs(e);
   }
@@ -3625,7 +3625,7 @@ class kt extends T {
     const o = i.getContext("2d");
     if (!o)
       throw new Error("Failed to parse linear gradient, get canvas context is null.");
-    const { angle: a = 0, stops: n } = e, h = t, l = s, c = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), v = c - _ * (m / 2), y = d - p * (m / 2), P = c + _ * (m / 2), R = d + p * (m / 2), A = o.createLinearGradient(v, y, P, R);
+    const { angle: a = 0, stops: n } = e, h = t, l = s, c = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), v = c - _ * (m / 2), y = d - p * (m / 2), P = c + _ * (m / 2), O = d + p * (m / 2), A = o.createLinearGradient(v, y, P, O);
     for (const G of n) A.addColorStop(G.offset, G.color);
     o.fillStyle = A, o.fillRect(0, 0, h, l);
     const L = o.getImageData(0, 0, i.width, i.height);
@@ -3637,7 +3637,7 @@ class kt extends T {
   }
   constructor(e, t, s) {
     super(
-      kt.linearGradient(e, t, s)
+      Ut.linearGradient(e, t, s)
     );
   }
 }
@@ -3699,7 +3699,7 @@ class Rl extends T {
         return this.genBitmap(), !1;
     } else {
       const s = this.source;
-      if (Ot && s instanceof HTMLImageElement && (!s.complete || s.naturalWidth === 0))
+      if (Mt && s instanceof HTMLImageElement && (!s.complete || s.naturalWidth === 0))
         return !1;
     }
     const t = super.upload(e);
@@ -3718,13 +3718,13 @@ class es extends T {
   _updateProperty(e, t, s) {
     switch (e) {
       case "width":
-        this.source.width = Math.round(this.width * this.pixelRatio);
+        this.source.width = this.realWidth;
         break;
       case "height":
-        this.source.height = Math.round(this.height * this.pixelRatio);
+        this.source.height = this.realHeight;
         break;
       case "pixelRatio":
-        this.source.width = Math.round(this.width * this.pixelRatio), this.source.height = Math.round(this.height * this.pixelRatio);
+        this.source.width = this.realWidth, this.source.height = this.realHeight;
         break;
     }
     super._updateProperty(e, t, s);
@@ -3746,7 +3746,7 @@ function po(r) {
     playsinline: !!(r?.playsinline ?? !0)
   };
 }
-const Qt = class rs extends T {
+const er = class rs extends T {
   static mimeTypes = new Map(Object.entries({
     ogv: "video/ogg",
     mov: "video/quicktime",
@@ -3857,15 +3857,15 @@ const Qt = class rs extends T {
 };
 ts([
   u({ internal: !0, fallback: !0 })
-], Qt.prototype, "autoUpdate");
+], er.prototype, "autoUpdate");
 ts([
   u({ internal: !0, fallback: 0 })
-], Qt.prototype, "fps");
-let _o = Qt;
-class xr extends es {
+], er.prototype, "fps");
+let _o = er;
+class Je extends es {
   //
 }
-class mo extends bt {
+class mo extends yt {
   fillStyle;
   strokeStyle;
   strokeAlignment;
@@ -3894,14 +3894,14 @@ class mo extends bt {
           t = this.style.stroke;
           break;
         case "object":
-          _r(this.style.stroke) && (t = this.style.stroke.color);
+          mr(this.style.stroke) && (t = this.style.stroke.color);
           break;
       }
     this._draws.push({
       ...e,
       ...this._parseDrawStyle(t),
       type: "stroke",
-      path: new bt(this),
+      path: new yt(this),
       uvTransform: this.uvTransform,
       vertTransform: this.vertTransform,
       lineStyle: {
@@ -3929,7 +3929,7 @@ class mo extends bt {
           t = this.style.fill;
           break;
         case "object":
-          _r(this.style.fill) && (t = this.style.fill.color);
+          mr(this.style.fill) && (t = this.style.fill.color);
           break;
       }
     this._draws.push({
@@ -3938,7 +3938,7 @@ class mo extends bt {
       ...e,
       ...this._parseDrawStyle(t),
       type: "fill",
-      path: new bt(this)
+      path: new yt(this)
     }), this.resetStatus();
   }
   copy(e) {
@@ -4429,15 +4429,15 @@ let M = class extends pe {
   static parse(r) {
     if (Array.isArray(r))
       return r.map((n) => this.parse(n));
-    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Xt.get(i) ?? M, a = new o({ ...s, meta: e });
+    const { meta: e = {}, children: t, ...s } = r, { inCanvasIs: i = "Node" } = e, o = Ht.get(i) ?? M, a = new o({ ...s, meta: e });
     return t?.forEach((n) => a.appendChild(this.parse(n))), a;
   }
 };
 ne([
-  u({ fallback: zr() })
+  u({ fallback: Nr() })
 ], M.prototype, "id", 2);
 ne([
-  u({ fallback: zr() })
+  u({ fallback: Nr() })
 ], M.prototype, "name", 2);
 ne([
   u({ internal: !0, fallback: "inherit" })
@@ -4530,7 +4530,7 @@ Le([
 W = Le([
   g("TimelineNode")
 ], W);
-var To = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, lt = (r, e, t, s) => {
+var To = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, ht = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Eo(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 && To(e, t, i), i;
@@ -4633,31 +4633,46 @@ let Pe = class extends W {
     let e = this._relayouting, t = this._repainting, s;
     r && (this._originalBatchables = this._redraw(), e = !0), e && (this._layoutedBatchables = this._relayout(this._originalBatchables), t = !0), t && (s = this._repaint(this._layoutedBatchables)), r && this._resetContext && this.context.reset(), s && (this._batchables = s, this._redrawing = !1, this._relayouting = !1, this._repainting = !1);
   }
+  _handleViewportTexture(r) {
+    const e = this.tree?.getPreviousViewport();
+    if (e && "getRect" in this) {
+      const { a: t, d: s, tx: i, ty: o } = e.canvasTransform.toObject(), { vertices: a } = r, n = new R().scale(1 / e.width * t, -1 / e.height * s).translate(
+        - -i / e.width,
+        1 + -o / e.height
+      ), h = new Float32Array(a.length);
+      for (let l = a.length, c = 0; c < l; c += 2) {
+        const { x: d, y: f } = n.apply({ x: a[c], y: a[c + 1] });
+        h[c] = d, h[c + 1] = f;
+      }
+      return r.uvs = h, e.texture;
+    }
+  }
   _render(r) {
     this._updateBatchables();
     const e = this._tree?.pixelate;
     this._batchables.forEach((t) => {
-      t.texture?.upload(r), r.batch2D.render({
+      let s = t.texture;
+      s instanceof Je ? s = this._handleViewportTexture(t) : s?.upload(r), r.batch2D.render({
         ...t,
         size: e ? t.size : void 0,
-        texture: t.texture?._glTexture(r)
+        texture: s?._glTexture(r)
       });
     }), super._render(r);
   }
 };
-lt([
+ht([
   u()
 ], Pe.prototype, "modulate", 2);
-lt([
+ht([
   u()
 ], Pe.prototype, "blendMode", 2);
-lt([
+ht([
   u({ internal: !0, fallback: !0 })
 ], Pe.prototype, "visible", 2);
-lt([
+ht([
   u({ internal: !0, fallback: 1 })
 ], Pe.prototype, "opacity", 2);
-Pe = lt([
+Pe = ht([
   g("CanvasItem")
 ], Pe);
 var So = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Fe = (r, e, t, s) => {
@@ -4670,11 +4685,11 @@ let j = class extends M {
     super(), this.flipY = r, this.projection.flipY(r);
   }
   projection = new Bi();
-  canvasTransform = new O();
+  canvasTransform = new R();
   _framebufferIndex = 0;
   _framebuffers = [
-    { texture: new xr(), needsUpload: !1 },
-    { texture: new xr(), needsUpload: !1 }
+    { texture: new Je(), needsUpload: !1 },
+    { texture: new Je(), needsUpload: !1 }
   ];
   get valid() {
     return !!(this.width && this.height);
@@ -4750,7 +4765,7 @@ let j = class extends M {
     return !1;
   }
   activateWithCopy(r, e) {
-    this.resize(e.width, e.height), this.activate(r) && (r.clear(), e.texture.activate(r, 0), b.draw(r, xt.instance, {
+    this.resize(e.width, e.height), this.activate(r) && (r.clear(), e.texture.activate(r, 0), b.draw(r, wt.instance, {
       sampler: 0
     }));
   }
@@ -4786,7 +4801,7 @@ Fe([
 j = Fe([
   g("Viewport")
 ], j);
-var Ao = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, ht = (r, e, t, s) => {
+var Ao = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, ct = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ro(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;
@@ -4811,12 +4826,12 @@ let x = class extends W {
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
       case "glsl": {
-        const s = new yt(e);
+        const s = new xt(e);
         !this.effectMode && s.has.transition && (this.effectMode = "transition"), this.material = s;
         break;
       }
       case "glslSrc": {
-        e ? z.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
+        e ? N.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
         break;
       }
     }
@@ -4950,19 +4965,19 @@ let x = class extends W {
     }));
   }
 };
-ht([
+ct([
   u({ internal: !0 })
 ], x.prototype, "material", 2);
-ht([
+ct([
   u()
 ], x.prototype, "effectMode", 2);
-ht([
+ct([
   u()
 ], x.prototype, "glsl", 2);
-ht([
+ct([
   u()
 ], x.prototype, "glslSrc", 2);
-x = ht([
+x = ct([
   g("Effect")
 ], x);
 class Oo {
@@ -4988,7 +5003,7 @@ class Oo {
     }), this.calls = [];
   }
 }
-var Mo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, $e = (r, e, t, s) => {
+var Mo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Ve = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ko(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Mo(e, t, i), i;
@@ -5024,22 +5039,22 @@ let oe = class extends M {
     super._process(r), this.paused || this.addTime(r);
   }
 };
-$e([
+Ve([
   u({ fallback: 0 })
 ], oe.prototype, "startTime", 2);
-$e([
+Ve([
   u({ fallback: 0 })
 ], oe.prototype, "currentTime", 2);
-$e([
+Ve([
   u({ fallback: Number.MAX_SAFE_INTEGER })
 ], oe.prototype, "endTime", 2);
-$e([
+Ve([
   u({ fallback: !1 })
 ], oe.prototype, "loop", 2);
-$e([
+Ve([
   u({ fallback: !1 })
 ], oe.prototype, "paused", 2);
-oe = $e([
+oe = Ve([
   g("Timeline")
 ], oe);
 var Uo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ss = (r, e, t, s) => {
@@ -5047,7 +5062,7 @@ var Uo = Object.defineProperty, Do = Object.getOwnPropertyDescriptor, ss = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && Uo(e, t, i), i;
 };
-let wt = class extends j {
+let Pt = class extends j {
   finish(r) {
     r.framebuffer.finishRenderPass(
       this._glFramebuffer(r)
@@ -5059,26 +5074,30 @@ let wt = class extends j {
 };
 ss([
   u({ fallback: !1 })
-], wt.prototype, "msaa", 2);
-wt = ss([
+], Pt.prototype, "msaa", 2);
+Pt = ss([
   g("Window")
-], wt);
+], Pt);
 var Io = Object.defineProperty, Re = (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 && Io(e, t, i), i;
 };
-class me extends Yt {
+class me extends Kt {
   input = new Oi();
   renderStack = new Oo();
-  root = new wt(!0).setTree(this);
+  root = new Pt(!0).setTree(this);
   _backgroundColor = new J();
+  _previousViewport;
   _currentViewport;
   getCurrentViewport() {
     return this._currentViewport;
   }
+  getPreviousViewport() {
+    return this._previousViewport;
+  }
   setCurrentViewport(e) {
-    this._currentViewport = e;
+    this._currentViewport && !this._currentViewport.equal(e) && (this._previousViewport = this._currentViewport), this._currentViewport = e;
   }
   constructor(e) {
     super(), this.setProperties(e);
@@ -5137,7 +5156,7 @@ Re([
 Re([
   u({ internal: !0, default: () => new oe() })
 ], me.prototype, "timeline");
-var Bo = Object.getOwnPropertyDescriptor, zo = (r, e, t, s) => {
+var Bo = Object.getOwnPropertyDescriptor, No = (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 = a(i) || i);
   return i;
@@ -5147,29 +5166,29 @@ let Ue = class extends x {
     super(), this.setProperties(r).append(e);
   }
 };
-Ue = zo([
+Ue = No([
   g("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
 ], Ue);
-var No = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, er = (r, e, t, s) => {
+var zo = Object.defineProperty, Lo = Object.getOwnPropertyDescriptor, tr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Lo(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 && zo(e, t, i), i;
 };
 let Te = class extends Pe {
   position = new C().on("update", () => this.updateGlobalTransform());
   scale = new C(1, 1).on("update", () => this.updateGlobalTransform());
   skew = new C().on("update", () => this.updateGlobalTransform());
   pivot = new C().on("update", () => this.updateGlobalTransform());
-  extraTransform = new O();
-  transform = new O();
+  extraTransform = new R();
+  transform = new R();
   globalPosition = new C();
   globalScale = new C();
   globalSkew = new C();
-  globalTransform = new O();
+  globalTransform = new R();
   _parentTransformDirtyId;
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5232,22 +5251,22 @@ let Te = class extends Pe {
     return this.globalTransform.apply(r, e);
   }
 };
-er([
+tr([
   u({ internal: !0, fallback: 0 })
 ], Te.prototype, "rotation", 2);
-er([
+tr([
   u({ internal: !0, fallback: 0 })
 ], Te.prototype, "globalRotation", 2);
-Te = er([
+Te = tr([
   g("Node2D")
 ], Te);
-var Fo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, tr = (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 Fo = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, rr = (r, e, t, s) => {
+  for (var i = s > 1 ? void 0 : s ? Vo(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 && Fo(e, t, i), i;
 };
-let Pt = class extends Te {
-  canvasTransform = new O();
+let Tt = class extends Te {
+  canvasTransform = new R();
   _screenOffset = { x: 0, y: 0 };
   _zoom = new C(1, 1).on("update", () => this.updateTransform());
   get zoom() {
@@ -5359,18 +5378,18 @@ let Pt = class extends Te {
     };
   }
 };
-tr([
+rr([
   u({ internal: !0, fallback: !1 })
-], Pt.prototype, "spaceKey", 2);
-tr([
+], Tt.prototype, "spaceKey", 2);
+rr([
   u({ internal: !0, fallback: !1 })
-], Pt.prototype, "grabbing", 2);
-Pt = tr([
+], Tt.prototype, "grabbing", 2);
+Tt = rr([
   g("Camera2D", {
     processMode: "disabled",
     renderMode: "disabled"
   })
-], Pt);
+], Tt);
 const Pr = {
   brightness: 1,
   contrast: 1,
@@ -5385,7 +5404,7 @@ function Ol(r) {
   const e = new Hr();
   if (r === "none")
     return e;
-  const t = Rt(r).reduce((s, { name: i, args: o }) => (s[i] = o[0].normalizedIntValue, s), {});
+  const t = Ot(r).reduce((s, { name: i, args: o }) => (s[i] = o[0].normalizedIntValue, s), {});
   Object.keys(Pr).forEach((s) => {
     t[s] = t[s] ?? Pr[s];
   });
@@ -5420,8 +5439,8 @@ function Ol(r) {
   }
   return e;
 }
-function Vo(r, e, t, s = new O()) {
-  return r = !r || r === "none" ? "" : r, Rt(r, { width: e, height: t }).reverse().forEach(({ name: i, args: o }) => {
+function $o(r, e, t, s = new R()) {
+  return r = !r || r === "none" ? "" : r, Ot(r, { width: e, height: t }).reverse().forEach(({ name: i, args: o }) => {
     const a = o.map((n) => n.normalizedIntValue);
     switch (i) {
       case "translate":
@@ -5512,13 +5531,13 @@ var is = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, jo = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && is(e, t, i), i;
 }, qo = (r, e, t) => jo(r, e + "", t);
-let V = class extends x {
+let $ = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, V.material, {
+      b.draw(r, $.material, {
         sampler: 0,
         saturation: this.saturation,
         contrast: this.contrast,
@@ -5532,7 +5551,7 @@ let V = class extends x {
     });
   }
 };
-qo(V, "material", new w({
+qo($, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5569,37 +5588,37 @@ void main(void) {
 }));
 le([
   u({ fallback: 1 })
-], V.prototype, "saturation", 2);
+], $.prototype, "saturation", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "contrast", 2);
+], $.prototype, "contrast", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "brightness", 2);
+], $.prototype, "brightness", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "red", 2);
+], $.prototype, "red", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "green", 2);
+], $.prototype, "green", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "blue", 2);
+], $.prototype, "blue", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "alpha", 2);
+], $.prototype, "alpha", 2);
 le([
   u({ fallback: 1 })
-], V.prototype, "gamma", 2);
-V = le([
+], $.prototype, "gamma", 2);
+$ = le([
   g("ColorAdjustEffect")
-], V);
+], $);
 var os = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e, t) => e in r ? os(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, as = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Xo(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;
 }, Yo = (r, e, t) => Ho(r, e + "", t);
-let Je = class extends x {
+let Qe = class extends x {
   _colorMatrix = new Hr();
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -5607,7 +5626,7 @@ let Je = class extends x {
   apply(r, e) {
     if (!this.filter)
       return;
-    const t = Rt(this.filter), s = this._colorMatrix.identity();
+    const t = Ot(this.filter), s = this._colorMatrix.identity();
     t.forEach(({ name: i, args: o }) => {
       const a = o.map((n) => n.normalizedIntValue);
       switch (i) {
@@ -5638,14 +5657,14 @@ let Je = class extends x {
           break;
       }
     }), e.redraw(r, () => {
-      b.draw(r, Je.material, {
+      b.draw(r, Qe.material, {
         sampler: 0,
         m: s.toArray()
       });
     });
   }
 };
-Yo(Je, "material", new w({
+Yo(Qe, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5674,11 +5693,11 @@ void main(void) {
 }));
 as([
   u()
-], Je.prototype, "filter", 2);
-Je = as([
+], Qe.prototype, "filter", 2);
+Qe = as([
   g("ColorFilterEffect")
-], Je);
-var ns = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (r, e, t) => e in r ? ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, rr = (r, e, t, s) => {
+], Qe);
+var ns = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, Zo = (r, e, t) => e in r ? ns(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 ? Ko(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 && ns(e, t, i), i;
@@ -5752,16 +5771,16 @@ void main(void) {
   gl_FragColor = vec4(mix(color.rgb, mask.rgb, color.a * mask.a), color.a);
 }`
 }));
-rr([
+sr([
   u({ default: () => [] })
 ], De.prototype, "colors", 2);
-rr([
+sr([
   u({ fallback: 0.5 })
 ], De.prototype, "alpha", 2);
-De = rr([
+De = sr([
   g("ColorOverlayEffect")
 ], De);
-var ls = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ea = (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) => {
+var ls = Object.defineProperty, Qo = Object.getOwnPropertyDescriptor, ea = (r, e, t) => e in r ? ls(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 ? 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 && ls(e, t, i), i;
@@ -5819,16 +5838,16 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-sr([
+ir([
   u({ default: () => [] })
 ], Ie.prototype, "colors", 2);
-sr([
+ir([
   u({ fallback: 0.5 })
 ], Ie.prototype, "epsilon", 2);
-Ie = sr([
+Ie = ir([
   g("ColorRemoveEffect")
 ], Ie);
-var hs = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, sa = (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) => {
+var hs = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, sa = (r, e, t) => e in r ? hs(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 ? 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 && hs(e, t, i), i;
@@ -5907,13 +5926,13 @@ void main(void) {
   }
 }`
 }));
-ir([
+or([
   u({ default: () => [] })
 ], Be.prototype, "colors", 2);
-ir([
+or([
   u({ fallback: 0.05 })
 ], Be.prototype, "epsilon", 2);
-Be = ir([
+Be = or([
   g("ColorReplaceEffect")
 ], Be);
 const oa = `precision highp float;
@@ -6085,7 +6104,7 @@ let q = class extends x {
     }
   }
   async _loadWatermark(r) {
-    r ? this._watermark = await z.texture.load(r) : this._watermark = void 0;
+    r ? this._watermark = await N.texture.load(r) : this._watermark = void 0;
   }
   _checkerboardStyleMap = {
     grid: 1,
@@ -6162,7 +6181,7 @@ ge([
 q = ge([
   g("DrawboardEffect")
 ], q);
-var us = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ca = (r, e, t) => e in r ? us(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, or = (r, e, t, s) => {
+var us = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ca = (r, e, t) => e in r ? us(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 ? 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 && us(e, t, i), i;
@@ -6264,16 +6283,16 @@ void main(void) {
 }`,
   frag: fs
 }));
-or([
+ar([
   u({ fallback: 4 })
 ], ae.prototype, "strength", 2);
-or([
+ar([
   u({ fallback: 3 })
 ], ae.prototype, "quality", 2);
-ae = or([
+ae = ar([
   g("GaussianBlurEffect")
 ], ae);
-var ps = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, da = (r, e, t) => e in r ? ps(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ve = (r, e, t, s) => {
+var ps = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, da = (r, e, t) => e in r ? ps(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 ? ua(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;
@@ -6295,9 +6314,9 @@ let Q = class extends x {
         uInputSize: [e.width, e.height, 1 / e.width, 1 / e.height]
       });
     }), this.blurEffect.strength = this.blur, this.blurEffect.apply(r, this.viewport3), e.redraw(r, () => {
-      this.viewport3.texture.activate(r, 1), b.draw(r, xt.instance, {
+      this.viewport3.texture.activate(r, 1), b.draw(r, wt.instance, {
         sampler: 1
-      }), this.shadowOnly || b.draw(r, xt.instance, {
+      }), this.shadowOnly || b.draw(r, wt.instance, {
         sampler: 0
       }), r.texture.unbind(1);
     });
@@ -6327,22 +6346,22 @@ void main(void) {
   gl_FragColor = sample;
 }`
 }));
-Ve([
+$e([
   u({ fallback: "#000000FF" })
 ], Q.prototype, "color", 2);
-Ve([
+$e([
   u({ fallback: 4 })
 ], Q.prototype, "blur", 2);
-Ve([
+$e([
   u({ fallback: 4 })
 ], Q.prototype, "offsetX", 2);
-Ve([
+$e([
   u({ fallback: 4 })
 ], Q.prototype, "offsetY", 2);
-Ve([
+$e([
   u({ fallback: !1 })
 ], Q.prototype, "shadowOnly", 2);
-Q = Ve([
+Q = $e([
   g("DropShadowEffect")
 ], Q);
 var _s = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, _a = (r, e, t) => e in r ? _s(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ms = (r, e, t, s) => {
@@ -6350,13 +6369,13 @@ var _s = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, _a = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && _s(e, t, i), i;
 }, ma = (r, e, t) => _a(r, e + "", t);
-let Qe = class extends x {
+let et = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, Qe.material, {
+      b.draw(r, et.material, {
         sampler: 0,
         strength: this.strength,
         inputSize: [e.width, e.height, 1 / e.width, 1 / e.height]
@@ -6364,7 +6383,7 @@ let Qe = class extends x {
     });
   }
 };
-ma(Qe, "material", new w({
+ma(et, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6392,16 +6411,16 @@ void main(void) {
 }));
 ms([
   u({ fallback: 5 })
-], Qe.prototype, "strength", 2);
-Qe = ms([
+], et.prototype, "strength", 2);
+et = ms([
   g("EmbossEffect")
-], Qe);
+], et);
 var gs = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, va = (r, e, t) => e in r ? gs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ee = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ga(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 && gs(e, t, i), i;
 }, ba = (r, e, t) => va(r, e + "", t);
-let N = class extends x {
+let z = class extends x {
   _canvas;
   _texture;
   _sizes;
@@ -6425,7 +6444,7 @@ let N = class extends x {
     this._needsRedraw || (this._needsRedraw = !0, this.redraw());
     const t = e.width, s = e.height, i = this.direction * (Math.PI / 180), o = Math.sin(i), a = Math.cos(i);
     e.redraw(r, () => {
-      this._texture.activate(r, 1), b.draw(r, N.material, {
+      this._texture.activate(r, 1), b.draw(r, z.material, {
         sampler: 0,
         filterClamp: [0, 0, 1, 1],
         filterArea: [t, s, 0, 0],
@@ -6444,7 +6463,7 @@ let N = class extends x {
     });
   }
 };
-ba(N, "material", new w({
+ba(z, "material", new w({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6551,34 +6570,34 @@ void main(void) {
 }));
 ee([
   u({ fallback: 10 })
-], N.prototype, "slices", 2);
+], z.prototype, "slices", 2);
 ee([
   u({ fallback: 512 })
-], N.prototype, "sampleSize", 2);
+], z.prototype, "sampleSize", 2);
 ee([
   u({ fallback: 100 })
-], N.prototype, "offset", 2);
+], z.prototype, "offset", 2);
 ee([
   u({ fallback: 0 })
-], N.prototype, "direction", 2);
+], z.prototype, "direction", 2);
 ee([
   u({ fallback: 2 })
-], N.prototype, "fillMode", 2);
+], z.prototype, "fillMode", 2);
 ee([
   u({ fallback: 0 })
-], N.prototype, "seed", 2);
+], z.prototype, "seed", 2);
 ee([
   u({ default: () => [2, 2] })
-], N.prototype, "red", 2);
+], z.prototype, "red", 2);
 ee([
   u({ default: () => [-10, 4] })
-], N.prototype, "green", 2);
+], z.prototype, "green", 2);
 ee([
   u({ default: () => [10, -4] })
-], N.prototype, "blue", 2);
-N = ee([
+], z.prototype, "blue", 2);
+z = ee([
   g("GlitchEffect")
-], N);
+], z);
 var vs = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, xa = (r, e, t) => e in r ? vs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ve = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? ya(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
@@ -6780,7 +6799,7 @@ ve([
 X = ve([
   g("GodrayEffect")
 ], X);
-var Ta = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, Ut = (r, e, t, s) => {
+var Ta = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, Dt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ea(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 && Ta(e, t, i), i;
@@ -6811,7 +6830,7 @@ void main(void) {
     color *= 0.25;
     gl_FragColor = color;
 }`;
-let et = class extends x {
+let tt = class extends x {
   _kernels = [0];
   constructor(r, e = []) {
     super(), this.material = new w({
@@ -6862,19 +6881,19 @@ void main() {
     });
   }
 };
-Ut([
+Dt([
   u({ fallback: 4 })
-], et.prototype, "strength", 2);
-Ut([
+], tt.prototype, "strength", 2);
+Dt([
   u({ fallback: 3 })
-], et.prototype, "quality", 2);
-Ut([
+], tt.prototype, "quality", 2);
+Dt([
   u({ default: () => [1, 1] })
-], et.prototype, "pixelSize", 2);
-et = Ut([
+], tt.prototype, "pixelSize", 2);
+tt = Dt([
   g("KawaseBlurEffect")
-], et);
-var bs = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, Ra = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ar = (r, e, t, s) => {
+], tt);
+var bs = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, Ra = (r, e, t) => e in r ? bs(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 ? Aa(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;
@@ -6884,7 +6903,7 @@ let Ee = class extends x {
     super(), this.setProperties(r).append(e);
   }
   async load() {
-    this.texture = void 0, this.src && (this.texture = await z.texture.load(this.src));
+    this.texture = void 0, this.src && (this.texture = await N.texture.load(this.src));
   }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
@@ -6908,8 +6927,7 @@ let Ee = class extends x {
   }
 };
 Oa(Ee, "material", new w({
-  vert: `precision mediump float;
-attribute vec2 position;
+  vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
 void main() {
@@ -6954,13 +6972,13 @@ void main(void) {
   }
 }`
 }));
-ar([
+nr([
   u({ internal: !0 })
 ], Ee.prototype, "texture", 2);
-ar([
+nr([
   u({ fallback: "" })
 ], Ee.prototype, "src", 2);
-Ee = ar([
+Ee = nr([
   g("MaskEffect")
 ], Ee);
 var ys = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ka = (r, e, t) => e in r ? ys(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, be = (r, e, t, s) => {
@@ -7077,68 +7095,58 @@ var ws = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, Ia = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ws(e, t, i), i;
 }, Ba = (r, e, t) => Ia(r, e + "", t);
-let tt = class extends x {
+let rt = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, tt.material, {
+      const t = r.program.uniforms.viewMatrix, s = [t[0], t[4]], i = [t[6], t[7]], o = {
         sampler: 0,
-        uSize: [this.strength, this.strength],
-        uInputSize: [e.width, e.height, 1 / e.width, 1 / e.height]
-      });
+        offset: [
+          (s[0] + i[0]) / e.width,
+          1 - (s[1] + i[1]) / e.height
+        ],
+        step: [
+          this.strength * s[0] / e.width,
+          this.strength * s[1] / e.height
+        ]
+      };
+      b.draw(r, rt.material, o);
     });
   }
 };
-Ba(tt, "material", new w({
-  vert: `precision mediump float;
-attribute vec2 position;
+Ba(rt, "material", new w({
+  vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
 void main() {
   gl_Position = vec4(position, 0.0, 1.0);
   vUv = uv;
 }`,
-  frag: `varying vec2 vUv;
+  frag: `precision highp float;
+varying vec2 vUv;
 uniform sampler2D sampler;
-uniform vec2 uSize;
-uniform vec4 uInputSize;
-
-vec2 mapCoord(vec2 coord) {
-  coord *= uInputSize.xy;
-  coord += uInputSize.zw;
-  return coord;
-}
-
-vec2 unmapCoord(vec2 coord) {
-  coord -= uInputSize.zw;
-  coord /= uInputSize.xy;
-  return coord;
-}
-
-vec2 pixelate(vec2 coord, vec2 size) {
-  return floor(coord / size) * size;
-}
+uniform vec2 offset;
+uniform vec2 step;
 
 void main(void) {
-  vec2 coord = mapCoord(vUv);
-  coord = pixelate(coord, uSize);
-  coord = unmapCoord(coord);
-  gl_FragColor = texture2D(sampler, coord);
+  vec2 uv = vUv;
+  uv = floor((uv - offset) / step) * step + offset + step / 2.0;
+  gl_FragColor = texture2D(sampler, uv);
 }`
 }));
 Ps([
   u({ fallback: 10 })
-], tt.prototype, "strength", 2);
-tt = Ps([
+], rt.prototype, "strength", 2);
+rt = Ps([
   g("PixelateEffect")
-], tt);
-var Ts = Object.defineProperty, za = Object.getOwnPropertyDescriptor, Na = (r, e, t) => e in r ? Ts(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 ? za(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+], rt);
+var Ts = Object.defineProperty, Na = Object.getOwnPropertyDescriptor, za = (r, e, t) => e in r ? Ts(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 ? 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 && Ts(e, t, i), i;
-}, La = (r, e, t) => Na(r, e + "", t);
+}, La = (r, e, t) => za(r, e + "", t);
 let de = class extends x {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
@@ -7244,24 +7252,24 @@ void main() {
   gl_FragColor = color;
 }`
 }));
-ct([
+ut([
   u()
 ], de.prototype, "center", 2);
-ct([
+ut([
   u({ fallback: 20 })
 ], de.prototype, "innerRadius", 2);
-ct([
+ut([
   u({ fallback: -1 })
 ], de.prototype, "radius", 2);
-ct([
+ut([
   u({ fallback: 0.1 })
 ], de.prototype, "strength", 2);
-de = ct([
+de = ut([
   g("ZoomBlurEffect")
 ], de);
-function Tt(r, e) {
+function Et(r, e) {
   let t = !1;
-  const { left: s = 0, top: i = 0, width: o, height: a } = e, n = new O().translate(-s, -i).scale(1 / o, 1 / a);
+  const { left: s = 0, top: i = 0, width: o, height: a } = e, n = new R().translate(-s, -i).scale(1 / o, 1 / a);
   if (r.cropRect) {
     const {
       left: h = 0,
@@ -7314,7 +7322,7 @@ class I extends pe {
   }
   setProperties(e) {
     return this._setProperties(
-      F(e) ? void 0 : $s(e)
+      F(e) ? void 0 : Vs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7338,30 +7346,27 @@ class I extends pe {
   }
   async loadTexture() {
     if (this.linearGradient || this.radialGradient)
-      this.texture = new kt(
+      this.texture = new Ut(
         this.linearGradient ?? this.radialGradient,
         this.parent.size.width,
         this.parent.size.height
       );
-    else if (!F(this.image)) {
-      this.parent.tree?.log(`load image ${this.image}`);
+    else if (!F(this.image) && (this.parent.tree?.log(`load image ${this.image}`), this.image !== "viewport")) {
       let e = this.image.split("?")[0].endsWith(".gif");
-      const t = await z.loadBy(this.image);
-      e || (e = t.type.startsWith("image/gif") ?? !1), e ? this.animatedTexture = await z.gif.load(t) : this.texture = await z.texture.load(t);
+      const t = await N.loadBy(this.image);
+      e || (e = t.type.startsWith("image/gif") ?? !1), e ? this.animatedTexture = await N.gif.load(t) : this.texture = await N.texture.load(t);
     }
   }
   async _updateTexture() {
     await this.loadTexture(), this.parent.requestRedraw();
   }
   isValid() {
-    return !!(this.enabled && (this.texture || this.animatedTexture || this.color));
+    return !!(this.enabled && (this.texture || this.animatedTexture || this.color || this.image === "viewport"));
   }
   draw() {
-    const { width: e, height: t } = this.parent.size, s = this.parent.context, { uvTransform: i, disableWrapMode: o } = Tt(
-      this,
-      { width: e, height: t }
-    );
-    s.fillStyle = this.animatedTexture?.currentFrame.texture ?? this.texture ?? this.color, s.fill({
+    const { width: e, height: t } = this.parent.size, s = this.parent.context;
+    let i, o = !1;
+    this.image === "viewport" ? s.fillStyle = new Je() : ({ uvTransform: i, disableWrapMode: o } = Et(this, { width: e, height: t }), s.fillStyle = this.animatedTexture?.currentFrame.texture ?? this.texture ?? this.color), s.fill({
       uvTransform: i,
       disableWrapMode: o,
       size: new Float32Array([e, t])
@@ -7422,15 +7427,15 @@ Y([
 Y([
   u()
 ], I.prototype, "opacity");
-var $a = Object.defineProperty, Va = (r, e, t, s) => {
+var Va = Object.defineProperty, $a = (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 && Va(e, t, i), i;
 };
 class Es extends I {
   setProperties(e) {
     return super._setProperties(
-      F(e) ? void 0 : Vs(e)
+      F(e) ? void 0 : $s(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7441,7 +7446,7 @@ class Es extends I {
     }
   }
 }
-Va([
+$a([
   u()
 ], Es.prototype, "fillWithShape");
 var Ga = Object.defineProperty, Wa = (r, e, t, s) => {
@@ -7466,7 +7471,7 @@ class Ss extends I {
 Wa([
   u()
 ], Ss.prototype, "fillWithShape");
-var ja = Object.defineProperty, ut = (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 && ja(e, t, i), i;
@@ -7492,35 +7497,30 @@ class Ge extends I {
     return !!(this.enabled && (this.width || this.color || super.isValid()));
   }
   draw() {
-    const e = this.parent.context, { uvTransform: t, disableWrapMode: s } = Tt(
-      this,
-      {
-        width: this.parent.size.width,
-        height: this.parent.size.height
-      }
-    );
-    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
+    const { width: e, height: t } = this.parent.size, s = this.parent.context;
+    let i, o = !1;
+    this.image === "viewport" ? s.strokeStyle = new Je() : ({ uvTransform: i, disableWrapMode: o } = Et(this, { width: e, height: t }), s.strokeStyle = this.texture ?? this.color), s.lineWidth = this.width || 1, s.lineCap = this.lineCap, s.lineJoin = this.lineJoin, s.stroke({
+      uvTransform: i,
+      disableWrapMode: o
     });
   }
 }
-ut([
+dt([
   u({ fallback: "#00000000" })
 ], Ge.prototype, "color");
-ut([
+dt([
   u({ fallback: 0 })
 ], Ge.prototype, "width");
-ut([
+dt([
   u({ fallback: "solid" })
 ], Ge.prototype, "style");
-ut([
+dt([
   u({ fallback: "butt" })
 ], Ge.prototype, "lineCap");
-ut([
+dt([
   u({ fallback: "miter" })
 ], Ge.prototype, "lineJoin");
-var qa = Object.defineProperty, dt = (r, e, t, s) => {
+var qa = Object.defineProperty, ft = (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 && qa(e, t, i), i;
@@ -7550,22 +7550,22 @@ class We extends pe {
     this.blur || this.offsetX || this.offsetY ? (t || (t = new Q({ name: e }), this.parent.appendChild(t, "back")), t.setProperties(this.getProperties())) : t && this.parent.removeChild(t);
   }
 }
-dt([
+ft([
   u({ fallback: !0 })
 ], We.prototype, "enabled");
-dt([
+ft([
   u({ fallback: "#000000FF" })
 ], We.prototype, "color");
-dt([
+ft([
   u({ fallback: 0 })
 ], We.prototype, "blur");
-dt([
+ft([
   u({ fallback: 0 })
 ], We.prototype, "offsetY");
-dt([
+ft([
   u({ fallback: 0 })
 ], We.prototype, "offsetX");
-var Xa = Object.defineProperty, ft = (r, e, t, s) => {
+var Xa = 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 && Xa(e, t, i), i;
@@ -7597,7 +7597,7 @@ class je extends pe {
       this._path2DSet = si(a), e = this._path2DSet.viewBox;
     } else
       this.paths?.forEach((a, n) => {
-        const { data: h, ...l } = a, c = new bt();
+        const { data: h, ...l } = a, c = new yt();
         c.style = l, c.addData(h), this._path2DSet.paths[n] = c;
       });
     if (!e) {
@@ -7606,14 +7606,14 @@ class je extends pe {
     }
     const [t, s, i, o] = e;
     this._path2DSet.paths.forEach((a) => {
-      a.applyTransform(new mr().translate(-t, -s).scale(1 / i, 1 / o));
+      a.applyTransform(new gr().translate(-t, -s).scale(1 / i, 1 / o));
     });
   }
   draw(e = !1) {
     if (!e && this.enabled && this._path2DSet.paths.length) {
       const t = this.parent.context, { width: s, height: i } = this.parent.size;
       this._path2DSet.paths.forEach((o) => {
-        t.addPath(o.clone().applyTransform(new mr().scale(s, i)));
+        t.addPath(o.clone().applyTransform(new gr().scale(s, i)));
       });
     } else
       this._drawRect();
@@ -7623,22 +7623,22 @@ class je extends pe {
     t && s && (i ? e.roundRect(0, 0, t, s, i) : e.rect(0, 0, t, s));
   }
 }
-ft([
+pt([
   u({ fallback: !0 })
 ], je.prototype, "enabled");
-ft([
+pt([
   u()
 ], je.prototype, "preset");
-ft([
+pt([
   u()
 ], je.prototype, "svg");
-ft([
+pt([
   u()
 ], je.prototype, "viewBox");
-ft([
+pt([
   u()
 ], je.prototype, "paths");
-class rt extends _e {
+class st extends _e {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -7646,7 +7646,7 @@ class rt extends _e {
 const Tr = Xs();
 for (const r in Tr) {
   const e = Tr[r];
-  qt(rt, r, { fallback: e });
+  Xt(st, r, { fallback: e });
 }
 var Ha = Object.defineProperty, he = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
@@ -7658,7 +7658,7 @@ class te extends pe {
     super(), this.parent = e, this.base = new ii(), this.base.setPropertyAccessor(this);
   }
   base;
-  _texture = new Jt();
+  _texture = new Qt();
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
@@ -7695,17 +7695,17 @@ class te extends pe {
       const i = [];
       if (t.fragments.forEach((o, a) => {
         if (o.characters.length) {
-          const n = Nt.from(
+          const n = Lt.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 = Nt.from(...i);
+        const o = Lt.from(...i);
         this._updateTexture(`${s}.fill`, t.fill, o), this._updateTexture(`${s}.outline`, t.outline, o), e.push(o);
       }
     }), e.length) {
-      const t = Nt.from(...e);
+      const t = Lt.from(...e);
       this._updateTexture("fill", this.fill, t), this._updateTexture("outline", this.outline, t);
     }
   }
@@ -7716,11 +7716,11 @@ class te extends pe {
     }), this.parent.requestRedraw());
   }
   async _loadTexture(e, t) {
-    return e.linearGradient || e.radialGradient ? new kt(
+    return e.linearGradient || e.radialGradient ? new Ut(
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await z.texture.load(e.image));
+    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await N.texture.load(e.image));
   }
   setContent(e) {
     this.content = Ys(e);
@@ -7736,7 +7736,7 @@ class te extends pe {
     if (e.scale.x > 0 && e.scale.y > 0)
       return;
     const t = e.scale.x * e.scale.y, s = e.pivot;
-    return new O().translate(-s.x, -s.y).scale(t > 0 ? 1 : -1, 1).translate(s.x, s.y);
+    return new R().translate(-s.x, -s.y).scale(t > 0 ? 1 : -1, 1).translate(s.x, s.y);
   }
   useTextureDraw() {
     let e = this.drawMode;
@@ -7752,7 +7752,7 @@ class te extends pe {
             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)) {
-                const { uvTransform: l, disableWrapMode: c } = Tt(
+                const { uvTransform: l, disableWrapMode: c } = Et(
                   n,
                   h?.box ?? {
                     width: this.parent.size.width,
@@ -7773,7 +7773,7 @@ class te extends pe {
             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)) {
-                const { uvTransform: l, disableWrapMode: c } = Tt(
+                const { uvTransform: l, disableWrapMode: c } = Et(
                   n,
                   h?.box ?? {
                     width: this.parent.size.width,
@@ -7800,7 +7800,7 @@ class te extends pe {
   _textureDraw(e) {
     const { left: t = 0, top: s = 0, width: i, height: o } = this.base.boundingBox;
     e.fillStyle = this._texture, e.rect(t, s, i, o), e.fill({
-      uvTransform: new O().translate(-t, -s).scale(1 / i, 1 / o),
+      uvTransform: new R().translate(-t, -s).scale(1 / i, 1 / o),
       vertTransform: this._createVertTransform()
     });
   }
@@ -7842,13 +7842,13 @@ var Ya = Object.getOwnPropertyDescriptor, Ka = (r, e, t, s) => {
   return i;
 };
 const Za = new Set(Object.keys(Zs())), Ja = new Set(Object.keys(Ks()));
-let st = class extends Te {
+let it = class extends Te {
   size = new C().on("update", () => {
     this.onUpdateStyleProperty("transform", this.style.transform, void 0), this.onUpdateStyleProperty("transformOrigin", this.style.transformOrigin, void 0), this.updateGlobalTransform(), this.requestRedraw();
   });
   _allowPointerEvents = !0;
   _overflowHidden = !1;
-  _style = new rt().on("updateProperty", (...r) => {
+  _style = new st().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
   get style() {
@@ -7907,7 +7907,7 @@ let st = class extends Te {
     this._shadow.resetProperties().setProperties(r);
   }
   constructor(r, e = []) {
-    super(), this.style = new rt(), this.setProperties(r).append(e);
+    super(), this.style = new st(), this.setProperties(r).append(e);
   }
   _treeEnter(r) {
     super._treeEnter(r), this._text.isValid() && this._text.update();
@@ -7950,7 +7950,7 @@ let st = class extends Te {
         this.skew.y = e;
         break;
       case "transform":
-        Vo(
+        $o(
           e ?? "",
           this.size.width,
           this.size.height,
@@ -8158,10 +8158,10 @@ let st = class extends Te {
     });
   }
 };
-st = Ka([
+it = Ka([
   g("BaseElement2D")
-], st);
-class Cs extends rt {
+], it);
+class Cs extends st {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -8173,8 +8173,8 @@ const Er = {
   height: 0
 };
 for (const r in Er)
-  qt(Cs, r, { fallback: Er[r] });
-class Qa extends rt {
+  Xt(Cs, r, { fallback: Er[r] });
+class Qa extends st {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -8184,7 +8184,7 @@ var en = Object.getOwnPropertyDescriptor, tn = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Se = class extends st {
+let Se = class extends it {
   _style = new Cs().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
@@ -8215,7 +8215,7 @@ let Se = class extends st {
     switch (r) {
       case "width":
       case "height":
-        this.mask instanceof st && (this.mask.size.width = this.size.width, this.mask.size.height = this.size.height);
+        this.mask instanceof it && (this.mask.size.width = this.size.width, this.mask.size.height = this.size.height);
         break;
     }
   }
@@ -8275,7 +8275,7 @@ const E = {
   // Display.None
   contents: 2
   // Display.Contents
-}, Vt = {
+}, Gt = {
   inherit: 0,
   // Direction.Inherit
   ltr: 1,
@@ -8331,7 +8331,7 @@ const E = {
   "content-box": 1
   // BoxSizing.ContentBox
 };
-class nr {
+class lr {
   constructor(e) {
     this._element = e;
   }
@@ -8340,7 +8340,7 @@ class nr {
     const { loadYoga: e } = await import("yoga-layout/load");
     this._yoga = await e();
   }
-  _node = nr._yoga.Node.create();
+  _node = lr._yoga.Node.create();
   get _style() {
     return this._element.style;
   }
@@ -8400,7 +8400,7 @@ class nr {
         break;
       case "direction":
         this._node.setDirection(
-          t ? Vt[t] : Vt.inherit
+          t ? Gt[t] : Gt.inherit
         );
         break;
       case "display":
@@ -8523,7 +8523,7 @@ var sn = Object.getOwnPropertyDescriptor, on = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Ur = class extends st {
+let Ur = class extends it {
   _style = new Qa().on("updateProperty", (...r) => {
     this.onUpdateStyleProperty(r[0], r[1], r[2]);
   });
@@ -8533,7 +8533,7 @@ let Ur = class extends st {
   set style(r) {
     this._style.resetProperties().setProperties(r);
   }
-  _layout = new nr(this);
+  _layout = new lr(this);
   get offsetLeft() {
     return this._layout.offsetLeft;
   }
@@ -8562,7 +8562,7 @@ let Ur = class extends st {
     super._updateStyleProperty(r, e, t), this._layout.updateStyleProperty(r, e, t), this._layout._node.isDirty() && this.requestRelayout();
   }
   updateTransform() {
-    this.calculateLayout(void 0, void 0, Vt.ltr);
+    this.calculateLayout(void 0, void 0, Gt.ltr);
     const { left: r, top: e, width: t, height: s } = this._layout.getComputedLayout();
     this.position.x = r, this.position.y = e, this.size.x = t, this.size.y = s, super.updateTransform();
   }
@@ -8574,12 +8574,12 @@ let Ur = class extends st {
 Ur = on([
   g("FlexElement2D")
 ], Ur);
-var an = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, pt = (r, e, t, s) => {
+var an = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, _t = (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 && an(e, t, i), i;
 };
-let ze = class extends Se {
+let Ne = class extends Se {
   get currentFrameTexture() {
     return this.texture?.frames[this._frameIndex]?.texture;
   }
@@ -8627,7 +8627,7 @@ let ze = class extends Se {
     if (this._complete = !1, r)
       try {
         this.setResource(
-          this.gif || r?.includes(".gif") ? await z.gif.load(r) : await z.texture.load(r)
+          this.gif || r?.includes(".gif") ? await N.gif.load(r) : await N.texture.load(r)
         ), this.requestRedraw(), this.emit("load");
       } catch (e) {
         console.warn(e), this.emit("error", e);
@@ -8666,7 +8666,7 @@ let ze = class extends Se {
       const { left: e = 0, top: t = 0, right: s = 0, bottom: i = 0 } = this.srcRect ?? {}, { width: o, height: a } = this.size;
       this.context.fillStyle = r;
       const n = Math.abs(1 + (e + s)) * o, h = Math.abs(1 + (t + i)) * a, l = 1 / n, c = 1 / h, d = e * o * l, f = t * a * c;
-      this.context.uvTransform = new O().scale(l, c).translate(d, f), this.shape.draw(), this.context.fill();
+      this.context.uvTransform = new R().scale(l, c).translate(d, f), this.shape.draw(), this.context.fill();
     }
   }
   _repaint(r) {
@@ -8676,21 +8676,21 @@ let ze = class extends Se {
     }));
   }
 };
-pt([
+_t([
   u({ internal: !0 })
-], ze.prototype, "texture", 2);
-pt([
+], Ne.prototype, "texture", 2);
+_t([
   u({ fallback: "" })
-], ze.prototype, "src", 2);
-pt([
+], Ne.prototype, "src", 2);
+_t([
   u()
-], ze.prototype, "srcRect", 2);
-pt([
+], Ne.prototype, "srcRect", 2);
+_t([
   u({ fallback: !1 })
-], ze.prototype, "gif", 2);
-ze = pt([
+], Ne.prototype, "gif", 2);
+Ne = _t([
   g("Image2D")
-], ze);
+], Ne);
 class As extends Se {
   texture;
   constructor(e, t = []) {
@@ -8705,8 +8705,8 @@ var ln = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, Rs = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && ln(e, t, i), i;
 };
-let Gt = class extends As {
-  texture = new Jt();
+let Wt = class extends As {
+  texture = new Qt();
   animation;
   constructor(r, e = []) {
     super(), this.setProperties(r), this.append(e);
@@ -8729,7 +8729,7 @@ let Gt = class extends As {
     }
   }
   async _load() {
-    this.animation = await z.lottie.load(this.src, this.texture.source), this.duration = this.animation.getDuration(!1) * 1e3, this.texture.requestUpload(), this.requestRedraw();
+    this.animation = await N.lottie.load(this.src, this.texture.source), this.duration = this.animation.getDuration(!1) * 1e3, this.texture.requestUpload(), this.requestRedraw();
   }
   _process(r) {
     this.animation?.goToAndStop(this.currentTime, !1), this.texture.requestUpload(), this.requestRedraw(), super._process(r);
@@ -8737,10 +8737,10 @@ let Gt = class extends As {
 };
 Rs([
   u({ fallback: "" })
-], Gt.prototype, "src", 2);
-Gt = Rs([
+], Wt.prototype, "src", 2);
+Wt = Rs([
   g("Lottie2D")
-], Gt);
+], Wt);
 var cn = Object.defineProperty, un = (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);
@@ -8777,7 +8777,7 @@ var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Os = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && fn(e, t, i), i;
 };
-let Wt = class extends As {
+let jt = class extends As {
   get videoDuration() {
     return (this.texture?.duration ?? 0) * 1e3;
   }
@@ -8796,7 +8796,7 @@ let Wt = class extends As {
     return this._wait;
   }
   async _load(r) {
-    this.texture = await z.video.load(r), (!this.style.width || !this.style.height) && (this.style.width = this.texture.width, this.style.height = this.texture.height), this.requestRedraw();
+    this.texture = await N.video.load(r), (!this.style.width || !this.style.height) && (this.style.width = this.texture.width, this.style.height = this.texture.height), this.requestRedraw();
   }
   _updateVideoCurrentTime() {
     let r = this._currentTime;
@@ -8814,17 +8814,17 @@ let Wt = class extends As {
 };
 Os([
   u({ fallback: "" })
-], Wt.prototype, "src", 2);
-Wt = Os([
+], jt.prototype, "src", 2);
+jt = Os([
   g("Video2D")
-], Wt);
-var _n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, Dt = (r, e, t, s) => {
+], jt);
+var _n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? mn(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 && _n(e, t, i), i;
 };
-const gn = (r) => r, vn = _t(0.25, 0.1, 0.25, 1), bn = _t(0.42, 0, 1, 1), yn = _t(0, 0, 0.58, 1), xn = _t(0.42, 0, 0.58, 1);
-function _t(r, e, t, s) {
+const gn = (r) => r, vn = mt(0.25, 0.1, 0.25, 1), bn = mt(0.42, 0, 1, 1), yn = mt(0, 0, 0.58, 1), xn = mt(0.42, 0, 0.58, 1);
+function mt(r, e, t, s) {
   const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, c = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, f = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + c) * m;
   function p(m) {
     let v = m, y, P;
@@ -8835,24 +8835,24 @@ function _t(r, e, t, s) {
         break;
       v -= P / y;
     }
-    let R = 1, A = 0;
-    for (v = m; R > A; ) {
+    let O = 1, A = 0;
+    for (v = m; O > A; ) {
       if (P = f(v) - m, Math.abs(P) < 1e-6)
         return v;
-      P > 0 ? R = v : A = v, v = (R + A) / 2;
+      P > 0 ? O = v : A = v, v = (O + A) / 2;
     }
     return v;
   }
   return (m) => _(p(m));
 }
-const Lt = {
+const Ft = {
   linear: gn,
   ease: vn,
   easeIn: bn,
   easeOut: yn,
   easeInOut: xn
 };
-let it = class extends W {
+let ot = class extends W {
   _keyframes = [];
   _isFirstUpdatePosition = !1;
   _cachedProps = new Ir();
@@ -8946,11 +8946,11 @@ let it = class extends W {
   }
   _parseEasing(r) {
     if (!r)
-      return Lt.linear;
-    if (r in Lt)
-      return Lt[r];
+      return Ft.linear;
+    if (r in Ft)
+      return Ft[r];
     const e = r.replace(/cubic-bezier\((.+)\)/, "$1").split(",").map((t) => Number(t));
-    return _t(e[0], e[1], e[2], e[3]);
+    return mt(e[0], e[1], e[2], e[3]);
   }
   _parseKeyframes(r, e) {
     let t;
@@ -9000,13 +9000,13 @@ let it = class extends W {
     let o, a;
     if (e === "none" && (e = void 0), t === "none" && (t = void 0), e === void 0 || t === void 0)
       if (e !== void 0)
-        o = mt(r, String(e), i), a = vr(o);
+        o = gt(r, String(e), i), a = br(o);
       else if (t !== void 0)
-        a = mt(r, String(t), i), o = vr(a);
+        a = gt(r, String(t), i), o = br(a);
       else
         return;
     else
-      o = mt(r, String(e), i), a = mt(r, String(t), i);
+      o = gt(r, String(e), i), a = gt(r, String(t), i);
     if (Array.isArray(o) && Array.isArray(a)) {
       const n = /* @__PURE__ */ new Set(), h = {}, l = {};
       o.forEach(({ name: d, args: f }) => {
@@ -9018,8 +9018,8 @@ let it = class extends W {
       return n.forEach((d) => {
         const f = Math.max(h[d]?.length ?? 0, l[d]?.length ?? 0), _ = h[d], p = l[d];
         c += `${d}(${Array.from({ length: f }, (m, v) => {
-          const y = _?.[v], P = p?.[v], R = y?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
-          return Number.isNaN(R) || Number.isNaN(A) ? P?.value ?? 0 : S(R, A, s);
+          const y = _?.[v], P = p?.[v], O = y?.normalizedIntValue ?? 0, A = P?.normalizedIntValue ?? 0;
+          return Number.isNaN(O) || Number.isNaN(A) ? P?.value ?? 0 : S(O, A, s);
         }).join(", ")}) `;
       }), c;
     } else if (!Array.isArray(o) && !Array.isArray(a))
@@ -9045,27 +9045,27 @@ let it = class extends W {
     });
   }
 };
-Dt([
+It([
   u({ fallback: "parent" })
-], it.prototype, "effectMode", 2);
-Dt([
+], ot.prototype, "effectMode", 2);
+It([
   u({ default: () => [] })
-], it.prototype, "keyframes", 2);
-Dt([
+], ot.prototype, "keyframes", 2);
+It([
   u()
-], it.prototype, "easing", 2);
-it = Dt([
+], ot.prototype, "easing", 2);
+ot = It([
   g("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
     processSortMode: "parent_before",
     duration: 2e3
   })
-], it);
-class lr extends fe {
+], ot);
+class hr extends fe {
   static _instance;
   static get instance() {
-    return this._instance || (this._instance = new lr()), this._instance;
+    return this._instance || (this._instance = new hr()), this._instance;
   }
   playbackRate = 1;
   muted = !1;
@@ -9093,7 +9093,7 @@ class lr extends fe {
     return this.paused = !this.paused, this.refreshPaused(), this.paused;
   }
 }
-class Et extends fe {
+class St extends fe {
   static PADDING = 0.1;
   _source = null;
   _audio = null;
@@ -9214,7 +9214,7 @@ class Et extends fe {
     if (!this._source)
       return;
     const { start: t = 0, end: s = 0 } = e;
-    s && console.assert(s > t, "End time is before start time"), e.playbackRate !== void 0 && (this._playbackRate = e.playbackRate), e.volume !== void 0 && (this._volume = e.volume), e.loop !== void 0 && (this._loop = e.loop), e.muted !== void 0 && (this._muted = e.muted), this.refresh(), this.loop && s !== null && (console.warn('Looping not support when specifying an "end" time'), this.loop = !1), this._start = t, this._end = s || this._duration, this._start = Math.max(0, this._start - Et.PADDING), this._end = Math.min(this._end + Et.PADDING, this._duration), this._source.onloadedmetadata = () => {
+    s && console.assert(s > t, "End time is before start time"), e.playbackRate !== void 0 && (this._playbackRate = e.playbackRate), e.volume !== void 0 && (this._volume = e.volume), e.loop !== void 0 && (this._loop = e.loop), e.muted !== void 0 && (this._muted = e.muted), this.refresh(), this.loop && s !== null && (console.warn('Looping not support when specifying an "end" time'), this.loop = !1), this._start = t, this._end = s || this._duration, this._start = Math.max(0, this._start - St.PADDING), this._end = Math.min(this._end + St.PADDING, this._duration), this._source.onloadedmetadata = () => {
       this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), U.on(this._onUpdate));
     }, this._source.onended = this._onComplete.bind(this), this._source.play(), this.emit("start");
   }
@@ -9249,7 +9249,7 @@ class wn {
     return !!this.source && this.source.readyState === 4;
   }
   get context() {
-    return lr.instance;
+    return hr.instance;
   }
   async load() {
     return new Promise((e) => {
@@ -9257,7 +9257,7 @@ class wn {
     });
   }
   createSound() {
-    return new Et();
+    return new St();
   }
 }
 class Ms extends fe {
@@ -9293,9 +9293,9 @@ class Ml {
   }
 }
 function Pn() {
-  if ($r)
+  if (Vr)
     return new AudioContext();
-  if (Vr) {
+  if ($r) {
     const r = globalThis.webkitAudioContext;
     return new r();
   } else
@@ -9360,7 +9360,7 @@ class xe extends Ms {
       2,
       Gr ? 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" && (ce || mi), Ot && (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" && (ce || mi), Mt && (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)
@@ -9761,14 +9761,14 @@ we = On([
 class kl extends Te {
   //
 }
-var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
+var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, Bt = (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 = (s ? a(e, t, i) : a(i)) || i);
   return s && i && kn(e, t, i), i;
 };
-let ot = class extends Se {
+let at = class extends Se {
   _audioBuffer;
-  _src = Ot ? new T(document.createElement("canvas")) : void 0;
+  _src = Mt ? new T(document.createElement("canvas")) : void 0;
   _needsUpdateTexture = !1;
   constructor(r = {}) {
     super(), this.setProperties(r);
@@ -9825,30 +9825,30 @@ let ot = class extends Se {
   }
   _drawSrc() {
     const r = this._src;
-    r?.isValid() && (this.context.fillStyle = r, this.context.uvTransform = new O().scale(
+    r?.isValid() && (this.context.fillStyle = r, this.context.uvTransform = new R().scale(
       1 / this.style.width,
       1 / this.style.height
     ));
   }
 };
-It([
+Bt([
   u()
-], ot.prototype, "src", 2);
-It([
+], at.prototype, "src", 2);
+Bt([
   u({ fallback: 0 })
-], ot.prototype, "gap", 2);
-It([
+], at.prototype, "gap", 2);
+Bt([
   u({ fallback: "#000000" })
-], ot.prototype, "color", 2);
-ot = It([
+], at.prototype, "color", 2);
+at = Bt([
   g("AudioWaveform")
-], ot);
-var Dn = Object.defineProperty, In = Object.getOwnPropertyDescriptor, Bn = (r, e, t) => e in r ? Dn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, zn = (r, e, t, s) => {
+], at);
+var Dn = Object.defineProperty, In = Object.getOwnPropertyDescriptor, Bn = (r, e, t) => e in r ? Dn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Nn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? In(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, Nn = (r, e, t) => Bn(r, e + "", t);
-let St = class extends Ue {
+}, zn = (r, e, t) => Bn(r, e + "", t);
+let Ct = class extends Ue {
   blur = 10;
   quality = 10;
   apply(r, e) {
@@ -9872,7 +9872,7 @@ let St = class extends Ue {
     p = c[m] + 0.5, _[0] = p * d, _[1] = p * f, l.push({
       offset: _
     }), l.forEach((v) => {
-      b.draw(r, St.material, {
+      b.draw(r, Ct.material, {
         sampler: s,
         progress: i,
         ...v
@@ -9880,7 +9880,7 @@ let St = class extends Ue {
     });
   }
 };
-Nn(St, "material", new w({
+zn(Ct, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9905,24 +9905,24 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-St = zn([
+Ct = Nn([
   g("KawaseTransition")
-], St);
-var Ln = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, $n = (r, e, t) => e in r ? Ln(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Vn = (r, e, t, s) => {
+], Ct);
+var Ln = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, Vn = (r, e, t) => e in r ? Ln(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, $n = (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 = a(i) || i);
   return i;
-}, Gn = (r, e, t) => $n(r, e + "", t);
-let Ct = class extends Ue {
+}, Gn = (r, e, t) => Vn(r, e + "", t);
+let At = class extends Ue {
   apply(r) {
-    b.draw(r, Ct.material, {
+    b.draw(r, At.material, {
       previous: 0,
       next: 1,
       progress: this.currentTimeProgress
     });
   }
 };
-Gn(Ct, "material", new w({
+Gn(At, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -9951,15 +9951,15 @@ void main() {
   gl_FragColor = mix(src2Color, src1Color, mixPercent);
 }`
 }));
-Ct = Vn([
+At = $n([
   g("LeftEraseTransition")
-], Ct);
+], At);
 var Wn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, qn = (r, e, t) => e in r ? Wn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Xn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? jn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Hn = (r, e, t) => qn(r, e + "", t);
-let at = class extends Ue {
+let nt = class extends Ue {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
@@ -9967,7 +9967,7 @@ let at = class extends Ue {
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
     const o = e.width, a = e.height, n = [0, a / 2], h = [600, a / 2], l = [o, a], c = h[0] - n[0], d = h[1] - n[1], f = Math.sqrt(c * c + d * d);
-    b.draw(r, at.material, {
+    b.draw(r, nt.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
@@ -9976,7 +9976,7 @@ let at = class extends Ue {
       end: h,
       delta: [c / f, d / f],
       texSize: l
-    }), b.draw(r, at.material, {
+    }), b.draw(r, nt.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
@@ -9988,7 +9988,7 @@ let at = class extends Ue {
     });
   }
 };
-Hn(at, "material", new w({
+Hn(nt, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -10036,15 +10036,15 @@ void main(void) {
   gl_FragColor = color;
 }`
 }));
-at = Xn([
+nt = Xn([
   g("TiltShiftTransition")
-], at);
+], nt);
 var Yn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Zn = (r, e, t) => e in r ? Yn(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Jn = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Kn(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Qn = (r, e, t) => Zn(r, e + "", t);
-let At = class extends Ue {
+let Rt = class extends Ue {
   radius;
   angle = 4;
   padding = 20;
@@ -10054,7 +10054,7 @@ let At = class extends Ue {
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
     const o = e.width, a = e.height;
-    b.draw(r, At.material, {
+    b.draw(r, Rt.material, {
       sampler: s,
       progress: i,
       filterArea: [o, a, 0, 0],
@@ -10065,7 +10065,7 @@ let At = class extends Ue {
     });
   }
 };
-Qn(At, "material", new w({
+Qn(Rt, "material", new w({
   vert: `attribute vec2 position;
 attribute vec2 uv;
 varying vec2 vUv;
@@ -10115,9 +10115,9 @@ void main(void) {
   gl_FragColor = texture2D(sampler, coord);
 }`
 }));
-At = Jn([
+Rt = Jn([
   g("TwistTransition")
-], At);
+], Rt);
 class el extends Ce {
   install(e) {
     const t = async (s) => {
@@ -10226,18 +10226,18 @@ function ll(r) {
   }
   return e;
 }
-const vt = "WeakRef" in globalThis;
+const bt = "WeakRef" in globalThis;
 class hl extends fe {
   defaultHandler = (e) => e;
   _handlers = /* @__PURE__ */ new Map();
   _handleing = /* @__PURE__ */ new Map();
   _handled = /* @__PURE__ */ new Map();
-  _gc = vt ? new FinalizationRegistry((e) => {
+  _gc = bt ? new FinalizationRegistry((e) => {
     const t = this.get(e);
     t && "destroy" in t && t.destroy(), this._handled.delete(e);
   }) : void 0;
   constructor() {
-    super(), vt || U.on(this.gc.bind(this), { sort: 2 });
+    super(), bt || U.on(this.gc.bind(this), { sort: 2 });
   }
   use(e) {
     return e.install(this), this;
@@ -10286,11 +10286,11 @@ class hl extends fe {
   }
   get(e) {
     let t = this._handled.get(e);
-    return vt && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
+    return bt && t instanceof WeakRef && (t = t.deref(), t || this._handleing.delete(e)), t;
   }
   set(e, t) {
     let s = t;
-    vt && typeof t == "object" && (this._gc.register(t, e), s = new WeakRef(t)), this._handled.set(e, s);
+    bt && typeof t == "object" && (this._gc.register(t, e), s = new WeakRef(t)), this._handled.set(e, s);
   }
   async loadBy(e, t = () => this.fetch(e).then((s) => s.blob())) {
     const s = this.get(e) ?? this._handleing.get(e);
@@ -10320,7 +10320,7 @@ class hl extends fe {
     }), this._handled.clear();
   }
 }
-const z = new hl().use(new to()).use(new el()).use(new tl()).use(new rl()).use(new sl()).use(new il()).use(new ol());
+const N = new hl().use(new to()).use(new el()).use(new tl()).use(new rl()).use(new sl()).use(new il()).use(new ol());
 var cl = Object.defineProperty, ks = (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);
@@ -10334,7 +10334,7 @@ const Me = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class hr extends me {
+class cr extends me {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10415,13 +10415,13 @@ class hr extends me {
     return this.renderer.resize(e, t, s), this.root.width = e, this.root.height = t, this.root.requestUpload(), this.render(), this;
   }
   nextTick() {
-    return Nr();
+    return zr();
   }
   async waitUntilLoad() {
-    await z.waitUntilLoad(), await this.nextTick();
+    await N.waitUntilLoad(), await this.nextTick();
   }
   async waitAndRender(e = 0) {
-    await z.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
+    await N.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
   }
   render(e = 0) {
     this._process(e), this._render(this.renderer);
@@ -10467,17 +10467,17 @@ class hr extends me {
 }
 ks([
   u({ fallback: !1 })
-], hr.prototype, "autoResize");
+], cr.prototype, "autoResize");
 ks([
   u({ fallback: !1 })
-], hr.prototype, "autoStart");
+], cr.prototype, "autoStart");
 let k;
-const jt = [];
-let Ft = !1;
+const qt = [];
+let Vt = !1;
 async function ul(r = 100) {
-  if (!Ft) {
-    for (Ft = !0; jt.length; ) {
-      const e = jt.shift();
+  if (!Vt) {
+    for (Vt = !0; qt.length; ) {
+      const e = qt.shift();
       if (e)
         try {
           await e();
@@ -10487,7 +10487,7 @@ async function ul(r = 100) {
       else
         await new Promise((t) => setTimeout(t, r));
     }
-    Ft = !1;
+    Vt = !1;
   }
 }
 async function dl(r) {
@@ -10502,7 +10502,7 @@ async function dl(r) {
     onKeyframe: h,
     ...l
   } = r;
-  return k ??= new hr({
+  return k ??= new cr({
     pixelRatio: 1,
     width: 1,
     height: 1,
@@ -10527,34 +10527,34 @@ async function dl(r) {
 }
 async function Ul(r) {
   return new Promise((e) => {
-    jt.push(async () => e(await dl(r))), ul();
+    qt.push(async () => e(await dl(r))), ul();
   });
 }
 export {
   $t as AnimatedTexture,
-  it as Animation,
+  ot as Animation,
   hl as Assets,
   we as Audio,
   Ms as AudioPipeline,
   Ml as AudioProcessor,
   kl as AudioSpectrum,
-  ot as AudioWaveform,
-  st as BaseElement2D,
+  at as AudioWaveform,
+  it as BaseElement2D,
   Es as BaseElement2DBackground,
   I as BaseElement2DFill,
   Ss as BaseElement2DForeground,
   Ge as BaseElement2DOutline,
   We as BaseElement2DShadow,
   je as BaseElement2DShape,
-  rt as BaseElement2DStyle,
+  st as BaseElement2DStyle,
   te as BaseElement2DText,
-  Pt as Camera2D,
+  Tt as Camera2D,
   mo as CanvasContext,
   Pe as CanvasItem,
-  Jt as CanvasTexture,
+  Qt as CanvasTexture,
   J as Color,
-  V as ColorAdjustEffect,
-  Je as ColorFilterEffect,
+  $ as ColorAdjustEffect,
+  Qe as ColorFilterEffect,
   Hr as ColorMatrix,
   De as ColorOverlayEffect,
   Ie as ColorRemoveEffect,
@@ -10566,40 +10566,40 @@ export {
   q as DrawboardEffect,
   Q as DropShadowEffect,
   x as Effect,
-  yt as EffectMaterial,
+  xt as EffectMaterial,
   Se as Element2D,
   Cs as Element2DStyle,
-  Qe as EmbossEffect,
-  hr as Engine,
+  et as EmbossEffect,
+  cr as Engine,
   Ur as FlexElement2D,
   Qa as FlexElement2DStyle,
-  nr as FlexLayout,
+  lr as FlexLayout,
   to as FontLoader,
   ae as GaussianBlurEffect,
-  Zt as Geometry,
+  Jt as Geometry,
   el as GifLoader,
-  N as GlitchEffect,
+  z as GlitchEffect,
   X as GodrayEffect,
-  kt as GradientTexture,
+  Ut as GradientTexture,
   wn as HTMLAudio,
-  lr as HTMLAudioContext,
-  Et as HTMLSound,
-  Ot as IN_BROWSER,
+  hr as HTMLAudioContext,
+  St as HTMLSound,
+  Mt as IN_BROWSER,
   bi as IN_MAC_OS,
-  ze as Image2D,
+  Ne as Image2D,
   Rl as ImageTexture,
-  nt as IndexBuffer,
+  lt as IndexBuffer,
   Oi as Input,
-  Mt as InputEvent,
+  kt as InputEvent,
   tl as JsonLoader,
-  et as KawaseBlurEffect,
-  St as KawaseTransition,
+  tt as KawaseBlurEffect,
+  Ct as KawaseTransition,
   Si as KeyboardInputEvent,
-  Ct as LeftEraseTransition,
+  At as LeftEraseTransition,
   Ce as Loader,
-  Gt as Lottie2D,
+  Wt as Lottie2D,
   rl as LottieLoader,
-  Yt as MainLoop,
+  Kt as MainLoop,
   Ee as MaskEffect,
   w as Material,
   se as Matrix,
@@ -10611,9 +10611,9 @@ export {
   M as Node,
   Te as Node2D,
   D as OutlineEffect,
-  Ht as PI,
+  Yt as PI,
   B as PI_2,
-  tt as PixelateEffect,
+  rt as PixelateEffect,
   es as PixelsTexture,
   Ci as PointerInputEvent,
   Bi as Projection2D,
@@ -10623,9 +10623,9 @@ export {
   qr as RawWeakMap,
   ye as Rect2,
   ki as RefCounted,
-  Kt as Renderer,
+  Zt as Renderer,
   _e as Resource,
-  $r as SUPPORTS_AUDIO_CONTEXT,
+  Vr as SUPPORTS_AUDIO_CONTEXT,
   mi as SUPPORTS_CLICK_EVENTS,
   Fr as SUPPORTS_CREATE_IMAGE_BITMAP,
   fi as SUPPORTS_IMAGE_BITMAP,
@@ -10635,7 +10635,7 @@ export {
   pi as SUPPORTS_RESIZE_OBSERVER,
   ce as SUPPORTS_TOUCH_EVENTS,
   di as SUPPORTS_WEBGL2,
-  Vr as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
+  $r as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   gi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   vi as SUPPORTS_WEB_AUDIO,
   _i as SUPPORTS_WHEEL_EVENTS,
@@ -10645,31 +10645,31 @@ export {
   il as TextureLoader,
   As as TextureRect2D,
   U as Ticker,
-  at as TiltShiftTransition,
+  nt as TiltShiftTransition,
   oe as Timeline,
   W as TimelineNode,
-  O as Transform2D,
+  R as Transform2D,
   dn as TransformRect2D,
   Ue as Transition,
-  At as TwistTransition,
+  Rt as TwistTransition,
   Cl as UvGeometry,
-  xt as UvMaterial,
+  wt as UvMaterial,
   Z as Vector,
   C as Vector2,
   El as Vector3,
   Ii as Vector4,
-  $ as VertexAttribute,
+  V as VertexAttribute,
   ue as VertexBuffer,
-  Wt as Video2D,
+  jt as Video2D,
   ol as VideoLoader,
   _o as VideoTexture,
   j as Viewport,
-  xr as ViewportTexture,
+  Je as ViewportTexture,
   Sn as WebAudio,
   xe as WebAudioContext,
-  $i as WebGLBatch2DModule,
+  Vi as WebGLBatch2DModule,
   Ze as WebGLBlendMode,
-  Vi as WebGLBufferModule,
+  $i as WebGLBufferModule,
   Gi as WebGLFramebufferModule,
   Wi as WebGLMaskModule,
   H as WebGLModule,
@@ -10684,23 +10684,23 @@ export {
   Qi as WebGLViewportModule,
   En as WebSound,
   Ai as WheelInputEvent,
-  wt as Window,
+  Pt as Window,
   de as ZoomBlurEffect,
   Oe as alignMap,
-  z as assets,
+  N as assets,
   kr as boxSizingMap,
   ie as clamp,
   Ca as clampFrag,
   Pi as createHTMLCanvas,
   bl as createNode,
   Ei as crossOrigin,
-  _t as cubicBezier,
+  mt as cubicBezier,
   Pl as curves,
   g as customNode,
-  Xt as customNodes,
+  Ht as customNodes,
   Me as defaultOptions,
   Ti as determineCrossOrigin,
-  Vt as directionMap,
+  Gt as directionMap,
   Sr as displayMap,
   vn as ease,
   bn as easeIn,
@@ -10710,29 +10710,29 @@ export {
   Cr as flexDirectionMap,
   Ar as flexWrapMap,
   Sa as frag,
-  vr as getDefaultCssPropertyValue,
+  br as getDefaultCssPropertyValue,
   rn as gutterMap,
   xi as isCanvasElement,
   jr as isElementNode,
   xl as isImageElement,
-  gr as isPow2,
+  vr as isPow2,
   yi as isVideoElement,
   wi as isWebgl2,
   Rr as justifyMap,
   S as lerp,
   gn as linear,
-  yr as log2,
+  xr as log2,
   Li as mapWebGLBlendModes,
-  br as nextPow2,
-  Nr as nextTick,
+  yr as nextPow2,
+  zr as nextTick,
   Or as overflowMap,
   Ol as parseCSSFilter,
-  Vo as parseCSSTransform,
+  $o as parseCSSTransform,
   Go as parseCSSTransformOrigin,
-  Rt as parseCssFunctions,
-  mt as parseCssProperty,
+  Ot as parseCssFunctions,
+  gt as parseCssProperty,
   Mr as positionTypeMap,
   Ul as render,
-  Lt as timingFunctions,
+  Ft as timingFunctions,
   ni as uid
 };