wuepgg3-track 2.0.4 → 2.0.6

package/dist/{SharedSystems-CSQMnjAX.mjs → SharedSystems-Cg8IHJ_7.mjs}

@@ -1,58 +1,6 @@
-import { q as Le, G as ae, t as ne, u as He, k as ie, M as v, v as oe, E as u, e as O, x as S, y as ze, z as F, F as b, R as L, H as le, I as We, s as m, S as f, h as B, w as H, J, K as Ve, b as X, B as k, i as U, L as M, j as T, N as w, O as Ne, a as je, Q as ue, V as de, W as ce, X as he, C as P, Y as $e, Z as A, D as z, _ as qe, P as Ke, c as Ye, T as Q, $ as Z, a0 as Je, a1 as Xe, a2 as Qe } from "./index-CyClmTrp.mjs";
-import { S as fe, B as pe, c as Ze } from "./colorToUniform-zJcCVLeu.mjs";
-const me = class I extends Le {
-  /**
-   * @param options - The optional parameters of this filter.
-   */
-  constructor(e) {
-    e = { ...I.defaultOptions, ...e }, super(e), this.enabled = !0, this._state = fe.for2d(), this.blendMode = e.blendMode, this.padding = e.padding, typeof e.antialias == "boolean" ? this.antialias = e.antialias ? "on" : "off" : this.antialias = e.antialias, this.resolution = e.resolution, this.blendRequired = e.blendRequired, this.clipToViewport = e.clipToViewport, this.addResource("uTexture", 0, 1);
-  }
-  /**
-   * Applies the filter
-   * @param filterManager - The renderer to retrieve the filter from
-   * @param input - The input render target.
-   * @param output - The target to output to.
-   * @param clearMode - Should the output be cleared before rendering to it
-   */
-  apply(e, t, r, s) {
-    e.applyFilter(this, t, r, s);
-  }
-  /**
-   * Get the blend mode of the filter.
-   * @default "normal"
-   */
-  get blendMode() {
-    return this._state.blendMode;
-  }
-  /** Sets the blend mode of the filter. */
-  set blendMode(e) {
-    this._state.blendMode = e;
-  }
-  /**
-   * A short hand function to create a filter based of a vertex and fragment shader src.
-   * @param options
-   * @returns A shiny new PixiJS filter!
-   */
-  static from(e) {
-    const { gpu: t, gl: r, ...s } = e;
-    let n, i;
-    return t && (n = ae.from(t)), r && (i = ne.from(r)), new I({
-      gpuProgram: n,
-      glProgram: i,
-      ...s
-    });
-  }
-};
-me.defaultOptions = {
-  blendMode: "normal",
-  resolution: 1,
-  padding: 0,
-  antialias: "off",
-  blendRequired: !1,
-  clipToViewport: !0
-};
-let et = me;
-var tt = `in vec2 vMaskCoord;
+import { u as Ee, m as ae, M as v, G as De, a as Oe, v as ne, E as u, e as D, x as S, y as Fe, z as O, F as b, R as F, H as ie, I as Le, t as m, c as f, j as B, w as L, J as Y, K as He, d as J, B as k, k as U, L as ze, N as M, l as T, O as w, Q as We, b as Ve, V as oe, W as le, X as ue, Y as de, C as P, Z as Ne, _ as A, $ as X, D as H, a0 as je, P as $e, h as qe, T as Q, a1 as Z, a2 as Ke, a3 as Ye, a4 as Je } from "./index-qbfgPm_j.mjs";
+import { F as Xe, S as Qe, B as ce, c as Ze } from "./colorToUniform-CSn0Emyh.mjs";
+var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;
 
 uniform sampler2D uTexture;
@@ -86,7 +34,7 @@ void main(void)
 
     finalColor = original * a;
 }
-`, rt = `in vec2 aPosition;
+`, tt = `in vec2 aPosition;
 
 out vec2 vTextureCoord;
 out vec2 vMaskCoord;
@@ -222,14 +170,14 @@ fn mainFragment(
     return source * a;
 }
 `;
-class st extends et {
+class rt extends Xe {
   constructor(e) {
-    const { sprite: t, ...r } = e, s = new He(t.texture), n = new ie({
+    const { sprite: t, ...r } = e, s = new Ee(t.texture), n = new ae({
       uFilterMatrix: { value: new v(), type: "mat3x3<f32>" },
       uMaskClamp: { value: s.uClampFrame, type: "vec4<f32>" },
       uAlpha: { value: 1, type: "f32" },
       uInverse: { value: e.inverse ? 1 : 0, type: "f32" }
-    }), i = ae.from({
+    }), i = De.from({
       vertex: {
         source: ee,
         entryPoint: "mainVertex"
@@ -238,9 +186,9 @@ class st extends et {
         source: ee,
         entryPoint: "mainFragment"
       }
-    }), o = ne.from({
-      vertex: rt,
-      fragment: tt,
+    }), o = Oe.from({
+      vertex: tt,
+      fragment: et,
       name: "mask-filter"
     });
     super({
@@ -267,17 +215,17 @@ class st extends et {
     ).prepend(this._textureMatrix.mapCoord), this.resources.uMaskTexture = this.sprite.texture.source, e.applyFilter(this, t, r, s);
   }
 }
-const W = class ve {
+const z = class he {
   constructor(e, t) {
     var r, s;
-    this.state = fe.for2d(), this._batchersByInstructionSet = /* @__PURE__ */ Object.create(null), this._activeBatches = /* @__PURE__ */ Object.create(null), this.renderer = e, this._adaptor = t, (s = (r = this._adaptor).init) == null || s.call(r, this);
+    this.state = Qe.for2d(), this._batchersByInstructionSet = /* @__PURE__ */ Object.create(null), this._activeBatches = /* @__PURE__ */ Object.create(null), this.renderer = e, this._adaptor = t, (s = (r = this._adaptor).init) == null || s.call(r, this);
   }
   static getBatcher(e) {
     return new this._availableBatchers[e]();
   }
   buildStart(e) {
     let t = this._batchersByInstructionSet[e.uid];
-    t || (t = this._batchersByInstructionSet[e.uid] = /* @__PURE__ */ Object.create(null), t.default || (t.default = new oe({
+    t || (t = this._batchersByInstructionSet[e.uid] = /* @__PURE__ */ Object.create(null), t.default || (t.default = new ne({
       maxTextures: this.renderer.limits.maxBatchableTextures
     }))), this._activeBatches = t, this._activeBatch = this._activeBatches.default;
     for (const r in this._activeBatches)
@@ -287,7 +235,7 @@ const W = class ve {
     if (this._activeBatch.name !== e.batcherName) {
       this._activeBatch.break(t);
       let r = this._activeBatches[e.batcherName];
-      r || (r = this._activeBatches[e.batcherName] = ve.getBatcher(e.batcherName), r.begin()), this._activeBatch = r;
+      r || (r = this._activeBatches[e.batcherName] = he.getBatcher(e.batcherName), r.begin()), this._activeBatch = r;
     }
     this._activeBatch.add(e);
   }
@@ -323,7 +271,7 @@ const W = class ve {
     this._activeBatches = null;
   }
 };
-W.extension = {
+z.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -331,11 +279,11 @@ W.extension = {
   ],
   name: "batch"
 };
-W._availableBatchers = /* @__PURE__ */ Object.create(null);
-let ge = W;
-O.handleByMap(u.Batcher, ge._availableBatchers);
-O.add(oe);
-const Ut = {
+z._availableBatchers = /* @__PURE__ */ Object.create(null);
+let fe = z;
+D.handleByMap(u.Batcher, fe._availableBatchers);
+D.add(ne);
+const Bt = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -373,7 +321,7 @@ const Ut = {
         `
     )
   }
-}, At = {
+}, Ut = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -405,11 +353,11 @@ const Ut = {
         `
     )
   }
-}, at = new F();
-class nt extends le {
+}, st = new O();
+class at extends ie {
   constructor() {
-    super(), this.filters = [new st({
-      sprite: new We(m.EMPTY),
+    super(), this.filters = [new rt({
+      sprite: new Le(m.EMPTY),
       inverse: !1,
       resolution: "inherit",
       antialias: "inherit"
@@ -428,7 +376,7 @@ class nt extends le {
     this.filters[0].inverse = e;
   }
 }
-class xe {
+class pe {
   constructor(e) {
     this._activeMaskStage = [], this._renderer = e;
   }
@@ -470,10 +418,10 @@ class xe {
   execute(e) {
     const t = this._renderer, r = e.mask.renderMaskToTexture;
     if (e.action === "pushMaskBegin") {
-      const s = S.get(nt);
+      const s = S.get(at);
       if (s.inverse = e.inverse, r) {
         e.mask.mask.measurable = !0;
-        const n = ze(e.mask.mask, !0, at);
+        const n = Fe(e.mask.mask, !0, st);
         e.mask.mask.measurable = !1, n.ceil();
         const i = t.renderTarget.renderTarget.colorTexture.source, o = b.getOptimalTexture(
           n.width,
@@ -498,7 +446,7 @@ class xe {
         });
     } else if (e.action === "pushMaskEnd") {
       const s = this._activeMaskStage[this._activeMaskStage.length - 1];
-      r && (t.type === L.WEBGL && t.renderTarget.finishRenderPass(), t.renderTarget.pop(), t.globalUniforms.pop()), t.filter.push({
+      r && (t.type === F.WEBGL && t.renderTarget.finishRenderPass(), t.renderTarget.pop(), t.globalUniforms.pop()), t.filter.push({
         renderPipeId: "filter",
         action: "pushFilter",
         container: s.maskedContainer,
@@ -515,7 +463,7 @@ class xe {
     this._renderer = null, this._activeMaskStage = null;
   }
 }
-xe.extension = {
+pe.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -523,7 +471,7 @@ xe.extension = {
   ],
   name: "alphaMask"
 };
-class _e {
+class me {
   constructor(e) {
     this._colorStack = [], this._colorStackIndex = 0, this._currentColor = 0, this._renderer = e;
   }
@@ -556,10 +504,10 @@ class _e {
     this._renderer.colorMask.setMask(e.colorMask);
   }
   destroy() {
-    this._colorStack = null;
+    this._renderer = null, this._colorStack = null;
   }
 }
-_e.extension = {
+me.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -567,7 +515,7 @@ _e.extension = {
   ],
   name: "colorMask"
 };
-class be {
+class ve {
   constructor(e) {
     this._maskStackHash = {}, this._maskHash = /* @__PURE__ */ new WeakMap(), this._renderer = e;
   }
@@ -630,7 +578,7 @@ class be {
     this._renderer = null, this._maskStackHash = null, this._maskHash = null;
   }
 }
-be.extension = {
+ve.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -638,14 +586,14 @@ be.extension = {
   ],
   name: "stencilMask"
 };
-function It(a, e) {
+function At(a, e) {
   for (const t in a.attributes) {
     const r = a.attributes[t], s = e[t];
-    s ? (r.format ?? (r.format = s.format), r.offset ?? (r.offset = s.offset), r.instance ?? (r.instance = s.instance)) : H(`Attribute ${t} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
+    s ? (r.format ?? (r.format = s.format), r.offset ?? (r.offset = s.offset), r.instance ?? (r.instance = s.instance)) : L(`Attribute ${t} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
   }
-  it(a);
+  nt(a);
 }
-function it(a) {
+function nt(a) {
   const { buffers: e, attributes: t } = a, r = {}, s = {};
   for (const n in e) {
     const i = e[n];
@@ -653,20 +601,20 @@ function it(a) {
   }
   for (const n in t) {
     const i = t[n];
-    r[i.buffer.uid] += J(i.format).stride;
+    r[i.buffer.uid] += Y(i.format).stride;
   }
   for (const n in t) {
     const i = t[n];
-    i.stride ?? (i.stride = r[i.buffer.uid]), i.start ?? (i.start = s[i.buffer.uid]), s[i.buffer.uid] += J(i.format).stride;
+    i.stride ?? (i.stride = r[i.buffer.uid]), i.start ?? (i.start = s[i.buffer.uid]), s[i.buffer.uid] += Y(i.format).stride;
   }
 }
-const x = [];
-x[f.NONE] = void 0;
-x[f.DISABLED] = {
+const _ = [];
+_[f.NONE] = void 0;
+_[f.DISABLED] = {
   stencilWriteMask: 0,
   stencilReadMask: 0
 };
-x[f.RENDERING_MASK_ADD] = {
+_[f.RENDERING_MASK_ADD] = {
   stencilFront: {
     compare: "equal",
     passOp: "increment-clamp"
@@ -676,7 +624,7 @@ x[f.RENDERING_MASK_ADD] = {
     passOp: "increment-clamp"
   }
 };
-x[f.RENDERING_MASK_REMOVE] = {
+_[f.RENDERING_MASK_REMOVE] = {
   stencilFront: {
     compare: "equal",
     passOp: "decrement-clamp"
@@ -686,7 +634,7 @@ x[f.RENDERING_MASK_REMOVE] = {
     passOp: "decrement-clamp"
   }
 };
-x[f.MASK_ACTIVE] = {
+_[f.MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "equal",
@@ -697,7 +645,7 @@ x[f.MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-x[f.INVERSE_MASK_ACTIVE] = {
+_[f.INVERSE_MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "not-equal",
@@ -708,7 +656,7 @@ x[f.INVERSE_MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-class Gt {
+class It {
   constructor(e) {
     this._syncFunctionHash = /* @__PURE__ */ Object.create(null), this._adaptor = e, this._systemCheck();
   }
@@ -718,12 +666,12 @@ class Gt {
    * @private
    */
   _systemCheck() {
-    if (!Ve())
+    if (!He())
       throw new Error("Current environment does not allow unsafe-eval, please use pixi.js/unsafe-eval module to enable support.");
   }
   ensureUniformGroup(e) {
     const t = this.getUniformGroupData(e);
-    e.buffer || (e.buffer = new X({
+    e.buffer || (e.buffer = new J({
       data: new Float32Array(t.layout.size / 4),
       usage: k.UNIFORM | k.COPY_DST
     }));
@@ -748,7 +696,7 @@ class Gt {
   }
   syncUniformGroup(e, t, r) {
     const s = this.getUniformGroupData(e);
-    e.buffer || (e.buffer = new X({
+    e.buffer || (e.buffer = new J({
       data: new Float32Array(s.layout.size / 4),
       usage: k.UNIFORM | k.COPY_DST
     }));
@@ -874,7 +822,7 @@ const C = [
         `
   }
 ];
-function Dt(a, e, t, r) {
+function Gt(a, e, t, r) {
   const s = [`
         var v = null;
         var v2 = null;
@@ -929,7 +877,7 @@ function g(a, e) {
         }
     `;
 }
-const ot = {
+const it = {
   f32: `
         data[offset] = v;`,
   i32: `
@@ -984,7 +932,7 @@ const ot = {
   "mat2x4<f32>": g(2, 4),
   "mat3x4<f32>": g(3, 4)
 }, Et = {
-  ...ot,
+  ...it,
   "mat2x2<f32>": `
         data[offset] = v[0];
         data[offset + 1] = v[1];
@@ -992,35 +940,36 @@ const ot = {
         data[offset + 3] = v[3];
     `
 };
-function lt(a, e, t, r, s, n) {
+function ot(a, e, t, r, s, n) {
   const i = n ? 1 : -1;
   return a.identity(), a.a = 1 / r * 2, a.d = i * (1 / s * 2), a.tx = -1 - e * a.a, a.ty = -i - t * a.d, a;
 }
-const _ = /* @__PURE__ */ new Map();
-function Te(a, e) {
-  if (!_.has(a)) {
+const x = /* @__PURE__ */ new Map();
+ze.register(x);
+function ge(a, e) {
+  if (!x.has(a)) {
     const t = new m({
       source: new U({
         resource: a,
         ...e
       })
     }), r = () => {
-      _.get(a) === t && _.delete(a);
+      x.get(a) === t && x.delete(a);
     };
-    t.once("destroy", r), t.source.once("destroy", r), _.set(a, t);
+    t.once("destroy", r), t.source.once("destroy", r), x.set(a, t);
   }
-  return _.get(a);
+  return x.get(a);
 }
-function ut(a) {
+function lt(a) {
   const e = a.colorTexture.source.resource;
   return globalThis.HTMLCanvasElement && e instanceof HTMLCanvasElement && document.body.contains(e);
 }
-const ye = class ke {
+const xe = class _e {
   /**
    * @param [descriptor] - Options for creating a render target.
    */
   constructor(e = {}) {
-    if (this.uid = M("renderTarget"), this.colorTextures = [], this.dirtyId = 0, this.isRoot = !1, this._size = new Float32Array(2), this._managedColorTextures = !1, e = { ...ke.defaultOptions, ...e }, this.stencil = e.stencil, this.depth = e.depth, this.isRoot = e.isRoot, typeof e.colorTextures == "number") {
+    if (this.uid = M("renderTarget"), this.colorTextures = [], this.dirtyId = 0, this.isRoot = !1, this._size = new Float32Array(2), this._managedColorTextures = !1, e = { ..._e.defaultOptions, ...e }, this.stencil = e.stencil, this.depth = e.depth, this.isRoot = e.isRoot, typeof e.colorTextures == "number") {
       this._managedColorTextures = !0;
       for (let t = 0; t < e.colorTextures; t++)
         this.colorTextures.push(
@@ -1091,7 +1040,7 @@ const ye = class ke {
     }), this.depthStencilTexture && (this.depthStencilTexture.destroy(), delete this.depthStencilTexture);
   }
 };
-ye.defaultOptions = {
+xe.defaultOptions = {
   /** the width of the RenderTarget */
   width: 0,
   /** the height of the RenderTarget */
@@ -1110,10 +1059,10 @@ ye.defaultOptions = {
   /** is this a root element, true if this is gl context owners render target */
   isRoot: !1
 };
-let G = ye;
-class Ot {
+let I = xe;
+class Dt {
   constructor(e) {
-    this.rootViewPort = new w(), this.viewport = new w(), this.onRenderTargetChange = new Ne("onRenderTargetChange"), this.projectionMatrix = new v(), this.defaultClearColor = [0, 0, 0, 0], this._renderSurfaceToRenderTargetHash = /* @__PURE__ */ new Map(), this._gpuRenderTargetHash = /* @__PURE__ */ Object.create(null), this._renderTargetStack = [], this._renderer = e, e.renderableGC.addManagedHash(this, "_gpuRenderTargetHash");
+    this.rootViewPort = new w(), this.viewport = new w(), this.onRenderTargetChange = new We("onRenderTargetChange"), this.projectionMatrix = new v(), this.defaultClearColor = [0, 0, 0, 0], this._renderSurfaceToRenderTargetHash = /* @__PURE__ */ new Map(), this._gpuRenderTargetHash = /* @__PURE__ */ Object.create(null), this._renderTargetStack = [], this._renderer = e, e.renderableGC.addManagedHash(this, "_gpuRenderTargetHash");
   }
   /** called when dev wants to finish a render pass */
   finishRenderPass() {
@@ -1139,7 +1088,7 @@ class Ot {
       t,
       r,
       s
-    ), this.rootViewPort.copyFrom(this.viewport), this.rootRenderTarget = this.renderTarget, this.renderingToScreen = ut(this.rootRenderTarget), (i = (n = this.adaptor).prerender) == null || i.call(n, this.rootRenderTarget);
+    ), this.rootViewPort.copyFrom(this.viewport), this.rootRenderTarget = this.renderTarget, this.renderingToScreen = lt(this.rootRenderTarget), (i = (n = this.adaptor).prerender) == null || i.call(n, this.rootRenderTarget);
   }
   postrender() {
     var e, t;
@@ -1168,7 +1117,7 @@ class Ot {
       d.x = s.x * p + 0.5 | 0, d.y = s.y * p + 0.5 | 0, d.width = s.width * p + 0.5 | 0, d.height = s.height * p + 0.5 | 0;
     } else
       d.x = 0, d.y = 0, d.width = c, d.height = h;
-    return lt(
+    return ot(
       this.projectionMatrix,
       0,
       0,
@@ -1283,7 +1232,7 @@ class Ot {
   }
   _initRenderTarget(e) {
     let t = null;
-    return U.test(e) && (e = Te(e).source), e instanceof G ? t = e : e instanceof T && (t = new G({
+    return U.test(e) && (e = ge(e).source), e instanceof I ? t = e : e instanceof T && (t = new I({
       colorTextures: [e]
     }), e.source instanceof U && (t.isRoot = !0), e.once("destroy", () => {
       t.destroy(), this._renderSurfaceToRenderTargetHash.delete(e);
@@ -1298,7 +1247,7 @@ class Ot {
     this.renderTarget = null, this.renderSurface = null;
   }
 }
-class Ft extends je {
+class Ot extends Ve {
   /**
    * Create a new Buffer Resource.
    * @param options - The options for the buffer resource
@@ -1323,7 +1272,7 @@ class Ft extends je {
     this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null;
   }
 }
-class Ce {
+class be {
   constructor(e) {
     this._renderer = e;
   }
@@ -1344,7 +1293,7 @@ class Ce {
     this._renderer = null;
   }
 }
-Ce.extension = {
+be.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1352,15 +1301,15 @@ Ce.extension = {
   ],
   name: "customRender"
 };
-function D(a, e) {
+function G(a, e) {
   const t = a.instructionSet, r = t.instructions;
   for (let s = 0; s < t.instructionSize; s++) {
     const n = r[s];
     e[n.renderPipeId].execute(n);
   }
 }
-const dt = new v();
-class Me {
+const ut = new v();
+class Te {
   constructor(e) {
     this._renderer = e;
   }
@@ -1377,20 +1326,21 @@ class Me {
     this._renderer.renderPipes.batch.break(t), e._batchableRenderGroup && (S.return(e._batchableRenderGroup), e._batchableRenderGroup = null), t.add(e);
   }
   _addRenderableCacheAsTexture(e, t) {
-    const r = e._batchableRenderGroup ?? (e._batchableRenderGroup = S.get(pe));
-    r.renderable = e.root, r.transform = e.root.relativeGroupTransform, r.texture = e.texture, r.bounds = e._textureBounds, t.add(e), this._renderer.renderPipes.batch.addToBatch(r, t);
+    const r = e._batchableRenderGroup ?? (e._batchableRenderGroup = S.get(ce));
+    r.renderable = e.root, r.transform = e.root.relativeGroupTransform, r.texture = e.texture, r.bounds = e._textureBounds, t.add(e), this._renderer.renderPipes.blendMode.pushBlendMode(e, e.root.groupBlendMode, t), this._renderer.renderPipes.batch.addToBatch(r, t), this._renderer.renderPipes.blendMode.popBlendMode(t);
   }
   _executeCacheAsTexture(e) {
     if (e.textureNeedsUpdate) {
       e.textureNeedsUpdate = !1;
-      const t = dt.identity().translate(
+      const t = ut.identity().translate(
         -e._textureBounds.x,
         -e._textureBounds.y
       );
       this._renderer.renderTarget.push(e.texture, !0, null, e.texture.frame), this._renderer.globalUniforms.push({
         worldTransformMatrix: t,
-        worldColor: 4294967295
-      }), D(e, this._renderer.renderPipes), this._renderer.renderTarget.finishRenderPass(), this._renderer.renderTarget.pop(), this._renderer.globalUniforms.pop();
+        worldColor: 4294967295,
+        offset: { x: 0, y: 0 }
+      }), G(e, this._renderer.renderPipes), this._renderer.renderTarget.finishRenderPass(), this._renderer.renderTarget.pop(), this._renderer.globalUniforms.pop();
     }
     e._batchableRenderGroup._batcher.updateElement(e._batchableRenderGroup), e._batchableRenderGroup._batcher.geometry.buffers[0].update();
   }
@@ -1398,10 +1348,10 @@ class Me {
     this._renderer.globalUniforms.push({
       worldTransformMatrix: e.inverseParentTextureTransform,
       worldColor: e.worldColorAlpha
-    }), D(e, this._renderer.renderPipes), this._renderer.globalUniforms.pop();
+    }), G(e, this._renderer.renderPipes), this._renderer.globalUniforms.pop();
   }
 }
-Me.extension = {
+Te.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1414,23 +1364,23 @@ function E(a, e) {
   for (let t = e; t < a.length && a[t]; t++)
     a[t] = null;
 }
-const ct = new P(), te = de | ce | he;
-function Se(a, e = !1) {
-  ht(a);
+const dt = new P(), te = le | ue | de;
+function ye(a, e = !1) {
+  ct(a);
   const t = a.childrenToUpdate, r = a.updateTick++;
   for (const s in t) {
     const n = Number(s), i = t[s], o = i.list, l = i.index;
     for (let d = 0; d < l; d++) {
       const c = o[d];
-      c.parentRenderGroup === a && c.relativeRenderGroupDepth === n && we(c, r, 0);
+      c.parentRenderGroup === a && c.relativeRenderGroupDepth === n && ke(c, r, 0);
     }
     E(o, l), i.index = 0;
   }
   if (e)
     for (let s = 0; s < a.renderGroupChildren.length; s++)
-      Se(a.renderGroupChildren[s], e);
+      ye(a.renderGroupChildren[s], e);
 }
-function ht(a) {
+function ct(a) {
   const e = a.root;
   let t;
   if (a.renderGroupParent) {
@@ -1438,7 +1388,7 @@ function ht(a) {
     a.worldTransform.appendFrom(
       e.relativeGroupTransform,
       r.worldTransform
-    ), a.worldColor = ue(
+    ), a.worldColor = oe(
       e.groupColor,
       r.worldColor
     ), t = e.groupAlpha * r.worldAlpha;
@@ -1446,7 +1396,7 @@ function ht(a) {
     a.worldTransform.copyFrom(e.localTransform), a.worldColor = e.localColor, t = e.localAlpha;
   t = t < 0 ? 0 : t > 1 ? 1 : t, a.worldAlpha = t, a.worldColorAlpha = a.worldColor + ((t * 255 | 0) << 24);
 }
-function we(a, e, t) {
+function ke(a, e, t) {
   if (e === a.updateTick)
     return;
   a.updateTick = e, a.didChange = !1;
@@ -1456,62 +1406,60 @@ function we(a, e, t) {
   if (s && !s.renderGroup ? (t |= a._updateFlags, a.relativeGroupTransform.appendFrom(
     r,
     s.relativeGroupTransform
-  ), t & te && re(a, s, t)) : (t = a._updateFlags, a.relativeGroupTransform.copyFrom(r), t & te && re(a, ct, t)), !a.renderGroup) {
+  ), t & te && re(a, s, t)) : (t = a._updateFlags, a.relativeGroupTransform.copyFrom(r), t & te && re(a, dt, t)), !a.renderGroup) {
     const n = a.children, i = n.length;
     for (let d = 0; d < i; d++)
-      we(n[d], e, t);
+      ke(n[d], e, t);
     const o = a.parentRenderGroup, l = a;
     l.renderPipeId && !o.structureDidChange && o.updateRenderable(l);
   }
 }
 function re(a, e, t) {
-  if (t & ce) {
-    a.groupColor = ue(
+  if (t & ue) {
+    a.groupColor = oe(
       a.localColor,
       e.groupColor
     );
     let r = a.localAlpha * e.groupAlpha;
     r = r < 0 ? 0 : r > 1 ? 1 : r, a.groupAlpha = r, a.groupColorAlpha = a.groupColor + ((r * 255 | 0) << 24);
   }
-  t & he && (a.groupBlendMode = a.localBlendMode === "inherit" ? e.groupBlendMode : a.localBlendMode), t & de && (a.globalDisplayStatus = a.localDisplayStatus & e.globalDisplayStatus), a._updateFlags = 0;
+  t & de && (a.groupBlendMode = a.localBlendMode === "inherit" ? e.groupBlendMode : a.localBlendMode), t & le && (a.globalDisplayStatus = a.localDisplayStatus & e.globalDisplayStatus), a._updateFlags = 0;
 }
-function ft(a, e) {
-  const { list: t, index: r } = a.childrenRenderablesToUpdate;
-  let s = !1;
-  for (let n = 0; n < r; n++) {
-    const i = t[n];
-    if (s = e[i.renderPipeId].validateRenderable(i), s)
+function ht(a, e) {
+  const { list: t } = a.childrenRenderablesToUpdate;
+  let r = !1;
+  for (let s = 0; s < a.childrenRenderablesToUpdate.index; s++) {
+    const n = t[s];
+    if (r = e[n.renderPipeId].validateRenderable(n), r)
       break;
   }
-  return a.structureDidChange = s, s;
+  return a.structureDidChange = r, r;
 }
-const pt = new v();
-class Pe {
+const ft = new v();
+class Ce {
   constructor(e) {
     this._renderer = e;
   }
   render({ container: e, transform: t }) {
     const r = e.parent, s = e.renderGroup.renderGroupParent;
     e.parent = null, e.renderGroup.renderGroupParent = null;
-    const n = this._renderer;
-    let i = pt;
-    t && (i = i.copyFrom(e.renderGroup.localTransform), e.renderGroup.localTransform.copyFrom(t));
+    const n = this._renderer, i = ft;
+    t && (i.copyFrom(e.renderGroup.localTransform), e.renderGroup.localTransform.copyFrom(t));
     const o = n.renderPipes;
     this._updateCachedRenderGroups(e.renderGroup, null), this._updateRenderGroups(e.renderGroup), n.globalUniforms.start({
       worldTransformMatrix: t ? e.renderGroup.localTransform : e.renderGroup.worldTransform,
       worldColor: e.renderGroup.worldColorAlpha
-    }), D(e.renderGroup, o), o.uniformBatch && o.uniformBatch.renderEnd(), t && e.renderGroup.localTransform.copyFrom(i), e.parent = r, e.renderGroup.renderGroupParent = s;
+    }), G(e.renderGroup, o), o.uniformBatch && o.uniformBatch.renderEnd(), t && e.renderGroup.localTransform.copyFrom(i), e.parent = r, e.renderGroup.renderGroupParent = s;
   }
   destroy() {
     this._renderer = null;
   }
   _updateCachedRenderGroups(e, t) {
-    if (e.isCachedAsTexture) {
-      if (!e.updateCacheTexture)
+    if (e._parentCacheAsTextureRenderGroup = t, e.isCachedAsTexture) {
+      if (!e.textureNeedsUpdate)
         return;
       t = e;
     }
-    e._parentCacheAsTextureRenderGroup = t;
     for (let r = e.renderGroupChildren.length - 1; r >= 0; r--)
       this._updateCachedRenderGroups(e.renderGroupChildren[r], t);
     if (e.invalidateMatrices(), e.isCachedAsTexture) {
@@ -1526,13 +1474,13 @@ class Pe {
           i,
           o
         );
-        d._source.style = new $e({ scaleMode: l }), e.texture = d, e._textureBounds || (e._textureBounds = new F()), e._textureBounds.copyFrom(r), s !== e.texture && e.renderGroupParent && (e.renderGroupParent.structureDidChange = !0);
+        d._source.style = new Ne({ scaleMode: l }), e.texture = d, e._textureBounds || (e._textureBounds = new O()), e._textureBounds.copyFrom(r), s !== e.texture && e.renderGroupParent && (e.renderGroupParent.structureDidChange = !0);
       }
     } else e.texture && (b.returnTexture(e.texture, !0), e.texture = null);
   }
   _updateRenderGroups(e) {
     const t = this._renderer, r = t.renderPipes;
-    if (e.runOnRender(t), e.instructionSet.renderPipes = r, e.structureDidChange ? E(e.childrenRenderablesToUpdate.list, 0) : ft(e, r), Se(e), e.structureDidChange ? (e.structureDidChange = !1, this._buildInstructions(e, t)) : this._updateRenderables(e), e.childrenRenderablesToUpdate.index = 0, t.renderPipes.batch.upload(e.instructionSet), !(e.isCachedAsTexture && !e.textureNeedsUpdate))
+    if (e.runOnRender(t), e.instructionSet.renderPipes = r, e.structureDidChange ? E(e.childrenRenderablesToUpdate.list, 0) : ht(e, r), ye(e), e.structureDidChange ? (e.structureDidChange = !1, this._buildInstructions(e, t)) : this._updateRenderables(e), e.childrenRenderablesToUpdate.index = 0, t.renderPipes.batch.upload(e.instructionSet), !(e.isCachedAsTexture && !e.textureNeedsUpdate))
       for (let s = 0; s < e.renderGroupChildren.length; s++)
         this._updateRenderGroups(e.renderGroupChildren[s]);
   }
@@ -1551,7 +1499,7 @@ class Pe {
     i.batch.buildStart(s), i.blendMode.buildStart(), i.colorMask.buildStart(), r.sortableChildren && r.sortChildren(), r.collectRenderablesWithEffects(s, n, null), i.batch.buildEnd(s), i.blendMode.buildEnd(s);
   }
 }
-Pe.extension = {
+Ce.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -1559,7 +1507,7 @@ Pe.extension = {
   ],
   name: "renderGroup"
 };
-class Re {
+class Me {
   constructor(e) {
     this._renderer = e;
   }
@@ -1585,14 +1533,14 @@ class Re {
     return e._gpuData[this._renderer.uid] || this._initGPUSprite(e);
   }
   _initGPUSprite(e) {
-    const t = new pe();
+    const t = new ce();
     return t.renderable = e, t.transform = e.groupTransform, t.texture = e._texture, t.bounds = e.visualBounds, t.roundPixels = this._renderer._roundPixels | e._roundPixels, e._gpuData[this._renderer.uid] = t, t;
   }
   destroy() {
     this._renderer = null;
   }
 }
-Re.extension = {
+Me.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1600,7 +1548,7 @@ Re.extension = {
   ],
   name: "sprite"
 };
-const V = class Be {
+const W = class Se {
   constructor() {
     this.clearBeforeRender = !0, this._backgroundColor = new A(0), this.color = this._backgroundColor, this.alpha = 1;
   }
@@ -1609,14 +1557,14 @@ const V = class Be {
    * @param options - the options for the background colors
    */
   init(e) {
-    e = { ...Be.defaultOptions, ...e }, this.clearBeforeRender = e.clearBeforeRender, this.color = e.background || e.backgroundColor || this._backgroundColor, this.alpha = e.backgroundAlpha, this._backgroundColor.setAlpha(e.backgroundAlpha);
+    e = { ...Se.defaultOptions, ...e }, this.clearBeforeRender = e.clearBeforeRender, this.color = e.background || e.backgroundColor || this._backgroundColor, this.alpha = e.backgroundAlpha, this._backgroundColor.setAlpha(e.backgroundAlpha);
   }
   /** The background color to fill if not transparent */
   get color() {
     return this._backgroundColor;
   }
   set color(e) {
-    A.shared.setValue(e).alpha < 1 && this._backgroundColor.alpha === 1 && H(
+    A.shared.setValue(e).alpha < 1 && this._backgroundColor.alpha === 1 && L(
       "Cannot set a transparent background on an opaque canvas. To enable transparency, set backgroundAlpha < 1 when initializing your Application."
     ), this._backgroundColor.setValue(e);
   }
@@ -1638,7 +1586,7 @@ const V = class Be {
   destroy() {
   }
 };
-V.extension = {
+W.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -1647,7 +1595,7 @@ V.extension = {
   name: "background",
   priority: 0
 };
-V.defaultOptions = {
+W.defaultOptions = {
   /**
    * {@link WebGLOptions.backgroundAlpha}
    * @default 1
@@ -1664,55 +1612,80 @@ V.defaultOptions = {
    */
   clearBeforeRender: !0
 };
-let mt = V;
+let pt = W;
 const y = {};
-O.handle(u.BlendMode, (a) => {
+D.handle(u.BlendMode, (a) => {
   if (!a.name)
     throw new Error("BlendMode extension must have a name property");
   y[a.name] = a.ref;
 }, (a) => {
   delete y[a.name];
 });
-class Ue {
+class we {
   constructor(e) {
-    this._isAdvanced = !1, this._filterHash = /* @__PURE__ */ Object.create(null), this._renderer = e, this._renderer.runners.prerender.add(this);
+    this._blendModeStack = [], this._isAdvanced = !1, this._filterHash = /* @__PURE__ */ Object.create(null), this._renderer = e, this._renderer.runners.prerender.add(this);
   }
   prerender() {
     this._activeBlendMode = "normal", this._isAdvanced = !1;
   }
   /**
-   * This ensures that a blendMode switch is added to the instruction set if the blend mode has changed.
-   * @param renderable - The renderable we are adding to the instruction set
-   * @param blendMode - The blend mode of the renderable
-   * @param instructionSet - The instruction set we are adding to
+   * Push a blend mode onto the internal stack and apply it to the instruction set if needed.
+   * @param renderable - The renderable or {@link RenderGroup} associated with the change.
+   * @param blendMode - The blend mode to activate.
+   * @param instructionSet - The instruction set being built.
+   */
+  pushBlendMode(e, t, r) {
+    this._blendModeStack.push(t), this.setBlendMode(e, t, r);
+  }
+  /**
+   * Pop the last blend mode from the stack and apply the new top-of-stack mode.
+   * @param instructionSet - The instruction set being built.
+   */
+  popBlendMode(e) {
+    this._blendModeStack.pop();
+    const t = this._blendModeStack[this._activeBlendMode.length - 1] ?? "normal";
+    this.setBlendMode(null, t, e);
+  }
+  /**
+   * Ensure a blend mode switch is added to the instruction set when the mode changes.
+   * If an advanced blend mode is active, subsequent renderables will be collected so they can be
+   * rendered within a single filter pass.
+   * @param renderable - The renderable or {@link RenderGroup} to associate with the change, or null when unwinding.
+   * @param blendMode - The target blend mode.
+   * @param instructionSet - The instruction set being built.
    */
   setBlendMode(e, t, r) {
+    var n;
+    const s = e instanceof X;
     if (this._activeBlendMode === t) {
-      this._isAdvanced && this._renderableList.push(e);
+      this._isAdvanced && e && !s && ((n = this._renderableList) == null || n.push(e));
       return;
     }
-    this._activeBlendMode = t, this._isAdvanced && this._endAdvancedBlendMode(r), this._isAdvanced = !!y[t], this._isAdvanced && (this._beginAdvancedBlendMode(r), this._renderableList.push(e));
+    this._isAdvanced && this._endAdvancedBlendMode(r), this._activeBlendMode = t, e && (this._isAdvanced = !!y[t], this._isAdvanced && this._beginAdvancedBlendMode(e, r));
   }
-  _beginAdvancedBlendMode(e) {
-    this._renderer.renderPipes.batch.break(e);
-    const t = this._activeBlendMode;
-    if (!y[t]) {
-      H(`Unable to assign BlendMode: '${t}'. You may want to include: import 'pixi.js/advanced-blend-modes'`);
+  _beginAdvancedBlendMode(e, t) {
+    this._renderer.renderPipes.batch.break(t);
+    const r = this._activeBlendMode;
+    if (!y[r]) {
+      L(`Unable to assign BlendMode: '${r}'. You may want to include: import 'pixi.js/advanced-blend-modes'`);
       return;
     }
-    let r = this._filterHash[t];
-    r || (r = this._filterHash[t] = new le(), r.filters = [new y[t]()]);
-    const s = {
+    const s = this._ensureFilterEffect(r), n = e instanceof X, i = {
       renderPipeId: "filter",
       action: "pushFilter",
-      renderables: [],
-      filterEffect: r,
+      filterEffect: s,
+      renderables: n ? null : [e],
+      container: n ? e.root : null,
       canBundle: !1
     };
-    this._renderableList = s.renderables, e.add(s);
+    this._renderableList = i.renderables, t.add(i);
+  }
+  _ensureFilterEffect(e) {
+    let t = this._filterHash[e];
+    return t || (t = this._filterHash[e] = new ie(), t.filters = [new y[e]()]), t;
   }
   _endAdvancedBlendMode(e) {
-    this._renderableList = null, this._renderer.renderPipes.batch.break(e), e.add({
+    this._isAdvanced = !1, this._renderableList = null, this._renderer.renderPipes.batch.break(e), e.add({
       renderPipeId: "filter",
       action: "popFilter",
       canBundle: !1
@@ -1742,7 +1715,7 @@ class Ue {
     this._filterHash = null;
   }
 }
-Ue.extension = {
+we.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1754,7 +1727,7 @@ const R = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, N = class Ae {
+}, V = class Pe {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this._renderer = e;
@@ -1801,7 +1774,7 @@ const R = {
    * @category rendering
    */
   async image(e) {
-    const t = z.get().createImage();
+    const t = H.get().createImage();
     return t.src = await this.base64(e), t;
   }
   /**
@@ -1839,7 +1812,7 @@ const R = {
   async base64(e) {
     e = this._normalizeOptions(
       e,
-      Ae.defaultImageOptions
+      Pe.defaultImageOptions
     );
     const { format: t, quality: r } = e, s = this.canvas(e);
     if (s.toBlob !== void 0)
@@ -2075,21 +2048,21 @@ const R = {
     this._renderer = null;
   }
 };
-N.extension = {
+V.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "extract"
 };
-N.defaultImageOptions = {
+V.defaultImageOptions = {
   format: "png",
   quality: 1
 };
-let vt = N;
-class j extends m {
+let mt = V;
+class N extends m {
   static create(e) {
-    return new j({
+    return new N({
       source: new T(e)
     });
   }
@@ -2104,8 +2077,8 @@ class j extends m {
     return this.source.resize(e, t, r), this;
   }
 }
-const gt = new w(), xt = new F(), _t = [0, 0, 0, 0];
-class Ie {
+const vt = new w(), gt = new O(), xt = [0, 0, 0, 0];
+class Re {
   constructor(e) {
     this._renderer = e;
   }
@@ -2155,10 +2128,10 @@ class Ie {
     });
     const t = e.resolution || this._renderer.resolution, r = e.antialias || this._renderer.view.antialias, s = e.target;
     let n = e.clearColor;
-    n ? n = Array.isArray(n) && n.length === 4 ? n : A.shared.setValue(n).toArray() : n = _t;
-    const i = ((d = e.frame) == null ? void 0 : d.copyTo(gt)) || qe(s, xt).rectangle;
+    n ? n = Array.isArray(n) && n.length === 4 ? n : A.shared.setValue(n).toArray() : n = xt;
+    const i = ((d = e.frame) == null ? void 0 : d.copyTo(vt)) || je(s, gt).rectangle;
     i.width = Math.max(i.width, 1 / t) | 0, i.height = Math.max(i.height, 1 / t) | 0;
-    const o = j.create({
+    const o = N.create({
       ...e.textureSourceOptions,
       width: i.width,
       height: i.height,
@@ -2176,14 +2149,14 @@ class Ie {
     this._renderer = null;
   }
 }
-Ie.extension = {
+Re.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "textureGenerator"
 };
-class Ge {
+class Be {
   constructor(e) {
     this._stackIndex = 0, this._globalUniformDataStack = [], this._uniformsPool = [], this._activeUniforms = [], this._bindGroupPool = [], this._activeBindGroups = [], this._renderer = e;
   }
@@ -2208,7 +2181,7 @@ class Ge {
     const i = this._renderer.renderTarget.renderTarget, o = this._stackIndex ? this._globalUniformDataStack[this._stackIndex - 1] : {
       worldTransformMatrix: new v(),
       worldColor: 4294967295,
-      offset: new Ke()
+      offset: new $e()
     }, l = {
       projectionMatrix: t || this._renderer.renderTarget.projectionMatrix,
       resolution: e || i.size,
@@ -2225,13 +2198,13 @@ class Ge {
       0
     ), d.update();
     let h;
-    this._renderer.renderPipes.uniformBatch ? h = this._renderer.renderPipes.uniformBatch.getUniformBindGroup(d, !1) : (h = this._bindGroupPool.pop() || new Ye(), this._activeBindGroups.push(h), h.setResource(d, 0)), l.bindGroup = h, this._currentGlobalUniformData = l;
+    this._renderer.renderPipes.uniformBatch ? h = this._renderer.renderPipes.uniformBatch.getUniformBindGroup(d, !1) : (h = this._bindGroupPool.pop() || new qe(), this._activeBindGroups.push(h), h.setResource(d, 0)), l.bindGroup = h, this._currentGlobalUniformData = l;
   }
   push(e) {
     this.bind(e), this._globalUniformDataStack[this._stackIndex++] = this._currentGlobalUniformData;
   }
   pop() {
-    this._currentGlobalUniformData = this._globalUniformDataStack[--this._stackIndex - 1], this._renderer.type === L.WEBGL && this._currentGlobalUniformData.bindGroup.resources[0].update();
+    this._currentGlobalUniformData = this._globalUniformDataStack[--this._stackIndex - 1], this._renderer.type === F.WEBGL && this._currentGlobalUniformData.bindGroup.resources[0].update();
   }
   get bindGroup() {
     return this._currentGlobalUniformData.bindGroup;
@@ -2243,7 +2216,7 @@ class Ge {
     return this._currentGlobalUniformData.bindGroup.resources[0];
   }
   _createUniforms() {
-    return new ie({
+    return new ae({
       uProjectionMatrix: { value: new v(), type: "mat3x3<f32>" },
       uWorldTransformMatrix: { value: new v(), type: "mat3x3<f32>" },
       // TODO - someone smart - set this to be a unorm8x4 rather than a vec4<f32>
@@ -2254,10 +2227,10 @@ class Ge {
     });
   }
   destroy() {
-    this._renderer = null;
+    this._renderer = null, this._globalUniformDataStack.length = 0, this._uniformsPool.length = 0, this._activeUniforms.length = 0, this._bindGroupPool.length = 0, this._activeBindGroups.length = 0, this._currentGlobalUniformData = null;
   }
 }
-Ge.extension = {
+Be.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2265,8 +2238,8 @@ Ge.extension = {
   ],
   name: "globalUniforms"
 };
-let bt = 1;
-class De {
+let _t = 1;
+class Ue {
   constructor() {
     this._tasks = [], this._offset = 0;
   }
@@ -2282,7 +2255,7 @@ class De {
    * @returns The unique identifier for the scheduled task.
    */
   repeat(e, t, r = !0) {
-    const s = bt++;
+    const s = _t++;
     let n = 0;
     return r && (this._offset += 1e3, n = this._offset), this._tasks.push({
       func: e,
@@ -2327,7 +2300,7 @@ class De {
     Q.system.remove(this._update, this), this._tasks.length = 0;
   }
 }
-De.extension = {
+Ue.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2337,9 +2310,9 @@ De.extension = {
   priority: 0
 };
 let se = !1;
-function Tt(a) {
+function bt(a) {
   if (!se) {
-    if (z.get().getNavigator().userAgent.toLowerCase().indexOf("chrome") > -1) {
+    if (H.get().getNavigator().userAgent.toLowerCase().indexOf("chrome") > -1) {
       const e = [
         `%c  %c  %c  %c  %c PixiJS %c v${Z} (${a}) http://www.pixijs.com/
 
@@ -2356,7 +2329,7 @@ function Tt(a) {
     se = !0;
   }
 }
-class $ {
+class j {
   constructor(e) {
     this._renderer = e;
   }
@@ -2367,11 +2340,11 @@ class $ {
   init(e) {
     if (e.hello) {
       let t = this._renderer.name;
-      this._renderer.type === L.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), Tt(t);
+      this._renderer.type === F.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), bt(t);
     }
   }
 }
-$.extension = {
+j.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2380,11 +2353,11 @@ $.extension = {
   name: "hello",
   priority: -2
 };
-$.defaultOptions = {
+j.defaultOptions = {
   /** {@link WebGLOptions.hello} */
   hello: !1
 };
-function yt(a) {
+function Tt(a) {
   let e = !1;
   for (const r in a)
     if (a[r] == null) {
@@ -2400,14 +2373,14 @@ function yt(a) {
   }
   return t;
 }
-function kt(a) {
+function yt(a) {
   let e = 0;
   for (let t = 0; t < a.length; t++)
     a[t] == null ? e++ : a[t - e] = a[t];
   return a.length -= e, a;
 }
-let Ct = 0;
-const q = class Ee {
+let kt = 0;
+const $ = class Ae {
   /**
    * Creates a new RenderableGCSystem instance.
    * @param renderer - The renderer this garbage collection system works for
@@ -2420,7 +2393,7 @@ const q = class Ee {
    * @param options - Configuration options for the renderer
    */
   init(e) {
-    e = { ...Ee.defaultOptions, ...e }, this.maxUnusedTime = e.renderableGCMaxUnusedTime, this._frequency = e.renderableGCFrequency, this.enabled = e.renderableGCActive;
+    e = { ...Ae.defaultOptions, ...e }, this.maxUnusedTime = e.renderableGCMaxUnusedTime, this._frequency = e.renderableGCFrequency, this.enabled = e.renderableGCActive;
   }
   /**
    * Gets whether the garbage collection system is currently enabled.
@@ -2442,13 +2415,13 @@ const q = class Ee {
     ), this._hashHandler = this._renderer.scheduler.repeat(
       () => {
         for (const t of this._managedHashes)
-          t.context[t.hash] = yt(t.context[t.hash]);
+          t.context[t.hash] = Tt(t.context[t.hash]);
       },
       this._frequency
     ), this._arrayHandler = this._renderer.scheduler.repeat(
       () => {
         for (const t of this._managedArrays)
-          kt(t.context[t.hash]);
+          yt(t.context[t.hash]);
       },
       this._frequency
     )) : (this._renderer.scheduler.cancel(this._handler), this._renderer.scheduler.cancel(this._hashHandler), this._renderer.scheduler.cancel(this._arrayHandler)));
@@ -2477,7 +2450,7 @@ const q = class Ee {
   prerender({
     container: e
   }) {
-    this._now = performance.now(), e.renderGroup.gcTick = Ct++, this._updateInstructionGCTick(e.renderGroup, e.renderGroup.gcTick);
+    this._now = performance.now(), e.renderGroup.gcTick = kt++, this._updateInstructionGCTick(e.renderGroup, e.renderGroup.gcTick);
   }
   /**
    * Starts tracking a renderable for garbage collection.
@@ -2535,7 +2508,7 @@ const q = class Ee {
       this._updateInstructionGCTick(r, t);
   }
 };
-q.extension = {
+$.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
@@ -2543,7 +2516,7 @@ q.extension = {
   name: "renderableGC",
   priority: 0
 };
-q.defaultOptions = {
+$.defaultOptions = {
   /** Enable/disable the garbage collector */
   renderableGCActive: !0,
   /** Time in ms before an unused resource is collected (default 1 minute) */
@@ -2551,14 +2524,14 @@ q.defaultOptions = {
   /** How often to run garbage collection in ms (default 30 seconds) */
   renderableGCFrequency: 3e4
 };
-let Mt = q;
-const K = class Oe {
+let Ct = $;
+const q = class Ie {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this._renderer = e, this.count = 0, this.checkCount = 0;
   }
   init(e) {
-    e = { ...Oe.defaultOptions, ...e }, this.checkCountMax = e.textureGCCheckCountMax, this.maxIdle = e.textureGCAMaxIdle ?? e.textureGCMaxIdle, this.active = e.textureGCActive;
+    e = { ...Ie.defaultOptions, ...e }, this.checkCountMax = e.textureGCCheckCountMax, this.maxIdle = e.textureGCAMaxIdle ?? e.textureGCMaxIdle, this.active = e.textureGCActive;
   }
   /**
    * Checks to see when the last time a texture was used.
@@ -2582,14 +2555,14 @@ const K = class Oe {
     this._renderer = null;
   }
 };
-K.extension = {
+q.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "textureGC"
 };
-K.defaultOptions = {
+q.defaultOptions = {
   /**
    * If set to true, this will enable the garbage collector on the GPU.
    * @default true
@@ -2611,8 +2584,8 @@ K.defaultOptions = {
    */
   textureGCCheckCountMax: 600
 };
-let St = K;
-const Y = class Fe {
+let Mt = q;
+const K = class Ge {
   /**
    * Whether CSS dimensions of canvas view should be resized to screen dimensions automatically.
    * This is only supported for HTMLCanvasElement and will be ignored if the canvas is an OffscreenCanvas.
@@ -2641,9 +2614,9 @@ const Y = class Fe {
    */
   init(e) {
     e = {
-      ...Fe.defaultOptions,
+      ...Ge.defaultOptions,
       ...e
-    }, e.view && (Je(Xe, "ViewSystem.view has been renamed to ViewSystem.canvas"), e.canvas = e.view), this.screen = new w(0, 0, e.width, e.height), this.canvas = e.canvas || z.get().createCanvas(), this.antialias = !!e.antialias, this.texture = Te(this.canvas, e), this.renderTarget = new G({
+    }, e.view && (Ke(Ye, "ViewSystem.view has been renamed to ViewSystem.canvas"), e.canvas = e.view), this.screen = new w(0, 0, e.width, e.height), this.canvas = e.canvas || H.get().createCanvas(), this.antialias = !!e.antialias, this.texture = ge(this.canvas, e), this.renderTarget = new I({
       colorTextures: [this.texture],
       depth: !!e.depth,
       isRoot: !0
@@ -2667,10 +2640,10 @@ const Y = class Fe {
    * viewSystem.destroy({ removeView: true });
    */
   destroy(e = !1) {
-    (typeof e == "boolean" ? e : !!(e != null && e.removeView)) && this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas);
+    (typeof e == "boolean" ? e : !!(e != null && e.removeView)) && this.canvas.parentNode && this.canvas.parentNode.removeChild(this.canvas), this.texture.destroy();
   }
 };
-Y.extension = {
+K.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2679,7 +2652,7 @@ Y.extension = {
   name: "view",
   priority: 0
 };
-Y.defaultOptions = {
+K.defaultOptions = {
   /**
    * {@link WebGLOptions.width}
    * @default 800
@@ -2701,41 +2674,41 @@ Y.defaultOptions = {
    */
   antialias: !1
 };
-let wt = Y;
-const Lt = [
-  mt,
-  Ge,
-  $,
-  wt,
-  Pe,
+let St = K;
+const Ft = [
+  pt,
+  Be,
+  j,
   St,
-  Ie,
-  vt,
-  Qe,
+  Ce,
   Mt,
-  De
-], Ht = [
-  Ue,
-  ge,
   Re,
+  mt,
+  Je,
+  Ct,
+  Ue
+], Lt = [
+  we,
+  fe,
   Me,
-  xe,
-  be,
-  _e,
-  Ce
+  Te,
+  pe,
+  ve,
+  me,
+  be
 ];
 export {
-  Ft as B,
-  x as G,
-  Ot as R,
-  Lt as S,
-  Gt as U,
-  Ht as a,
-  ot as b,
-  Dt as c,
+  Ot as B,
+  _ as G,
+  Dt as R,
+  Ft as S,
+  It as U,
+  Lt as a,
+  it as b,
+  Gt as c,
   C as d,
-  It as e,
-  At as f,
-  Ut as t,
+  At as e,
+  Ut as f,
+  Bt as t,
   Et as u
 };