wuepgg3-track 3.0.3 → 4.0.0

package/dist/{init-Bk9eSswv.mjs → init-DVJ9vOmS.mjs}

@@ -1,6 +1,6 @@
-import { E as m, U as ct, T as de, b as dt, a2 as w, a3 as U, t as C, ac as he, Z as I, ad as D, O as ht, n as Y, ae as ft, af as fe, _ as Se, ag as W, ah as pt, ai as P, w as X, G as Pe, a as Fe, M as R, m as A, h as Be, F, a5 as ie, R as se, z as Re, d as O, B, D as ne, x as K, aj as gt, ak as ae, J as te, al as V, S as oe, o as Me, s as Ue, a7 as Ge, aa as ze, p as mt, q as xt, a8 as _t, a9 as yt, ab as bt, am as vt, an as Tt, ao as N, e as T, ap as wt } from "./index-lRQCOP9E.mjs";
-import { F as Ct, S as j, c as $, a as St, b as Pt, B as Ae } from "./colorToUniform-BwrjBKZW.mjs";
-class ke {
+import { E as m, U as dt, T as he, b as ht, a3 as w, a4 as M, v as C, ad as fe, _ as W, ae as O, Q as ft, o as X, af as pt, ag as pe, $ as Pe, ah as E, ai as gt, aj as P, w as K, G as Fe, a as Be, M as R, n as k, i as Re, I as F, a6 as se, R as ne, H as Ue, h as I, B, D as ae, c as G, z as $, ak as mt, al as oe, L as re, am as L, S as ue, p as Me, t as Ge, a8 as ze, ab as Ae, q as xt, s as _t, a9 as yt, aa as bt, ac as vt, an as Tt, ao as wt, ap as q, e as T, aq as Ct } from "./index-BRD1ij9p.mjs";
+import { F as St, S as j, c as N, a as Pt, b as Ft, B as ke } from "./colorToUniform-COOzkdM9.mjs";
+class De {
   /**
    * Initialize the plugin with scope of application instance
    * @private
@@ -45,8 +45,8 @@ class ke {
     globalThis.removeEventListener("resize", this.queueResize), this._cancelResize(), this._cancelResize = null, this.queueResize = null, this.resizeTo = null, this.resize = null;
   }
 }
-ke.extension = m.Application;
-class De {
+De.extension = m.Application;
+class Oe {
   /**
    * Initialize the plugin with scope of application instance
    * @private
@@ -62,7 +62,7 @@ class De {
       {
         configurable: !0,
         set(t) {
-          this._ticker && this._ticker.remove(this.render, this), this._ticker = t, t && t.add(this.render, this, ct.LOW);
+          this._ticker && this._ticker.remove(this.render, this), this._ticker = t, t && t.add(this.render, this, dt.LOW);
         },
         get() {
           return this._ticker;
@@ -72,7 +72,7 @@ class De {
       this._ticker.stop();
     }, this.start = () => {
       this._ticker.start();
-    }, this._ticker = null, this.ticker = e.sharedTicker ? de.shared : new de(), e.autoStart && this.start();
+    }, this._ticker = null, this.ticker = e.sharedTicker ? he.shared : new he(), e.autoStart && this.start();
   }
   /**
    * Clean up the ticker, scoped to application.
@@ -85,8 +85,8 @@ class De {
     }
   }
 }
-De.extension = m.Application;
-class Ft extends dt {
+Oe.extension = m.Application;
+class Bt extends ht {
   constructor() {
     super(...arguments), this.chars = /* @__PURE__ */ Object.create(null), this.lineHeight = 0, this.fontFamily = "", this.fontMetrics = { fontSize: 0, ascent: 0, descent: 0 }, this.baseLineOffset = 0, this.distanceField = { type: "none", range: 0 }, this.pages = [], this.applyFillAsTint = !0, this.baseMeasurementFontSize = 100, this.baseRenderedFontSize = 100;
   }
@@ -95,35 +95,35 @@ class Ft extends dt {
    * @deprecated since 8.0.0 Use `fontFamily` instead.
    */
   get font() {
-    return w(U, "BitmapFont.font is deprecated, please use BitmapFont.fontFamily instead."), this.fontFamily;
+    return w(M, "BitmapFont.font is deprecated, please use BitmapFont.fontFamily instead."), this.fontFamily;
   }
   /**
    * The map of base page textures (i.e., sheets of glyphs).
    * @deprecated since 8.0.0 Use `pages` instead.
    */
   get pageTextures() {
-    return w(U, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
+    return w(M, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
   }
   /**
    * The size of the font face in pixels.
    * @deprecated since 8.0.0 Use `fontMetrics.fontSize` instead.
    */
   get size() {
-    return w(U, "BitmapFont.size is deprecated, please use BitmapFont.fontMetrics.fontSize instead."), this.fontMetrics.fontSize;
+    return w(M, "BitmapFont.size is deprecated, please use BitmapFont.fontMetrics.fontSize instead."), this.fontMetrics.fontSize;
   }
   /**
    * The kind of distance field for this font or "none".
    * @deprecated since 8.0.0 Use `distanceField.type` instead.
    */
   get distanceFieldRange() {
-    return w(U, "BitmapFont.distanceFieldRange is deprecated, please use BitmapFont.distanceField.range instead."), this.distanceField.range;
+    return w(M, "BitmapFont.distanceFieldRange is deprecated, please use BitmapFont.distanceField.range instead."), this.distanceField.range;
   }
   /**
    * The range of the distance field in pixels.
    * @deprecated since 8.0.0 Use `distanceField.range` instead.
    */
   get distanceFieldType() {
-    return w(U, "BitmapFont.distanceFieldType is deprecated, please use BitmapFont.distanceField.type instead."), this.distanceField.type;
+    return w(M, "BitmapFont.distanceFieldType is deprecated, please use BitmapFont.distanceField.type instead."), this.distanceField.type;
   }
   destroy(e = !1) {
     var t;
@@ -133,24 +133,24 @@ class Ft extends dt {
     this.chars = null, e && (this.pages.forEach((r) => r.texture.destroy(!0)), this.pages = null);
   }
 }
-const Oe = class Ie extends Ft {
+const Ie = class We extends Bt {
   /**
    * @param options - The options for the dynamic bitmap font.
    */
   constructor(e) {
     super(), this.resolution = 1, this.pages = [], this._padding = 0, this._measureCache = /* @__PURE__ */ Object.create(null), this._currentChars = [], this._currentX = 0, this._currentY = 0, this._currentMaxCharHeight = 0, this._currentPageIndex = -1, this._skipKerning = !1;
-    const t = { ...Ie.defaultOptions, ...e };
+    const t = { ...We.defaultOptions, ...e };
     this._textureSize = t.textureSize, this._mipmap = t.mipmap;
     const r = t.style.clone();
     t.overrideFill && (r._fill.color = 16777215, r._fill.alpha = 1, r._fill.texture = C.WHITE, r._fill.fill = null), this.applyFillAsTint = t.overrideFill;
     const i = r.fontSize;
     r.fontSize = this.baseMeasurementFontSize;
-    const s = he(r);
-    t.overrideSize ? r._stroke && (r._stroke.width *= this.baseRenderedFontSize / i) : r.fontSize = this.baseRenderedFontSize = i, this._style = r, this._skipKerning = t.skipKerning ?? !1, this.resolution = t.resolution ?? 1, this._padding = t.padding ?? 4, t.textureStyle && (this._textureStyle = t.textureStyle instanceof I ? t.textureStyle : new I(t.textureStyle)), this.fontMetrics = D.measureFont(s), this.lineHeight = r.lineHeight || this.fontMetrics.fontSize || r.fontSize;
+    const s = fe(r);
+    t.overrideSize ? r._stroke && (r._stroke.width *= this.baseRenderedFontSize / i) : r.fontSize = this.baseRenderedFontSize = i, this._style = r, this._skipKerning = t.skipKerning ?? !1, this.resolution = t.resolution ?? 1, this._padding = t.padding ?? 4, t.textureStyle && (this._textureStyle = t.textureStyle instanceof W ? t.textureStyle : new W(t.textureStyle)), this.fontMetrics = O.measureFont(s), this.lineHeight = r.lineHeight || this.fontMetrics.fontSize || r.fontSize;
   }
   ensureCharacters(e) {
     var b, x;
-    const t = D.graphemeSegmenter(e).filter((g) => !this._currentChars.includes(g)).filter((g, p, v) => v.indexOf(g) === p);
+    const t = O.graphemeSegmenter(e).filter((g) => !this._currentChars.includes(g)).filter((g, p, v) => v.indexOf(g) === p);
     if (!t.length)
       return;
     this._currentChars = [...this._currentChars, ...t];
@@ -163,21 +163,21 @@ const Oe = class Ie extends Ft {
     let f = !1;
     const y = i.width / this.resolution, _ = i.height / this.resolution;
     for (let g = 0; g < t.length; g++) {
-      const p = t[g], v = D.measureText(p, a, i, !1);
+      const p = t[g], v = O.measureText(p, a, i, !1);
       v.lineHeight = v.height;
-      const S = v.width * c, G = Math.ceil((a.fontStyle === "italic" ? 2 : 1) * S), k = v.height * c, M = G + h * 2, E = k + h * 2;
+      const S = v.width * c, z = Math.ceil((a.fontStyle === "italic" ? 2 : 1) * S), D = v.height * c, U = z + h * 2, V = D + h * 2;
       if (f = !1, p !== `
-` && p !== "\r" && p !== "	" && p !== " " && (f = !0, d = Math.ceil(Math.max(E, d))), u + M > y && (l += d, d = E, u = 0, l + d > _)) {
+` && p !== "\r" && p !== "	" && p !== " " && (f = !0, d = Math.ceil(Math.max(V, d))), u + U > y && (l += d, d = V, u = 0, l + d > _)) {
         n.update();
-        const z = this._nextPage();
-        i = z.canvasAndContext.canvas, s = z.canvasAndContext.context, n = z.texture.source, u = 0, l = 0, d = 0;
+        const A = this._nextPage();
+        i = A.canvasAndContext.canvas, s = A.canvasAndContext.context, n = A.texture.source, u = 0, l = 0, d = 0;
       }
-      const ut = S / c - (((b = a.dropShadow) == null ? void 0 : b.distance) ?? 0) - (((x = a._stroke) == null ? void 0 : x.width) ?? 0);
+      const lt = S / c - (((b = a.dropShadow) == null ? void 0 : b.distance) ?? 0) - (((x = a._stroke) == null ? void 0 : x.width) ?? 0);
       if (this.chars[p] = {
         id: p.codePointAt(0),
         xOffset: -this._padding,
         yOffset: -this._padding,
-        xAdvance: ut,
+        xAdvance: lt,
         kerning: {}
       }, f) {
         this._drawGlyph(
@@ -188,16 +188,16 @@ const Oe = class Ie extends Ft {
           c,
           a
         );
-        const z = n.width * c, ce = n.height * c, lt = new ht(
-          u / z * n.width,
-          l / ce * n.height,
-          M / z * n.width,
-          E / ce * n.height
+        const A = n.width * c, de = n.height * c, ct = new ft(
+          u / A * n.width,
+          l / de * n.height,
+          U / A * n.width,
+          V / de * n.height
         );
         this.chars[p].texture = new C({
           source: n,
-          frame: lt
-        }), u += Math.ceil(M);
+          frame: ct
+        }), u += Math.ceil(U);
       }
     }
     n.update(), this._currentX = u, this._currentY = l, this._currentMaxCharHeight = d, this._skipKerning && this._applyKerning(t, s);
@@ -207,7 +207,7 @@ const Oe = class Ie extends Ft {
    * The map of base page textures (i.e., sheets of glyphs).
    */
   get pageTextures() {
-    return w(U, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
+    return w(M, "BitmapFont.pageTextures is deprecated, please use BitmapFont.pages instead."), this.pages;
   }
   _applyKerning(e, t) {
     const r = this._measureCache;
@@ -226,14 +226,14 @@ const Oe = class Ie extends Ft {
   }
   _nextPage() {
     this._currentPageIndex++;
-    const e = this.resolution, t = Y.getOptimalCanvasAndContext(
+    const e = this.resolution, t = X.getOptimalCanvasAndContext(
       this._textureSize,
       this._textureSize,
       e
     );
     this._setupContext(t.context, this._style, e);
     const r = e * (this.baseRenderedFontSize / this.baseMeasurementFontSize), i = new C({
-      source: new ft({
+      source: new pt({
         resource: t.canvas,
         resolution: r,
         alphaMode: "premultiply-alpha-on-upload",
@@ -249,10 +249,10 @@ const Oe = class Ie extends Ft {
   }
   // canvas style!
   _setupContext(e, t, r) {
-    t.fontSize = this.baseRenderedFontSize, e.scale(r, r), e.font = he(t), t.fontSize = this.baseMeasurementFontSize, e.textBaseline = t.textBaseline;
+    t.fontSize = this.baseRenderedFontSize, e.scale(r, r), e.font = fe(t), t.fontSize = this.baseMeasurementFontSize, e.textBaseline = t.textBaseline;
     const i = t._stroke, s = (i == null ? void 0 : i.width) ?? 0;
-    if (i && (e.lineWidth = s, e.lineJoin = i.join, e.miterLimit = i.miterLimit, e.strokeStyle = fe(i, e)), t._fill && (e.fillStyle = fe(t._fill, e)), t.dropShadow) {
-      const n = t.dropShadow, a = Se.shared.setValue(n.color).toArray(), u = n.blur * r, l = n.distance * r;
+    if (i && (e.lineWidth = s, e.lineJoin = i.join, e.miterLimit = i.miterLimit, e.strokeStyle = pe(i, e)), t._fill && (e.fillStyle = pe(t._fill, e)), t.dropShadow) {
+      const n = t.dropShadow, a = Pe.shared.setValue(n.color).toArray(), u = n.blur * r, l = n.distance * r;
       e.shadowColor = `rgba(${a[0] * 255},${a[1] * 255},${a[2] * 255},${n.alpha})`, e.shadowBlur = u, e.shadowOffsetX = Math.cos(n.angle) * l, e.shadowOffsetY = Math.sin(n.angle) * l;
     } else
       e.shadowColor = "black", e.shadowBlur = 0, e.shadowOffsetX = 0, e.shadowOffsetY = 0;
@@ -268,18 +268,18 @@ const Oe = class Ie extends Ft {
     super.destroy();
     for (let e = 0; e < this.pages.length; e++) {
       const { canvasAndContext: t, texture: r } = this.pages[e];
-      Y.returnCanvasAndContext(t), r.destroy(!0);
+      X.returnCanvasAndContext(t), r.destroy(!0);
     }
     this.pages = null;
   }
 };
-Oe.defaultOptions = {
+Ie.defaultOptions = {
   textureSize: 512,
-  style: new W(),
+  style: new E(),
   mipmap: !0
 };
-let pe = Oe;
-function We(o, e, t, r) {
+let ge = Ie;
+function Ee(o, e, t, r) {
   const i = {
     width: 0,
     height: 0,
@@ -335,25 +335,25 @@ function We(o, e, t, r) {
 `)
         _();
       else if (!p) {
-        const M = v.xAdvance + (v.kerning[n] || 0) + d;
-        s.width += M, s.spaceWidth = M, s.spacesIndex.push(s.charPositions.length), s.chars.push(g);
+        const U = v.xAdvance + (v.kerning[n] || 0) + d;
+        s.width += U, s.spaceWidth = U, s.spacesIndex.push(s.charPositions.length), s.chars.push(g);
       }
     } else {
-      const k = v.kerning[n] || 0, M = v.xAdvance + k + d;
-      f && b(s.width + u.width + M) && (y(u), _()), u.positions[u.index++] = u.width + k, u.chars.push(g), u.width += M;
+      const D = v.kerning[n] || 0, U = v.xAdvance + D + d;
+      f && b(s.width + u.width + U) && (y(u), _()), u.positions[u.index++] = u.width + D, u.chars.push(g), u.width += U;
     }
     n = g;
   }
-  return _(), e.align === "center" ? Bt(i) : e.align === "right" ? Rt(i) : e.align === "justify" && Mt(i), i;
+  return _(), e.align === "center" ? Rt(i) : e.align === "right" ? Ut(i) : e.align === "justify" && Mt(i), i;
 }
-function Bt(o) {
+function Rt(o) {
   for (let e = 0; e < o.lines.length; e++) {
     const t = o.lines[e], r = o.width / 2 - t.width / 2;
     for (let i = 0; i < t.charPositions.length; i++)
       t.charPositions[i] += r;
   }
 }
-function Rt(o) {
+function Ut(o) {
   for (let e = 0; e < o.lines.length; e++) {
     const t = o.lines[e], r = o.width - t.width;
     for (let i = 0; i < t.charPositions.length; i++)
@@ -370,7 +370,7 @@ function Mt(o) {
       d === s && (s = r.spacesIndex[i++], n += l), r.charPositions[d] += n;
   }
 }
-function Ut(o) {
+function Gt(o) {
   if (o === "")
     return [];
   typeof o == "string" && (o = [o]);
@@ -394,8 +394,8 @@ function Ut(o) {
     throw new Error("[BitmapFont]: Empty set when resolving characters.");
   return e;
 }
-let L = 0;
-class Gt {
+let H = 0;
+class zt {
   constructor() {
     this.ALPHA = [["a", "z"], ["A", "Z"], " "], this.NUMERIC = [["0", "9"]], this.ALPHANUMERIC = [["a", "z"], ["A", "Z"], ["0", "9"], " "], this.ASCII = [[" ", "~"]], this.defaultOptions = {
       chars: this.ALPHANUMERIC,
@@ -403,7 +403,7 @@ class Gt {
       padding: 4,
       skipKerning: !1,
       textureStyle: null
-    }, this.measureCache = pt(1e3);
+    }, this.measureCache = gt(1e3);
   }
   /**
    * Get a font for the specified text and style.
@@ -416,14 +416,14 @@ class Gt {
     if (t._fill.fill && !t._stroke ? (r += t._fill.fill.styleKey, i = !1) : (t._stroke || t.dropShadow) && (r = `${t.styleKey}-bitmap`, i = !1), !P.has(r)) {
       const a = Object.create(t);
       a.lineHeight = 0;
-      const u = new pe({
+      const u = new ge({
         style: a,
         overrideFill: i,
         overrideSize: !0,
         ...this.defaultOptions
       });
-      L++, L > 50 && X("BitmapText", `You have dynamically created ${L} bitmap fonts, this can be inefficient. Try pre installing your font styles using \`BitmapFont.install({name:"style1", style})\``), u.once("destroy", () => {
-        L--, P.remove(r);
+      H++, H > 50 && K("BitmapText", `You have dynamically created ${H} bitmap fonts, this can be inefficient. Try pre installing your font styles using \`BitmapFont.install({name:"style1", style})\``), u.once("destroy", () => {
+        H--, P.remove(r);
       }), P.set(
         r,
         u
@@ -442,7 +442,7 @@ class Gt {
     const i = this.getFont(e, t), s = `${e}-${t.styleKey}-${r}`;
     if (this.measureCache.has(s))
       return this.measureCache.get(s);
-    const n = D.graphemeSegmenter(e), a = We(n, t, i, r);
+    const n = O.graphemeSegmenter(e), a = Ee(n, t, i, r);
     return this.measureCache.set(s, a), a;
   }
   /**
@@ -465,12 +465,12 @@ class Gt {
       resolution: (d = e[2]) == null ? void 0 : d.resolution,
       padding: (c = e[2]) == null ? void 0 : c.padding,
       skipKerning: (h = e[2]) == null ? void 0 : h.skipKerning
-    }, w(U, "BitmapFontManager.install(name, style, options) is deprecated, use BitmapFontManager.install({name, style, ...options})"));
+    }, w(M, "BitmapFontManager.install(name, style, options) is deprecated, use BitmapFontManager.install({name, style, ...options})"));
     const r = t == null ? void 0 : t.name;
     if (!r)
       throw new Error("[BitmapFontManager] Property `name` is required.");
     t = { ...this.defaultOptions, ...t };
-    const i = t.style, s = i instanceof W ? i : new W(i), n = t.dynamicFill ?? this._canUseTintForStyle(s), a = new pe({
+    const i = t.style, s = i instanceof E ? i : new E(i), n = t.dynamicFill ?? this._canUseTintForStyle(s), a = new ge({
       style: s,
       overrideFill: n,
       skipKerning: t.skipKerning,
@@ -478,7 +478,7 @@ class Gt {
       resolution: t.resolution,
       overrideSize: !1,
       textureStyle: t.textureStyle
-    }), u = Ut(t.chars);
+    }), u = Gt(t.chars);
     return a.ensureCharacters(u.join("")), P.set(`${r}-bitmap`, a), a.once("destroy", () => P.remove(`${r}-bitmap`)), a;
   }
   /**
@@ -500,8 +500,8 @@ class Gt {
     return !e._stroke && (!e.dropShadow || e.dropShadow.color === 0) && !e._fill.fill && e._fill.color === 16777215;
   }
 }
-const zt = new Gt();
-var At = `in vec2 aPosition;
+const At = new zt();
+var kt = `in vec2 aPosition;
 out vec2 vTextureCoord;
 
 uniform vec4 uInputSize;
@@ -528,13 +528,13 @@ void main(void)
     gl_Position = filterVertexPosition();
     vTextureCoord = filterTextureCoord();
 }
-`, kt = `in vec2 vTextureCoord;
+`, Dt = `in vec2 vTextureCoord;
 out vec4 finalColor;
 uniform sampler2D uTexture;
 void main() {
     finalColor = texture(uTexture, vTextureCoord);
 }
-`, ge = `struct GlobalFilterUniforms {
+`, me = `struct GlobalFilterUniforms {
   uInputSize: vec4<f32>,
   uInputPixel: vec4<f32>,
   uInputClamp: vec4<f32>,
@@ -584,15 +584,15 @@ fn mainFragment(
     return textureSample(uTexture, uSampler, uv);
 }
 `;
-class Dt extends Ct {
+class Ot extends St {
   constructor() {
-    const e = Pe.from({
-      vertex: { source: ge, entryPoint: "mainVertex" },
-      fragment: { source: ge, entryPoint: "mainFragment" },
+    const e = Fe.from({
+      vertex: { source: me, entryPoint: "mainVertex" },
+      fragment: { source: me, entryPoint: "mainFragment" },
       name: "passthrough-filter"
-    }), t = Fe.from({
-      vertex: At,
-      fragment: kt,
+    }), t = Be.from({
+      vertex: kt,
+      fragment: Dt,
       name: "passthrough-filter"
     });
     super({
@@ -601,7 +601,7 @@ class Dt extends Ct {
     });
   }
 }
-class Ee {
+class Ve {
   constructor(e) {
     this._renderer = e;
   }
@@ -628,7 +628,7 @@ class Ee {
     this._renderer = null;
   }
 }
-Ee.extension = {
+Ve.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -636,8 +636,8 @@ Ee.extension = {
   ],
   name: "filter"
 };
-const me = new R();
-function Ot(o, e) {
+const xe = new R();
+function It(o, e) {
   e.clear();
   const t = e.matrix;
   for (let r = 0; r < o.length; r++) {
@@ -645,11 +645,11 @@ function Ot(o, e) {
     if (i.globalDisplayStatus < 7)
       continue;
     const s = i.renderGroup ?? i.parentRenderGroup;
-    s != null && s.isCachedAsTexture ? e.matrix = me.copyFrom(s.textureOffsetInverseTransform).append(i.worldTransform) : s != null && s._parentCacheAsTextureRenderGroup ? e.matrix = me.copyFrom(s._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(i.groupTransform) : e.matrix = i.worldTransform, e.addBounds(i.bounds);
+    s != null && s.isCachedAsTexture ? e.matrix = xe.copyFrom(s.textureOffsetInverseTransform).append(i.worldTransform) : s != null && s._parentCacheAsTextureRenderGroup ? e.matrix = xe.copyFrom(s._parentCacheAsTextureRenderGroup.inverseWorldTransform).append(i.groupTransform) : e.matrix = i.worldTransform, e.addBounds(i.bounds);
   }
   return e.matrix = t, e;
 }
-const It = new ie({
+const Wt = new se({
   attributes: {
     aPosition: {
       buffer: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
@@ -660,21 +660,21 @@ const It = new ie({
   },
   indexBuffer: new Uint32Array([0, 1, 2, 0, 2, 3])
 });
-class Wt {
+class Et {
   constructor() {
-    this.skip = !1, this.inputTexture = null, this.backTexture = null, this.filters = null, this.bounds = new Re(), this.container = null, this.blendRequired = !1, this.outputRenderSurface = null, this.globalFrame = { x: 0, y: 0, width: 0, height: 0 }, this.firstEnabledIndex = -1, this.lastEnabledIndex = -1;
+    this.skip = !1, this.inputTexture = null, this.backTexture = null, this.filters = null, this.bounds = new Ue(), this.container = null, this.blendRequired = !1, this.outputRenderSurface = null, this.globalFrame = { x: 0, y: 0, width: 0, height: 0 }, this.firstEnabledIndex = -1, this.lastEnabledIndex = -1;
   }
 }
-class Ve {
+class Le {
   constructor(e) {
-    this._filterStackIndex = 0, this._filterStack = [], this._filterGlobalUniforms = new A({
+    this._filterStackIndex = 0, this._filterStack = [], this._filterGlobalUniforms = new k({
       uInputSize: { value: new Float32Array(4), type: "vec4<f32>" },
       uInputPixel: { value: new Float32Array(4), type: "vec4<f32>" },
       uInputClamp: { value: new Float32Array(4), type: "vec4<f32>" },
       uOutputFrame: { value: new Float32Array(4), type: "vec4<f32>" },
       uGlobalFrame: { value: new Float32Array(4), type: "vec4<f32>" },
       uOutputTexture: { value: new Float32Array(4), type: "vec4<f32>" }
-    }), this._globalFilterBindGroup = new Be({}), this.renderer = e;
+    }), this._globalFilterBindGroup = new Re({}), this.renderer = e;
   }
   /**
    * The back texture of the currently active filter. Requires the filter to have `blendRequired` set to true.
@@ -838,7 +838,7 @@ class Ve {
     (e = this._passthroughFilter) == null || e.destroy(!0), this._passthroughFilter = null;
   }
   _getPassthroughFilter() {
-    return this._passthroughFilter ?? (this._passthroughFilter = new Dt()), this._passthroughFilter;
+    return this._passthroughFilter ?? (this._passthroughFilter = new Ot()), this._passthroughFilter;
   }
   /**
    * Sets up the bind groups and renders the filter.
@@ -853,11 +853,11 @@ class Ve {
     } else
       this._globalFilterBindGroup.setResource(this._filterGlobalUniforms, 0);
     this._globalFilterBindGroup.setResource(t.source, 1), this._globalFilterBindGroup.setResource(t.source.style, 2), e.groups[0] = this._globalFilterBindGroup, r.encoder.draw({
-      geometry: It,
+      geometry: Wt,
       shader: e,
       state: e._state,
       topology: "triangle-list"
-    }), r.type === se.WEBGL && r.renderTarget.finishRenderPass();
+    }), r.type === ne.WEBGL && r.renderTarget.finishRenderPass();
   }
   /**
    * Sets up the filter textures including input texture and back texture if needed.
@@ -946,7 +946,7 @@ class Ve {
    * @param bounds - The bounds object to populate
    */
   _calculateFilterArea(e, t) {
-    if (e.renderables ? Ot(e.renderables, t) : e.filterEffect.filterArea ? (t.clear(), t.addRect(e.filterEffect.filterArea), t.applyMatrix(e.container.worldTransform)) : e.container.getFastGlobalBounds(!0, t), e.container) {
+    if (e.renderables ? It(e.renderables, t) : e.filterEffect.filterArea ? (t.clear(), t.addRect(e.filterEffect.filterArea), t.applyMatrix(e.container.worldTransform)) : e.container.getFastGlobalBounds(!0, t), e.container) {
       const i = (e.container.renderGroup || e.container.parentRenderGroup).cacheToLocalTransform;
       i && t.applyMatrix(i);
     }
@@ -988,7 +988,7 @@ class Ve {
         break;
       }
       if (p.blendRequired && !(((x = n.backBuffer) == null ? void 0 : x.useBackBuffer) ?? !0)) {
-        X("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."), f = !1;
+        K("Blend filter requires backBuffer on WebGL renderer to be enabled. Set `useBackBuffer: true` in the renderer options."), f = !1;
         break;
       }
       f = !0, h || (h = p.blendRequired);
@@ -1014,38 +1014,38 @@ class Ve {
   }
   _pushFilterData() {
     let e = this._filterStack[this._filterStackIndex];
-    return e || (e = this._filterStack[this._filterStackIndex] = new Wt()), this._filterStackIndex++, e;
+    return e || (e = this._filterStack[this._filterStackIndex] = new Et()), this._filterStackIndex++, e;
   }
 }
-Ve.extension = {
+Le.extension = {
   type: [
     m.WebGLSystem,
     m.WebGPUSystem
   ],
   name: "filter"
 };
-const Le = class He extends ie {
+const He = class Ye extends se {
   constructor(...e) {
     let t = e[0] ?? {};
-    t instanceof Float32Array && (w(U, "use new MeshGeometry({ positions, uvs, indices }) instead"), t = {
+    t instanceof Float32Array && (w(M, "use new MeshGeometry({ positions, uvs, indices }) instead"), t = {
       positions: t,
       uvs: e[1],
       indices: e[2]
-    }), t = { ...He.defaultOptions, ...t };
+    }), t = { ...Ye.defaultOptions, ...t };
     const r = t.positions || new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]);
     let i = t.uvs;
     i || (t.positions ? i = new Float32Array(r.length) : i = new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]));
-    const s = t.indices || new Uint32Array([0, 1, 2, 0, 2, 3]), n = t.shrinkBuffersToFit, a = new O({
+    const s = t.indices || new Uint32Array([0, 1, 2, 0, 2, 3]), n = t.shrinkBuffersToFit, a = new I({
       data: r,
       label: "attribute-mesh-positions",
       shrinkToFit: n,
       usage: B.VERTEX | B.COPY_DST
-    }), u = new O({
+    }), u = new I({
       data: i,
       label: "attribute-mesh-uvs",
       shrinkToFit: n,
       usage: B.VERTEX | B.COPY_DST
-    }), l = new O({
+    }), l = new I({
       data: s,
       label: "index-mesh-buffer",
       shrinkToFit: n,
@@ -1104,25 +1104,25 @@ const Le = class He extends ie {
     this.indexBuffer.data = e;
   }
 };
-Le.defaultOptions = {
+He.defaultOptions = {
   topology: "triangle-list",
   shrinkBuffersToFit: !1
 };
-let ue = Le;
-const xe = "http://www.w3.org/2000/svg", _e = "http://www.w3.org/1999/xhtml";
-class Ye {
+let le = He;
+const _e = "http://www.w3.org/2000/svg", ye = "http://www.w3.org/1999/xhtml";
+class Xe {
   constructor() {
-    this.svgRoot = document.createElementNS(xe, "svg"), this.foreignObject = document.createElementNS(xe, "foreignObject"), this.domElement = document.createElementNS(_e, "div"), this.styleElement = document.createElementNS(_e, "style");
+    this.svgRoot = document.createElementNS(_e, "svg"), this.foreignObject = document.createElementNS(_e, "foreignObject"), this.domElement = document.createElementNS(ye, "div"), this.styleElement = document.createElementNS(ye, "style");
     const { foreignObject: e, svgRoot: t, styleElement: r, domElement: i } = this;
-    e.setAttribute("width", "10000"), e.setAttribute("height", "10000"), e.style.overflow = "hidden", t.appendChild(e), e.appendChild(r), e.appendChild(i), this.image = ne.get().createImage();
+    e.setAttribute("width", "10000"), e.setAttribute("height", "10000"), e.style.overflow = "hidden", t.appendChild(e), e.appendChild(r), e.appendChild(i), this.image = ae.get().createImage();
   }
   destroy() {
     this.svgRoot.remove(), this.foreignObject.remove(), this.styleElement.remove(), this.domElement.remove(), this.image.src = "", this.image.remove(), this.svgRoot = null, this.foreignObject = null, this.styleElement = null, this.domElement = null, this.image = null, this.canvasAndContext = null;
   }
 }
-let ye;
-function Et(o, e, t, r) {
-  r || (r = ye || (ye = new Ye()));
+let be;
+function Vt(o, e, t, r) {
+  r || (r = be || (be = new Xe()));
   const { domElement: i, styleElement: s, svgRoot: n } = r;
   i.innerHTML = `<style>${e.cssStyle};</style><div style='padding:0'>${o}</div>`, i.setAttribute("style", "transform-origin: top left; display: inline-block"), t && (s.textContent = t), document.body.appendChild(n);
   const a = i.getBoundingClientRect();
@@ -1133,19 +1133,19 @@ function Et(o, e, t, r) {
     height: a.height - u
   };
 }
-class Vt {
+class Lt {
   constructor() {
     this.batches = [], this.batched = !1;
   }
   destroy() {
     this.batches.forEach((e) => {
-      K.return(e);
+      $.return(e);
     }), this.batches.length = 0;
   }
 }
-class Xe {
+class Ke {
   constructor(e, t) {
-    this.state = j.for2d(), this.renderer = e, this._adaptor = t, this.renderer.runners.contextChange.add(this);
+    this.state = j.for2d(), this.renderer = e, this._adaptor = t, this.renderer.runners.contextChange.add(this), this._managedGraphics = new G({ renderer: e, type: "renderable", priority: -1, name: "graphics" });
   }
   contextChange() {
     this._adaptor.contextChange(this.renderer);
@@ -1174,7 +1174,7 @@ class Xe {
     const s = r.customShader || this._adaptor.shader;
     this.state.blendMode = e.groupBlendMode;
     const n = s.resources.localUniforms.uniforms;
-    n.uTransformMatrix = e.groupTransform, n.uRound = t._roundPixels | e._roundPixels, $(
+    n.uTransformMatrix = e.groupTransform, n.uRound = t._roundPixels | e._roundPixels, N(
       e.groupColorAlpha,
       n.uColor,
       0
@@ -1195,21 +1195,21 @@ class Xe {
     return e._gpuData[this.renderer.uid] || this._initGpuDataForRenderable(e);
   }
   _initGpuDataForRenderable(e) {
-    const t = new Vt();
-    return e._gpuData[this.renderer.uid] = t, t;
+    const t = new Lt();
+    return e._gpuData[this.renderer.uid] = t, this._managedGraphics.add(e), t;
   }
   _updateBatchesForRenderable(e, t) {
     const r = e.context, i = this.renderer.graphicsContext.getGpuContext(r), s = this.renderer._roundPixels | e._roundPixels;
     t.batches = i.batches.map((n) => {
-      const a = K.get(gt);
+      const a = $.get(mt);
       return n.copyTo(a), a.renderable = e, a.roundPixels = s, a;
     });
   }
   destroy() {
-    this.renderer = null, this._adaptor.destroy(), this._adaptor = null, this.state = null;
+    this._managedGraphics.destroy(), this.renderer = null, this._adaptor.destroy(), this._adaptor = null, this.state = null;
   }
 }
-Xe.extension = {
+Ke.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -1217,11 +1217,11 @@ Xe.extension = {
   ],
   name: "graphics"
 };
-const Ke = class je extends ue {
+const $e = class je extends le {
   constructor(...e) {
     super({});
     let t = e[0] ?? {};
-    typeof t == "number" && (w(U, "PlaneGeometry constructor changed please use { width, height, verticesX, verticesY } instead"), t = {
+    typeof t == "number" && (w(M, "PlaneGeometry constructor changed please use { width, height, verticesX, verticesY } instead"), t = {
       width: t,
       height: e[1],
       verticesX: e[2],
@@ -1254,14 +1254,14 @@ const Ke = class je extends ue {
     this.buffers[0].data = new Float32Array(r), this.buffers[1].data = new Float32Array(i), this.indexBuffer.data = new Uint32Array(s), this.buffers[0].update(), this.buffers[1].update(), this.indexBuffer.update();
   }
 };
-Ke.defaultOptions = {
+$e.defaultOptions = {
   width: 100,
   height: 100,
   verticesX: 10,
   verticesY: 10
 };
-let Lt = Ke;
-class le {
+let Ht = $e;
+class ce {
   constructor() {
     this.batcherName = "default", this.packAsQuad = !1, this.indexOffset = 0, this.attributeOffset = 0, this.roundPixels = 0, this._batcher = null, this._batch = null, this._textureMatrixUpdateId = -1, this._uvUpdateId = -1;
   }
@@ -1311,17 +1311,17 @@ class le {
     return this.geometry.indices.length;
   }
 }
-class be {
+class ve {
   destroy() {
   }
 }
-class $e {
+class Ne {
   constructor(e, t) {
-    this.localUniforms = new A({
+    this.localUniforms = new k({
       uTransformMatrix: { value: new R(), type: "mat3x3<f32>" },
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
       uRound: { value: 0, type: "f32" }
-    }), this.localUniformsBindGroup = new Be({
+    }), this.localUniformsBindGroup = new Re({
       0: this.localUniforms
     }), this.renderer = e, this._adaptor = t, this._adaptor.init();
   }
@@ -1359,9 +1359,9 @@ class $e {
   execute(e) {
     if (!e.isRenderable)
       return;
-    e.state.blendMode = ae(e.groupBlendMode, e.texture._source);
+    e.state.blendMode = oe(e.groupBlendMode, e.texture._source);
     const t = this.localUniforms;
-    t.uniforms.uTransformMatrix = e.groupTransform, t.uniforms.uRound = this.renderer._roundPixels | e._roundPixels, t.update(), $(
+    t.uniforms.uTransformMatrix = e.groupTransform, t.uniforms.uRound = this.renderer._roundPixels | e._roundPixels, t.update(), N(
       e.groupColorAlpha,
       t.uniforms.uColor,
       0
@@ -1369,7 +1369,7 @@ class $e {
   }
   _getMeshData(e) {
     var t, r;
-    return (t = e._gpuData)[r = this.renderer.uid] || (t[r] = new be()), e._gpuData[this.renderer.uid].meshData || this._initMeshData(e);
+    return (t = e._gpuData)[r = this.renderer.uid] || (t[r] = new ve()), e._gpuData[this.renderer.uid].meshData || this._initMeshData(e);
   }
   _initMeshData(e) {
     return e._gpuData[this.renderer.uid].meshData = {
@@ -1380,17 +1380,17 @@ class $e {
   }
   _getBatchableMesh(e) {
     var t, r;
-    return (t = e._gpuData)[r = this.renderer.uid] || (t[r] = new be()), e._gpuData[this.renderer.uid].batchableMesh || this._initBatchableMesh(e);
+    return (t = e._gpuData)[r = this.renderer.uid] || (t[r] = new ve()), e._gpuData[this.renderer.uid].batchableMesh || this._initBatchableMesh(e);
   }
   _initBatchableMesh(e) {
-    const t = new le();
+    const t = new ce();
     return t.renderable = e, t.setTexture(e._texture), t.transform = e.groupTransform, t.roundPixels = this.renderer._roundPixels | e._roundPixels, e._gpuData[this.renderer.uid].batchableMesh = t, t;
   }
   destroy() {
     this.localUniforms = null, this.localUniformsBindGroup = null, this._adaptor.destroy(), this._adaptor = null, this.renderer = null;
   }
 }
-$e.extension = {
+Ne.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -1398,7 +1398,7 @@ $e.extension = {
   ],
   name: "mesh"
 };
-class Ht {
+class Yt {
   execute(e, t) {
     const r = e.state, i = e.renderer, s = t.shader || e.defaultShader;
     s.resources.uTexture = t.texture._source, s.resources.uniforms = e.localUniforms;
@@ -1408,7 +1408,7 @@ class Ht {
     n.drawElements(n.TRIANGLES, t.particleChildren.length * 6, l, 0);
   }
 }
-class Yt {
+class Xt {
   execute(e, t) {
     const r = e.renderer, i = t.shader || e.defaultShader;
     i.groups[0] = r.renderPipes.uniformBatch.getUniformBindGroup(e.localUniforms, !0), i.groups[1] = r.texture.getTextureBindGroup(t.texture);
@@ -1421,7 +1421,7 @@ class Yt {
     });
   }
 }
-function ve(o, e = null) {
+function Te(o, e = null) {
   const t = o * 6;
   if (t > 65535 ? e || (e = new Uint32Array(t)) : e || (e = new Uint16Array(t)), e.length !== t)
     throw new Error(`Out buffer length is incorrect, got ${e.length} and expected ${t}`);
@@ -1429,13 +1429,13 @@ function ve(o, e = null) {
     e[r + 0] = i + 0, e[r + 1] = i + 1, e[r + 2] = i + 2, e[r + 3] = i + 0, e[r + 4] = i + 2, e[r + 5] = i + 3;
   return e;
 }
-function Xt(o) {
+function Kt(o) {
   return {
-    dynamicUpdate: Te(o, !0),
-    staticUpdate: Te(o, !1)
+    dynamicUpdate: we(o, !0),
+    staticUpdate: we(o, !1)
   };
 }
-function Te(o, e) {
+function we(o, e) {
   const t = [];
   t.push(`
 
@@ -1452,7 +1452,7 @@ function Te(o, e) {
     if (e !== n.dynamic)
       continue;
     t.push(`offset = index + ${r}`), t.push(n.code);
-    const a = te(n.format);
+    const a = re(n.format);
     r += a.stride / 4;
   }
   t.push(`
@@ -1465,31 +1465,31 @@ function Te(o, e) {
 `);
   return new Function("ps", "f32v", "u32v", i);
 }
-class Kt {
+class $t {
   constructor(e) {
     this._size = 0, this._generateParticleUpdateCache = {};
     const t = this._size = e.size ?? 1e3, r = e.properties;
     let i = 0, s = 0;
     for (const d in r) {
-      const c = r[d], h = te(c.format);
+      const c = r[d], h = re(c.format);
       c.dynamic ? s += h.stride : i += h.stride;
     }
-    this._dynamicStride = s / 4, this._staticStride = i / 4, this.staticAttributeBuffer = new V(t * 4 * i), this.dynamicAttributeBuffer = new V(t * 4 * s), this.indexBuffer = ve(t);
-    const n = new ie();
+    this._dynamicStride = s / 4, this._staticStride = i / 4, this.staticAttributeBuffer = new L(t * 4 * i), this.dynamicAttributeBuffer = new L(t * 4 * s), this.indexBuffer = Te(t);
+    const n = new se();
     let a = 0, u = 0;
-    this._staticBuffer = new O({
+    this._staticBuffer = new I({
       data: new Float32Array(1),
       label: "static-particle-buffer",
       shrinkToFit: !1,
       usage: B.VERTEX | B.COPY_DST
-    }), this._dynamicBuffer = new O({
+    }), this._dynamicBuffer = new I({
       data: new Float32Array(1),
       label: "dynamic-particle-buffer",
       shrinkToFit: !1,
       usage: B.VERTEX | B.COPY_DST
     });
     for (const d in r) {
-      const c = r[d], h = te(c.format);
+      const c = r[d], h = re(c.format);
       c.dynamic ? (n.addAttribute(c.attributeName, {
         buffer: this._dynamicBuffer,
         stride: this._dynamicStride * 4,
@@ -1511,10 +1511,10 @@ class Kt {
     return this._generateParticleUpdateCache[t] ? this._generateParticleUpdateCache[t] : (this._generateParticleUpdateCache[t] = this.generateParticleUpdate(e), this._generateParticleUpdateCache[t]);
   }
   generateParticleUpdate(e) {
-    return Xt(e);
+    return Kt(e);
   }
   update(e, t) {
-    e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new V(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new V(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = ve(this._size), this.geometry.indexBuffer.setDataWithSize(
+    e.length > this._size && (t = !0, this._size = Math.max(e.length, this._size * 1.5 | 0), this.staticAttributeBuffer = new L(this._size * this._staticStride * 4 * 4), this.dynamicAttributeBuffer = new L(this._size * this._dynamicStride * 4 * 4), this.indexBuffer = Te(this._size), this.geometry.indexBuffer.setDataWithSize(
       this.indexBuffer,
       this.indexBuffer.byteLength,
       !0
@@ -1545,7 +1545,7 @@ function jt(o) {
   }
   return e.join("_");
 }
-var $t = `varying vec2 vUV;
+var Nt = `varying vec2 vUV;
 varying vec4 vColor;
 
 uniform sampler2D uTexture;
@@ -1553,7 +1553,7 @@ uniform sampler2D uTexture;
 void main(void){
     vec4 color = texture2D(uTexture, vUV) * vColor;
     gl_FragColor = color;
-}`, Nt = `attribute vec2 aVertex;
+}`, qt = `attribute vec2 aVertex;
 attribute vec2 aUV;
 attribute vec4 aColor;
 
@@ -1592,7 +1592,7 @@ void main(void){
     vUV = aUV;
     vColor = vec4(aColor.rgb * aColor.a, aColor.a) * uColor;
 }
-`, we = `
+`, Ce = `
 struct ParticleUniforms {
   uTranslationMatrix:mat3x3<f32>,
   uColor:vec4<f32>,
@@ -1655,18 +1655,18 @@ fn mainFragment(
    
     return sample;
 }`;
-class qt extends oe {
+class Qt extends ue {
   constructor() {
-    const e = Fe.from({
-      vertex: Nt,
-      fragment: $t
-    }), t = Pe.from({
+    const e = Be.from({
+      vertex: qt,
+      fragment: Nt
+    }), t = Fe.from({
       fragment: {
-        source: we,
+        source: Ce,
         entryPoint: "mainFragment"
       },
       vertex: {
-        source: we,
+        source: Ce,
         entryPoint: "mainVertex"
       }
     });
@@ -1677,11 +1677,11 @@ class qt extends oe {
         // this will be replaced with the texture from the particle container
         uTexture: C.WHITE.source,
         // this will be replaced with the texture style from the particle container
-        uSampler: new I({}),
+        uSampler: new W({}),
         // this will be replaced with the local uniforms from the particle container
         uniforms: {
           uTranslationMatrix: { value: new R(), type: "mat3x3<f32>" },
-          uColor: { value: new Se(16777215), type: "vec4<f32>" },
+          uColor: { value: new Pe(16777215), type: "vec4<f32>" },
           uRound: { value: 1, type: "f32" },
           uResolution: { value: [0, 0], type: "vec2<f32>" }
         }
@@ -1689,18 +1689,18 @@ class qt extends oe {
     });
   }
 }
-class Ne {
+class qe {
   /**
    * @param renderer - The renderer this sprite batch works for.
    * @param adaptor
    */
   constructor(e, t) {
-    this.state = j.for2d(), this.localUniforms = new A({
+    this.state = j.for2d(), this.localUniforms = new k({
       uTranslationMatrix: { value: new R(), type: "mat3x3<f32>" },
       uColor: { value: new Float32Array(4), type: "vec4<f32>" },
       uRound: { value: 1, type: "f32" },
       uResolution: { value: [0, 0], type: "vec2<f32>" }
-    }), this.renderer = e, this.adaptor = t, this.defaultShader = new qt(), this.state = j.for2d();
+    }), this.renderer = e, this.adaptor = t, this.defaultShader = new Qt(), this.state = j.for2d(), this._managedContainers = new G({ renderer: e, type: "renderable", name: "particleContainer" });
   }
   validateRenderable(e) {
     return !1;
@@ -1712,10 +1712,10 @@ class Ne {
     return e._gpuData[this.renderer.uid] || this._initBuffer(e);
   }
   _initBuffer(e) {
-    return e._gpuData[this.renderer.uid] = new Kt({
+    return e._gpuData[this.renderer.uid] = new $t({
       size: e.particleChildren.length,
       properties: e._properties
-    }), e._gpuData[this.renderer.uid];
+    }), this._managedContainers.add(e), e._gpuData[this.renderer.uid];
   }
   updateRenderable(e) {
   }
@@ -1726,9 +1726,9 @@ class Ne {
     const r = this.renderer, i = this.getBuffers(e);
     e.texture || (e.texture = t[0].texture);
     const s = this.state;
-    i.update(t, e._childrenDirty), e._childrenDirty = !1, s.blendMode = ae(e.blendMode, e.texture._source);
+    i.update(t, e._childrenDirty), e._childrenDirty = !1, s.blendMode = oe(e.blendMode, e.texture._source);
     const n = this.localUniforms.uniforms, a = n.uTranslationMatrix;
-    e.worldTransform.copyTo(a), a.prepend(r.globalUniforms.globalUniformData.projectionMatrix), n.uResolution = r.globalUniforms.globalUniformData.resolution, n.uRound = r._roundPixels | e._roundPixels, $(
+    e.worldTransform.copyTo(a), a.prepend(r.globalUniforms.globalUniformData.projectionMatrix), n.uResolution = r.globalUniforms.globalUniformData.resolution, n.uRound = r._roundPixels | e._roundPixels, N(
       e.groupColorAlpha,
       n.uColor,
       0
@@ -1736,34 +1736,34 @@ class Ne {
   }
   /** Destroys the ParticleRenderer. */
   destroy() {
-    this.renderer = null, this.defaultShader && (this.defaultShader.destroy(), this.defaultShader = null);
+    this._managedContainers.destroy(), this.renderer = null, this.defaultShader && (this.defaultShader.destroy(), this.defaultShader = null);
   }
 }
-class qe extends Ne {
+class Qe extends qe {
   constructor(e) {
-    super(e, new Ht());
+    super(e, new Yt());
   }
 }
-qe.extension = {
+Qe.extension = {
   type: [
     m.WebGLPipes
   ],
   name: "particle"
 };
-class Qe extends Ne {
+class Je extends qe {
   constructor(e) {
-    super(e, new Yt());
+    super(e, new Xt());
   }
 }
-Qe.extension = {
+Je.extension = {
   type: [
     m.WebGPUPipes
   ],
   name: "particle"
 };
-const Je = class Ze extends Lt {
+const Ze = class et extends Ht {
   constructor(e = {}) {
-    e = { ...Ze.defaultOptions, ...e }, super({
+    e = { ...et.defaultOptions, ...e }, super({
       width: e.width,
       height: e.height,
       verticesX: 4,
@@ -1800,7 +1800,7 @@ const Je = class Ze extends Lt {
     e[2] = e[10] = e[18] = e[26] = t * this._leftWidth, e[9] = e[11] = e[13] = e[15] = r * this._topHeight, e[4] = e[12] = e[20] = e[28] = 1 - t * this._rightWidth, e[17] = e[19] = e[21] = e[23] = 1 - r * this._bottomHeight, this.getBuffer("aUV").update();
   }
 };
-Je.defaultOptions = {
+Ze.defaultOptions = {
   /** The width of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
   width: 100,
   /** The height of the NineSlicePlane, setting this will actually modify the vertices and UV's of this plane. */
@@ -1818,18 +1818,18 @@ Je.defaultOptions = {
   /** The original height of the texture */
   originalHeight: 100
 };
-let Qt = Je;
-class Jt extends le {
+let Jt = Ze;
+class Zt extends ce {
   constructor() {
-    super(), this.geometry = new Qt();
+    super(), this.geometry = new Jt();
   }
   destroy() {
     this.geometry.destroy();
   }
 }
-class et {
+class tt {
   constructor(e) {
-    this._renderer = e;
+    this._renderer = e, this._managedSprites = new G({ renderer: e, type: "renderable", name: "nineSliceSprite" });
   }
   addRenderable(e, t) {
     const r = this._getGpuSprite(e);
@@ -1853,14 +1853,14 @@ class et {
     return e._gpuData[this._renderer.uid] || this._initGPUSprite(e);
   }
   _initGPUSprite(e) {
-    const t = e._gpuData[this._renderer.uid] = new Jt(), r = t;
-    return r.renderable = e, r.transform = e.groupTransform, r.texture = e._texture, r.roundPixels = this._renderer._roundPixels | e._roundPixels, e.didViewUpdate || this._updateBatchableSprite(e, r), t;
+    const t = e._gpuData[this._renderer.uid] = new Zt(), r = t;
+    return r.renderable = e, r.transform = e.groupTransform, r.texture = e._texture, r.roundPixels = this._renderer._roundPixels | e._roundPixels, this._managedSprites.add(e), e.didViewUpdate || this._updateBatchableSprite(e, r), t;
   }
   destroy() {
-    this._renderer = null;
+    this._managedSprites.destroy(), this._renderer = null;
   }
 }
-et.extension = {
+tt.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -1868,7 +1868,7 @@ et.extension = {
   ],
   name: "nineSliceSprite"
 };
-const Zt = {
+const er = {
   name: "tiling-bit",
   vertex: {
     header: (
@@ -1933,7 +1933,7 @@ const Zt = {
         `
     )
   }
-}, er = {
+}, tr = {
   name: "tiling-bit",
   vertex: {
     header: (
@@ -1978,25 +1978,25 @@ const Zt = {
     )
   }
 };
-let q, Q;
-class tr extends oe {
+let Q, J;
+class rr extends ue {
   constructor() {
-    q ?? (q = Me({
+    Q ?? (Q = Me({
       name: "tiling-sprite-shader",
       bits: [
-        St,
-        Zt,
-        Ue
+        Pt,
+        er,
+        Ge
       ]
-    })), Q ?? (Q = Ge({
+    })), J ?? (J = ze({
       name: "tiling-sprite-shader",
       bits: [
-        Pt,
-        er,
-        ze
+        Ft,
+        tr,
+        Ae
       ]
     }));
-    const e = new A({
+    const e = new k({
       uMapCoord: { value: new R(), type: "mat3x3<f32>" },
       uClampFrame: { value: new Float32Array([0, 0, 1, 1]), type: "vec4<f32>" },
       uClampOffset: { value: new Float32Array([0, 0]), type: "vec2<f32>" },
@@ -2004,10 +2004,10 @@ class tr extends oe {
       uSizeAnchor: { value: new Float32Array([100, 100, 0.5, 0.5]), type: "vec4<f32>" }
     });
     super({
-      glProgram: Q,
-      gpuProgram: q,
+      glProgram: J,
+      gpuProgram: Q,
       resources: {
-        localUniforms: new A({
+        localUniforms: new k({
           uTransformMatrix: { value: new R(), type: "mat3x3<f32>" },
           uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
           uRound: { value: 0, type: "f32" }
@@ -2030,7 +2030,7 @@ class tr extends oe {
     ), c.invert(), a.uniforms.uMapCoord = d.mapCoord, a.uniforms.uClampFrame = d.uClampFrame, a.uniforms.uClampOffset = d.uClampOffset, a.uniforms.uTextureTransform = c, a.uniforms.uSizeAnchor[0] = e, a.uniforms.uSizeAnchor[1] = t, a.uniforms.uSizeAnchor[2] = i, a.uniforms.uSizeAnchor[3] = s, n && (this.resources.uTexture = n.source, this.resources.uSampler = n.source.style);
   }
 }
-class rr extends ue {
+class ir extends le {
   constructor() {
     super({
       positions: new Float32Array([0, 0, 1, 0, 1, 1, 0, 1]),
@@ -2039,11 +2039,11 @@ class rr extends ue {
     });
   }
 }
-function ir(o, e) {
+function sr(o, e) {
   const t = o.anchor.x, r = o.anchor.y;
   e[0] = -t * o.width, e[1] = -r * o.height, e[2] = (1 - t) * o.width, e[3] = -r * o.height, e[4] = (1 - t) * o.width, e[5] = (1 - r) * o.height, e[6] = -t * o.width, e[7] = (1 - r) * o.height;
 }
-function sr(o, e, t, r) {
+function nr(o, e, t, r) {
   let i = 0;
   const s = o.length / e, n = r.a, a = r.b, u = r.c, l = r.d, d = r.tx, c = r.ty;
   for (t *= e; i < s; ) {
@@ -2051,20 +2051,20 @@ function sr(o, e, t, r) {
     o[t] = n * h + u * f + d, o[t + 1] = a * h + l * f + c, t += e, i++;
   }
 }
-function nr(o, e) {
+function ar(o, e) {
   const t = o.texture, r = t.frame.width, i = t.frame.height;
   let s = 0, n = 0;
   o.applyAnchorToTexture && (s = o.anchor.x, n = o.anchor.y), e[0] = e[6] = -s, e[2] = e[4] = 1 - s, e[1] = e[3] = -n, e[5] = e[7] = 1 - n;
   const a = R.shared;
-  a.copyFrom(o._tileTransform.matrix), a.tx /= o.width, a.ty /= o.height, a.invert(), a.scale(o.width / r, o.height / i), sr(e, 2, 0, a);
+  a.copyFrom(o._tileTransform.matrix), a.tx /= o.width, a.ty /= o.height, a.invert(), a.scale(o.width / r, o.height / i), nr(e, 2, 0, a);
 }
-const H = new rr();
-class ar {
+const Y = new ir();
+class or {
   constructor() {
-    this.canBatch = !0, this.geometry = new ue({
-      indices: H.indices.slice(),
-      positions: H.positions.slice(),
-      uvs: H.uvs.slice()
+    this.canBatch = !0, this.geometry = new le({
+      indices: Y.indices.slice(),
+      positions: Y.positions.slice(),
+      uvs: Y.uvs.slice()
     });
   }
   destroy() {
@@ -2072,9 +2072,9 @@ class ar {
     this.geometry.destroy(), (e = this.shader) == null || e.destroy();
   }
 }
-class tt {
+class rt {
   constructor(e) {
-    this._state = j.default2d, this._renderer = e;
+    this._state = j.default2d, this._renderer = e, this._managedTilingSprites = new G({ renderer: e, type: "renderable", name: "tilingSprite" });
   }
   validateRenderable(e) {
     const t = this._getTilingSpriteData(e), r = t.canBatch;
@@ -2094,22 +2094,22 @@ class tt {
     this._updateCanBatch(e);
     const i = this._getTilingSpriteData(e), { geometry: s, canBatch: n } = i;
     if (n) {
-      i.batchableMesh || (i.batchableMesh = new le());
+      i.batchableMesh || (i.batchableMesh = new ce());
       const a = i.batchableMesh;
       e.didViewUpdate && (this._updateBatchableMesh(e), a.geometry = s, a.renderable = e, a.transform = e.groupTransform, a.setTexture(e._texture)), a.roundPixels = this._renderer._roundPixels | e._roundPixels, r.addToBatch(a, t);
     } else
-      r.break(t), i.shader || (i.shader = new tr()), this.updateRenderable(e), t.add(e);
+      r.break(t), i.shader || (i.shader = new rr()), this.updateRenderable(e), t.add(e);
   }
   execute(e) {
     const { shader: t } = this._getTilingSpriteData(e);
     t.groups[0] = this._renderer.globalUniforms.bindGroup;
     const r = t.resources.localUniforms.uniforms;
-    r.uTransformMatrix = e.groupTransform, r.uRound = this._renderer._roundPixels | e._roundPixels, $(
+    r.uTransformMatrix = e.groupTransform, r.uRound = this._renderer._roundPixels | e._roundPixels, N(
       e.groupColorAlpha,
       r.uColor,
       0
-    ), this._state.blendMode = ae(e.groupBlendMode, e.texture._source), this._renderer.encoder.draw({
-      geometry: H,
+    ), this._state.blendMode = oe(e.groupBlendMode, e.texture._source), this._renderer.encoder.draw({
+      geometry: Y,
       shader: t,
       state: this._state
     });
@@ -2135,23 +2135,23 @@ class tt {
     return e._gpuData[this._renderer.uid] || this._initTilingSpriteData(e);
   }
   _initTilingSpriteData(e) {
-    const t = new ar();
-    return t.renderable = e, e._gpuData[this._renderer.uid] = t, t;
+    const t = new or();
+    return t.renderable = e, e._gpuData[this._renderer.uid] = t, this._managedTilingSprites.add(e), t;
   }
   _updateBatchableMesh(e) {
     const t = this._getTilingSpriteData(e), { geometry: r } = t, i = e.texture.source.style;
-    i.addressMode !== "repeat" && (i.addressMode = "repeat", i.update()), nr(e, r.uvs), ir(e, r.positions);
+    i.addressMode !== "repeat" && (i.addressMode = "repeat", i.update()), ar(e, r.uvs), sr(e, r.positions);
   }
   destroy() {
-    this._renderer = null;
+    this._managedTilingSprites.destroy(), this._renderer = null;
   }
   _updateCanBatch(e) {
     const t = this._getTilingSpriteData(e), r = e.texture;
     let i = !0;
-    return this._renderer.type === se.WEBGL && (i = this._renderer.context.supports.nonPowOf2wrapping), t.canBatch = r.textureMatrix.isSimple && (i || r.source.isPowerOfTwo), t.canBatch;
+    return this._renderer.type === ne.WEBGL && (i = this._renderer.context.supports.nonPowOf2wrapping), t.canBatch = r.textureMatrix.isSimple && (i || r.source.isPowerOfTwo), t.canBatch;
   }
 }
-tt.extension = {
+rt.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -2159,7 +2159,7 @@ tt.extension = {
   ],
   name: "tilingSprite"
 };
-const or = {
+const ur = {
   name: "local-uniform-msdf-bit",
   vertex: {
     header: (
@@ -2212,7 +2212,7 @@ const or = {
         `
     )
   }
-}, ur = {
+}, lr = {
   name: "local-uniform-msdf-bit",
   vertex: {
     header: (
@@ -2254,7 +2254,7 @@ const or = {
         `
     )
   }
-}, lr = {
+}, cr = {
   name: "msdf-bit",
   fragment: {
     header: (
@@ -2289,7 +2289,7 @@ const or = {
         `
     )
   }
-}, cr = {
+}, dr = {
   name: "msdf-bit",
   fragment: {
     header: (
@@ -2325,51 +2325,51 @@ const or = {
     )
   }
 };
-let J, Z;
-class dr extends oe {
+let Z, ee;
+class hr extends ue {
   constructor(e) {
-    const t = new A({
+    const t = new k({
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
       uTransformMatrix: { value: new R(), type: "mat3x3<f32>" },
       uDistance: { value: 4, type: "f32" },
       uRound: { value: 0, type: "f32" }
     });
-    J ?? (J = Me({
+    Z ?? (Z = Me({
       name: "sdf-shader",
       bits: [
-        mt,
-        xt(e),
-        or,
-        lr,
-        Ue
+        xt,
+        _t(e),
+        ur,
+        cr,
+        Ge
       ]
-    })), Z ?? (Z = Ge({
+    })), ee ?? (ee = ze({
       name: "sdf-shader",
       bits: [
-        _t,
-        yt(e),
-        ur,
-        cr,
-        ze
+        yt,
+        bt(e),
+        lr,
+        dr,
+        Ae
       ]
     })), super({
-      glProgram: Z,
-      gpuProgram: J,
+      glProgram: ee,
+      gpuProgram: Z,
       resources: {
         localUniforms: t,
-        batchSamplers: bt(e)
+        batchSamplers: vt(e)
       }
     });
   }
 }
-class hr extends vt {
+class fr extends Tt {
   destroy() {
     this.context.customShader && this.context.customShader.destroy(), super.destroy();
   }
 }
-class rt {
+class it {
   constructor(e) {
-    this._renderer = e;
+    this._renderer = e, this._managedBitmapTexts = new G({ renderer: e, type: "renderable", priority: -2, name: "bitmapText" });
   }
   validateRenderable(e) {
     const t = this._getGpuBitmapText(e);
@@ -2377,18 +2377,18 @@ class rt {
   }
   addRenderable(e, t) {
     const r = this._getGpuBitmapText(e);
-    Ce(e, r), e._didTextUpdate && (e._didTextUpdate = !1, this._updateContext(e, r)), this._renderer.renderPipes.graphics.addRenderable(r, t), r.context.customShader && this._updateDistanceField(e);
+    Se(e, r), e._didTextUpdate && (e._didTextUpdate = !1, this._updateContext(e, r)), this._renderer.renderPipes.graphics.addRenderable(r, t), r.context.customShader && this._updateDistanceField(e);
   }
   updateRenderable(e) {
     const t = this._getGpuBitmapText(e);
-    Ce(e, t), this._renderer.renderPipes.graphics.updateRenderable(t), t.context.customShader && this._updateDistanceField(e);
+    Se(e, t), this._renderer.renderPipes.graphics.updateRenderable(t), t.context.customShader && this._updateDistanceField(e);
   }
   _updateContext(e, t) {
-    const { context: r } = t, i = zt.getFont(e.text, e._style);
-    r.clear(), i.distanceField.type !== "none" && (r.customShader || (r.customShader = new dr(this._renderer.limits.maxBatchableTextures)));
-    const s = D.graphemeSegmenter(e.text), n = e._style;
+    const { context: r } = t, i = At.getFont(e.text, e._style);
+    r.clear(), i.distanceField.type !== "none" && (r.customShader || (r.customShader = new hr(this._renderer.limits.maxBatchableTextures)));
+    const s = O.graphemeSegmenter(e.text), n = e._style;
     let a = i.baseLineOffset;
-    const u = We(s, n, i, !0), l = n.padding, d = u.scale;
+    const u = Ee(s, n, i, !0), l = n.padding, d = u.scale;
     let c = u.width, h = u.height + u.offsetY;
     n._stroke && (c += n._stroke.width / d, h += n._stroke.width / d), r.translate(-e._anchor._x * c - l, -e._anchor._y * h - l).scale(d, d);
     const f = i.applyFillAsTint ? n._fill.color : 16777215;
@@ -2401,14 +2401,14 @@ class rt {
       for (let p = 0; p < g.charPositions.length; p++) {
         const v = g.chars[p], S = i.chars[v];
         if (S != null && S.texture) {
-          const G = S.texture;
+          const z = S.texture;
           r.texture(
-            G,
+            z,
             f || "black",
             Math.round(g.charPositions[p] + S.xOffset),
             Math.round(a + S.yOffset + b),
-            G.orig.width,
-            G.orig.height
+            z.orig.width,
+            z.orig.height
           );
         }
       }
@@ -2419,18 +2419,18 @@ class rt {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new hr();
-    return e._gpuData[this._renderer.uid] = t, this._updateContext(e, t), t;
+    const t = new fr();
+    return e._gpuData[this._renderer.uid] = t, this._updateContext(e, t), this._managedBitmapTexts.add(e), t;
   }
   _updateDistanceField(e) {
     const t = this._getGpuBitmapText(e).context, r = e._style.fontFamily, i = P.get(`${r}-bitmap`), { a: s, b: n, c: a, d: u } = e.groupTransform, l = Math.sqrt(s * s + n * n), d = Math.sqrt(a * a + u * u), c = (Math.abs(l) + Math.abs(d)) / 2, h = i.baseRenderedFontSize / e._style.fontSize, f = c * i.distanceField.range * (1 / h);
     t.customShader.resources.localUniforms.uniforms.uDistance = f;
   }
   destroy() {
-    this._renderer = null;
+    this._managedBitmapTexts.destroy(), this._renderer = null, this._managedBitmapTexts = null;
   }
 }
-rt.extension = {
+it.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -2438,37 +2438,38 @@ rt.extension = {
   ],
   name: "bitmapText"
 };
-function Ce(o, e) {
+function Se(o, e) {
   e.groupTransform = o.groupTransform, e.groupColorAlpha = o.groupColorAlpha, e.groupColor = o.groupColor, e.groupBlendMode = o.groupBlendMode, e.globalDisplayStatus = o.globalDisplayStatus, e.groupTransform = o.groupTransform, e.localDisplayStatus = o.localDisplayStatus, e.groupAlpha = o.groupAlpha, e._roundPixels = o._roundPixels;
 }
-class fr extends Ae {
-  /**
-   * Creates an instance of BatchableHTMLText.
-   * @param renderer - The renderer instance to be used.
-   */
-  constructor(e) {
-    super(), this.generatingTexture = !1, this.currentKey = "--", this._renderer = e, e.runners.resolutionChange.add(this);
-  }
-  /** Handles resolution changes for the HTML text. If the text has auto resolution enabled, it triggers a view update. */
-  resolutionChange() {
-    const e = this.renderable;
-    e._autoResolution && e.onViewUpdate();
+class pr extends ke {
+  constructor() {
+    super(...arguments), this.generatingTexture = !1, this.currentKey = "--";
   }
   /** Destroys the BatchableHTMLText instance. Returns the texture promise to the renderer and cleans up references. */
   destroy() {
-    const { htmlText: e } = this._renderer;
-    e.getReferenceCount(this.currentKey) === null ? e.returnTexturePromise(this.texturePromise) : e.decreaseReferenceCount(this.currentKey), this._renderer.runners.resolutionChange.remove(this), this.texturePromise = null, this._renderer = null;
+    this.texturePromise = null, this.generatingTexture = !1, this.currentKey = "--", super.destroy();
   }
 }
-function re(o, e) {
+function ie(o, e) {
   const { texture: t, bounds: r } = o, i = e._style._getFinalPadding();
-  Tt(r, e._anchor, t);
+  wt(r, e._anchor, t);
   const s = e._anchor._x * i * 2, n = e._anchor._y * i * 2;
   r.minX -= i - s, r.minY -= i - n, r.maxX -= i - s, r.maxY -= i - n;
 }
-class it {
+class st {
   constructor(e) {
-    this._renderer = e;
+    this._renderer = e, e.runners.resolutionChange.add(this), this._managedTexts = new G({
+      renderer: e,
+      type: "renderable",
+      onUnload: this.onTextUnload.bind(this),
+      name: "htmlText"
+    });
+  }
+  resolutionChange() {
+    for (const e in this._managedTexts.items) {
+      const t = this._managedTexts.items[e];
+      t != null && t._autoResolution && t.onViewUpdate();
+    }
   }
   validateRenderable(e) {
     const t = this._getGpuText(e), r = e.styleKey;
@@ -2480,7 +2481,7 @@ class it {
       const i = e._autoResolution ? this._renderer.resolution : e.resolution;
       (r.currentKey !== e.styleKey || e.resolution !== i) && this._updateGpuText(e).catch((s) => {
         console.error(s);
-      }), e._didTextUpdate = !1, re(r, e);
+      }), e._didTextUpdate = !1, ie(r, e);
     }
     this._renderer.renderPipes.batch.addToBatch(r, t);
   }
@@ -2500,20 +2501,27 @@ class it {
       this._renderer.htmlText.decreaseReferenceCount(t.currentKey), this._renderer.htmlText.returnTexturePromise(r);
     })), t.texturePromise = i, t.currentKey = e.styleKey, t.texture = await i;
     const s = e.renderGroup || e.parentRenderGroup;
-    s && (s.structureDidChange = !0), t.generatingTexture = !1, re(t, e);
+    s && (s.structureDidChange = !0), t.generatingTexture = !1, ie(t, e);
   }
   _getGpuText(e) {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new fr(this._renderer);
-    return t.renderable = e, t.transform = e.groupTransform, t.texture = C.EMPTY, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution, e._gpuData[this._renderer.uid] = t, t;
+    const t = new pr();
+    return t.renderable = e, t.transform = e.groupTransform, t.texture = C.EMPTY, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._resolution = e._autoResolution ? this._renderer.resolution : e.resolution, e._gpuData[this._renderer.uid] = t, this._managedTexts.add(e), t;
+  }
+  onTextUnload(e) {
+    const t = e._gpuData[this._renderer.uid];
+    if (!t)
+      return;
+    const { htmlText: r } = this._renderer;
+    r.getReferenceCount(t.currentKey) === null ? r.returnTexturePromise(t.texturePromise) : r.decreaseReferenceCount(t.currentKey);
   }
   destroy() {
-    this._renderer = null;
+    this._managedTexts.destroy(), this._renderer = null;
   }
 }
-it.extension = {
+st.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -2521,13 +2529,13 @@ it.extension = {
   ],
   name: "htmlText"
 };
-function pr() {
-  const { userAgent: o } = ne.get().getNavigator();
+function gr() {
+  const { userAgent: o } = ae.get().getNavigator();
   return /^((?!chrome|android).)*safari/i.test(o);
 }
-const gr = new Re();
-function st(o, e, t, r) {
-  const i = gr;
+const mr = new Ue();
+function nt(o, e, t, r) {
+  const i = mr;
   i.minX = 0, i.minY = 0, i.maxX = o.width / r | 0, i.maxY = o.height / r | 0;
   const s = F.getOptimalTexture(
     i.width,
@@ -2537,7 +2545,7 @@ function st(o, e, t, r) {
   );
   return s.source.uploadMethodId = "image", s.source.resource = o, s.source.alphaMode = "premultiply-alpha-on-upload", s.frame.width = e / r, s.frame.height = t / r, s.source.emit("update", s.source), s.updateUvs(), s;
 }
-function mr(o, e) {
+function xr(o, e) {
   const t = e.fontFamily, r = [], i = {}, s = /font-family:([^;"\s]+)/g, n = o.match(s);
   function a(u) {
     i[u] || (r.push(u), i[u] = !0);
@@ -2557,14 +2565,14 @@ function mr(o, e) {
   }
   return r;
 }
-async function xr(o) {
-  const t = await (await ne.get().fetch(o)).blob(), r = new FileReader();
+async function _r(o) {
+  const t = await (await ae.get().fetch(o)).blob(), r = new FileReader();
   return await new Promise((s, n) => {
     r.onloadend = () => s(r.result), r.onerror = n, r.readAsDataURL(t);
   });
 }
-async function _r(o, e) {
-  const t = await xr(e);
+async function yr(o, e) {
+  const t = await _r(e);
   return `@font-face {
         font-family: "${o.fontFamily}";
         font-weight: ${o.fontWeight};
@@ -2572,16 +2580,16 @@ async function _r(o, e) {
         src: url('${t}');
     }`;
 }
-const ee = /* @__PURE__ */ new Map();
-async function yr(o) {
+const te = /* @__PURE__ */ new Map();
+async function br(o) {
   const e = o.filter((t) => P.has(`${t}-and-url`)).map((t) => {
-    if (!ee.has(t)) {
+    if (!te.has(t)) {
       const { entries: r } = P.get(`${t}-and-url`), i = [];
       r.forEach((s) => {
         const n = s.url, u = s.faces.map((l) => ({ weight: l.weight, style: l.style }));
         i.push(
           ...u.map(
-            (l) => _r(
+            (l) => yr(
               {
                 fontWeight: l.weight,
                 fontStyle: l.style,
@@ -2591,41 +2599,41 @@ async function yr(o) {
             )
           )
         );
-      }), ee.set(
+      }), te.set(
         t,
         Promise.all(i).then((s) => s.join(`
 `))
       );
     }
-    return ee.get(t);
+    return te.get(t);
   });
   return (await Promise.all(e)).join(`
 `);
 }
-function br(o, e, t, r, i) {
+function vr(o, e, t, r, i) {
   const { domElement: s, styleElement: n, svgRoot: a } = i;
   s.innerHTML = `<style>${e.cssStyle}</style><div style='padding:0;'>${o}</div>`, s.setAttribute("style", `transform: scale(${t});transform-origin: top left; display: inline-block`), n.textContent = r;
   const { width: u, height: l } = i.image;
   return a.setAttribute("width", u.toString()), a.setAttribute("height", l.toString()), new XMLSerializer().serializeToString(a);
 }
-function vr(o, e) {
-  const t = Y.getOptimalCanvasAndContext(
+function Tr(o, e) {
+  const t = X.getOptimalCanvasAndContext(
     o.width,
     o.height,
     e
   ), { context: r } = t;
   return r.clearRect(0, 0, o.width, o.height), r.drawImage(o, 0, 0), t;
 }
-function Tr(o, e, t) {
+function wr(o, e, t) {
   return new Promise(async (r) => {
     t && await new Promise((i) => setTimeout(i, 100)), o.onload = () => {
       r();
     }, o.src = `data:image/svg+xml;charset=utf8,${encodeURIComponent(e)}`, o.crossOrigin = "anonymous";
   });
 }
-class nt {
+class at {
   constructor(e) {
-    this._activeTextures = {}, this._renderer = e, this._createCanvas = e.type === se.WEBGPU;
+    this._activeTextures = {}, this._renderer = e, this._createCanvas = e.type === ne.WEBGPU;
   }
   /**
    * @param options
@@ -2671,7 +2679,7 @@ class nt {
     t && (t.usageCount--, t.usageCount === 0 && (t.texture ? this._cleanUp(t.texture) : t.promise.then((r) => {
       t.texture = r, this._cleanUp(t.texture);
     }).catch(() => {
-      X("HTMLTextSystem: Failed to clean texture");
+      K("HTMLTextSystem: Failed to clean texture");
     }), this._activeTextures[e] = null));
   }
   /**
@@ -2683,26 +2691,26 @@ class nt {
     return this._buildTexturePromise(e);
   }
   async _buildTexturePromise(e) {
-    const { text: t, style: r, resolution: i, textureStyle: s } = e, n = K.get(Ye), a = mr(t, r), u = await yr(a), l = Et(t, r, u, n), d = Math.ceil(Math.ceil(Math.max(1, l.width) + r.padding * 2) * i), c = Math.ceil(Math.ceil(Math.max(1, l.height) + r.padding * 2) * i), h = n.image, f = 2;
+    const { text: t, style: r, resolution: i, textureStyle: s } = e, n = $.get(Xe), a = xr(t, r), u = await br(a), l = Vt(t, r, u, n), d = Math.ceil(Math.ceil(Math.max(1, l.width) + r.padding * 2) * i), c = Math.ceil(Math.ceil(Math.max(1, l.height) + r.padding * 2) * i), h = n.image, f = 2;
     h.width = (d | 0) + f, h.height = (c | 0) + f;
-    const y = br(t, r, i, u, n);
-    await Tr(h, y, pr() && a.length > 0);
+    const y = vr(t, r, i, u, n);
+    await wr(h, y, gr() && a.length > 0);
     const _ = h;
     let b;
-    this._createCanvas && (b = vr(h, i));
-    const x = st(
+    this._createCanvas && (b = Tr(h, i));
+    const x = nt(
       b ? b.canvas : _,
       h.width - f,
       h.height - f,
       i
     );
-    return s && (x.source.style = s), this._createCanvas && (this._renderer.texture.initSource(x.source), Y.returnCanvasAndContext(b)), K.return(n), x;
+    return s && (x.source.style = s), this._createCanvas && (this._renderer.texture.initSource(x.source), X.returnCanvasAndContext(b)), $.return(n), x;
   }
   returnTexturePromise(e) {
     e.then((t) => {
       this._cleanUp(t);
     }).catch(() => {
-      X("HTMLTextSystem: Failed to clean texture");
+      K("HTMLTextSystem: Failed to clean texture");
     });
   }
   _cleanUp(e) {
@@ -2715,7 +2723,7 @@ class nt {
     this._activeTextures = null;
   }
 }
-nt.extension = {
+at.extension = {
   type: [
     m.WebGLSystem,
     m.WebGPUSystem,
@@ -2723,22 +2731,22 @@ nt.extension = {
   ],
   name: "htmlText"
 };
-class wr extends Ae {
+class Cr extends ke {
+}
+class ot {
   constructor(e) {
-    super(), this._renderer = e, e.runners.resolutionChange.add(this);
+    this._renderer = e, e.runners.resolutionChange.add(this), this._managedTexts = new G({
+      renderer: e,
+      type: "renderable",
+      onUnload: this.onTextUnload.bind(this),
+      name: "canvasText"
+    });
   }
   resolutionChange() {
-    const e = this.renderable;
-    e._autoResolution && e.onViewUpdate();
-  }
-  destroy() {
-    const { canvasText: e } = this._renderer;
-    e.getReferenceCount(this.currentKey) > 0 ? e.decreaseReferenceCount(this.currentKey) : this.texture && e.returnTexture(this.texture), this._renderer.runners.resolutionChange.remove(this), this._renderer = null;
-  }
-}
-class at {
-  constructor(e) {
-    this._renderer = e;
+    for (const e in this._managedTexts.items) {
+      const t = this._managedTexts.items[e];
+      t != null && t._autoResolution && t.onViewUpdate();
+    }
   }
   validateRenderable(e) {
     const t = this._getGpuText(e), r = e.styleKey;
@@ -2748,7 +2756,7 @@ class at {
     const r = this._getGpuText(e);
     if (e._didTextUpdate) {
       const i = e._autoResolution ? this._renderer.resolution : e.resolution;
-      (r.currentKey !== e.styleKey || e.resolution !== i) && this._updateGpuText(e), e._didTextUpdate = !1, re(r, e);
+      (r.currentKey !== e.styleKey || e.resolution !== i) && this._updateGpuText(e), e._didTextUpdate = !1, ie(r, e);
     }
     this._renderer.renderPipes.batch.addToBatch(r, t);
   }
@@ -2764,14 +2772,21 @@ class at {
     return e._gpuData[this._renderer.uid] || this.initGpuText(e);
   }
   initGpuText(e) {
-    const t = new wr(this._renderer);
-    return t.currentKey = "--", t.renderable = e, t.transform = e.groupTransform, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, t;
+    const t = new Cr();
+    return t.currentKey = "--", t.renderable = e, t.transform = e.groupTransform, t.bounds = { minX: 0, maxX: 1, minY: 0, maxY: 0 }, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, this._managedTexts.add(e), t;
+  }
+  onTextUnload(e) {
+    const t = e._gpuData[this._renderer.uid];
+    if (!t)
+      return;
+    const { canvasText: r } = this._renderer;
+    r.getReferenceCount(t.currentKey) > 0 ? r.decreaseReferenceCount(t.currentKey) : t.texture && r.returnTexture(t.texture);
   }
   destroy() {
-    this._renderer = null;
+    this._managedTexts.destroy(), this._renderer = null;
   }
 }
-at.extension = {
+ot.extension = {
   type: [
     m.WebGLPipes,
     m.WebGPUPipes,
@@ -2779,7 +2794,7 @@ at.extension = {
   ],
   name: "text"
 };
-class ot {
+class ut {
   constructor(e) {
     this._activeTextures = {}, this._renderer = e;
   }
@@ -2788,17 +2803,17 @@ class ot {
       text: e,
       style: r,
       resolution: t
-    }), e.style instanceof W || (e.style = new W(e.style)), e.textureStyle instanceof I || (e.textureStyle = new I(e.textureStyle)), typeof e.text != "string" && (e.text = e.text.toString());
-    const { text: s, style: n, textureStyle: a } = e, u = e.resolution ?? this._renderer.resolution, { frame: l, canvasAndContext: d } = N.getCanvasAndContext({
+    }), e.style instanceof E || (e.style = new E(e.style)), e.textureStyle instanceof W || (e.textureStyle = new W(e.textureStyle)), typeof e.text != "string" && (e.text = e.text.toString());
+    const { text: s, style: n, textureStyle: a } = e, u = e.resolution ?? this._renderer.resolution, { frame: l, canvasAndContext: d } = q.getCanvasAndContext({
       text: s,
       style: n,
       resolution: u
-    }), c = st(d.canvas, l.width, l.height, u);
+    }), c = nt(d.canvas, l.width, l.height, u);
     if (a && (c.source.style = a), n.trim && (l.pad(n.padding), c.frame.copyFrom(l), c.frame.scale(1 / u), c.updateUvs()), n.filters) {
       const h = this._applyFilters(c, n.filters);
-      return this.returnTexture(c), N.returnCanvasAndContext(d), h;
+      return this.returnTexture(c), q.returnCanvasAndContext(d), h;
     }
-    return this._renderer.texture.initSource(c._source), N.returnCanvasAndContext(d), c;
+    return this._renderer.texture.initSource(c._source), q.returnCanvasAndContext(d), c;
   }
   /**
    * Returns a texture that was created wit the above `getTexture` function.
@@ -2894,7 +2909,7 @@ class ot {
     this._activeTextures = null;
   }
 }
-ot.extension = {
+ut.extension = {
   type: [
     m.WebGLSystem,
     m.WebGPUSystem,
@@ -2902,19 +2917,19 @@ ot.extension = {
   ],
   name: "canvasText"
 };
-T.add(ke);
 T.add(De);
-T.add(Xe);
-T.add(wt);
-T.add($e);
-T.add(qe);
+T.add(Oe);
+T.add(Ke);
+T.add(Ct);
+T.add(Ne);
 T.add(Qe);
+T.add(Je);
+T.add(ut);
 T.add(ot);
+T.add(it);
 T.add(at);
+T.add(st);
 T.add(rt);
-T.add(nt);
-T.add(it);
 T.add(tt);
-T.add(et);
+T.add(Le);
 T.add(Ve);
-T.add(Ee);