modern-canvas 0.14.20 → 0.14.21

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineProperty as ts, Observable as de, Reactivable as rs, parseColor as oi, property as h, isGradient as ni, isColorFillObject as Gr, clearUndef as ss, idGenerator as is, normalizeFill as li, isNone as V, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as pi, getDefaultStyle as fi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
+import { defineProperty as ts, Observable as ue, Reactivable as rs, parseColor as oi, property as h, isGradient as ni, isColorFillObject as Gr, clearUndef as ss, idGenerator as is, normalizeFill as li, isNone as V, normalizeBackground as ci, normalizeForeground as hi, normalizeOutline as ui, normalizeShadow as di, normalizeShape as pi, getDefaultStyle as fi, normalizeText as _i, normalizeTextContent as mi, getDefaultTextStyle as gi, getDefaultLayoutStyle as vi, RawWeakMap as bi } from "modern-idoc";
 import { fonts as yi } from "modern-font";
 import { extend as xi } from "colord";
 import wi from "colord/plugins/names";
@@ -179,7 +179,7 @@ function os(r, e, t = {}) {
   }
   return n;
 }
-const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, et = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, be = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, ns = "AudioContext" in globalThis, ls = "webkitAudioContext" in globalThis, cs = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = ns || ls, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, hs = globalThis.devicePixelRatio || 1, us = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => us(r) && r.tagName === "VIDEO", hc = (r) => us(r) && r.tagName === "IMG";
+const Ii = "WebGL2RenderingContext" in globalThis, Mi = "ImageBitmap" in globalThis, Ni = "ResizeObserver" in globalThis, Qe = "PointerEvent" in globalThis, ki = "WheelEvent" in globalThis, lc = "MouseEvent" in globalThis, ve = "ontouchstart" in globalThis, Ui = "onclick" in globalThis, cc = "createImageBitmap" in globalThis, ns = "AudioContext" in globalThis, ls = "webkitAudioContext" in globalThis, cs = "OfflineAudioContext" in globalThis, Bi = "webkitOfflineAudioContext" in globalThis, Li = ns || ls, xr = typeof window < "u", Fi = typeof navigator < "u" && navigator?.userAgent?.indexOf("Mac") >= 0, hs = globalThis.devicePixelRatio || 1, us = (r) => r !== null && typeof r == "object" && r.nodeType === 1, zi = (r) => us(r) && r.tagName === "VIDEO", hc = (r) => us(r) && r.tagName === "IMG";
 function Gi(r) {
   return typeof r == "object" && r !== null && r.nodeType === 1 && r.tagName === "CANVAS";
 }
@@ -201,7 +201,7 @@ function Xi(r, e, t) {
   t === null && !e.startsWith("data:") ? r.crossOrigin = Hi(e) : t !== !1 && (r.crossOrigin = typeof t == "string" ? t : "anonymous");
 }
 let ji = 0;
-function rt() {
+function tt() {
   return ++ji;
 }
 class Gt {
@@ -338,7 +338,7 @@ const Ki = {
   touchmove: "pointermove",
   touchcancel: "pointercancel"
 };
-class Zi extends de {
+class Zi extends ue {
   /**
    * Current event
    */
@@ -360,24 +360,24 @@ class Zi extends de {
     if (!this.setuped || !this.target)
       return;
     const e = this.target.style;
-    globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : et && (e.touchAction = ""), et ? (this.target.removeEventListener("pointerdown", this._onPointerDown), this.target.removeEventListener("pointerleave", this._onPointerOver), this.target.removeEventListener("pointerover", this._onPointerOver), this.target.removeEventListener("pointermove", this._onPointerMove), this.target.removeEventListener("pointerup", this._onPointerUp)) : (this.target.removeEventListener("mousedown", this._onPointerDown), this.target.removeEventListener("mouseout", this._onPointerOver), this.target.removeEventListener("mouseover", this._onPointerOver), this.target.removeEventListener("mousemove", this._onPointerMove), this.target.removeEventListener("mouseup", this._onPointerUp)), be && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), document.removeEventListener("keydown", this._onKeyDown), document.removeEventListener("keypress", this._onKeyPress), document.removeEventListener("keyup", this._onKeyUp), this.target = void 0, this.setuped = !1;
+    globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "", e.msTouchAction = "") : Qe && (e.touchAction = ""), Qe ? (this.target.removeEventListener("pointerdown", this._onPointerDown), this.target.removeEventListener("pointerleave", this._onPointerOver), this.target.removeEventListener("pointerover", this._onPointerOver), this.target.removeEventListener("pointermove", this._onPointerMove), this.target.removeEventListener("pointerup", this._onPointerUp)) : (this.target.removeEventListener("mousedown", this._onPointerDown), this.target.removeEventListener("mouseout", this._onPointerOver), this.target.removeEventListener("mouseover", this._onPointerOver), this.target.removeEventListener("mousemove", this._onPointerMove), this.target.removeEventListener("mouseup", this._onPointerUp)), ve && (this.target.removeEventListener("touchstart", this._onPointerDown), this.target.removeEventListener("touchmove", this._onPointerMove), this.target.removeEventListener("touchend", this._onPointerUp)), this.target.removeEventListener("wheel", this._onWheel), document.removeEventListener("keydown", this._onKeyDown), document.removeEventListener("keypress", this._onKeyPress), document.removeEventListener("keyup", this._onKeyUp), this.target = void 0, this.setuped = !1;
   }
   addEventListeners() {
     if (this.setuped || !this.target)
       return;
     const e = this.target.style;
-    e && (globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "none", e.msTouchAction = "none") : et && (e.touchAction = "none")), et ? (this.target.addEventListener("pointerdown", this._onPointerDown), this.target.addEventListener("pointerleave", this._onPointerOver), this.target.addEventListener("pointerover", this._onPointerOver), this.target.addEventListener("pointermove", this._onPointerMove), this.target.addEventListener("pointerup", this._onPointerUp)) : (this.target.addEventListener("mousedown", this._onPointerDown), this.target.addEventListener("mouseout", this._onPointerOver), this.target.addEventListener("mouseover", this._onPointerOver), this.target.addEventListener("mousemove", this._onPointerMove), this.target.addEventListener("mouseup", this._onPointerUp)), be && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), document.addEventListener("keydown", this._onKeyDown), document.addEventListener("keypress", this._onKeyPress), document.addEventListener("keyup", this._onKeyUp), this.setuped = !0;
+    e && (globalThis.navigator.msPointerEnabled ? (e.msContentZooming = "none", e.msTouchAction = "none") : Qe && (e.touchAction = "none")), Qe ? (this.target.addEventListener("pointerdown", this._onPointerDown), this.target.addEventListener("pointerleave", this._onPointerOver), this.target.addEventListener("pointerover", this._onPointerOver), this.target.addEventListener("pointermove", this._onPointerMove), this.target.addEventListener("pointerup", this._onPointerUp)) : (this.target.addEventListener("mousedown", this._onPointerDown), this.target.addEventListener("mouseout", this._onPointerOver), this.target.addEventListener("mouseover", this._onPointerOver), this.target.addEventListener("mousemove", this._onPointerMove), this.target.addEventListener("mouseup", this._onPointerUp)), ve && (this.target.addEventListener("touchstart", this._onPointerDown), this.target.addEventListener("touchmove", this._onPointerMove), this.target.addEventListener("touchend", this._onPointerUp)), this.target.addEventListener("wheel", this._onWheel), document.addEventListener("keydown", this._onKeyDown), document.addEventListener("keypress", this._onKeyPress), document.addEventListener("keyup", this._onKeyUp), this.setuped = !0;
   }
   normalize(e) {
     const t = [];
-    if (be && e instanceof globalThis.TouchEvent)
+    if (ve && e instanceof globalThis.TouchEvent)
       for (let s = 0, i = e.changedTouches.length; s < i; s++) {
         const a = e.changedTouches[s];
         typeof a.button > "u" && (a.button = 0), typeof a.buttons > "u" && (a.buttons = 1), typeof a.isPrimary > "u" && (a.isPrimary = e.touches.length === 1 && e.type === "touchstart"), typeof a.width > "u" && (a.width = a.radiusX || 1), typeof a.height > "u" && (a.height = a.radiusY || 1), typeof a.tiltX > "u" && (a.tiltX = 0), typeof a.tiltY > "u" && (a.tiltY = 0), typeof a.pointerType > "u" && (a.pointerType = "touch"), typeof a.pointerId > "u" && (a.pointerId = a.identifier || 0), typeof a.pressure > "u" && (a.pressure = a.force || 0.5), typeof a.twist > "u" && (a.twist = 0), typeof a.tangentialPressure > "u" && (a.tangentialPressure = 0), typeof a.layerX > "u" && (a.layerX = a.offsetX = a.clientX), typeof a.layerY > "u" && (a.layerY = a.offsetY = a.clientY), a.type = e.type, t.push(a);
       }
     else if (ki && e instanceof globalThis.WheelEvent)
       t.push(e);
-    else if (et && e instanceof globalThis.PointerEvent)
+    else if (Qe && e instanceof globalThis.PointerEvent)
       t.push(e);
     else {
       const s = e;
@@ -447,7 +447,7 @@ class Zi extends de {
     this.event?.cursor && this.setCursor(this.event.cursor);
   };
   _onPointerDown = (e) => {
-    if (be && e.pointerType === "touch")
+    if (ve && e.pointerType === "touch")
       return;
     const t = this.normalize(e);
     for (let s = 0, i = t.length; s < i; s++)
@@ -455,7 +455,7 @@ class Zi extends de {
     this.event?.cursor && this.setCursor(this.event.cursor);
   };
   _onPointerOver = (e) => {
-    if (!this.enableClickEvent || be && e.pointerType === "touch")
+    if (!this.enableClickEvent || ve && e.pointerType === "touch")
       return;
     const t = this.normalize(e);
     for (let s = 0, i = t.length; s < i; s++)
@@ -463,7 +463,7 @@ class Zi extends de {
     this.event?.cursor && this.setCursor(this.event.cursor);
   };
   _onPointerMove = (e) => {
-    if (!this.enableMoveEvent || be && e.pointerType === "touch")
+    if (!this.enableMoveEvent || ve && e.pointerType === "touch")
       return;
     const t = this.normalize(e);
     for (let s = 0, i = t.length; s < i; s++)
@@ -471,7 +471,7 @@ class Zi extends de {
     this.event?.cursor && this.setCursor(this.event.cursor);
   };
   _onPointerUp = (e) => {
-    if (!this.enableClickEvent || be && e.pointerType === "touch")
+    if (!this.enableClickEvent || ve && e.pointerType === "touch")
       return;
     let t = e.target;
     e.composedPath && e.composedPath().length > 0 && (t = e.composedPath()[0]);
@@ -495,7 +495,7 @@ class Zi extends de {
   }
 }
 class Ee extends rs {
-  instanceId = rt();
+  instanceId = tt();
   get json() {
     return this.toJSON();
   }
@@ -512,10 +512,10 @@ class Ee extends rs {
 class Ji extends Ee {
   //
 }
-class pe extends Ji {
+class de extends Ji {
   //
 }
-class le extends de {
+class le extends ue {
   constructor(e, t, s) {
     super(), this.rows = e, this.cols = t, s ? this.set(s) : this.identity();
   }
@@ -614,7 +614,7 @@ class le extends de {
     return this._array.slice();
   }
 }
-class Q extends de {
+class Q extends ue {
   constructor(e) {
     super(), this.dim = e;
   }
@@ -1638,16 +1638,16 @@ _s([
 _s([
   h({ fallback: 1 })
 ], wr.prototype, "speed");
-var it = /* @__PURE__ */ ((r) => (r[r.elementArrayBuffer = 34963] = "elementArrayBuffer", r[r.arrayBuffer = 34962] = "arrayBuffer", r[r.uniformBuffer = 35345] = "uniformBuffer", r))(it || {});
+var st = /* @__PURE__ */ ((r) => (r[r.elementArrayBuffer = 34963] = "elementArrayBuffer", r[r.arrayBuffer = 34962] = "arrayBuffer", r[r.uniformBuffer = 35345] = "uniformBuffer", r))(st || {});
 class sa {
   constructor(e) {
     this.native = e;
   }
-  target = it.arrayBuffer;
+  target = st.arrayBuffer;
   byteLength = 0;
   dirty = !0;
 }
-var ye = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(ye || {}), ia = Object.defineProperty, ms = (r, e, t, s) => {
+var be = /* @__PURE__ */ ((r) => (r[r.mapRead = 1] = "mapRead", r[r.mapWrite = 2] = "mapWrite", r[r.copySrc = 4] = "copySrc", r[r.copyDst = 8] = "copyDst", r[r.index = 16] = "index", r[r.vertex = 32] = "vertex", r[r.uniform = 64] = "uniform", r[r.storage = 128] = "storage", r[r.indirect = 256] = "indirect", r[r.queryResolve = 512] = "queryResolve", r[r.static = 1024] = "static", r))(be || {}), ia = Object.defineProperty, ms = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && ia(e, t, i), i;
@@ -1677,7 +1677,7 @@ function aa(r, e) {
   let t = Xr[r];
   return t === void 0 && (Qt[e] === void 0 && (Qt[e] = 1), Xr[r] = t = Qt[e]++), t;
 }
-class W extends de {
+class W extends ue {
   get _gl() {
     return this._renderer.gl;
   }
@@ -1708,8 +1708,8 @@ class oa extends W {
   }
   _createGlBuffer(e) {
     const t = this._gl, s = new sa(t.createBuffer());
-    let i = it.arrayBuffer;
-    return e.usage & ye.index ? i = it.elementArrayBuffer : e.usage & ye.uniform && (i = it.uniformBuffer), s.target = i, this.glBuffers.set(e.instanceId, s), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (a) => {
+    let i = st.arrayBuffer;
+    return e.usage & be.index ? i = st.elementArrayBuffer : e.usage & be.uniform && (i = st.uniformBuffer), s.target = i, this.glBuffers.set(e.instanceId, s), this.buffers.get(e.instanceId) || ("on" in e && (e.on("updateProperty", (a) => {
       switch (a) {
         case "usage":
         case "data":
@@ -1731,7 +1731,7 @@ class oa extends W {
     s.dirty = !1;
     const { _gl: i } = this, { usage: a, data: o } = e;
     i.bindBuffer(s.target, s.native);
-    const n = a & ye.static ? i.STATIC_DRAW : i.DYNAMIC_DRAW;
+    const n = a & be.static ? i.STATIC_DRAW : i.DYNAMIC_DRAW;
     if (o)
       if (s.byteLength >= o.byteLength) {
         const l = o.length * o.BYTES_PER_ELEMENT;
@@ -1786,14 +1786,14 @@ ${r}`;
 function fa(r, e) {
   return e ? r.replace("#version 300 es", "") : r;
 }
-const tt = /* @__PURE__ */ Object.create(null), tr = {
+const et = /* @__PURE__ */ Object.create(null), tr = {
   stripVersion: fa,
   ensurePrecision: ca,
   addProgramDefines: la,
   setProgramName: pa,
   insertVersion: ha
 };
-class nt {
+class ot {
   static defaultOptions = {
     preferredVertexPrecision: "highp",
     preferredFragmentPrecision: "mediump"
@@ -1806,7 +1806,7 @@ class nt {
   attributes = /* @__PURE__ */ Object.create(null);
   uniforms = /* @__PURE__ */ Object.create(null);
   constructor(e) {
-    e = { ...nt.defaultOptions, ...e };
+    e = { ...ot.defaultOptions, ...e };
     let t = e.fragment, s = e.vertex;
     const i = t.includes("#version 300 es"), a = {
       stripVersion: i,
@@ -1828,11 +1828,11 @@ class nt {
     }), this.fragment = t, this.vertex = s, this.transformFeedbackVaryings = e.transformFeedbackVaryings, this.id = aa(`${s}:${t}`, "GlProgram");
   }
   destroy() {
-    this.fragment = "", this.vertex = "", this.attributes = /* @__PURE__ */ Object.create(null), this.uniforms = /* @__PURE__ */ Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete tt[this._cacheKey];
+    this.fragment = "", this.vertex = "", this.attributes = /* @__PURE__ */ Object.create(null), this.uniforms = /* @__PURE__ */ Object.create(null), this.transformFeedbackVaryings = void 0, this._cacheKey && delete et[this._cacheKey];
   }
   static from(e) {
     const t = `${e.vertex}:${e.fragment}`;
-    return tt[t] || (tt[t] = new nt(e), tt[t]._cacheKey = t), tt[t];
+    return et[t] || (et[t] = new ot(e), et[t]._cacheKey = t), et[t];
   }
 }
 const jr = {
@@ -2147,7 +2147,7 @@ ${s.getShaderInfoLog(i)}`);
     super.destroy(), this.bind(null);
   }
 }
-var lt = /* @__PURE__ */ ((r) => (r.normal = "normal", r.add = "add", r.multiply = "multiply", r.screen = "screen", r.none = "none", r.normalNpm = "normalNpm", r.addNpm = "add_npm", r.screenNpm = "screenNpm", r.srcIn = "srcIn", r.srcOut = "srcOut", r.srcAtop = "srcAtop", r.dstOver = "dstOver", r.dstIn = "dstIn", r.dstOut = "dstOut", r.dstAtop = "dstAtop", r.xor = "xor", r.subtract = "subtract", r))(lt || {});
+var nt = /* @__PURE__ */ ((r) => (r.normal = "normal", r.add = "add", r.multiply = "multiply", r.screen = "screen", r.none = "none", r.normalNpm = "normalNpm", r.addNpm = "add_npm", r.screenNpm = "screenNpm", r.srcIn = "srcIn", r.srcOut = "srcOut", r.srcAtop = "srcAtop", r.dstOver = "dstOver", r.dstIn = "dstIn", r.dstOut = "dstOut", r.dstAtop = "dstAtop", r.xor = "xor", r.subtract = "subtract", r))(nt || {});
 function ya(r) {
   return {
     normal: [r.ONE, r.ONE_MINUS_SRC_ALPHA],
@@ -2199,14 +2199,14 @@ class ze {
     const e = new ze();
     return e.depthTest = !1, e.blend = !0, e;
   }
-  _blendMode = lt.normal;
+  _blendMode = nt.normal;
   _polygonOffset = 0;
   bitmap = 0;
   get blendMode() {
     return this._blendMode;
   }
   set blendMode(e) {
-    this.blend = e !== lt.none, this._blendMode = e;
+    this.blend = e !== nt.none, this._blendMode = e;
   }
   get polygonOffset() {
     return this._polygonOffset;
@@ -2276,7 +2276,7 @@ class xa extends W {
     e.blend && this.setBlendMode(e.blendMode), e.offsets && this.setPolygonOffset(1, e.polygonOffset);
   }
   reset() {
-    super.reset(), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(lt.normal);
+    super.reset(), this.bind(this.defaultState), this._blendEq = !0, this.setBlendMode(nt.normal);
   }
 }
 class wa extends W {
@@ -2306,8 +2306,8 @@ class wa extends W {
   }
   _createShader(e) {
     const t = this._renderer, s = {
-      instanceId: rt(),
-      glProgram: new nt({
+      instanceId: tt(),
+      glProgram: new ot({
         vertex: `precision highp float;
 in vec2 aPosition;
 in vec2 aUv;
@@ -2366,15 +2366,15 @@ ${Array.from({ length: e }, (l, c) => {
 }`
       })
     }, i = {
-      instanceId: rt(),
-      usage: ye.vertex,
+      instanceId: tt(),
+      usage: be.vertex,
       data: new Float32Array()
     }, a = {
-      instanceId: rt(),
-      usage: ye.index,
+      instanceId: tt(),
+      usage: be.index,
       data: new Uint32Array()
     }, o = {
-      instanceId: rt(),
+      instanceId: tt(),
       topology: "triangle-list",
       attributes: Object.fromEntries(
         Object.entries(this._attributes).map(([l, c]) => [l, { ...c, buffer: i }])
@@ -2413,26 +2413,26 @@ ${Array.from({ length: e }, (l, c) => {
     const d = [];
     let p = 0;
     for (let f = s.length, _ = { id: ++p }, g = [], v = /* @__PURE__ */ new Map(), w = 0, S = 0, C = 0; C < f; C++) {
-      const k = s[C].texture, ge = C === f - 1;
+      const k = s[C].texture, me = C === f - 1;
       if (!k || v.has(k)) {
-        if (!ge)
+        if (!me)
           continue;
       } else
         g.push(k), v.set(k, w++);
-      if (ge || w >= i) {
+      if (me || w >= i) {
         _.textures = g, _.textureLocationMap = v, w = 0, _.start = u;
-        for (let ve = S; ve <= C; ve++) {
+        for (let ge = S; ge <= C; ge++) {
           const {
             indices: Br,
             vertices: qt,
             uvs: Lr = new Float32Array(0),
             size: Qs = { width: 0, height: 0 },
             texture: Fr,
-            blendMode: zr = lt.normal,
+            blendMode: zr = nt.normal,
             clipOutsideUv: ei,
             roundPixels: ti
-          } = s[ve];
-          S < ve && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ve, _ = { id: ++p }, _.textures = g, _.start = u);
+          } = s[ge];
+          S < ge && _.blendMode !== zr && (_.size = u - _.start, d.push(_), S = ge, _ = { id: ++p }, _.textures = g, _.start = u);
           const { width: Yt, height: Kt } = Qs, ri = c / this._vertexSize, si = (Fr ? v.get(Fr) : 255) ?? 255, ii = ti ? 1 : 0, ai = ei ? 1 : 0;
           let xt, wt;
           for (let Zt = qt.length, J = 0; J < Zt; J += 2) {
@@ -2452,8 +2452,8 @@ ${Array.from({ length: e }, (l, c) => {
     for (let f = d.length, _ = 0; _ < f; _++) {
       const g = d[_], { start: v = 0, textures: w, textureLocationMap: S } = g;
       for (let C = w.length, k = 0; k < C; k++) {
-        const ge = w[k], ve = S.get(ge);
-        ve !== void 0 && this._renderer.texture.bind(ge, ve);
+        const me = w[k], ge = S.get(me);
+        ge !== void 0 && this._renderer.texture.bind(me, ge);
       }
       this._state.blendMode = g.blendMode, this._renderer.state.bind(this._state), m.draw({
         size: g.size,
@@ -2483,7 +2483,7 @@ function Yr(r) {
   let t = (r > 255 ? 1 : 0) << 3;
   return r >>>= t, e |= t, t = (r > 15 ? 1 : 0) << 2, r >>>= t, e |= t, t = (r > 3 ? 1 : 0) << 1, r >>>= t, e |= t, e | r >> 1;
 }
-var D = /* @__PURE__ */ ((r) => (r[r.disabled = 0] = "disabled", r[r.renderingMaskAdd = 1] = "renderingMaskAdd", r[r.maskActive = 2] = "maskActive", r[r.inverseMaskActive = 3] = "inverseMaskActive", r[r.renderingMaskRemove = 4] = "renderingMaskRemove", r[r.none = 5] = "none", r))(D || {}), at = /* @__PURE__ */ ((r) => (r[r.none = 0] = "none", r[r.color = 16384] = "color", r[r.stencil = 1024] = "stencil", r[r.depth = 256] = "depth", r[r.colorDepth = 16640] = "colorDepth", r[r.colorStencil = 17408] = "colorStencil", r[r.depthStencil = 1280] = "depthStencil", r[r.all = 17664] = "all", r))(at || {});
+var D = /* @__PURE__ */ ((r) => (r[r.disabled = 0] = "disabled", r[r.renderingMaskAdd = 1] = "renderingMaskAdd", r[r.maskActive = 2] = "maskActive", r[r.inverseMaskActive = 3] = "inverseMaskActive", r[r.renderingMaskRemove = 4] = "renderingMaskRemove", r[r.none = 5] = "none", r))(D || {}), it = /* @__PURE__ */ ((r) => (r[r.none = 0] = "none", r[r.color = 16384] = "color", r[r.stencil = 1024] = "stencil", r[r.depth = 256] = "depth", r[r.colorDepth = 16640] = "colorDepth", r[r.colorStencil = 17408] = "colorStencil", r[r.depthStencil = 1280] = "depthStencil", r[r.all = 17664] = "all", r))(it || {});
 class Pa extends W {
   install(e) {
     super.install(e), e.mask = this;
@@ -2509,7 +2509,7 @@ class Pa extends W {
       return;
     const { mask: s } = t, i = this._renderer.renderTarget.current?.instanceId ?? -1;
     let a = this._maskStackHash[i] ?? 0;
-    "x" in s && this._renderer.scissor.pop(), "render" in s && (this._renderer.flush(), a !== 0 ? this._renderer.stencil.bind(D.renderingMaskRemove, a) : (this._renderer.clear(at.stencil), this._renderer.stencil.bind(D.disabled, a)), a--, s.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(D.maskActive, a), this._renderer.colorMask.bind(15)), this._maskStackHash[i] = a;
+    "x" in s && this._renderer.scissor.pop(), "render" in s && (this._renderer.flush(), a !== 0 ? this._renderer.stencil.bind(D.renderingMaskRemove, a) : (this._renderer.clear(it.stencil), this._renderer.stencil.bind(D.disabled, a)), a--, s.render(this._renderer), this._renderer.flush(), this._renderer.stencil.bind(D.maskActive, a), this._renderer.colorMask.bind(15)), this._maskStackHash[i] = a;
   }
 }
 var fr = /* @__PURE__ */ ((r) => (r[r.RGBA = 6408] = "RGBA", r[r.RGB = 6407] = "RGB", r[r.RG = 33319] = "RG", r[r.RED = 6403] = "RED", r[r.RGBA_INTEGER = 36249] = "RGBA_INTEGER", r[r.RGB_INTEGER = 36248] = "RGB_INTEGER", r[r.RG_INTEGER = 33320] = "RG_INTEGER", r[r.RED_INTEGER = 36244] = "RED_INTEGER", r[r.ALPHA = 6406] = "ALPHA", r[r.LUMINANCE = 6409] = "LUMINANCE", r[r.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", r[r.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", r[r.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", r))(fr || {}), vs = /* @__PURE__ */ ((r) => (r[r.TEXTURE_2D = 3553] = "TEXTURE_2D", r[r.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", r[r.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", r[r.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", r[r.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", r[r.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", r[r.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", r[r.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", r))(vs || {}), y = /* @__PURE__ */ ((r) => (r[r.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", r[r.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", r[r.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", r[r.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", r[r.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", r[r.UNSIGNED_INT = 5125] = "UNSIGNED_INT", r[r.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", r[r.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", r[r.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", r[r.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", r[r.BYTE = 5120] = "BYTE", r[r.SHORT = 5122] = "SHORT", r[r.INT = 5124] = "INT", r[r.FLOAT = 5126] = "FLOAT", r[r.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", r[r.HALF_FLOAT = 36193] = "HALF_FLOAT", r))(y || {});
@@ -3728,8 +3728,8 @@ class Xa extends Pr {
       height: this.screen.height * this.pixelRatio
     });
   }
-  clear(e = at.all) {
-    typeof e == "boolean" && (e = e ? at.all : at.none), e && this.gl.clear(e);
+  clear(e = it.all) {
+    typeof e == "boolean" && (e = e ? it.all : it.none), e && this.gl.clear(e);
   }
   reset() {
     this._systems.forEach((e) => e.reset());
@@ -3770,13 +3770,13 @@ var Wa = Object.defineProperty, bs = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Wa(e, t, i), i;
 };
-class We extends pe {
+class We extends de {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
 bs([
-  h({ fallback: ye.index })
+  h({ fallback: be.index })
 ], We.prototype, "usage");
 bs([
   h({ default: () => new Uint32Array() })
@@ -3786,7 +3786,7 @@ var qa = Object.defineProperty, Vt = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && qa(e, t, i), i;
 };
-class Ue extends pe {
+class Ue extends de {
   constructor(e = {}) {
     super(), this.setProperties(e);
   }
@@ -3811,29 +3811,29 @@ var Ya = Object.defineProperty, ys = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ya(e, t, i), i;
 };
-class xe extends pe {
+class ye extends de {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
 ys([
-  h({ fallback: ye.vertex })
-], xe.prototype, "usage");
+  h({ fallback: be.vertex })
+], ye.prototype, "usage");
 ys([
   h({ default: () => new Float32Array() })
-], xe.prototype, "data");
+], ye.prototype, "data");
 var Ka = Object.defineProperty, Be = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Ka(e, t, i), i;
 };
-class H extends pe {
+class H extends de {
   constructor(e) {
     super(), this.setProperties(e);
   }
 }
 Be([
-  h({ default: () => new xe() })
+  h({ default: () => new ye() })
 ], H.prototype, "buffer");
 Be([
   h({ fallback: "float32" })
@@ -3860,7 +3860,7 @@ class _c extends Ue {
       attributes: {
         position: new H({
           format: "float32x2",
-          buffer: new xe({
+          buffer: new ye({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1])
           })
         })
@@ -3883,13 +3883,13 @@ function Qa() {
     tint: new Float32Array([1, 1, 1, 1])
   };
 }
-class E extends pe {
+class E extends de {
   static instance = new this();
   glProgram;
   constructor(e = {}) {
     super();
     const { uniforms: t, gl: s } = e;
-    t && (this.uniforms = t), this.glProgram = new nt({
+    t && (this.uniforms = t), this.glProgram = new ot({
       vertex: `in vec2 position;
 uniform mat3 projectionMatrix;
 uniform mat3 modelViewMatrix;
@@ -4028,13 +4028,13 @@ class P extends Ue {
       attributes: {
         position: new H({
           format: "float32x2",
-          buffer: new xe({
+          buffer: new ye({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1])
           })
         }),
         uv: new H({
           format: "float32x2",
-          buffer: new xe({
+          buffer: new ye({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1])
           })
         })
@@ -4049,7 +4049,7 @@ class mc extends Ue {
   positionBuffer;
   uvBuffer;
   constructor(e) {
-    const t = new xe({ data: new Float32Array() }), s = new xe({ data: new Float32Array() });
+    const t = new ye({ data: new Float32Array() }), s = new ye({ data: new Float32Array() });
     super({
       ...e,
       attributes: {
@@ -4071,7 +4071,7 @@ var so = Object.defineProperty, Se = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && so(e, t, i), i;
 };
-class te extends pe {
+class te extends de {
   get valid() {
     return !!(this.width && this.height);
   }
@@ -4111,7 +4111,7 @@ var io = Object.defineProperty, N = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && io(e, t, i), i;
 };
-class x extends pe {
+class x extends de {
   static get EMPTY() {
     return new this({ width: 1, height: 1 });
   }
@@ -4226,7 +4226,7 @@ N([
 N([
   h({ fallback: !1 })
 ], x.prototype, "isPowerOfTwo");
-class ao extends pe {
+class ao extends de {
   frames;
   frameIndex = 0;
   get currentFrame() {
@@ -4303,7 +4303,7 @@ class $t extends x {
     if (!a)
       throw new Error("Failed to parse linear gradient, get canvas context is null.");
     const { angle: o = 0, stops: n } = e, l = t, c = s, u = l / 2, d = c / 2, p = (o + 90) * Math.PI / 180, m = Math.sin(p), f = -Math.cos(p), _ = Math.abs(l * Math.sin(p)) + Math.abs(c * Math.cos(p)), g = u - m * (_ / 2), v = d - f * (_ / 2), w = u + m * (_ / 2), S = d + f * (_ / 2), C = a.createLinearGradient(g, v, w, S);
-    for (const ge of n) C.addColorStop(ge.offset, ge.color);
+    for (const me of n) C.addColorStop(me.offset, me.color);
     a.fillStyle = C, a.fillRect(0, 0, l, c);
     const k = a.getImageData(0, 0, i.width, i.height);
     return {
@@ -4698,8 +4698,10 @@ let I = class extends Ee {
   getTree() {
     return this._tree;
   }
+  // TODO 性能
+  // getViewport(): Viewport | undefined { return this.parent?.getViewport() ?? this.getWindow() }
   getViewport() {
-    return this.parent?.getViewport() ?? this.getWindow();
+    return this._tree?.root;
   }
   getWindow() {
     return this._tree?.root;
@@ -5392,7 +5394,7 @@ Le([
 X = Le([
   b("Viewport")
 ], X);
-var Po = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, _t = (r, e, t, s) => {
+var Po = Object.defineProperty, Eo = Object.getOwnPropertyDescriptor, ft = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Eo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Po(e, t, i), i;
@@ -5584,19 +5586,19 @@ let T = class extends q {
     }));
   }
 };
-_t([
+ft([
   h({ internal: !0 })
 ], T.prototype, "material", 2);
-_t([
+ft([
   h()
 ], T.prototype, "effectMode", 2);
-_t([
+ft([
   h()
 ], T.prototype, "glsl", 2);
-_t([
+ft([
   h()
 ], T.prototype, "glslSrc", 2);
-T = _t([
+T = ft([
   b("Effect")
 ], T);
 class So {
@@ -5622,15 +5624,16 @@ class So {
     }), this.calls = [];
   }
 }
-var To = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, Ye = (r, e, t, s) => {
+var To = Object.defineProperty, Ro = Object.getOwnPropertyDescriptor, _t = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ro(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && To(e, t, i), i;
 };
-let he = class extends I {
+let xe = class extends I {
+  currentTime = 0;
   static from(r, e = !1) {
     const [t, s] = r ? Array.isArray(r) ? r : [0, r] : [];
-    return new he({
+    return new xe({
       startTime: t,
       endTime: s,
       loop: e
@@ -5639,6 +5642,16 @@ let he = class extends I {
   constructor(r) {
     super(), this.setProperties(r);
   }
+  setProperties(r) {
+    if (r) {
+      const {
+        currentTime: e,
+        ...t
+      } = r;
+      e !== void 0 && (this.currentTime = e), super.setProperties(t);
+    }
+    return this;
+  }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
       case "startTime":
@@ -5658,24 +5671,21 @@ let he = class extends I {
     super._process(r), this.paused || this.addTime(r);
   }
 };
-Ye([
-  h({ fallback: 0 })
-], he.prototype, "startTime", 2);
-Ye([
+_t([
   h({ fallback: 0 })
-], he.prototype, "currentTime", 2);
-Ye([
+], xe.prototype, "startTime", 2);
+_t([
   h({ fallback: Number.MAX_SAFE_INTEGER })
-], he.prototype, "endTime", 2);
-Ye([
+], xe.prototype, "endTime", 2);
+_t([
   h({ fallback: !1 })
-], he.prototype, "loop", 2);
-Ye([
+], xe.prototype, "loop", 2);
+_t([
   h({ fallback: !1 })
-], he.prototype, "paused", 2);
-he = Ye([
+], xe.prototype, "paused", 2);
+xe = _t([
   b("Timeline")
-], he);
+], xe);
 var Ao = Object.getOwnPropertyDescriptor, Co = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ao(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
@@ -5703,7 +5713,7 @@ var Oo = Object.defineProperty, Te = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Oo(e, t, i), i;
 };
-class fe extends wr {
+class pe extends wr {
   input = new Zi();
   renderStack = new So();
   root = new _r().setTree(this);
@@ -5752,28 +5762,28 @@ class fe extends wr {
 }
 Te([
   h({ alias: "root.msaa" })
-], fe.prototype, "msaa");
+], pe.prototype, "msaa");
 Te([
   h({ fallback: !1 })
-], fe.prototype, "pixelate");
+], pe.prototype, "pixelate");
 Te([
   h({ fallback: !1 })
-], fe.prototype, "roundPixels");
+], pe.prototype, "roundPixels");
 Te([
   h()
-], fe.prototype, "backgroundColor");
+], pe.prototype, "backgroundColor");
 Te([
   h({ internal: !0, fallback: !1 })
-], fe.prototype, "debug");
+], pe.prototype, "debug");
 Te([
   h({ internal: !0, fallback: !1 })
-], fe.prototype, "processPaused");
+], pe.prototype, "processPaused");
 Te([
   h({ internal: !0, default: () => yi })
-], fe.prototype, "fonts");
+], pe.prototype, "fonts");
 Te([
-  h({ internal: !0, default: () => new he() })
-], fe.prototype, "timeline");
+  h({ internal: !0, default: () => new xe() })
+], pe.prototype, "timeline");
 var Do = Object.getOwnPropertyDescriptor, Io = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Do(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
@@ -6136,7 +6146,7 @@ function Lo(r) {
     }
   });
 }
-var Es = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, _e = (r, e, t, s) => {
+var Es = Object.defineProperty, Fo = Object.getOwnPropertyDescriptor, zo = (r, e, t) => e in r ? Es(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, fe = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Fo(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Es(e, t, i), i;
@@ -6198,31 +6208,31 @@ void main(void) {
 }`
   }
 }));
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "saturation", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "contrast", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "brightness", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "red", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "green", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "blue", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "alpha", 2);
-_e([
+fe([
   h({ fallback: 1 })
 ], j.prototype, "gamma", 2);
-j = _e([
+j = fe([
   b("ColorAdjustEffect")
 ], j);
 var Ss = Object.defineProperty, Vo = Object.getOwnPropertyDescriptor, $o = (r, e, t) => e in r ? Ss(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ts = (r, e, t, s) => {
@@ -6317,7 +6327,7 @@ var Rs = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, jo = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Rs(e, t, i), i;
 }, Wo = (r, e, t) => jo(r, e + "", t);
-const ot = 50;
+const at = 50;
 let He = class extends T {
   _color = new ne();
   constructor(r, e = []) {
@@ -6330,11 +6340,11 @@ let He = class extends T {
         const i = this._color.toArray();
         return i[3] = this.alpha, i;
       });
-      for (; t.length < ot; )
+      for (; t.length < at; )
         t.push([0, 0, 0, 0]);
       P.draw(r, He.material, {
         sampler: 0,
-        colors: t.slice(0, ot).flatMap((s) => s)
+        colors: t.slice(0, at).flatMap((s) => s)
       });
     });
   }
@@ -6351,7 +6361,7 @@ void main() {
 }`,
     fragment: `precision mediump float;
 uniform sampler2D sampler;
-uniform vec4 colors[${ot}];
+uniform vec4 colors[${at}];
 varying vec2 vUv;
 
 float calcWidth() {
@@ -6360,7 +6370,7 @@ float calcWidth() {
 
 int calcCount() {
     int count = 0;
-    for (int i = 0; i < ${ot}; i++) {
+    for (int i = 0; i < ${at}; i++) {
         if (colors[i] != vec4(0,0,0,0)){
             count++;
         }
@@ -6372,7 +6382,7 @@ vec4 calcColor(float x) {
   float perUnit = calcWidth() / float(calcCount());
   int index = int(x / perUnit);
 
-  for(int i=0; i<${ot}; i++){
+  for(int i=0; i<${at}; i++){
     if(i==index){
         return colors[i];
     }
@@ -6471,7 +6481,7 @@ var Cs = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, Jo = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Cs(e, t, i), i;
 }, Qo = (r, e, t) => Jo(r, e + "", t);
-const st = 50;
+const rt = 50;
 let je = class extends T {
   _color = new ne();
   constructor(r, e = []) {
@@ -6487,13 +6497,13 @@ let je = class extends T {
         n,
         l
       ];
-    }), s = this.epsilon, i = new Float32Array(st * 3), a = new Float32Array(st * 3);
-    for (; t.length < st; )
+    }), s = this.epsilon, i = new Float32Array(rt * 3), a = new Float32Array(rt * 3);
+    for (; t.length < rt; )
       t.push([
         [-1, 0, 0],
         [0, 0, 0, 1]
       ]);
-    t.slice(0, st).forEach(([o, n], l) => {
+    t.slice(0, rt).forEach(([o, n], l) => {
       i[l * 3] = o[0], i[l * 3 + 1] = o[1], i[l * 3 + 2] = o[2], a[l * 3] = n[0], a[l * 3 + 1] = n[1], a[l * 3 + 2] = n[2];
     }), e.redraw(r, () => {
       P.draw(r, je.material, {
@@ -6518,7 +6528,7 @@ void main() {
     fragment: `varying vec2 vUv;
 uniform sampler2D sampler;
 uniform float epsilon;
-const int MAX_COLORS = ${st};
+const int MAX_COLORS = ${rt};
 uniform vec3 originalColors[MAX_COLORS];
 uniform vec3 targetColors[MAX_COLORS];
 
@@ -6840,7 +6850,7 @@ void main(void) {
     gl_FragColor += texture2D(sampler, vUv[8]) * 0.028532;
   }
 }`;
-let ue = class extends T {
+let he = class extends T {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -6848,21 +6858,21 @@ let ue = class extends T {
     const t = 1 / e.width, s = 1 / e.height, i = Math.max(this.quality, 1);
     for (let a = 0; a < i; a++)
       e.redraw(r, () => {
-        P.draw(r, ue.materialX, {
+        P.draw(r, he.materialX, {
           sampler: 0,
           uStrength: t * (this.strength / i)
         });
       });
     for (let a = 0; a < i; a++)
       e.redraw(r, () => {
-        P.draw(r, ue.materialY, {
+        P.draw(r, he.materialY, {
           sampler: 0,
           uStrength: s * (this.strength / i)
         });
       });
   }
 };
-Is(ue, "materialX", new E({
+Is(he, "materialX", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6884,7 +6894,7 @@ void main(void) {
     fragment: Ms
   }
 }));
-Is(ue, "materialY", new E({
+Is(he, "materialY", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -6908,20 +6918,20 @@ void main(void) {
 }));
 Ir([
   h({ fallback: 4 })
-], ue.prototype, "strength", 2);
+], he.prototype, "strength", 2);
 Ir([
   h({ fallback: 3 })
-], ue.prototype, "quality", 2);
-ue = Ir([
+], he.prototype, "quality", 2);
+he = Ir([
   b("GaussianBlurEffect")
-], ue);
-var Ns = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ke = (r, e, t, s) => {
+], he);
+var Ns = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, ln = (r, e, t) => e in r ? Ns(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Ye = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? nn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Ns(e, t, i), i;
 }, cn = (r, e, t) => ln(r, e + "", t);
 let re = class extends T {
-  blurEffect = new ue();
+  blurEffect = new he();
   viewport3 = new X();
   _color = new ne();
   constructor(r, e = []) {
@@ -6971,22 +6981,22 @@ void main(void) {
 }`
   }
 }));
-Ke([
+Ye([
   h({ fallback: "#000000FF" })
 ], re.prototype, "color", 2);
-Ke([
+Ye([
   h({ fallback: 4 })
 ], re.prototype, "blur", 2);
-Ke([
+Ye([
   h({ fallback: 4 })
 ], re.prototype, "offsetX", 2);
-Ke([
+Ye([
   h({ fallback: 4 })
 ], re.prototype, "offsetY", 2);
-Ke([
+Ye([
   h({ fallback: !1 })
 ], re.prototype, "shadowOnly", 2);
-re = Ke([
+re = Ye([
   b("DropShadowEffect")
 ], re);
 var ks = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e, t) => e in r ? ks(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Us = (r, e, t, s) => {
@@ -6994,13 +7004,13 @@ var ks = Object.defineProperty, hn = Object.getOwnPropertyDescriptor, un = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && ks(e, t, i), i;
 }, dn = (r, e, t) => un(r, e + "", t);
-let ct = class extends T {
+let lt = class extends T {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      P.draw(r, ct.material, {
+      P.draw(r, lt.material, {
         sampler: 0,
         strength: this.strength,
         inputSize: [e.width, e.height, 1 / e.width, 1 / e.height]
@@ -7008,7 +7018,7 @@ let ct = class extends T {
     });
   }
 };
-dn(ct, "material", new E({
+dn(lt, "material", new E({
   gl: {
     vertex: `precision mediump float;
 attribute vec2 position;
@@ -7038,10 +7048,10 @@ void main(void) {
 }));
 Us([
   h({ fallback: 5 })
-], ct.prototype, "strength", 2);
-ct = Us([
+], lt.prototype, "strength", 2);
+lt = Us([
   b("EmbossEffect")
-], ct);
+], lt);
 var Bs = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, fn = (r, e, t) => e in r ? Bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ie = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? pn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
@@ -7451,7 +7461,7 @@ void main(void) {
     color *= 0.25;
     gl_FragColor = color;
 }`;
-let ht = class extends T {
+let ct = class extends T {
   _kernels = [0];
   constructor(r, e = []) {
     super(), this.material = new E({
@@ -7506,16 +7516,16 @@ void main() {
 };
 Xt([
   h({ fallback: 4 })
-], ht.prototype, "strength", 2);
+], ct.prototype, "strength", 2);
 Xt([
   h({ fallback: 3 })
-], ht.prototype, "quality", 2);
+], ct.prototype, "quality", 2);
 Xt([
   h({ default: () => [1, 1] })
-], ht.prototype, "pixelSize", 2);
-ht = Xt([
+], ct.prototype, "pixelSize", 2);
+ct = Xt([
   b("KawaseBlurEffect")
-], ht);
+], ct);
 var Fs = Object.defineProperty, En = Object.getOwnPropertyDescriptor, Sn = (r, e, t) => e in r ? Fs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Mr = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? En(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
@@ -7708,7 +7718,7 @@ var Vs = Object.defineProperty, On = Object.getOwnPropertyDescriptor, Dn = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && Vs(e, t, i), i;
 }, In = (r, e, t) => Dn(r, e + "", t);
-let ut = class extends T {
+let ht = class extends T {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -7725,11 +7735,11 @@ let ut = class extends T {
           this.strength * s[1] / e.height
         ]
       };
-      P.draw(r, ut.material, a);
+      P.draw(r, ht.material, a);
     });
   }
 };
-In(ut, "material", new E({
+In(ht, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -7753,10 +7763,10 @@ void main(void) {
 }));
 $s([
   h({ fallback: 10 })
-], ut.prototype, "strength", 2);
-ut = $s([
+], ht.prototype, "strength", 2);
+ht = $s([
   b("PixelateEffect")
-], ut);
+], ht);
 var Hs = Object.defineProperty, Mn = Object.getOwnPropertyDescriptor, Nn = (r, e, t) => e in r ? Hs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, mt = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Mn(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
@@ -8097,7 +8107,7 @@ var Gn = Object.defineProperty, gt = (r, e, t, s) => {
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Gn(e, t, i), i;
 };
-class Ze extends F {
+class Ke extends F {
   setProperties(e) {
     return super._setProperties(
       V(e) ? void 0 : ui(e)
@@ -8126,25 +8136,25 @@ class Ze extends F {
 }
 gt([
   h()
-], Ze.prototype, "color");
+], Ke.prototype, "color");
 gt([
   h()
-], Ze.prototype, "width");
+], Ke.prototype, "width");
 gt([
   h({ fallback: "solid" })
-], Ze.prototype, "style");
+], Ke.prototype, "style");
 gt([
   h({ fallback: "butt" })
-], Ze.prototype, "lineCap");
+], Ke.prototype, "lineCap");
 gt([
   h({ fallback: "miter" })
-], Ze.prototype, "lineJoin");
+], Ke.prototype, "lineJoin");
 var Vn = Object.defineProperty, vt = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Vn(e, t, i), i;
 };
-class Je extends Ee {
+class Ze extends Ee {
   constructor(e) {
     super(), this.parent = e;
   }
@@ -8171,25 +8181,25 @@ class Je extends Ee {
 }
 vt([
   h({ fallback: !0 })
-], Je.prototype, "enabled");
+], Ze.prototype, "enabled");
 vt([
   h({ fallback: "#000000FF" })
-], Je.prototype, "color");
+], Ze.prototype, "color");
 vt([
   h({ fallback: 0 })
-], Je.prototype, "blur");
+], Ze.prototype, "blur");
 vt([
   h({ fallback: 0 })
-], Je.prototype, "offsetY");
+], Ze.prototype, "offsetY");
 vt([
   h({ fallback: 0 })
-], Je.prototype, "offsetX");
+], Ze.prototype, "offsetX");
 var $n = Object.defineProperty, bt = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && $n(e, t, i), i;
 };
-class Qe extends Ee {
+class Je extends Ee {
   constructor(e) {
     super(), this.parent = e, this._updatePath2DSet();
   }
@@ -8247,20 +8257,20 @@ class Qe extends Ee {
 }
 bt([
   h({ fallback: !0 })
-], Qe.prototype, "enabled");
+], Je.prototype, "enabled");
 bt([
   h()
-], Qe.prototype, "preset");
+], Je.prototype, "preset");
 bt([
   h()
-], Qe.prototype, "svg");
+], Je.prototype, "svg");
 bt([
   h()
-], Qe.prototype, "viewBox");
+], Je.prototype, "viewBox");
 bt([
   h()
-], Qe.prototype, "paths");
-class Ws extends pe {
+], Je.prototype, "paths");
+class Ws extends de {
   constructor(e) {
     super(), this.setProperties(e);
   }
@@ -8274,7 +8284,7 @@ const es = {
 };
 for (const r in es)
   ts(Ws, r, { fallback: es[r] });
-var Hn = Object.defineProperty, me = (r, e, t, s) => {
+var Hn = Object.defineProperty, _e = (r, e, t, s) => {
   for (var i = void 0, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(e, t, i) || i);
   return i && Hn(e, t, i), i;
@@ -8457,31 +8467,31 @@ class ae extends Ee {
     }
   }
 }
-me([
+_e([
   h({ fallback: !0 })
 ], ae.prototype, "enabled");
-me([
+_e([
   h({ fallback: () => [] })
 ], ae.prototype, "content");
-me([
+_e([
   h({ alias: "parent.style.json" })
 ], ae.prototype, "style");
-me([
+_e([
   h()
 ], ae.prototype, "effects");
-me([
+_e([
   h()
 ], ae.prototype, "fill");
-me([
+_e([
   h()
 ], ae.prototype, "outline");
-me([
+_e([
   h({ alias: "base.measureDom" })
 ], ae.prototype, "measureDom");
-me([
+_e([
   h({ alias: "base.fonts" })
 ], ae.prototype, "fonts");
-me([
+_e([
   h({ fallback: "auto" })
 ], ae.prototype, "drawMode");
 const R = {
@@ -8813,7 +8823,7 @@ let Pe = class extends Ie {
   set background(r) {
     this._background.resetProperties().setProperties(r);
   }
-  _shape = new Qe(this);
+  _shape = new Je(this);
   get shape() {
     return this._shape;
   }
@@ -8827,7 +8837,7 @@ let Pe = class extends Ie {
   set fill(r) {
     this._fill.resetProperties().setProperties(r);
   }
-  _outline = new Ze(this);
+  _outline = new Ke(this);
   get outline() {
     return this._outline;
   }
@@ -8848,7 +8858,7 @@ let Pe = class extends Ie {
   set text(r) {
     this._text.resetProperties().setProperties(r);
   }
-  _shadow = new Je(this);
+  _shadow = new Ze(this);
   get shadow() {
     return this._shadow;
   }
@@ -9282,7 +9292,7 @@ const ur = {
   easeOut: ll,
   easeInOut: cl
 };
-let dt = class extends q {
+let ut = class extends q {
   _keyframes = [];
   _isFirstUpdatePosition = !1;
   _cachedProps = new bi();
@@ -9468,22 +9478,22 @@ let dt = class extends q {
 };
 jt([
   h({ fallback: "parent" })
-], dt.prototype, "effectMode", 2);
+], ut.prototype, "effectMode", 2);
 jt([
   h({ default: () => [] })
-], dt.prototype, "keyframes", 2);
+], ut.prototype, "keyframes", 2);
 jt([
   h()
-], dt.prototype, "easing", 2);
-dt = jt([
+], ut.prototype, "easing", 2);
+ut = jt([
   b("Animation", {
     renderMode: "disabled",
     processMode: "pausable",
     processSortMode: "parent-before",
     duration: 2e3
   })
-], dt);
-class kr extends de {
+], ut);
+class kr extends ue {
   static _instance;
   static get instance() {
     return this._instance || (this._instance = new kr()), this._instance;
@@ -9514,7 +9524,7 @@ class kr extends de {
     return this.paused = !this.paused, this.refreshPaused(), this.paused;
   }
 }
-class Ut extends de {
+class Ut extends ue {
   static PADDING = 0.1;
   _source = null;
   _audio = null;
@@ -9681,7 +9691,7 @@ class hl {
     return new Ut();
   }
 }
-class Zs extends de {
+class Zs extends ue {
   constructor(e, t) {
     super(), this._input = e, this._output = t;
   }
@@ -9781,7 +9791,7 @@ class Oe extends Zs {
       2,
       cs ? 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" && (be || Ui), xr && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
+    i.connect(s), s.connect(e.destination), super(i, s), this._context = e, this._offlineContext = t, this._compressor = s, this._analyser = i, this._locked = e.state === "suspended" && (ve || Ui), xr && (this._locked && (this._unlock(), document.addEventListener("mousedown", this._unlock, !0), document.addEventListener("touchstart", this._unlock, !0), document.addEventListener("touchend", this._unlock, !0)), globalThis.addEventListener("focus", this._onFocus), globalThis.addEventListener("blur", this._onBlur));
   }
   _onFocus() {
     if (!this.autoPause)
@@ -9823,7 +9833,7 @@ class Oe extends Zs {
     e.setValueAtTime ? e.setValueAtTime(t, this._context.currentTime) : e.value = t;
   }
 }
-class pl extends de {
+class pl extends ue {
   _audio = null;
   _sourceNode = null;
   _gain = null;
@@ -10187,7 +10197,7 @@ var yl = Object.defineProperty, xl = Object.getOwnPropertyDescriptor, Wt = (r, e
     (o = r[a]) && (i = (s ? o(e, t, i) : o(i)) || i);
   return s && i && yl(e, t, i), i;
 };
-let pt = class extends Pe {
+let dt = class extends Pe {
   _audioBuffer;
   _src = xr ? new x({
     source: document.createElement("canvas")
@@ -10249,16 +10259,16 @@ let pt = class extends Pe {
 };
 Wt([
   h()
-], pt.prototype, "src", 2);
+], dt.prototype, "src", 2);
 Wt([
   h({ fallback: 0 })
-], pt.prototype, "gap", 2);
+], dt.prototype, "gap", 2);
 Wt([
   h({ fallback: "#000000" })
-], pt.prototype, "color", 2);
-pt = Wt([
+], dt.prototype, "color", 2);
+dt = Wt([
   b("AudioWaveform")
-], pt);
+], dt);
 var wl = Object.defineProperty, Pl = Object.getOwnPropertyDescriptor, El = (r, e, t) => e in r ? wl(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, Sl = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Pl(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
@@ -10379,7 +10389,7 @@ var Il = Object.defineProperty, Ml = Object.getOwnPropertyDescriptor, Nl = (r, e
     (o = r[a]) && (i = o(i) || i);
   return i;
 }, Ul = (r, e, t) => Nl(r, e + "", t);
-let ft = class extends Ve {
+let pt = class extends Ve {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
@@ -10387,7 +10397,7 @@ let ft = class extends Ve {
     let s, i;
     t < 0.5 ? (s = 0, i = (0.5 - t) / 0.5) : (s = 1, i = (t - 0.5) / 0.5);
     const a = e.width, o = e.height, n = [0, o / 2], l = [600, o / 2], c = [a, o], u = l[0] - n[0], d = l[1] - n[1], p = Math.sqrt(u * u + d * d);
-    P.draw(r, ft.material, {
+    P.draw(r, pt.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
@@ -10396,7 +10406,7 @@ let ft = class extends Ve {
       end: l,
       delta: [u / p, d / p],
       texSize: c
-    }), P.draw(r, ft.material, {
+    }), P.draw(r, pt.material, {
       sampler: s,
       progress: i,
       blur: this.blur,
@@ -10408,7 +10418,7 @@ let ft = class extends Ve {
     });
   }
 };
-Ul(ft, "material", new E({
+Ul(pt, "material", new E({
   gl: {
     vertex: `attribute vec2 position;
 attribute vec2 uv;
@@ -10458,9 +10468,9 @@ void main(void) {
 }`
   }
 }));
-ft = kl([
+pt = kl([
   b("TiltShiftTransition")
-], ft);
+], pt);
 var Bl = Object.defineProperty, Ll = Object.getOwnPropertyDescriptor, Fl = (r, e, t) => e in r ? Bl(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, zl = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Ll(e, t) : e, a = r.length - 1, o; a >= 0; a--)
     (o = r[a]) && (i = o(i) || i);
@@ -10665,7 +10675,7 @@ function Kl(r) {
   return e;
 }
 const At = "WeakRef" in globalThis;
-class Zl extends de {
+class Zl extends ue {
   defaultHandler = (e) => e;
   _handlers = /* @__PURE__ */ new Map();
   _handleing = /* @__PURE__ */ new Map();
@@ -10772,7 +10782,7 @@ const Fe = {
   preserveDrawingBuffer: !1,
   powerPreference: "default"
 };
-class Ur extends fe {
+class Ur extends pe {
   renderer;
   get view() {
     return this.renderer.view;
@@ -10970,14 +10980,14 @@ async function yc(r) {
 export {
   ee as Aabb2D,
   ao as AnimatedTexture,
-  dt as Animation,
+  ut as Animation,
   Zl as Assets,
   De as Audio,
   Zs as AudioPipeline,
   vc as AudioProcessor,
   bc as AudioSpectrum,
-  pt as AudioWaveform,
-  ye as BufferUsage,
+  dt as AudioWaveform,
+  be as BufferUsage,
   Nt as Camera2D,
   ho as CanvasContext,
   Ge as CanvasItem,
@@ -11001,25 +11011,25 @@ export {
   Xs as Element2DBackground,
   F as Element2DFill,
   js as Element2DForeground,
-  Ze as Element2DOutline,
-  Je as Element2DShadow,
-  Qe as Element2DShape,
+  Ke as Element2DOutline,
+  Ze as Element2DShadow,
+  Je as Element2DShape,
   Ws as Element2DStyle,
   ae as Element2DText,
-  ct as EmbossEffect,
+  lt as EmbossEffect,
   Ur as Engine,
   Nr as Flexbox,
   ja as FontLoader,
-  ue as GaussianBlurEffect,
+  he as GaussianBlurEffect,
   Ue as Geometry,
   Vl as GifLoader,
   wa as GlBatch2DSystem,
-  lt as GlBlendMode,
+  nt as GlBlendMode,
   sa as GlBuffer,
   oa as GlBufferSystem,
-  it as GlBufferTarget,
+  st as GlBufferTarget,
   Pa as GlMaskSystem,
-  nt as GlProgram,
+  ot as GlProgram,
   $a as GlRenderTarget,
   Ha as GlRenderTargetSystem,
   Xa as GlRenderer,
@@ -11041,7 +11051,7 @@ export {
   Zi as Input,
   Gt as InputEvent,
   $l as JsonLoader,
-  ht as KawaseBlurEffect,
+  ct as KawaseBlurEffect,
   Bt as KawaseTransition,
   Wi as KeyboardInputEvent,
   Lt as LeftEraseTransition,
@@ -11063,7 +11073,7 @@ export {
   L as OutlineEffect,
   yr as PI,
   z as PI_2,
-  ut as PixelateEffect,
+  ht as PixelateEffect,
   oo as PixelsTexture,
   qi as PointerInputEvent,
   ta as Projection2D,
@@ -11073,29 +11083,29 @@ export {
   Ji as RefCounted,
   te as RenderTarget,
   Pr as Renderer,
-  pe as Resource,
+  de as Resource,
   ns as SUPPORTS_AUDIO_CONTEXT,
   Ui as SUPPORTS_CLICK_EVENTS,
   cc as SUPPORTS_CREATE_IMAGE_BITMAP,
   Mi as SUPPORTS_IMAGE_BITMAP,
   lc as SUPPORTS_MOUSE_EVENTS,
   cs as SUPPORTS_OFFLINE_AUDIO_CONTEXT,
-  et as SUPPORTS_POINTER_EVENTS,
+  Qe as SUPPORTS_POINTER_EVENTS,
   Ni as SUPPORTS_RESIZE_OBSERVER,
-  be as SUPPORTS_TOUCH_EVENTS,
+  ve as SUPPORTS_TOUCH_EVENTS,
   Ii as SUPPORTS_WEBGL2,
   ls as SUPPORTS_WEBKIT_AUDIO_CONTEXT,
   Bi as SUPPORTS_WEBKIT_OFFLINE_AUDIO_CONTEXT,
   Li as SUPPORTS_WEB_AUDIO,
   ki as SUPPORTS_WHEEL_EVENTS,
-  fe as SceneTree,
+  pe as SceneTree,
   Xl as TextLoader,
   x as Texture2D,
   jl as TextureLoader,
   qs as TextureRect2D,
   B as Ticker,
-  ft as TiltShiftTransition,
-  he as Timeline,
+  pt as TiltShiftTransition,
+  xe as Timeline,
   q as TimelineNode,
   M as Transform2D,
   el as TransformRect2D,
@@ -11108,7 +11118,7 @@ export {
   fc as Vector3,
   ea as Vector4,
   H as VertexAttribute,
-  xe as VertexBuffer,
+  ye as VertexBuffer,
   gr as Video2D,
   Wl as VideoLoader,
   co as VideoTexture,
@@ -11147,7 +11157,7 @@ export {
   wn as frag,
   Hr as getDefaultCssPropertyValue,
   Xn as gutterMap,
-  rt as instanceId,
+  tt as instanceId,
   Gi as isCanvasElement,
   us as isElementNode,
   hc as isImageElement,