@micjanic/recursive-grid 1.0.2 → 1.0.4

package/dist/{SharedSystems-CZFehVPl.js → SharedSystems-D2AiAlOX.js}

@@ -1,6 +1,6 @@
-import { F as Ge, u as De, l as se, M as v, G as Ee, v as Oe, S as Fe, x as ae, E as u, e as E, y as S, z as Le, H as O, I as b, R as F, J as ne, K as He, t as m, b as f, i as B, w as L, L as Y, N as ze, c as J, B as k, j as U, O as M, k as T, Q as w, V as We, a as Ve, W as ie, X as oe, Y as le, Z as ue, C as P, _ as Ne, $ as A, D as H, a0 as je, P as $e, d as qe, T as X, a1 as Q, a2 as Ke, a3 as Ye, a4 as Je } from "./PixiApp-D4xu0PT4.js";
-import { B as de, c as Xe } from "./colorToUniform-C2jGzNe1.js";
-var Qe = `in vec2 vMaskCoord;
+import { F as Ee, u as De, l as ae, M as v, v as Oe, x as Fe, S as Le, y as ne, E as u, e as D, z as S, H as He, I as O, J as b, R as F, K as ie, L as ze, t as m, b as f, i as B, w as L, N as Y, O as We, c as J, B as k, j as U, G as Ve, Q as M, k as T, V as w, W as Ne, a as je, X as oe, Y as le, Z as ue, _ as de, C as P, $ as $e, a0 as A, a1 as X, D as H, a2 as qe, P as Ke, d as Ye, T as Q, a3 as Z, a4 as Je, a5 as Xe, a6 as Qe } from "./PixiApp-BHmY2ZMg.js";
+import { B as ce, c as Ze } from "./colorToUniform-C2jGzNe1.js";
+var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;
 
 uniform sampler2D uTexture;
@@ -34,7 +34,7 @@ void main(void)
 
     finalColor = original * a;
 }
-`, Ze = `in vec2 aPosition;
+`, tt = `in vec2 aPosition;
 
 out vec2 vTextureCoord;
 out vec2 vMaskCoord;
@@ -71,7 +71,7 @@ void main(void)
     vTextureCoord = filterTextureCoord(aPosition);
     vMaskCoord = getFilterCoord(aPosition);
 }
-`, Z = `struct GlobalFilterUniforms {
+`, ee = `struct GlobalFilterUniforms {
   uInputSize:vec4<f32>,
   uInputPixel:vec4<f32>,
   uInputClamp:vec4<f32>,
@@ -170,25 +170,25 @@ fn mainFragment(
     return source * a;
 }
 `;
-class et extends Ge {
+class rt extends Ee {
   constructor(e) {
-    const { sprite: t, ...r } = e, s = new De(t.texture), n = new se({
+    const { sprite: t, ...r } = e, s = new De(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 = Ee.from({
+    }), i = Oe.from({
       vertex: {
-        source: Z,
+        source: ee,
         entryPoint: "mainVertex"
       },
       fragment: {
-        source: Z,
+        source: ee,
         entryPoint: "mainFragment"
       }
-    }), o = Oe.from({
-      vertex: Ze,
-      fragment: Qe,
+    }), o = Fe.from({
+      vertex: tt,
+      fragment: et,
       name: "mask-filter"
     });
     super({
@@ -215,17 +215,17 @@ class et extends Ge {
     ).prepend(this._textureMatrix.mapCoord), this.resources.uMaskTexture = this.sprite.texture.source, e.applyFilter(this, t, r, s);
   }
 }
-const z = class ce {
+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 = Le.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 ae({
+    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)
@@ -235,7 +235,7 @@ const z = class ce {
     if (this._activeBatch.name !== e.batcherName) {
       this._activeBatch.break(t);
       let r = this._activeBatches[e.batcherName];
-      r || (r = this._activeBatches[e.batcherName] = ce.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);
   }
@@ -280,10 +280,10 @@ z.extension = {
   name: "batch"
 };
 z._availableBatchers = /* @__PURE__ */ Object.create(null);
-let he = z;
-E.handleByMap(u.Batcher, he._availableBatchers);
-E.add(ae);
-const Pt = {
+let fe = z;
+D.handleByMap(u.Batcher, fe._availableBatchers);
+D.add(ne);
+const Bt = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -321,7 +321,7 @@ const Pt = {
         `
     )
   }
-}, Rt = {
+}, Ut = {
   name: "texture-bit",
   vertex: {
     header: (
@@ -353,11 +353,11 @@ const Pt = {
         `
     )
   }
-}, tt = new O();
-class rt extends ne {
+}, st = new O();
+class at extends ie {
   constructor() {
-    super(), this.filters = [new et({
-      sprite: new He(m.EMPTY),
+    super(), this.filters = [new rt({
+      sprite: new ze(m.EMPTY),
       inverse: !1,
       resolution: "inherit",
       antialias: "inherit"
@@ -376,7 +376,7 @@ class rt extends ne {
     this.filters[0].inverse = e;
   }
 }
-class fe {
+class pe {
   constructor(e) {
     this._activeMaskStage = [], this._renderer = e;
   }
@@ -418,10 +418,10 @@ class fe {
   execute(e) {
     const t = this._renderer, r = e.mask.renderMaskToTexture;
     if (e.action === "pushMaskBegin") {
-      const s = S.get(rt);
+      const s = S.get(at);
       if (s.inverse = e.inverse, r) {
         e.mask.mask.measurable = !0;
-        const n = Le(e.mask.mask, !0, tt);
+        const n = He(e.mask.mask, !0, st);
         e.mask.mask.measurable = !1, n.ceil();
         const i = t.renderTarget.renderTarget.colorTexture.source, o = b.getOptimalTexture(
           n.width,
@@ -463,7 +463,7 @@ class fe {
     this._renderer = null, this._activeMaskStage = null;
   }
 }
-fe.extension = {
+pe.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -471,7 +471,7 @@ fe.extension = {
   ],
   name: "alphaMask"
 };
-class pe {
+class me {
   constructor(e) {
     this._colorStack = [], this._colorStackIndex = 0, this._currentColor = 0, this._renderer = e;
   }
@@ -504,10 +504,10 @@ class pe {
     this._renderer.colorMask.setMask(e.colorMask);
   }
   destroy() {
-    this._colorStack = null;
+    this._renderer = null, this._colorStack = null;
   }
 }
-pe.extension = {
+me.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -515,7 +515,7 @@ pe.extension = {
   ],
   name: "colorMask"
 };
-class me {
+class ve {
   constructor(e) {
     this._maskStackHash = {}, this._maskHash = /* @__PURE__ */ new WeakMap(), this._renderer = e;
   }
@@ -578,7 +578,7 @@ class me {
     this._renderer = null, this._maskStackHash = null, this._maskHash = null;
   }
 }
-me.extension = {
+ve.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -586,14 +586,14 @@ me.extension = {
   ],
   name: "stencilMask"
 };
-function Bt(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)) : L(`Attribute ${t} is not present in the shader, but is present in the geometry. Unable to infer attribute details.`);
   }
-  st(a);
+  nt(a);
 }
-function st(a) {
+function nt(a) {
   const { buffers: e, attributes: t } = a, r = {}, s = {};
   for (const n in e) {
     const i = e[n];
@@ -608,13 +608,13 @@ function st(a) {
     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 g = [];
-g[f.NONE] = void 0;
-g[f.DISABLED] = {
+const _ = [];
+_[f.NONE] = void 0;
+_[f.DISABLED] = {
   stencilWriteMask: 0,
   stencilReadMask: 0
 };
-g[f.RENDERING_MASK_ADD] = {
+_[f.RENDERING_MASK_ADD] = {
   stencilFront: {
     compare: "equal",
     passOp: "increment-clamp"
@@ -624,7 +624,7 @@ g[f.RENDERING_MASK_ADD] = {
     passOp: "increment-clamp"
   }
 };
-g[f.RENDERING_MASK_REMOVE] = {
+_[f.RENDERING_MASK_REMOVE] = {
   stencilFront: {
     compare: "equal",
     passOp: "decrement-clamp"
@@ -634,7 +634,7 @@ g[f.RENDERING_MASK_REMOVE] = {
     passOp: "decrement-clamp"
   }
 };
-g[f.MASK_ACTIVE] = {
+_[f.MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "equal",
@@ -645,7 +645,7 @@ g[f.MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-g[f.INVERSE_MASK_ACTIVE] = {
+_[f.INVERSE_MASK_ACTIVE] = {
   stencilWriteMask: 0,
   stencilFront: {
     compare: "not-equal",
@@ -656,7 +656,7 @@ g[f.INVERSE_MASK_ACTIVE] = {
     passOp: "keep"
   }
 };
-class Ut {
+class It {
   constructor(e) {
     this._syncFunctionHash = /* @__PURE__ */ Object.create(null), this._adaptor = e, this._systemCheck();
   }
@@ -666,7 +666,7 @@ class Ut {
    * @private
    */
   _systemCheck() {
-    if (!ze())
+    if (!We())
       throw new Error("Current environment does not allow unsafe-eval, please use pixi.js/unsafe-eval module to enable support.");
   }
   ensureUniformGroup(e) {
@@ -822,7 +822,7 @@ const C = [
         `
   }
 ];
-function At(a, e, t, r) {
+function Gt(a, e, t, r) {
   const s = [`
         var v = null;
         var v2 = null;
@@ -870,14 +870,14 @@ function At(a, e, t, r) {
     i
   );
 }
-function x(a, e) {
+function g(a, e) {
   return `
         for (let i = 0; i < ${a * e}; i++) {
             data[offset + (((i / ${a})|0) * 4) + (i % ${a})] = v[i];
         }
     `;
 }
-const at = {
+const it = {
   f32: `
         data[offset] = v;`,
   i32: `
@@ -925,14 +925,14 @@ const at = {
         for (let i = 0; i < 16; i++) {
             data[offset + i] = v[i];
         }`,
-  "mat3x2<f32>": x(3, 2),
-  "mat4x2<f32>": x(4, 2),
-  "mat2x3<f32>": x(2, 3),
-  "mat4x3<f32>": x(4, 3),
-  "mat2x4<f32>": x(2, 4),
-  "mat3x4<f32>": x(3, 4)
-}, It = {
-  ...at,
+  "mat3x2<f32>": g(3, 2),
+  "mat4x2<f32>": g(4, 2),
+  "mat2x3<f32>": g(2, 3),
+  "mat4x3<f32>": g(4, 3),
+  "mat2x4<f32>": g(2, 4),
+  "mat3x4<f32>": g(3, 4)
+}, Et = {
+  ...it,
   "mat2x2<f32>": `
         data[offset] = v[0];
         data[offset + 1] = v[1];
@@ -940,35 +940,36 @@ const at = {
         data[offset + 3] = v[3];
     `
 };
-function nt(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 ve(a, e) {
-  if (!_.has(a)) {
+const x = /* @__PURE__ */ new Map();
+Ve.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 it(a) {
+function lt(a) {
   const e = a.colorTexture.source.resource;
   return globalThis.HTMLCanvasElement && e instanceof HTMLCanvasElement && document.body.contains(e);
 }
-const xe = class ge {
+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 = { ...ge.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(
@@ -1059,9 +1060,9 @@ xe.defaultOptions = {
   isRoot: !1
 };
 let I = xe;
-class Gt {
+class Dt {
   constructor(e) {
-    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");
+    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");
   }
   /** called when dev wants to finish a render pass */
   finishRenderPass() {
@@ -1087,7 +1088,7 @@ class Gt {
       t,
       r,
       s
-    ), this.rootViewPort.copyFrom(this.viewport), this.rootRenderTarget = this.renderTarget, this.renderingToScreen = it(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;
@@ -1116,7 +1117,7 @@ class Gt {
       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 nt(
+    return ot(
       this.projectionMatrix,
       0,
       0,
@@ -1231,7 +1232,7 @@ class Gt {
   }
   _initRenderTarget(e) {
     let t = null;
-    return U.test(e) && (e = ve(e).source), e instanceof I ? t = e : e instanceof T && (t = new I({
+    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);
@@ -1246,7 +1247,7 @@ class Gt {
     this.renderTarget = null, this.renderSurface = null;
   }
 }
-class Dt extends Ve {
+class Ot extends je {
   /**
    * Create a new Buffer Resource.
    * @param options - The options for the buffer resource
@@ -1271,7 +1272,7 @@ class Dt extends Ve {
     this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null;
   }
 }
-class _e {
+class be {
   constructor(e) {
     this._renderer = e;
   }
@@ -1292,7 +1293,7 @@ class _e {
     this._renderer = null;
   }
 }
-_e.extension = {
+be.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1307,8 +1308,8 @@ function G(a, e) {
     e[n.renderPipeId].execute(n);
   }
 }
-const ot = new v();
-class be {
+const ut = new v();
+class Te {
   constructor(e) {
     this._renderer = e;
   }
@@ -1325,19 +1326,20 @@ class be {
     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(de));
-    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 = ot.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
+        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();
@@ -1349,7 +1351,7 @@ class be {
     }), G(e, this._renderer.renderPipes), this._renderer.globalUniforms.pop();
   }
 }
-be.extension = {
+Te.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1357,28 +1359,28 @@ be.extension = {
   ],
   name: "renderGroup"
 };
-function D(a, e) {
+function E(a, e) {
   e || (e = 0);
   for (let t = e; t < a.length && a[t]; t++)
     a[t] = null;
 }
-const lt = new P(), ee = oe | le | ue;
-function Te(a, e = !1) {
-  ut(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 && ye(c, r, 0);
+      c.parentRenderGroup === a && c.relativeRenderGroupDepth === n && ke(c, r, 0);
     }
-    D(o, l), i.index = 0;
+    E(o, l), i.index = 0;
   }
   if (e)
     for (let s = 0; s < a.renderGroupChildren.length; s++)
-      Te(a.renderGroupChildren[s], e);
+      ye(a.renderGroupChildren[s], e);
 }
-function ut(a) {
+function ct(a) {
   const e = a.root;
   let t;
   if (a.renderGroupParent) {
@@ -1386,7 +1388,7 @@ function ut(a) {
     a.worldTransform.appendFrom(
       e.relativeGroupTransform,
       r.worldTransform
-    ), a.worldColor = ie(
+    ), a.worldColor = oe(
       e.groupColor,
       r.worldColor
     ), t = e.groupAlpha * r.worldAlpha;
@@ -1394,7 +1396,7 @@ function ut(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 ye(a, e, t) {
+function ke(a, e, t) {
   if (e === a.updateTick)
     return;
   a.updateTick = e, a.didChange = !1;
@@ -1404,46 +1406,45 @@ function ye(a, e, t) {
   if (s && !s.renderGroup ? (t |= a._updateFlags, a.relativeGroupTransform.appendFrom(
     r,
     s.relativeGroupTransform
-  ), t & ee && te(a, s, t)) : (t = a._updateFlags, a.relativeGroupTransform.copyFrom(r), t & ee && te(a, lt, 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++)
-      ye(n[d], e, t);
+      ke(n[d], e, t);
     const o = a.parentRenderGroup, l = a;
     l.renderPipeId && !o.structureDidChange && o.updateRenderable(l);
   }
 }
-function te(a, e, t) {
-  if (t & le) {
-    a.groupColor = ie(
+function re(a, e, t) {
+  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 & ue && (a.groupBlendMode = a.localBlendMode === "inherit" ? e.groupBlendMode : a.localBlendMode), t & oe && (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 dt(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 ct = new v();
-class ke {
+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 = ct;
-    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,
@@ -1454,12 +1455,11 @@ class ke {
     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) {
@@ -1474,13 +1474,13 @@ class ke {
           i,
           o
         );
-        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);
+        d._source.style = new $e({ 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 ? D(e.childrenRenderablesToUpdate.list, 0) : dt(e, r), Te(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]);
   }
@@ -1490,7 +1490,7 @@ class ke {
       const n = t[s];
       n.didViewUpdate && e.updateRenderable(n);
     }
-    D(t, r);
+    E(t, r);
   }
   _buildInstructions(e, t) {
     const r = e.root, s = e.instructionSet;
@@ -1499,7 +1499,7 @@ class ke {
     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);
   }
 }
-ke.extension = {
+Ce.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -1507,7 +1507,7 @@ ke.extension = {
   ],
   name: "renderGroup"
 };
-class Ce {
+class Me {
   constructor(e) {
     this._renderer = e;
   }
@@ -1533,14 +1533,14 @@ class Ce {
     return e._gpuData[this._renderer.uid] || this._initGPUSprite(e);
   }
   _initGPUSprite(e) {
-    const t = new de();
+    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;
   }
 }
-Ce.extension = {
+Me.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1548,7 +1548,7 @@ Ce.extension = {
   ],
   name: "sprite"
 };
-const W = class Me {
+const W = class Se {
   constructor() {
     this.clearBeforeRender = !0, this._backgroundColor = new A(0), this.color = this._backgroundColor, this.alpha = 1;
   }
@@ -1557,7 +1557,7 @@ const W = class Me {
    * @param options - the options for the background colors
    */
   init(e) {
-    e = { ...Me.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() {
@@ -1612,55 +1612,80 @@ W.defaultOptions = {
    */
   clearBeforeRender: !0
 };
-let ht = W;
+let pt = W;
 const y = {};
-E.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 Se {
+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]) {
-      L(`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 ne(), 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
@@ -1690,7 +1715,7 @@ class Se {
     this._filterHash = null;
   }
 }
-Se.extension = {
+we.extension = {
   type: [
     u.WebGLPipes,
     u.WebGPUPipes,
@@ -1702,7 +1727,7 @@ const R = {
   png: "image/png",
   jpg: "image/jpeg",
   webp: "image/webp"
-}, V = class we {
+}, V = class Pe {
   /** @param renderer - The renderer this System works for. */
   constructor(e) {
     this._renderer = e;
@@ -1787,7 +1812,7 @@ const R = {
   async base64(e) {
     e = this._normalizeOptions(
       e,
-      we.defaultImageOptions
+      Pe.defaultImageOptions
     );
     const { format: t, quality: r } = e, s = this.canvas(e);
     if (s.toBlob !== void 0)
@@ -2034,7 +2059,7 @@ V.defaultImageOptions = {
   format: "png",
   quality: 1
 };
-let ft = V;
+let mt = V;
 class N extends m {
   static create(e) {
     return new N({
@@ -2052,8 +2077,8 @@ class N extends m {
     return this.source.resize(e, t, r), this;
   }
 }
-const pt = new w(), mt = new O(), vt = [0, 0, 0, 0];
-class Pe {
+const vt = new w(), gt = new O(), xt = [0, 0, 0, 0];
+class Re {
   constructor(e) {
     this._renderer = e;
   }
@@ -2103,8 +2128,8 @@ class Pe {
     });
     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 = vt;
-    const i = ((d = e.frame) == null ? void 0 : d.copyTo(pt)) || je(s, mt).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)) || qe(s, gt).rectangle;
     i.width = Math.max(i.width, 1 / t) | 0, i.height = Math.max(i.height, 1 / t) | 0;
     const o = N.create({
       ...e.textureSourceOptions,
@@ -2124,14 +2149,14 @@ class Pe {
     this._renderer = null;
   }
 }
-Pe.extension = {
+Re.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem
   ],
   name: "textureGenerator"
 };
-class Re {
+class Be {
   constructor(e) {
     this._stackIndex = 0, this._globalUniformDataStack = [], this._uniformsPool = [], this._activeUniforms = [], this._bindGroupPool = [], this._activeBindGroups = [], this._renderer = e;
   }
@@ -2156,7 +2181,7 @@ class Re {
     const i = this._renderer.renderTarget.renderTarget, o = this._stackIndex ? this._globalUniformDataStack[this._stackIndex - 1] : {
       worldTransformMatrix: new v(),
       worldColor: 4294967295,
-      offset: new $e()
+      offset: new Ke()
     }, l = {
       projectionMatrix: t || this._renderer.renderTarget.projectionMatrix,
       resolution: e || i.size,
@@ -2167,13 +2192,13 @@ class Re {
     }, d = this._uniformsPool.pop() || this._createUniforms();
     this._activeUniforms.push(d);
     const c = d.uniforms;
-    c.uProjectionMatrix = l.projectionMatrix, c.uResolution = l.resolution, c.uWorldTransformMatrix.copyFrom(l.worldTransformMatrix), c.uWorldTransformMatrix.tx -= l.offset.x, c.uWorldTransformMatrix.ty -= l.offset.y, Xe(
+    c.uProjectionMatrix = l.projectionMatrix, c.uResolution = l.resolution, c.uWorldTransformMatrix.copyFrom(l.worldTransformMatrix), c.uWorldTransformMatrix.tx -= l.offset.x, c.uWorldTransformMatrix.ty -= l.offset.y, Ze(
       l.worldColor,
       c.uWorldColorAlpha,
       0
     ), d.update();
     let h;
-    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;
+    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;
   }
   push(e) {
     this.bind(e), this._globalUniformDataStack[this._stackIndex++] = this._currentGlobalUniformData;
@@ -2191,7 +2216,7 @@ class Re {
     return this._currentGlobalUniformData.bindGroup.resources[0];
   }
   _createUniforms() {
-    return new se({
+    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>
@@ -2202,10 +2227,10 @@ class Re {
     });
   }
   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;
   }
 }
-Re.extension = {
+Be.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2213,14 +2238,14 @@ Re.extension = {
   ],
   name: "globalUniforms"
 };
-let xt = 1;
-class Be {
+let _t = 1;
+class Ue {
   constructor() {
     this._tasks = [], this._offset = 0;
   }
   /** Initializes the scheduler system and starts the ticker. */
   init() {
-    X.system.add(this._update, this);
+    Q.system.add(this._update, this);
   }
   /**
    * Schedules a repeating task.
@@ -2230,7 +2255,7 @@ class Be {
    * @returns The unique identifier for the scheduled task.
    */
   repeat(e, t, r = !0) {
-    const s = xt++;
+    const s = _t++;
     let n = 0;
     return r && (this._offset += 1e3, n = this._offset), this._tasks.push({
       func: e,
@@ -2272,10 +2297,10 @@ class Be {
    * @internal
    */
   destroy() {
-    X.system.remove(this._update, this), this._tasks.length = 0;
+    Q.system.remove(this._update, this), this._tasks.length = 0;
   }
 }
-Be.extension = {
+Ue.extension = {
   type: [
     u.WebGLSystem,
     u.WebGPUSystem,
@@ -2284,12 +2309,12 @@ Be.extension = {
   name: "scheduler",
   priority: 0
 };
-let re = !1;
-function gt(a) {
-  if (!re) {
+let se = !1;
+function bt(a) {
+  if (!se) {
     if (H.get().getNavigator().userAgent.toLowerCase().indexOf("chrome") > -1) {
       const e = [
-        `%c  %c  %c  %c  %c PixiJS %c v${Q} (${a}) http://www.pixijs.com/
+        `%c  %c  %c  %c  %c PixiJS %c v${Z} (${a}) http://www.pixijs.com/
 
 `,
         "background: #E72264; padding:5px 0;",
@@ -2300,8 +2325,8 @@ function gt(a) {
         "color: #E72264; background: #FFFFFF; padding:5px 0;"
       ];
       globalThis.console.log(...e);
-    } else globalThis.console && globalThis.console.log(`PixiJS ${Q} - ${a} - http://www.pixijs.com/`);
-    re = !0;
+    } else globalThis.console && globalThis.console.log(`PixiJS ${Z} - ${a} - http://www.pixijs.com/`);
+    se = !0;
   }
 }
 class j {
@@ -2315,7 +2340,7 @@ class j {
   init(e) {
     if (e.hello) {
       let t = this._renderer.name;
-      this._renderer.type === F.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), gt(t);
+      this._renderer.type === F.WEBGL && (t += ` ${this._renderer.context.webGLVersion}`), bt(t);
     }
   }
 }
@@ -2332,7 +2357,7 @@ j.defaultOptions = {
   /** {@link WebGLOptions.hello} */
   hello: !1
 };
-function _t(a) {
+function Tt(a) {
   let e = !1;
   for (const r in a)
     if (a[r] == null) {
@@ -2348,14 +2373,14 @@ function _t(a) {
   }
   return t;
 }
-function bt(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 Tt = 0;
-const $ = class Ue {
+let kt = 0;
+const $ = class Ae {
   /**
    * Creates a new RenderableGCSystem instance.
    * @param renderer - The renderer this garbage collection system works for
@@ -2368,7 +2393,7 @@ const $ = class Ue {
    * @param options - Configuration options for the renderer
    */
   init(e) {
-    e = { ...Ue.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.
@@ -2390,13 +2415,13 @@ const $ = class Ue {
     ), this._hashHandler = this._renderer.scheduler.repeat(
       () => {
         for (const t of this._managedHashes)
-          t.context[t.hash] = _t(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)
-          bt(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)));
@@ -2425,7 +2450,7 @@ const $ = class Ue {
   prerender({
     container: e
   }) {
-    this._now = performance.now(), e.renderGroup.gcTick = Tt++, 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.
@@ -2499,14 +2524,14 @@ $.defaultOptions = {
   /** How often to run garbage collection in ms (default 30 seconds) */
   renderableGCFrequency: 3e4
 };
-let yt = $;
-const q = class Ae {
+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 = { ...Ae.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.
@@ -2559,8 +2584,8 @@ q.defaultOptions = {
    */
   textureGCCheckCountMax: 600
 };
-let kt = q;
-const K = class Ie {
+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.
@@ -2589,9 +2614,9 @@ const K = class Ie {
    */
   init(e) {
     e = {
-      ...Ie.defaultOptions,
+      ...Ge.defaultOptions,
       ...e
-    }, 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 = ve(this.canvas, e), this.renderTarget = new I({
+    }, 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 || 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
@@ -2615,7 +2640,7 @@ const K = class Ie {
    * 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();
   }
 };
 K.extension = {
@@ -2649,42 +2674,42 @@ K.defaultOptions = {
    */
   antialias: !1
 };
-let Ct = K;
-const Et = [
-  ht,
-  Re,
+let St = K;
+const Ft = [
+  pt,
+  Be,
   j,
-  Ct,
-  ke,
-  kt,
-  Pe,
-  ft,
-  Je,
-  yt,
-  Be
-], Ot = [
-  Se,
-  he,
+  St,
   Ce,
-  be,
+  Mt,
+  Re,
+  mt,
+  Qe,
+  Ct,
+  Ue
+], Lt = [
+  we,
   fe,
-  me,
+  Me,
+  Te,
   pe,
-  _e
+  ve,
+  me,
+  be
 ];
 export {
-  Dt as B,
-  g as G,
-  Gt as R,
-  Et as S,
-  Ut as U,
-  Ot as a,
-  at as b,
-  At 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,
-  Bt as e,
-  Rt as f,
-  Pt as t,
-  It as u
+  At as e,
+  Ut as f,
+  Bt as t,
+  Et as u
 };
-//# sourceMappingURL=SharedSystems-CZFehVPl.js.map
+//# sourceMappingURL=SharedSystems-D2AiAlOX.js.map