modern-canvas 0.13.1 → 0.13.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { defineProperty as Xt, Observable as fe, Reactivable as Ir, parseColor as Ls, property as c, RawWeakMap as Br, isGradient as Fs, isColorFillObject as mr, clearUndef as zr, idGenerator as Nr, normalizeFill as $s, isNone as L, 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 Ir, parseColor as Ls, property as c, RawWeakMap as Br, isGradient as Fs, isColorFillObject as mr, clearUndef as zr, idGenerator as Nr, 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 { fonts as Js } from "modern-font";
 import { extend as Qs } from "colord";
 import ei from "colord/plugins/names";
@@ -24,7 +24,7 @@ function bl(r = "node", e = {}) {
     throw new Error(`Failed to createNode, tag: ${r}`);
   return new t().setProperties(e);
 }
-class M {
+class k {
   static _queue = [];
   static _currentTime = 0;
   static _elapsed = 0;
@@ -80,10 +80,10 @@ class M {
     this._queue = t;
   }
 }
-M.start();
+k.start();
 async function Lr(r) {
   return new Promise((e) => {
-    M.on(
+    k.on(
       () => {
         r?.(), e();
       },
@@ -245,7 +245,7 @@ class Xr {
     return this._map.set(this._toRaw(e), this._toRaw(t)), this;
   }
 }
-class kt {
+class Mt {
   cursor;
   // Event
   bubbles = !1;
@@ -253,7 +253,7 @@ class kt {
   cancelable = !1;
   composed = !1;
   defaultPrevented = !1;
-  eventPhase = kt.prototype.NONE;
+  eventPhase = Mt.prototype.NONE;
   isTrusted = !1;
   timeStamp = 0;
   type = "";
@@ -282,7 +282,7 @@ class kt {
     throw new Error("initUIEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Si extends kt {
+class Si extends Mt {
   getModifierState(...e) {
     throw new Error("getModifierState() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
@@ -290,7 +290,7 @@ class Si extends kt {
     throw new Error("initKeyboardEvent() is a legacy DOM API. It is not implemented in the Federated Events API.");
   }
 }
-class Hr extends kt {
+class Hr extends Mt {
   client = { x: 0, y: 0 };
   get clientX() {
     return this.client.x;
@@ -535,9 +535,9 @@ class Oi extends fe {
     this.removeEventListeners(), super.destroy();
   }
 }
-let ki = 0;
+let Mi = 0;
 class pe extends Ir {
-  instanceId = ++ki;
+  instanceId = ++Mi;
   get json() {
     return this.toJSON();
   }
@@ -551,10 +551,10 @@ class pe extends Ir {
     return !!(e && this.instanceId === e.instanceId);
   }
 }
-class Mi extends pe {
+class ki extends pe {
   //
 }
-class _e extends Mi {
+class _e extends ki {
   //
 }
 Qs([ei]);
@@ -1544,13 +1544,13 @@ class Kt extends pe {
     super(), this._onTicker = this._onTicker.bind(this), this.setProperties(e);
   }
   start(e) {
-    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), M.on(this._onTicker, { sort: 0 }));
+    this._starting || (this._starting = !0, this._startedProcess && this.off("process", this._startedProcess), this._startedProcess = e, this.on("process", e), k.on(this._onTicker, { sort: 0 }));
   }
   stop() {
-    this._starting && (this._starting = !1, M.off(this._onTicker, { sort: 0 }));
+    this._starting && (this._starting = !1, k.off(this._onTicker, { sort: 0 }));
   }
   _onTicker() {
-    const e = M.elapsed * this.speed;
+    const e = k.elapsed * this.speed;
     if ((this._nextDeltaTime -= e) <= 0) {
       const s = (this._nextDeltaTime = this.spf) || e;
       this.emit("process", s);
@@ -1640,7 +1640,7 @@ class H {
   destroy() {
   }
 }
-class ke {
+class Me {
   static _properties = [
     "blend",
     "offsets",
@@ -1664,7 +1664,7 @@ class ke {
     });
   }
   static for2D() {
-    const e = new ke();
+    const e = new Me();
     return e.depthTest = !1, e.blend = !0, e;
   }
   _blendMode = Ze.NORMAL;
@@ -1688,17 +1688,17 @@ class ke {
         this[t] = e[t];
   }
 }
-ke._init();
+Me._init();
 class Fi extends H {
   install(e) {
     super.install(e), e.state = this;
   }
   _blendEq = !1;
-  _setters = ke._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
+  _setters = Me._properties.map((e) => this[`set${e.replace(/^\S/, (t) => t.toUpperCase())}`]);
   boundStateBitmap = 0;
   boundBlendMode;
   blendModes;
-  defaultState = new ke({ blend: !0 });
+  defaultState = new Me({ blend: !0 });
   onUpdateContext() {
     super.onUpdateContext(), this.blendModes = Li(this._renderer.gl);
   }
@@ -1753,7 +1753,7 @@ class $i extends H {
   install(e) {
     super.install(e), e.batch2D = this;
   }
-  _state = ke.for2D();
+  _state = Me.for2D();
   _batchSize = 4096 * 4;
   _drawCallUid = 0;
   _defaultModulate = [255, 255, 255, 255];
@@ -1917,13 +1917,13 @@ void main(void) {
     let l = 0, u = 0;
     const d = [];
     for (let _ = s.length, p = { id: ++this._drawCallUid }, m = [], g = /* @__PURE__ */ new Map(), w = 0, P = 0, R = 0; R < _; R++) {
-      const A = s[R].texture, N = R === _ - 1;
+      const A = s[R].texture, L = R === _ - 1;
       if (!A || g.has(A)) {
-        if (!N)
+        if (!L)
           continue;
       } else
         m.push(A), g.set(A, w++);
-      if (N || w >= i) {
+      if (L || w >= i) {
         p.textures = m, p.textureLocationMap = g, w = 0, p.first = u;
         for (let G = P; G <= R; G++) {
           const {
@@ -1962,11 +1962,11 @@ void main(void) {
     for (let _ = d.length, p = 0; p < _; p++) {
       const m = d[p], { first: g = 0, textures: w, textureLocationMap: P } = m;
       for (let R = w.length, A = 0; A < R; A++) {
-        const N = w[A], G = P.get(N);
+        const L = w[A], G = P.get(L);
         G !== void 0 && this._renderer.texture.bind({
           target: "texture_2d",
           location: G,
-          value: N
+          value: L
         });
       }
       this._state.blendMode = m.blendMode, this._renderer.state.bind(this._state), f.draw({
@@ -3000,12 +3000,12 @@ class to extends Se {
   install(e) {
     const t = async (s) => {
       const { parseFont: i } = await import("modern-font");
-      return await e.fetch(s).then((o) => o.arrayBuffer()).then((o) => i(o));
+      return await s.arrayBuffer().then((o) => i(o));
     };
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "woff",
-      "ttf",
-      "otf"
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
+      "font/woff",
+      "font/ttf",
+      "font/otf"
     ].forEach((s) => {
       e.register(s, t);
     }), e.font = this, this;
@@ -3157,7 +3157,7 @@ var io = Object.defineProperty, Ce = (r, e, t, s) => {
     (a = r[o]) && (i = a(e, t, i) || i);
   return i && io(e, t, i), i;
 };
-class F extends _e {
+class $ extends _e {
   needsUpload = !1;
   constructor(e) {
     super(), this.setProperties({
@@ -3185,30 +3185,30 @@ class F extends _e {
 }
 Ce([
   c({ internal: !0 })
-], F.prototype, "buffer");
+], $.prototype, "buffer");
 Ce([
   c({ fallback: 0 })
-], F.prototype, "size");
+], $.prototype, "size");
 Ce([
   c({ fallback: !1 })
-], F.prototype, "normalized");
+], $.prototype, "normalized");
 Ce([
   c({ fallback: "float" })
-], F.prototype, "type");
+], $.prototype, "type");
 Ce([
   c()
-], F.prototype, "stride");
+], $.prototype, "stride");
 Ce([
   c()
-], F.prototype, "offset");
+], $.prototype, "offset");
 Ce([
   c()
-], F.prototype, "divisor");
+], $.prototype, "divisor");
 class Sl extends Jt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3372,7 +3372,7 @@ class b extends Jt {
   constructor() {
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: new ue({
             data: new Float32Array([-1, -1, 1, -1, 1, 1, -1, 1]),
             dynamic: !1
@@ -3381,7 +3381,7 @@ class b extends Jt {
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new $({
           buffer: new ue({
             data: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
             dynamic: !1
@@ -3405,13 +3405,13 @@ class Cl extends Jt {
     const e = new ue({ data: new Float32Array(), dynamic: !0 }), t = new ue({ data: new Float32Array(), dynamic: !0 });
     super({
       vertexAttributes: {
-        position: new F({
+        position: new $({
           buffer: e,
           size: 2,
           normalized: !1,
           type: "float"
         }),
-        uv: new F({
+        uv: new $({
           buffer: t,
           size: 2,
           normalized: !1,
@@ -3615,7 +3615,7 @@ class Al extends T {
     });
   }
 }
-class Mt extends T {
+class kt extends T {
   static test(e) {
     return Fs(e);
   }
@@ -3629,16 +3629,16 @@ class Mt extends T {
     const { angle: a = 0, stops: n } = e, h = t, l = s, u = h / 2, d = l / 2, f = (a + 90) * Math.PI / 180, _ = Math.sin(f), p = -Math.cos(f), m = Math.abs(h * Math.sin(f)) + Math.abs(l * Math.cos(f)), g = u - _ * (m / 2), w = d - p * (m / 2), P = u + _ * (m / 2), R = d + p * (m / 2), A = o.createLinearGradient(g, w, P, R);
     for (const G of n) A.addColorStop(G.offset, G.color);
     o.fillStyle = A, o.fillRect(0, 0, h, l);
-    const N = o.getImageData(0, 0, i.width, i.height);
+    const L = o.getImageData(0, 0, i.width, i.height);
     return {
-      width: N.width,
-      height: N.height,
-      pixels: new Uint8Array(N.data.buffer)
+      width: L.width,
+      height: L.height,
+      pixels: new Uint8Array(L.data.buffer)
     };
   }
   constructor(e, t, s) {
     super(
-      Mt.linearGradient(e, t, s)
+      kt.linearGradient(e, t, s)
     );
   }
 }
@@ -3830,15 +3830,15 @@ const er = class ss extends T {
     this.autoUpdate && !this.isPlaying && (this._nextTime = 0, this.requestUpload(), this._nextTime = 0);
   };
   _setupAutoUpdate() {
-    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (M.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
+    this.autoUpdate && this.isPlaying ? !this.fps && this.source.requestVideoFrameCallback ? (this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0), this._requestId === void 0 && (this._requestId = this.source.requestVideoFrameCallback(
       this._videoFrameRequestCallback
-    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (M.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (M.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
+    ))) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected || (k.on(this.requestUpload), this._connected = !0, this._nextTime = 0)) : (this._requestId !== void 0 && (this.source.cancelVideoFrameCallback(this._requestId), this._requestId = void 0), this._connected && (k.off(this.requestUpload), this._connected = !1, this._nextTime = 0));
   }
   _videoFrameRequestCallback = () => {
     this.requestUpload(), this._requestId = this.source.requestVideoFrameCallback(this._videoFrameRequestCallback);
   };
   requestUpload = () => {
-    const e = Math.floor(M.elapsed * this.source.playbackRate);
+    const e = Math.floor(k.elapsed * this.source.playbackRate);
     this._nextTime -= e, (!this._spf || this._nextTime <= 0) && (super.requestUpload(), this._nextTime = this._spf || 0);
   };
   async load() {
@@ -4070,7 +4070,7 @@ function xo(r) {
   let e = Pr[r] ?? 0;
   return e++, Pr[r] = e, e;
 }
-let k = class extends pe {
+let M = class extends pe {
   _meta = new vo(this);
   get meta() {
     return this._meta;
@@ -4266,7 +4266,7 @@ let k = class extends pe {
       const n = e.renderStack.push(this);
       a = e.renderStack.currentCall, e.renderStack.currentCall = n;
     }
-    if (this.mask instanceof k)
+    if (this.mask instanceof M)
       this.getNode("__$mask") || (this.mask.processMode = "disabled", this.appendChild(this.mask, "front"));
     else {
       const n = this.getNode("__$mask");
@@ -4430,43 +4430,43 @@ let k = 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 = Ht.get(i) ?? k, 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([
   c({ fallback: Nr() })
-], k.prototype, "id", 2);
+], M.prototype, "id", 2);
 ne([
   c({ fallback: Nr() })
-], k.prototype, "name", 2);
+], M.prototype, "name", 2);
 ne([
   c({ internal: !0, fallback: "inherit" })
-], k.prototype, "processMode", 2);
+], M.prototype, "processMode", 2);
 ne([
   c({ internal: !0, fallback: "default" })
-], k.prototype, "processSortMode", 2);
+], M.prototype, "processSortMode", 2);
 ne([
   c({ internal: !0, fallback: "inherit" })
-], k.prototype, "renderMode", 2);
+], M.prototype, "renderMode", 2);
 ne([
   c({ internal: !0, fallback: "inherit" })
-], k.prototype, "inputMode", 2);
+], M.prototype, "inputMode", 2);
 ne([
   c({ internal: !0, fallback: "default" })
-], k.prototype, "internalMode", 2);
+], M.prototype, "internalMode", 2);
 ne([
   c({ internal: !0 })
-], k.prototype, "mask", 2);
-k = ne([
+], M.prototype, "mask", 2);
+M = ne([
   v("Node")
-], k);
+], M);
 var wo = Object.defineProperty, Po = Object.getOwnPropertyDescriptor, Ne = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Po(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 && wo(e, t, i), i;
 };
-let W = class extends k {
+let W = class extends M {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
@@ -4666,7 +4666,7 @@ var So = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, Le = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && So(e, t, i), i;
 };
-let j = class extends k {
+let j = class extends M {
   constructor(r = !1) {
     super(), this.flipY = r, this.projection.flipY(r);
   }
@@ -4814,7 +4814,7 @@ let y = class extends W {
         break;
       }
       case "glslSrc": {
-        e ? V.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
+        e ? z.text.load(e).then((s) => this.glsl = s) : this.glsl = "";
         break;
       }
     }
@@ -4986,12 +4986,12 @@ class Oo {
     }), this.calls = [];
   }
 }
-var ko = Object.defineProperty, Mo = Object.getOwnPropertyDescriptor, Fe = (r, e, t, s) => {
-  for (var i = s > 1 ? void 0 : s ? Mo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var Mo = Object.defineProperty, ko = Object.getOwnPropertyDescriptor, Fe = (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 && ko(e, t, i), i;
+  return s && i && Mo(e, t, i), i;
 };
-let oe = class extends k {
+let oe = class extends M {
   static from(r, e = !1) {
     const [t, s] = r ? Array.isArray(r) ? r : [0, r] : [];
     return new oe({
@@ -5131,18 +5131,18 @@ var Bo = Object.getOwnPropertyDescriptor, zo = (r, e, t, s) => {
     (a = r[o]) && (i = a(i) || i);
   return i;
 };
-let Me = class extends y {
+let ke = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
 };
-Me = zo([
+ke = zo([
   v("Transition", {
     effectMode: "transition",
     processMode: "pausable",
     duration: 2e3
   })
-], Me);
+], ke);
 var No = 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);
@@ -5498,13 +5498,13 @@ var os = Object.defineProperty, Wo = Object.getOwnPropertyDescriptor, jo = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && os(e, t, i), i;
 }, qo = (r, e, t) => jo(r, e + "", t);
-let $ = class extends y {
+let V = class extends y {
   constructor(r, e = []) {
     super(), this.setProperties(r).append(e);
   }
   apply(r, e) {
     e.redraw(r, () => {
-      b.draw(r, $.material, {
+      b.draw(r, V.material, {
         sampler: 0,
         saturation: this.saturation,
         contrast: this.contrast,
@@ -5518,7 +5518,7 @@ let $ = class extends y {
     });
   }
 };
-qo($, "material", new x({
+qo(V, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -5555,31 +5555,31 @@ void main(void) {
 }));
 le([
   c({ fallback: 1 })
-], $.prototype, "saturation", 2);
+], V.prototype, "saturation", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "contrast", 2);
+], V.prototype, "contrast", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "brightness", 2);
+], V.prototype, "brightness", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "red", 2);
+], V.prototype, "red", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "green", 2);
+], V.prototype, "green", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "blue", 2);
+], V.prototype, "blue", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "alpha", 2);
+], V.prototype, "alpha", 2);
 le([
   c({ fallback: 1 })
-], $.prototype, "gamma", 2);
-$ = le([
+], V.prototype, "gamma", 2);
+V = le([
   v("ColorAdjustEffect")
-], $);
+], V);
 var as = Object.defineProperty, Xo = Object.getOwnPropertyDescriptor, Ho = (r, e, t) => e in r ? as(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ns = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? Xo(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
@@ -6069,7 +6069,7 @@ let q = class extends y {
     }
   }
   async _loadWatermark(r) {
-    r ? this._watermark = await V.texture.load(r) : this._watermark = void 0;
+    r ? this._watermark = await z.texture.load(r) : this._watermark = void 0;
   }
   _checkerboardStyleMap = {
     grid: 1,
@@ -6386,7 +6386,7 @@ var vs = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, va = (r, e
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && vs(e, t, i), i;
 }, ba = (r, e, t) => va(r, e + "", t);
-let z = class extends y {
+let N = class extends y {
   _canvas;
   _texture;
   _sizes;
@@ -6410,7 +6410,7 @@ let z = class extends y {
     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, z.material, {
+      this._texture.activate(r, 1), b.draw(r, N.material, {
         sampler: 0,
         filterClamp: [0, 0, 1, 1],
         filterArea: [t, s, 0, 0],
@@ -6429,7 +6429,7 @@ let z = class extends y {
     });
   }
 };
-ba(z, "material", new x({
+ba(N, "material", new x({
   vert: `precision mediump float;
 attribute vec2 position;
 attribute vec2 uv;
@@ -6536,34 +6536,34 @@ void main(void) {
 }));
 ee([
   c({ fallback: 10 })
-], z.prototype, "slices", 2);
+], N.prototype, "slices", 2);
 ee([
   c({ fallback: 512 })
-], z.prototype, "sampleSize", 2);
+], N.prototype, "sampleSize", 2);
 ee([
   c({ fallback: 100 })
-], z.prototype, "offset", 2);
+], N.prototype, "offset", 2);
 ee([
   c({ fallback: 0 })
-], z.prototype, "direction", 2);
+], N.prototype, "direction", 2);
 ee([
   c({ fallback: 2 })
-], z.prototype, "fillMode", 2);
+], N.prototype, "fillMode", 2);
 ee([
   c({ fallback: 0 })
-], z.prototype, "seed", 2);
+], N.prototype, "seed", 2);
 ee([
   c({ default: () => [2, 2] })
-], z.prototype, "red", 2);
+], N.prototype, "red", 2);
 ee([
   c({ default: () => [-10, 4] })
-], z.prototype, "green", 2);
+], N.prototype, "green", 2);
 ee([
   c({ default: () => [10, -4] })
-], z.prototype, "blue", 2);
-z = ee([
+], N.prototype, "blue", 2);
+N = ee([
   v("GlitchEffect")
-], z);
+], N);
 var bs = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, xa = (r, e, t) => e in r ? bs(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, ge = (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);
@@ -6869,7 +6869,7 @@ let Te = class extends y {
     super(), this.setProperties(r).append(e);
   }
   async load() {
-    this.texture = void 0, this.src && (this.texture = await V.texture.load(this.src));
+    this.texture = void 0, this.src && (this.texture = await z.texture.load(this.src));
   }
   _updateProperty(r, e, t) {
     switch (super._updateProperty(r, e, t), r) {
@@ -6948,11 +6948,11 @@ nr([
 Te = nr([
   v("MaskEffect")
 ], Te);
-var xs = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, Ma = (r, e, t) => e in r ? xs(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 ? ka(e, t) : e, o = r.length - 1, a; o >= 0; o--)
+var xs = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ka = (r, e, t) => e in r ? xs(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 ? Ma(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = (s ? a(e, t, i) : a(i)) || i);
   return s && i && xs(e, t, i), i;
-}, ws = (r, e, t) => Ma(r, typeof e != "symbol" ? e + "" : e, t);
+}, ws = (r, e, t) => ka(r, typeof e != "symbol" ? e + "" : e, t);
 const Ua = `precision highp float;
 varying vec2 vUv;
 uniform sampler2D sampler;
@@ -7299,7 +7299,7 @@ class D extends pe {
   }
   setProperties(e) {
     return this._setProperties(
-      L(e) ? void 0 : $s(e)
+      F(e) ? void 0 : $s(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7322,11 +7322,18 @@ class D extends pe {
     }
   }
   async loadTexture() {
-    this.linearGradient || this.radialGradient ? this.texture = new Mt(
-      this.linearGradient ?? this.radialGradient,
-      this.parent.size.width,
-      this.parent.size.height
-    ) : L(this.image) || (this.parent.tree?.log(`load image ${this.image}`), this.image.split("?")[0].endsWith(".gif") ? this.animatedTexture = await V.gif.load(this.image) : this.texture = await V.texture.load(this.image));
+    if (this.linearGradient || this.radialGradient)
+      this.texture = new kt(
+        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}`);
+      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);
+    }
   }
   async _updateTexture() {
     await this.loadTexture(), this.parent.requestRedraw();
@@ -7408,7 +7415,7 @@ var $a = Object.defineProperty, Va = (r, e, t, s) => {
 class Ss extends D {
   setProperties(e) {
     return super._setProperties(
-      L(e) ? void 0 : Vs(e)
+      F(e) ? void 0 : Vs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7430,7 +7437,7 @@ var Ga = Object.defineProperty, Wa = (r, e, t, s) => {
 class Cs extends D {
   setProperties(e) {
     return super._setProperties(
-      L(e) ? void 0 : Gs(e)
+      F(e) ? void 0 : Gs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7452,7 +7459,7 @@ var ja = Object.defineProperty, ut = (r, e, t, s) => {
 class Ge extends D {
   setProperties(e) {
     return super._setProperties(
-      L(e) ? void 0 : Ws(e)
+      F(e) ? void 0 : Ws(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7509,7 +7516,7 @@ class We extends pe {
   }
   setProperties(e) {
     return super.setProperties(
-      L(e) ? void 0 : js(e)
+      F(e) ? void 0 : js(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7555,7 +7562,7 @@ class je extends pe {
   _path2DSet = new ti();
   setProperties(e) {
     return super.setProperties(
-      L(e) ? void 0 : qs(e)
+      F(e) ? void 0 : qs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7640,7 +7647,7 @@ class te extends pe {
   _textureMap = /* @__PURE__ */ new Map();
   setProperties(e) {
     return super.setProperties(
-      L(e) ? void 0 : Hs(e)
+      F(e) ? void 0 : Hs(e)
     );
   }
   _updateProperty(e, t, s) {
@@ -7694,11 +7701,11 @@ class te extends pe {
     }), this.parent.requestRedraw());
   }
   async _loadTexture(e, t) {
-    return e.linearGradient || e.radialGradient ? new Mt(
+    return e.linearGradient || e.radialGradient ? new kt(
       e.linearGradient ?? e.radialGradient,
       t.width,
       t.height
-    ) : L(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await V.texture.load(e.image));
+    ) : F(e.image) ? void 0 : (this.parent.tree?.log(`load image ${e.image}`), await z.texture.load(e.image));
   }
   setContent(e) {
     this.content = Ys(e);
@@ -7726,7 +7733,7 @@ class te extends pe {
         const i = s.getMeta();
         if (i instanceof oi) {
           const o = i.parent.index, a = i.parent.parent.index;
-          if (s.style.fill && !L(s.style.fill))
+          if (s.style.fill && !F(s.style.fill))
             if (typeof s.style.fill == "object") {
               const n = s.style.fill, h = this._textureMap.get(`${a}.${o}.fill`) ?? this._textureMap.get(`${a}.fill`) ?? this._textureMap.get("fill");
               if (n.enabled !== !1 && (h || n.color)) {
@@ -7747,7 +7754,7 @@ class te extends pe {
               e.addPath(s), e.style = { ...s.style }, e.fill({
                 vertTransform: this._createVertTransform()
               });
-          if (s.style.stroke && !L(s.style.stroke))
+          if (s.style.stroke && !F(s.style.stroke))
             if (typeof s.style.stroke == "object") {
               const n = s.style.stroke, h = this._textureMap.get(`${a}.${o}.outline`) ?? this._textureMap.get(`${a}.outline`) ?? this._textureMap.get("outline");
               if (n.enabled !== !1 && (h || n.color) && (n.width === void 0 || n.width)) {
@@ -7977,7 +7984,7 @@ let st = class extends Pe {
         this._overflowHidden = e === "hidden";
         break;
       case "pointerEvents":
-        this._allowPointerEvents = !L(e);
+        this._allowPointerEvents = !F(e);
         break;
       case "borderRadius":
       default:
@@ -8289,14 +8296,14 @@ const E = {
   // Justify.SpaceAround
   "space-evenly": 5
   // Justify.SpaceEvenly
-}, kr = {
+}, Mr = {
   visible: 0,
   // Overflow.Visible
   hidden: 1,
   // Overflow.Hidden
   scroll: 2
   // Overflow.Scroll
-}, Mr = {
+}, kr = {
   static: 0,
   // PositionType.Static
   relative: 1,
@@ -8450,7 +8457,7 @@ class lr {
         break;
       case "overflow":
         this._node.setOverflow(
-          t ? kr[t] : kr.visible
+          t ? Mr[t] : Mr.visible
         );
         break;
       case "paddingTop":
@@ -8482,7 +8489,7 @@ class lr {
         break;
       case "position":
         this._node.setPositionType(
-          t ? Mr[t] : Mr.static
+          t ? kr[t] : kr.static
         );
         break;
       case "boxSizing":
@@ -8605,7 +8612,7 @@ let Be = class extends Ee {
     if (this._complete = !1, r)
       try {
         this.setResource(
-          this.gif || r?.includes(".gif") ? await V.gif.load(r) : await V.texture.load(r)
+          this.gif || r?.includes(".gif") ? await z.gif.load(r) : await z.texture.load(r)
         ), this.requestRedraw(), this.emit("load");
       } catch (e) {
         console.warn(e), this.emit("error", e);
@@ -8707,7 +8714,7 @@ let Wt = class extends Rs {
     }
   }
   async _load() {
-    this.animation = await V.lottie.load(this.src, this.texture.source), this.duration = this.animation.getDuration(!1) * 1e3, this.texture.requestUpload(), this.requestRedraw();
+    this.animation = await z.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);
@@ -8750,7 +8757,7 @@ class dn extends Ee {
 un([
   c({ fallback: 6 })
 ], dn.prototype, "handleSize");
-var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, ks = (r, e, t, s) => {
+var fn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, Ms = (r, e, t, s) => {
   for (var i = s > 1 ? void 0 : s ? pn(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 && fn(e, t, i), i;
@@ -8774,7 +8781,7 @@ let jt = class extends Rs {
     return this._wait;
   }
   async _load(r) {
-    this.texture = await V.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 z.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;
@@ -8790,10 +8797,10 @@ let jt = class extends Rs {
     this._updateVideoCurrentTime(), super._process(r);
   }
 };
-ks([
+Ms([
   c({ fallback: "" })
 ], jt.prototype, "src", 2);
-jt = ks([
+jt = Ms([
   v("Video2D")
 ], jt);
 var _n = Object.defineProperty, mn = Object.getOwnPropertyDescriptor, Dt = (r, e, t, s) => {
@@ -8806,7 +8813,7 @@ function _t(r, e, t, s) {
   const o = 3 * r - 3 * t + 1, a = 3 * t - 6 * r, n = 3 * r, h = 3 * e - 3 * s + 1, l = 3 * s - 6 * e, u = 3 * e, d = (m) => (3 * o * m + 2 * a) * m + n, f = (m) => ((o * m + a) * m + n) * m, _ = (m) => ((h * m + l) * m + u) * m;
   function p(m) {
     let g = m, w, P;
-    for (let N = 0; N < 8; N++) {
+    for (let L = 0; L < 8; L++) {
       if (P = f(g) - m, Math.abs(P) < 1e-6)
         return g;
       if (w = d(g), Math.abs(w) < 1e-6)
@@ -9193,17 +9200,17 @@ class Et extends fe {
       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 = () => {
-      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), M.on(this._onUpdate));
+      this._source && (this._source.currentTime = t, this._source.onloadedmetadata = null, this.emit("progress", t, this._duration), k.on(this._onUpdate));
     }, this._source.onended = this._onComplete.bind(this), this._source.play(), this.emit("start");
   }
   _onUpdate = () => {
     this._source && (this.emit("progress", this.progress, this._duration), this._source.currentTime >= this._end && !this._source.loop && this._onComplete());
   };
   _onComplete() {
-    M.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
+    k.off(this._onUpdate), this._stop(), this.emit("progress", 1, this._duration), this.emit("end", this);
   }
   destroy() {
-    M.off(this._onUpdate), super.destroy();
+    k.off(this._onUpdate), super.destroy();
     const e = this._source;
     e && (e.onended = null, e.onplay = null, e.onpause = null, this._stop()), this._source = null, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._end = 0, this._start = 0, this._duration = 0, this._playing = !1, this._pausedReal = !1, this._paused = !1, this._muted = !1, this._audio && (this._audio.context.off("refresh", this.refresh), this._audio.context.off("refreshPaused", this.refreshPaused), this._audio = null);
   }
@@ -9238,7 +9245,7 @@ class wn {
     return new Et();
   }
 }
-class Ms extends fe {
+class ks extends fe {
   constructor(e, t) {
     super(), this._input = e, this._output = t;
   }
@@ -9259,7 +9266,7 @@ class Ms extends fe {
     return this._input;
   }
 }
-class kl {
+class Ml {
   constructor(e, t = null) {
     this.destination = e, this.source = t;
   }
@@ -9288,7 +9295,7 @@ function Tn(r, e, t) {
   } else
     throw new Error("Failed to createOfflineAudioContext");
 }
-class ye extends Ms {
+class ye extends ks {
   /** Singleton */
   static _instance;
   static get instance() {
@@ -9529,13 +9536,13 @@ class En extends fe {
   };
   _updateListener = () => this._update();
   _enableTicker(e) {
-    M.off(this._updateListener), e && M.on(this._updateListener);
+    k.off(this._updateListener), e && k.on(this._updateListener);
   }
   destroy() {
     super.destroy(), this._stop(), this._gain?.disconnect(), this._gain = null, this._audio?.context.off("refresh", this.refresh), this._audio?.context.off("refreshPaused", this.refreshPaused), this._audio = null, this._processors.forEach((e) => e.disconnect()), this._processors.length = 0, this._end = 0, this._playbackRate = 1, this._volume = 1, this._loop = !1, this._elapsed = 0, this._duration = 0, this._paused = !1, this._muted = !1, this._pausedReal = !1;
   }
 }
-class Sn extends Ms {
+class Sn extends ks {
   constructor(e) {
     const t = ye.audioContext, s = t.createBufferSource(), i = t.createGain(), o = t.createAnalyser();
     s.connect(o), o.connect(i), i.connect(ye.instance.destination), super(o, i), this.parent = e, this._sourceNode = s, this.gain = i, this.analyser = o;
@@ -9589,7 +9596,7 @@ var Cn = Object.defineProperty, An = Object.getOwnPropertyDescriptor, Rn = (r, e
   for (var i = s > 1 ? void 0 : s ? An(e, t) : e, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(i) || i);
   return i;
-}, kn = (r, e, t) => Rn(r, e + "", t);
+}, Mn = (r, e, t) => Rn(r, e + "", t);
 let xe = class extends W {
   _sounds = [];
   /** PlatformAudio */
@@ -9732,17 +9739,17 @@ let xe = class extends W {
     }, 100);
   }
 };
-kn(xe, "_soundPool", []);
+Mn(xe, "_soundPool", []);
 xe = On([
   v("Audio")
 ], xe);
-class Ml extends Pe {
+class kl extends Pe {
   //
 }
-var Mn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (r, e, t, s) => {
+var kn = Object.defineProperty, Un = Object.getOwnPropertyDescriptor, It = (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 && Mn(e, t, i), i;
+  return s && i && kn(e, t, i), i;
 };
 let ot = class extends Ee {
   _audioBuffer;
@@ -9826,7 +9833,7 @@ var Dn = Object.defineProperty, In = Object.getOwnPropertyDescriptor, Bn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Nn = (r, e, t) => Bn(r, e + "", t);
-let St = class extends Me {
+let St = class extends ke {
   blur = 10;
   quality = 10;
   apply(r, e) {
@@ -9891,7 +9898,7 @@ var Ln = Object.defineProperty, Fn = Object.getOwnPropertyDescriptor, $n = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Gn = (r, e, t) => $n(r, e + "", t);
-let Ct = class extends Me {
+let Ct = class extends ke {
   apply(r) {
     b.draw(r, Ct.material, {
       previous: 0,
@@ -9937,7 +9944,7 @@ var Wn = Object.defineProperty, jn = Object.getOwnPropertyDescriptor, qn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Hn = (r, e, t) => qn(r, e + "", t);
-let at = class extends Me {
+let at = class extends ke {
   blur = 100;
   gradientBlur = 600;
   apply(r, e) {
@@ -10022,7 +10029,7 @@ var Yn = Object.defineProperty, Kn = Object.getOwnPropertyDescriptor, Zn = (r, e
     (a = r[o]) && (i = a(i) || i);
   return i;
 }, Qn = (r, e, t) => Zn(r, e + "", t);
-let At = class extends Me {
+let At = class extends ke {
   radius;
   angle = 4;
   padding = 20;
@@ -10100,7 +10107,7 @@ class el extends Se {
   install(e) {
     const t = async (s) => {
       const { decodeFrames: i } = await import("modern-gif");
-      return await e.fetch(s).then((o) => o.arrayBuffer()).then((o) => i(
+      return await s.arrayBuffer().then((o) => i(
         o,
         e.gifWorkerUrl ? { workerUrl: e.gifWorkerUrl } : void 0
       )).then((o) => new Vt(
@@ -10110,7 +10117,7 @@ class el extends Se {
         }))
       ));
     };
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
       "image/gif"
     ].forEach((s) => {
       e.register(s, t);
@@ -10119,9 +10126,9 @@ class el extends Se {
 }
 class tl extends Se {
   install(e) {
-    const t = (s) => e.fetch(s).then((i) => i.json());
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "json"
+    const t = async (s) => JSON.parse(await s.text());
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
+      "application/json"
     ].forEach((s) => {
       e.register(s, t);
     }), e.json = this, this;
@@ -10129,37 +10136,31 @@ class tl extends Se {
 }
 class rl extends Se {
   install(e) {
-    const t = async (s, i) => (await import("lottie-web").then((a) => a.default)).loadAnimation({
+    return this.load = async (t, s) => (await import("lottie-web").then((o) => o.default)).loadAnimation({
       container: null,
       renderer: "canvas",
       rendererSettings: {
-        context: i.getContext("2d")
+        context: s.getContext("2d")
       },
       loop: !1,
       autoplay: !1,
       animationData: await e.loadBy(
-        s,
-        () => e.fetch(s).then((a) => a.json())
+        t,
+        () => e.fetch(t).then((o) => o.json())
       )
-    });
-    return this.load = (s, i) => t(s, i), [
-      "lottie"
-    ].forEach((s) => {
-      e.register(s, t);
     }), e.lottie = this, this;
   }
 }
 class sl extends Se {
   install(e) {
-    const t = async (s) => await e.fetch(s).then((i) => i.text());
-    return this.load = (s) => e.loadBy(s, () => t(s)), e.text = this, this;
+    const t = async (s) => s.text();
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), e.text = this, this;
   }
 }
 class il extends Se {
   install(e) {
     const t = (s) => e.fetchImageBitmap(s, { premultiplyAlpha: "premultiply" }).then((i) => new T(i));
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "image/gif",
+    return this.load = (s) => typeof s == "string" ? e.loadBy(s).then(t) : t(s), [
       "image/jpeg",
       "image/png",
       "image/tiff",
@@ -10176,36 +10177,15 @@ class il extends Se {
 }
 class ol extends Se {
   install(e) {
-    const t = (s) => new _o(s).load();
-    return this.load = (s) => e.loadBy(s, () => t(s)), [
-      "video/3gpp",
-      "video/mpeg",
-      "video/quicktime",
-      "video/x-flv",
-      "video/x-mng",
-      "video/x-ms-asf",
-      "video/x-ms-wmv",
-      "video/x-msvideo",
-      "video/mp4"
-    ].forEach((s) => {
-      e.register(s, t);
-    }), e.video = this, this;
+    return this.load = (t) => new _o(t).load(), e.video = this, this;
   }
 }
 const al = Object.entries({
-  "text/html": ["html", "htm", "shtml"],
-  "text/css": ["css"],
-  "text/xml": ["xml"],
+  "font/woff": ["woff"],
+  "font/ttf": ["ttf"],
+  "font/otf": ["otf"],
   "image/gif": ["gif"],
   "image/jpeg": ["jpeg", "jpg"],
-  "application/x-javascript": ["js"],
-  "application/atom+xml": ["atom"],
-  "application/rss+xml": ["rss"],
-  "text/mathml": ["mml"],
-  "text/plain": ["txt"],
-  "text/vnd.sun.j2me.app-descriptor": ["jad"],
-  "text/vnd.wap.wml": ["wml"],
-  "text/x-component": ["htc"],
   "image/png": ["png"],
   "image/tiff": ["tif", "tiff"],
   "image/vnd.wap.wbmp": ["wbmp"],
@@ -10214,55 +10194,14 @@ const al = Object.entries({
   "image/x-ms-bmp": ["bmp"],
   "image/svg+xml": ["svg"],
   "image/webp": ["webp"],
-  "application/java-archive": ["jar", "war", "ear"],
-  "application/mac-binhex40": ["hqx"],
-  "application/msword": ["doc"],
-  "application/pdf": ["pdf"],
-  "application/postscript": ["ps", "eps", "ai"],
-  "application/rtf": ["rtf"],
-  "application/vnd.ms-excel": ["xls"],
-  "application/vnd.ms-powerpoint": ["ppt"],
-  "application/vnd.wap.wmlc": ["wmlc"],
-  "application/vnd.google-earth.kml+xml": ["kml"],
-  "application/vnd.google-earth.kmz": ["kmz"],
-  "application/x-7z-compressed": ["7z"],
-  "application/x-cocoa": ["cco"],
-  "application/x-java-archive-diff": ["jardiff"],
-  "application/x-java-jnlp-file": ["jnlp"],
-  "application/x-makeself": ["run"],
-  "application/x-perl": ["pl", "pm"],
-  "application/x-pilot": ["prc", "pdb"],
-  "application/x-rar-compressed": ["rar"],
-  "application/x-redhat-package-manager": ["rpm"],
-  "application/x-sea": ["sea"],
-  "application/x-shockwave-flash": ["swf"],
-  "application/x-stuffit": ["sit"],
-  "application/x-tcl": ["tcl", "tk"],
-  "application/x-x509-ca-cert": ["der", "pem", "crt"],
-  "application/x-xpinstall": ["xpi"],
-  "application/xhtml+xml": ["xhtml"],
-  "application/zip": ["zip"],
-  "application/octet-stream": ["bin", "exe", "dll", "deb", "dmg", "eot", "iso", "img", "msi", "msp", "msm"],
-  "audio/midi": ["mid", "midi", "kar"],
-  "audio/mpeg": ["mp3"],
-  "audio/ogg": ["ogg"],
-  "audio/x-realaudio": ["ra"],
-  "video/3gpp": ["3gpp", "3gp"],
-  "video/mpeg": ["mpeg", "mpg"],
-  "video/quicktime": ["mov"],
-  "video/x-flv": ["flv"],
-  "video/x-mng": ["mng"],
-  "video/x-ms-asf": ["asx", "asf"],
-  "video/x-ms-wmv": ["wmv"],
-  "video/x-msvideo": ["avi"],
-  "video/mp4": ["m4v", "mp4"]
+  "application/json": ["json"]
 });
 function nl(r) {
   for (const [e, t] of al)
     if (t.includes(r))
       return e;
 }
-async function ll(r) {
+function ll(r) {
   let e;
   if (r.startsWith("data:"))
     e = r.match(/^data:(.+?);/)?.[1];
@@ -10270,11 +10209,11 @@ async function ll(r) {
     const t = r.split(/[#?]/)[0].split(".").pop()?.trim();
     t && (e = nl(t));
   }
-  return e ?? await fetch(r).then((t) => t.headers.get("Content-Type")) ?? "";
+  return e;
 }
 const vt = "WeakRef" in globalThis;
 class hl extends fe {
-  defaultHandler = (e) => this.fetch(e);
+  defaultHandler = (e) => e;
   _handlers = /* @__PURE__ */ new Map();
   _handleing = /* @__PURE__ */ new Map();
   _handled = /* @__PURE__ */ new Map();
@@ -10283,7 +10222,7 @@ class hl extends fe {
     t && "destroy" in t && t.destroy(), this._handled.delete(e);
   }) : void 0;
   constructor() {
-    super(), vt || M.on(this.gc.bind(this), { sort: 2 });
+    super(), vt || k.on(this.gc.bind(this), { sort: 2 });
   }
   use(e) {
     return e.install(this), this;
@@ -10305,26 +10244,30 @@ class hl extends fe {
     return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(s.outerHTML)}`;
   }
   async fetchImageBitmap(e, t) {
-    return e.startsWith("http") ? await this.fetch(e).then((s) => s.blob()).then((s) => s.type === "image/svg+xml" ? s.text().then((i) => this.fetchImageBitmap(
-      this._fixSVG(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`),
-      t
-    )) : createImageBitmap(s, t)) : (e.startsWith("data:image/svg+xml;") && (e = this._fixSVG(e)), new Promise((s) => {
-      const i = new Image();
-      i.onerror = () => {
-        console.warn(`Failed load image error: ${e}`), s(i);
-      }, i.onload = () => {
-        i.decode().finally(() => {
-          s(i);
-        });
-      }, i.src = e;
-    }).then((s) => {
-      if (s.complete && s.naturalWidth && s.naturalHeight)
-        return createImageBitmap(s, t);
-      {
-        const i = document.createElement("canvas");
-        return i.width = 1, i.height = 1, createImageBitmap(i);
-      }
-    }));
+    if (e instanceof Blob || typeof e == "string" && e.startsWith("http")) {
+      const s = e instanceof Blob ? e : await this.fetch(e).then((i) => i.blob());
+      return s.type === "image/svg+xml" ? s.text().then((i) => this.fetchImageBitmap(
+        this._fixSVG(`data:image/svg+xml;charset=utf-8,${encodeURIComponent(i)}`),
+        t
+      )) : createImageBitmap(s, t);
+    } else
+      return e.startsWith("data:image/svg+xml;") && (e = this._fixSVG(e)), new Promise((s) => {
+        const i = new Image();
+        i.onerror = () => {
+          console.warn(`Failed load image error: ${e}`), s(i);
+        }, i.onload = () => {
+          i.decode().finally(() => {
+            s(i);
+          });
+        }, i.src = e;
+      }).then((s) => {
+        if (s.complete && s.naturalWidth && s.naturalHeight)
+          return createImageBitmap(s, t);
+        {
+          const i = document.createElement("canvas");
+          return i.width = 1, i.height = 1, createImageBitmap(i);
+        }
+      });
   }
   get(e) {
     let t = this._handled.get(e);
@@ -10334,7 +10277,7 @@ class hl extends fe {
     let s = t;
     vt && typeof t == "object" && (this._gc.register(t, e), s = new WeakRef(t)), this._handled.set(e, s);
   }
-  async loadBy(e, t) {
+  async loadBy(e, t = () => this.fetch(e).then((s) => s.blob())) {
     const s = this.get(e) ?? this._handleing.get(e);
     if (s)
       return s;
@@ -10344,10 +10287,9 @@ class hl extends fe {
     return this._handleing.set(e, i), i;
   }
   async load(e, t) {
-    return this.loadBy(e, async () => {
-      const s = await ll(e);
-      return (this._handlers.get(s) ?? this.defaultHandler)(e, t);
-    });
+    const s = await this.loadBy(e);
+    let i = ll(e);
+    return i === void 0 && (i = s.type?.split(";")[0] ?? void 0), ((i ? this._handlers.get(i) : void 0) ?? this.defaultHandler)(s, t);
   }
   async waitUntilLoad() {
     await Promise.all(
@@ -10363,7 +10305,7 @@ class hl extends fe {
     }), this._handled.clear();
   }
 }
-const V = new hl().use(new to()).use(new el()).use(new tl()).use(new rl()).use(new sl()).use(new il()).use(new ol());
+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());
 var cl = Object.defineProperty, cr = (r, e, t, s) => {
   for (var i = void 0, o = r.length - 1, a; o >= 0; o--)
     (a = r[o]) && (i = a(e, t, i) || i);
@@ -10461,10 +10403,10 @@ class Bt extends Ae {
     return Lr();
   }
   async waitUntilLoad() {
-    await V.waitUntilLoad(), await this.nextTick();
+    await z.waitUntilLoad(), await this.nextTick();
   }
   async waitAndRender(e = 0) {
-    await V.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
+    await z.waitUntilLoad(), this._process(e), await this.nextTick(), this._render(this.renderer);
   }
   render(e = 0) {
     this._process(e), this._render(this.renderer);
@@ -10553,7 +10495,7 @@ async function dl(r) {
     height: 1,
     preserveDrawingBuffer: !0
   }), I.debug = e, I.fonts = t, I.timeline.currentTime = 0, I.root.removeChildren(), I.resize(s, i, !0), (Array.isArray(o) ? o : [o]).forEach((l) => {
-    l instanceof k ? (l.parent = void 0, I.root.appendChild(l)) : I.root.appendChild(k.parse(l));
+    l instanceof M ? (l.parent = void 0, I.root.appendChild(l)) : I.root.appendChild(M.parse(l));
   }), await n?.(I), await I.waitAndRender(), a.length && await new Promise((l) => {
     let u = 0;
     const d = a.length, f = a[d - 1];
@@ -10580,9 +10522,9 @@ export {
   it as Animation,
   hl as Assets,
   xe as Audio,
-  Ms as AudioPipeline,
-  kl as AudioProcessor,
-  Ml as AudioSpectrum,
+  ks as AudioPipeline,
+  Ml as AudioProcessor,
+  kl as AudioSpectrum,
   ot as AudioWaveform,
   st as BaseElement2D,
   Ss as BaseElement2DBackground,
@@ -10598,7 +10540,7 @@ export {
   we as CanvasItem,
   Qt as CanvasTexture,
   J as Color,
-  $ as ColorAdjustEffect,
+  V as ColorAdjustEffect,
   Je as ColorFilterEffect,
   Yr as ColorMatrix,
   Ue as ColorOverlayEffect,
@@ -10623,9 +10565,9 @@ export {
   ae as GaussianBlurEffect,
   Jt as Geometry,
   el as GifLoader,
-  z as GlitchEffect,
+  N as GlitchEffect,
   X as GodrayEffect,
-  Mt as GradientTexture,
+  kt as GradientTexture,
   wn as HTMLAudio,
   hr as HTMLAudioContext,
   Et as HTMLSound,
@@ -10635,7 +10577,7 @@ export {
   Rl as ImageTexture,
   nt as IndexBuffer,
   Oi as Input,
-  kt as InputEvent,
+  Mt as InputEvent,
   tl as JsonLoader,
   et as KawaseBlurEffect,
   St as KawaseTransition,
@@ -10653,7 +10595,7 @@ export {
   Ui as Matrix4,
   vo as Meta,
   Hr as MouseInputEvent,
-  k as Node,
+  M as Node,
   Pe as Node2D,
   U as OutlineEffect,
   Yt as PI,
@@ -10667,7 +10609,7 @@ export {
   wl as RAD_TO_DEG,
   Xr as RawWeakMap,
   be as Rect2,
-  Mi as RefCounted,
+  ki as RefCounted,
   Zt as Renderer,
   _e as Resource,
   Vr as SUPPORTS_AUDIO_CONTEXT,
@@ -10689,13 +10631,13 @@ export {
   T as Texture2D,
   il as TextureLoader,
   Rs as TextureRect2D,
-  M as Ticker,
+  k as Ticker,
   at as TiltShiftTransition,
   oe as Timeline,
   W as TimelineNode,
   O as Transform2D,
   dn as TransformRect2D,
-  Me as Transition,
+  ke as Transition,
   At as TwistTransition,
   Cl as UvGeometry,
   xt as UvMaterial,
@@ -10703,7 +10645,7 @@ export {
   C as Vector2,
   El as Vector3,
   Ii as Vector4,
-  F as VertexAttribute,
+  $ as VertexAttribute,
   ue as VertexBuffer,
   jt as Video2D,
   ol as VideoLoader,
@@ -10721,7 +10663,7 @@ export {
   ji as WebGLProgramModule,
   eo as WebGLRenderer,
   Hi as WebGLScissorModule,
-  ke as WebGLState,
+  Me as WebGLState,
   Fi as WebGLStateModule,
   Yi as WebGLStencilModule,
   Zi as WebGLTextureModule,
@@ -10732,7 +10674,7 @@ export {
   wt as Window,
   de as ZoomBlurEffect,
   Re as alignMap,
-  V as assets,
+  z as assets,
   Ur as boxSizingMap,
   ie as clamp,
   Ca as clampFrag,
@@ -10770,13 +10712,13 @@ export {
   Li as mapWebGLBlendModes,
   yr as nextPow2,
   Lr as nextTick,
-  kr as overflowMap,
+  Mr as overflowMap,
   Ol as parseCSSFilter,
   Vo as parseCSSTransform,
   Go as parseCSSTransformOrigin,
   Rt as parseCssFunctions,
   mt as parseCssProperty,
-  Mr as positionTypeMap,
+  kr as positionTypeMap,
   Ul as render,
   Ft as timingFunctions,
   ni as uid