holostaff-widget 3.0.0-alpha.9 → 3.0.0

package/dist/{WebGPURenderer-Cggaw1fN.js → WebGPURenderer-CdbjQMqs.js}

@@ -1,14 +1,59 @@
-import { v as L, a as A, i as l, x as D, e as ce, y as de, D as B, c as C, d as T, B as he, z as k, H as w, w as v, I as y, o as pe, J as le, K as z, L as M, M as F, N as O, O as fe, Q as I, V as ge, S as W, T as R, A as me, R as _e, p as S } from "./index-IH6ECrLJ.js";
-import { c as be, u as ye, U as xe, B as Ge, G as Pe, e as Be, l as Se, a as Te, t as Ce } from "./BufferResource-B55p1jpv.js";
-import { R as ve, S as Ue, d as we } from "./RenderTargetSystem-CgD3OnwB.js";
-const G = A.for2d();
-class H {
+import { D as x, n as M, G as de, c as p, a as he, w as U, d as y, f as le, g as pe, M as A, T as R, A as fe, e as S } from "./index-C1ZbqCjI.js";
+import { g as D } from "./getTextureBatchBindGroup-CHJWR-eE.js";
+import { G as k, f as ge, S as v, R as me, c as z, a as _e, r as F, g as be, b as ye, d as xe } from "./RenderTargetSystem-BCBByEgg.js";
+import { c as Ge, u as Pe, U as Be, B as Se, G as Te, e as ve, l as Ce, a as Ue, t as we } from "./BufferResource-DeLlYxf8.js";
+import { S as O, b as T, a as Me, B as I, c as E, U as W, d as H, R as Re } from "./Geometry-Bdq2tsB3.js";
+class Ee {
+  constructor(e) {
+    this._canvasPool = /* @__PURE__ */ Object.create(null), this.canvasOptions = e || {}, this.enableFullScreen = !1;
+  }
+  /**
+   * Creates texture with params that were specified in pool constructor.
+   * @param pixelWidth - Width of texture in pixels.
+   * @param pixelHeight - Height of texture in pixels.
+   */
+  _createCanvasAndContext(e, t) {
+    const r = x.get().createCanvas();
+    r.width = e, r.height = t;
+    const s = r.getContext("2d");
+    return { canvas: r, context: s };
+  }
+  /**
+   * Gets a Power-of-Two render texture or fullScreen texture
+   * @param minWidth - The minimum width of the render texture.
+   * @param minHeight - The minimum height of the render texture.
+   * @param resolution - The resolution of the render texture.
+   * @returns The new render texture.
+   */
+  getOptimalCanvasAndContext(e, t, r = 1) {
+    e = Math.ceil(e * r - 1e-6), t = Math.ceil(t * r - 1e-6), e = M(e), t = M(t);
+    const s = (e << 17) + (t << 1);
+    this._canvasPool[s] || (this._canvasPool[s] = []);
+    let i = this._canvasPool[s].pop();
+    return i || (i = this._createCanvasAndContext(e, t)), i;
+  }
+  /**
+   * Place a render texture back into the pool.
+   * @param canvasAndContext
+   */
+  returnCanvasAndContext(e) {
+    const t = e.canvas, { width: r, height: s } = t, i = (r << 17) + (s << 1);
+    e.context.resetTransform(), e.context.clearRect(0, 0, r, s), this._canvasPool[i].push(e);
+  }
+  clear() {
+    this._canvasPool = {};
+  }
+}
+const C = new Ee();
+de.register(C);
+const P = O.for2d();
+class V {
   start(e, t, r) {
     const s = e.renderer, i = s.encoder, n = r.gpuProgram;
-    this._shader = r, this._geometry = t, i.setGeometry(t, n), G.blendMode = "normal", s.pipeline.getPipeline(
+    this._shader = r, this._geometry = t, i.setGeometry(t, n), P.blendMode = "normal", s.pipeline.getPipeline(
       t,
       n,
-      G
+      P
     );
     const o = s.globalUniforms.bindGroup;
     i.resetBindGroup(1), i.setBindGroup(0, o, n);
@@ -17,13 +62,13 @@ class H {
     const r = this._shader.gpuProgram, s = e.renderer, i = s.encoder;
     if (!t.bindGroup) {
       const u = t.textures;
-      t.bindGroup = L(
+      t.bindGroup = D(
         u.textures,
         u.count,
         s.limits.maxBatchableTextures
       );
     }
-    G.blendMode = t.blendMode;
+    P.blendMode = t.blendMode;
     const n = s.bindGroup.getBindGroup(
       t.bindGroup,
       r,
@@ -31,19 +76,19 @@ class H {
     ), o = s.pipeline.getPipeline(
       this._geometry,
       r,
-      G,
+      P,
       t.topology
     );
     t.bindGroup._touch(s.gc.now, s.tick), i.setPipeline(o), i.renderPassEncoder.setBindGroup(1, n), i.renderPassEncoder.drawIndexed(t.size, 1, t.start);
   }
 }
-H.extension = {
+V.extension = {
   type: [
-    l.WebGPUPipesAdaptor
+    p.WebGPUPipesAdaptor
   ],
   name: "batch"
 };
-class V {
+class N {
   constructor(e) {
     this._hash = /* @__PURE__ */ Object.create(null), this._renderer = e;
   }
@@ -57,40 +102,40 @@ class V {
     const s = this._gpu.device, i = t.layout[r], n = [], o = this._renderer;
     for (const f in i) {
       const h = e.resources[f] ?? e.resources[i[f]];
-      let p;
+      let l;
       if (h._resourceType === "uniformGroup") {
         const d = h;
         o.ubo.updateUniformGroup(d);
         const g = d.buffer;
-        p = {
+        l = {
           buffer: o.buffer.getGPUBuffer(g),
           offset: 0,
           size: g.descriptor.size
         };
       } else if (h._resourceType === "buffer") {
         const d = h;
-        p = {
+        l = {
           buffer: o.buffer.getGPUBuffer(d),
           offset: 0,
           size: d.descriptor.size
         };
       } else if (h._resourceType === "bufferResource") {
         const d = h;
-        p = {
+        l = {
           buffer: o.buffer.getGPUBuffer(d.buffer),
           offset: d.offset,
           size: d.size
         };
       } else if (h._resourceType === "textureSampler") {
         const d = h;
-        p = o.texture.getGpuSampler(d);
+        l = o.texture.getGpuSampler(d);
       } else if (h._resourceType === "textureSource") {
         const d = h;
-        p = o.texture.getTextureView(d);
+        l = o.texture.getTextureView(d);
       }
       n.push({
         binding: i[f],
-        resource: p
+        resource: l
       });
     }
     const u = o.shader.getProgramData(t).bindGroups[r], c = s.createBindGroup({
@@ -103,13 +148,13 @@ class V {
     this._hash = null, this._renderer = null;
   }
 }
-V.extension = {
+N.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "bindGroup"
 };
-class Me {
+class Le {
   constructor(e) {
     this.gpuBuffer = e;
   }
@@ -117,9 +162,9 @@ class Me {
     this.gpuBuffer.destroy(), this.gpuBuffer = null;
   }
 }
-class N {
+class j {
   constructor(e) {
-    this._renderer = e, this._managedBuffers = new D({
+    this._renderer = e, this._managedBuffers = new k({
       renderer: e,
       type: "resource",
       onUnload: this.onBufferUnload.bind(this),
@@ -153,12 +198,12 @@ class N {
   }
   createGPUBuffer(e) {
     const t = this._gpu.device.createBuffer(e.descriptor);
-    return e._updateID = 0, e._resourceId = ce("resource"), e.data && (de(
+    return e._updateID = 0, e._resourceId = he("resource"), e.data && (ge(
       e.data.buffer,
       t.getMappedRange(),
       e.data.byteOffset,
       e.data.byteLength
-    ), t.unmap()), e._gpuData[this._renderer.uid] = new Me(t), this._managedBuffers.add(e) && (e.on("update", this.updateBuffer, this), e.on("change", this.onBufferChange, this)), t;
+    ), t.unmap()), e._gpuData[this._renderer.uid] = new Le(t), this._managedBuffers.add(e) && (e.on("update", this.updateBuffer, this), e.on("change", this.onBufferChange, this)), t;
   }
   onBufferChange(e) {
     this._managedBuffers.remove(e), e._updateID = 0, this.createGPUBuffer(e);
@@ -167,13 +212,13 @@ class N {
     this._managedBuffers.destroy(), this._renderer = null, this._gpu = null;
   }
 }
-N.extension = {
+j.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "buffer"
 };
-class Re {
+class Ae {
   constructor({ minUniformOffsetAlignment: e }) {
     this._minUniformOffsetAlignment = 256, this.byteIndex = 0, this._minUniformOffsetAlignment = e, this.data = new Float32Array(65535);
   }
@@ -199,7 +244,7 @@ class Re {
     this.data = null;
   }
 }
-class j {
+class K {
   constructor(e) {
     this._colorMaskCache = 15, this._renderer = e;
   }
@@ -210,13 +255,13 @@ class j {
     this._renderer = null, this._colorMaskCache = null;
   }
 }
-j.extension = {
+K.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "colorMask"
 };
-class U {
+class w {
   /**
    * @param {WebGPURenderer} renderer - The renderer this System works for.
    */
@@ -243,7 +288,7 @@ class U {
    * @returns {WebGLRenderingContext} the WebGL context
    */
   async _createDeviceAndAdaptor(e) {
-    const t = await B.get().getNavigator().gpu.requestAdapter({
+    const t = await x.get().getNavigator().gpu.requestAdapter({
       powerPreference: e.powerPreference,
       forceFallbackAdapter: e.forceFallbackAdapter
     }), r = [
@@ -259,13 +304,13 @@ class U {
     this.gpu = null, this._renderer = null;
   }
 }
-U.extension = {
+w.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "device"
 };
-U.defaultOptions = {
+w.defaultOptions = {
   /**
    * {@link WebGPUOptions.powerPreference}
    * @default default
@@ -277,7 +322,7 @@ U.defaultOptions = {
    */
   forceFallbackAdapter: !1
 };
-class K {
+class q {
   constructor(e) {
     this._boundBindGroup = /* @__PURE__ */ Object.create(null), this._boundVertexBuffer = /* @__PURE__ */ Object.create(null), this._renderer = e;
   }
@@ -386,12 +431,12 @@ class K {
     this._gpu = e;
   }
 }
-K.extension = {
-  type: [l.WebGPUSystem],
+q.extension = {
+  type: [p.WebGPUSystem],
   name: "encoder",
   priority: 1
 };
-class q {
+class Y {
   constructor(e) {
     this._renderer = e;
   }
@@ -401,20 +446,20 @@ class q {
   destroy() {
   }
 }
-q.extension = {
+Y.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "limits"
 };
-class Y {
+class $ {
   constructor(e) {
     this._renderTargetStencilState = /* @__PURE__ */ Object.create(null), this._renderer = e, e.renderTarget.onRenderTargetChange.add(this);
   }
   onRenderTargetChange(e) {
     let t = this._renderTargetStencilState[e.uid];
     t || (t = this._renderTargetStencilState[e.uid] = {
-      stencilMode: C.DISABLED,
+      stencilMode: v.DISABLED,
       stencilReference: 0
     }), this._activeRenderTarget = e, this.setStencilMode(t.stencilMode, t.stencilReference);
   }
@@ -428,13 +473,13 @@ class Y {
     this._renderer.renderTarget.onRenderTargetChange.remove(this), this._renderer = null, this._activeRenderTarget = null, this._renderTargetStencilState = null;
   }
 }
-Y.extension = {
+$.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "stencil"
 };
-const P = {
+const B = {
   i32: { align: 4, size: 4 },
   u32: { align: 4, size: 4 },
   f32: { align: 4, size: 4 },
@@ -470,7 +515,7 @@ const P = {
   "mat4x4<f32>": { align: 16, size: 64 },
   "mat4x4<f16>": { align: 8, size: 32 }
 };
-function Ee(a) {
+function De(a) {
   const e = a.map((r) => ({
     data: r,
     offset: 0,
@@ -479,16 +524,16 @@ function Ee(a) {
   let t = 0;
   for (let r = 0; r < e.length; r++) {
     const s = e[r];
-    let i = P[s.data.type].size;
-    const n = P[s.data.type].align;
-    if (!P[s.data.type])
+    let i = B[s.data.type].size;
+    const n = B[s.data.type].align;
+    if (!B[s.data.type])
       throw new Error(`[Pixi.js] WebGPU UniformBuffer: Unknown type ${s.data.type}`);
     s.data.size > 1 && (i = Math.max(i, n) * s.data.size), t = Math.ceil(t / n) * n, s.size = i, s.offset = t, t += i;
   }
   return t = Math.ceil(t / 16) * 16, { uboElements: e, size: t };
 }
-function Le(a, e) {
-  const { size: t, align: r } = P[a.data.type], s = (r - t) / 4, i = a.data.type.indexOf("i32") >= 0 ? "dataInt32" : "data";
+function ke(a, e) {
+  const { size: t, align: r } = B[a.data.type], s = (r - t) / 4, i = a.data.type.indexOf("i32") >= 0 ? "dataInt32" : "data";
   return `
          v = uv.${a.data.name};
          ${e !== 0 ? `offset += ${e};` : ""}
@@ -507,34 +552,34 @@ function Le(a, e) {
          }
      `;
 }
-function Ae(a) {
-  return be(
+function ze(a) {
+  return Ge(
     a,
     "uboWgsl",
-    Le,
-    ye
+    ke,
+    Pe
   );
 }
-class $ extends xe {
+class X extends Be {
   constructor() {
     super({
-      createUboElements: Ee,
-      generateUboSync: Ae
+      createUboElements: De,
+      generateUboSync: ze
     });
   }
 }
-$.extension = {
-  type: [l.WebGPUSystem],
+X.extension = {
+  type: [p.WebGPUSystem],
   name: "ubo"
 };
 const b = 128;
-class X {
+class Z {
   constructor(e) {
-    this._bindGroupHash = /* @__PURE__ */ Object.create(null), this._buffers = [], this._bindGroups = [], this._bufferResources = [], this._renderer = e, this._batchBuffer = new Re({ minUniformOffsetAlignment: b });
+    this._bindGroupHash = /* @__PURE__ */ Object.create(null), this._buffers = [], this._bindGroups = [], this._bufferResources = [], this._renderer = e, this._batchBuffer = new Ae({ minUniformOffsetAlignment: b });
     const t = 256 / b;
     for (let r = 0; r < t; r++) {
       let s = T.UNIFORM | T.COPY_DST;
-      r === 0 && (s |= T.COPY_SRC), this._buffers.push(new he({
+      r === 0 && (s |= T.COPY_SRC), this._buffers.push(new Me({
         data: this._batchBuffer.data,
         usage: s
       }));
@@ -570,7 +615,7 @@ class X {
   _getBufferResource(e) {
     if (!this._bufferResources[e]) {
       const t = this._buffers[e % 2];
-      this._bufferResources[e] = new Ge({
+      this._bufferResources[e] = new Se({
         buffer: t,
         offset: (e / 2 | 0) * 256,
         size: b
@@ -580,7 +625,7 @@ class X {
   }
   _getBindGroup(e) {
     if (!this._bindGroups[e]) {
-      const t = new k({
+      const t = new I({
         0: this._getBufferResource(e)
       });
       this._bindGroups[e] = t;
@@ -616,23 +661,23 @@ class X {
     this._bufferResources = null, this._batchBuffer.destroy(), this._renderer = null;
   }
 }
-X.extension = {
+Z.extension = {
   type: [
-    l.WebGPUPipes
+    p.WebGPUPipes
   ],
   name: "uniformBatch"
 };
-const De = {
+const Fe = {
   "point-list": 0,
   "line-list": 1,
   "line-strip": 2,
   "triangle-list": 3,
   "triangle-strip": 4
 };
-function ke(a, e, t, r, s) {
+function Oe(a, e, t, r, s) {
   return a << 24 | e << 16 | t << 10 | r << 5 | s;
 }
-function ze(a, e, t, r, s) {
+function Ie(a, e, t, r, s) {
   return t << 8 | a << 5 | r << 3 | s << 1 | e;
 }
 class J {
@@ -640,7 +685,7 @@ class J {
     this._moduleCache = /* @__PURE__ */ Object.create(null), this._bufferLayoutsCache = /* @__PURE__ */ Object.create(null), this._bindingNamesCache = /* @__PURE__ */ Object.create(null), this._pipeCache = /* @__PURE__ */ Object.create(null), this._pipeStateCaches = /* @__PURE__ */ Object.create(null), this._colorMask = 15, this._multisampleCount = 1, this._colorTargetCount = 1, this._renderer = e;
   }
   contextChange(e) {
-    this._gpu = e, this.setStencilMode(C.DISABLED), this._updatePipeHash();
+    this._gpu = e, this.setStencilMode(v.DISABLED), this._updatePipeHash();
   }
   setMultisampleCount(e) {
     this._multisampleCount !== e && (this._multisampleCount = e, this._updatePipeHash());
@@ -652,27 +697,27 @@ class J {
     this._colorMask !== e && (this._colorMask = e, this._updatePipeHash());
   }
   setStencilMode(e) {
-    this._stencilMode !== e && (this._stencilMode = e, this._stencilState = Pe[e], this._updatePipeHash());
+    this._stencilMode !== e && (this._stencilMode = e, this._stencilState = Te[e], this._updatePipeHash());
   }
   setPipeline(e, t, r, s) {
     const i = this.getPipeline(e, t, r);
     s.setPipeline(i);
   }
   getPipeline(e, t, r, s) {
-    e._layoutKey || (Be(e, t.attributeData), this._generateBufferKey(e)), s || (s = e.topology);
-    const i = ke(
+    e._layoutKey || (ve(e, t.attributeData), this._generateBufferKey(e)), s || (s = e.topology);
+    const i = Oe(
       e._layoutKey,
       t._layoutKey,
       r.data,
       r._blendModeId,
-      De[s]
+      Fe[s]
     );
     return this._pipeCache[i] ? this._pipeCache[i] : (this._pipeCache[i] = this._createPipeline(e, t, r, s), this._pipeCache[i]);
   }
   _createPipeline(e, t, r, s) {
-    const i = this._gpu.device, n = this._createVertexBufferLayouts(e, t), o = this._renderer.state.getColorTargets(r, this._colorTargetCount), u = this._stencilMode === C.RENDERING_MASK_ADD ? 0 : this._colorMask;
-    for (let p = 0; p < o.length; p++)
-      o[p].writeMask = u;
+    const i = this._gpu.device, n = this._createVertexBufferLayouts(e, t), o = this._renderer.state.getColorTargets(r, this._colorTargetCount), u = this._stencilMode === v.RENDERING_MASK_ADD ? 0 : this._colorMask;
+    for (let l = 0; l < o.length; l++)
+      o[l].writeMask = u;
     const c = this._renderer.shader.getProgramData(t).pipeline, f = {
       // TODO later check if its helpful to create..
       // layout,
@@ -723,7 +768,7 @@ class J {
       t[r++] = o.offset, t[r++] = o.format, t[r++] = o.stride, t[r++] = o.instance;
     }
     const i = t.join("|");
-    return e._layoutKey = w(i, "geometry"), e._layoutKey;
+    return e._layoutKey = E(i, "geometry"), e._layoutKey;
   }
   _generateAttributeLocationsKey(e) {
     const t = [];
@@ -734,7 +779,7 @@ class J {
       t[r++] = o.location;
     }
     const i = t.join("|");
-    return e._attributeLocationsKey = w(i, "programAttributes"), e._attributeLocationsKey;
+    return e._attributeLocationsKey = E(i, "programAttributes"), e._attributeLocationsKey;
   }
   /**
    * Returns a hash of buffer names mapped to bind locations.
@@ -771,7 +816,7 @@ class J {
       }, o = n.attributes;
       for (const u in t.attributeData) {
         const c = e.attributes[u];
-        (c.divisor ?? 1) !== 1 && v(`Attribute ${u} has an invalid divisor value of '${c.divisor}'. WebGPU only supports a divisor value of 1`), c.buffer === i && (n.arrayStride = c.stride, n.stepMode = c.instance ? "instance" : "vertex", o.push({
+        (c.divisor ?? 1) !== 1 && U(`Attribute ${u} has an invalid divisor value of '${c.divisor}'. WebGPU only supports a divisor value of 1`), c.buffer === i && (n.arrayStride = c.stride, n.stepMode = c.instance ? "instance" : "vertex", o.push({
           shaderLocation: t.attributeData[u].location,
           offset: c.offset,
           format: c.format
@@ -781,7 +826,7 @@ class J {
     }), this._bufferLayoutsCache[r] = s, s;
   }
   _updatePipeHash() {
-    const e = ze(
+    const e = Ie(
       this._stencilMode,
       this._multisampleCount,
       this._colorMask,
@@ -795,15 +840,15 @@ class J {
   }
 }
 J.extension = {
-  type: [l.WebGPUSystem],
+  type: [p.WebGPUSystem],
   name: "pipeline"
 };
-class Fe {
+class We {
   constructor() {
     this.contexts = [], this.msaaTextures = [], this.msaaSamples = 1;
   }
 }
-class Oe {
+class He {
   init(e, t) {
     this._renderer = e, this._renderTargetSystem = t;
   }
@@ -853,8 +898,8 @@ class Oe {
   getDescriptor(e, t, r, s = 0, i = 0) {
     typeof t == "boolean" && (t = t ? y.ALL : y.NONE);
     const n = this._renderTargetSystem, o = n.getGpuRenderTarget(e), u = e.colorTextures.map(
-      (h, p) => {
-        const d = o.contexts[p];
+      (h, l) => {
+        const d = o.contexts[l];
         let g, m;
         if (d) {
           if (i !== 0)
@@ -869,22 +914,22 @@ class Oe {
             baseArrayLayer: i,
             arrayLayerCount: 1
           });
-        o.msaaTextures[p] && (m = g, g = this._renderer.texture.getTextureView(
-          o.msaaTextures[p]
+        o.msaaTextures[l] && (m = g, g = this._renderer.texture.getTextureView(
+          o.msaaTextures[l]
         ));
-        const x = t & y.COLOR ? "clear" : "load";
+        const G = t & y.COLOR ? "clear" : "load";
         return r ?? (r = n.defaultClearColor), {
           view: g,
           resolveTarget: m,
           clearValue: r,
           storeOp: "store",
-          loadOp: x
+          loadOp: G
         };
       }
     );
     let c;
     if ((e.stencil || e.depth) && !e.depthStencilTexture && (e.ensureDepthStencilTexture(), e.depthStencilTexture.source.sampleCount = o.msaa ? 4 : 1), e.depthStencilTexture) {
-      const h = t & y.STENCIL ? "clear" : "load", p = t & y.DEPTH ? "clear" : "load";
+      const h = t & y.STENCIL ? "clear" : "load", l = t & y.DEPTH ? "clear" : "load";
       c = {
         view: this._renderer.texture.getGpuSource(e.depthStencilTexture.source).createView({
           dimension: "2d",
@@ -896,7 +941,7 @@ class Oe {
         stencilStoreOp: "store",
         stencilLoadOp: h,
         depthClearValue: 1,
-        depthLoadOp: p,
+        depthLoadOp: l,
         depthStoreOp: "store"
       };
     }
@@ -909,7 +954,7 @@ class Oe {
     if (!t) return;
     const { gpu: o, encoder: u } = this._renderer, c = o.device;
     if (u.commandEncoder === null) {
-      const h = c.createCommandEncoder(), p = this.getDescriptor(e, t, r, i, n), d = h.beginRenderPass(p);
+      const h = c.createCommandEncoder(), l = this.getDescriptor(e, t, r, i, n), d = h.beginRenderPass(l);
       d.setViewport(s.x, s.y, s.width, s.height, 0, 1), d.end();
       const g = h.finish();
       c.queue.submit([g]);
@@ -918,9 +963,9 @@ class Oe {
   }
   initGpuRenderTarget(e) {
     e.isRoot = !0;
-    const t = new Fe();
+    const t = new We();
     return t.colorTargetCount = e.colorTextures.length, e.colorTextures.forEach((r, s) => {
-      if (r instanceof pe) {
+      if (r instanceof le) {
         const i = r.resource.getContext(
           "webgpu"
         ), n = r.transparent ? "premultiplied" : "opaque";
@@ -937,7 +982,7 @@ class Oe {
         t.contexts[s] = i;
       }
       if (t.msaa = r.source.antialias, r.source.antialias) {
-        const i = new le({
+        const i = new pe({
           width: 0,
           height: 0,
           sampleCount: 4,
@@ -970,16 +1015,16 @@ class Oe {
     });
   }
 }
-class Q extends ve {
+class Q extends me {
   constructor(e) {
-    super(e), this.adaptor = new Oe(), this.adaptor.init(e, this);
+    super(e), this.adaptor = new He(), this.adaptor.init(e, this);
   }
 }
 Q.extension = {
-  type: [l.WebGPUSystem],
+  type: [p.WebGPUSystem],
   name: "renderTarget"
 };
-class Z {
+class ee {
   constructor() {
     this._gpuProgramData = /* @__PURE__ */ Object.create(null);
   }
@@ -1000,9 +1045,9 @@ class Z {
     this._gpu = null, this._gpuProgramData = null;
   }
 }
-Z.extension = {
+ee.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "shader"
 };
@@ -1151,9 +1196,9 @@ _.max = {
     operation: "max"
   }
 };
-class ee {
+class te {
   constructor() {
-    this.defaultState = new A(), this.defaultState.blend = !0;
+    this.defaultState = new O(), this.defaultState.blend = !0;
   }
   contextChange(e) {
     this.gpu = e;
@@ -1177,13 +1222,13 @@ class ee {
     this.gpu = null;
   }
 }
-ee.extension = {
+te.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "state"
 };
-const Ie = {
+const Ve = {
   type: "image",
   upload(a, e, t, r = 0) {
     const s = a.resource, i = (a.pixelWidth | 0) * (a.pixelHeight | 0), n = s.byteLength / i;
@@ -1202,7 +1247,7 @@ const Ie = {
       }
     );
   }
-}, te = {
+}, re = {
   "bc1-rgba-unorm": { blockBytes: 8, blockWidth: 4, blockHeight: 4 },
   "bc2-rgba-unorm": { blockBytes: 16, blockWidth: 4, blockHeight: 4 },
   "bc3-rgba-unorm": { blockBytes: 16, blockWidth: 4, blockHeight: 4 },
@@ -1210,11 +1255,11 @@ const Ie = {
   "etc1-rgb-unorm": { blockBytes: 8, blockWidth: 4, blockHeight: 4 },
   "etc2-rgba8unorm": { blockBytes: 16, blockWidth: 4, blockHeight: 4 },
   "astc-4x4-unorm": { blockBytes: 16, blockWidth: 4, blockHeight: 4 }
-}, We = { blockBytes: 4, blockWidth: 1, blockHeight: 1 }, He = {
+}, Ne = { blockBytes: 4, blockWidth: 1, blockHeight: 1 }, je = {
   type: "compressed",
   upload(a, e, t, r = 0) {
     let s = a.pixelWidth, i = a.pixelHeight;
-    const n = te[a.format] || We;
+    const n = re[a.format] || Ne;
     for (let o = 0; o < a.resource.length; o++) {
       const u = a.resource[o], c = Math.ceil(s / n.blockWidth) * n.blockBytes;
       t.device.queue.writeTexture(
@@ -1236,27 +1281,27 @@ const Ie = {
       ), s = Math.max(s >> 1, 1), i = Math.max(i >> 1, 1);
     }
   }
-}, E = ["right", "left", "top", "bottom", "front", "back"];
-function Ve(a) {
+}, L = ["right", "left", "top", "bottom", "front", "back"];
+function Ke(a) {
   return {
     type: "cube",
     upload(e, t, r) {
       const s = e.faces;
-      for (let i = 0; i < E.length; i++) {
-        const n = E[i], o = s[n];
+      for (let i = 0; i < L.length; i++) {
+        const n = L[i], o = s[n];
         (a[o.uploadMethodId] || a.image).upload(o, t, r, i);
       }
     }
   };
 }
-const re = {
+const se = {
   type: "image",
   upload(a, e, t, r = 0) {
     const s = a.resource;
     if (!s) return;
     if (globalThis.HTMLImageElement && s instanceof HTMLImageElement) {
-      const u = B.get().createCanvas(s.width, s.height);
-      u.getContext("2d").drawImage(s, 0, 0, s.width, s.height), a.resource = u, v("ImageSource: Image element passed, converting to canvas and replacing resource.");
+      const u = x.get().createCanvas(s.width, s.height);
+      u.getContext("2d").drawImage(s, 0, 0, s.width, s.height), a.resource = u, U("ImageSource: Image element passed, converting to canvas and replacing resource.");
     }
     const i = Math.min(e.width, a.resourceWidth || a.pixelWidth), n = Math.min(e.height, a.resourceHeight || a.pixelHeight), o = a.alphaMode === "premultiply-alpha-on-upload";
     t.device.queue.copyExternalImageToTexture(
@@ -1268,13 +1313,13 @@ const re = {
       }
     );
   }
-}, Ne = {
+}, qe = {
   type: "video",
   upload(a, e, t, r) {
-    re.upload(a, e, t, r);
+    se.upload(a, e, t, r);
   }
 };
-class je {
+class Ye {
   constructor(e) {
     this.device = e, this.sampler = e.createSampler({ minFilter: "linear" }), this.pipelines = {};
   }
@@ -1356,7 +1401,7 @@ class je {
         arrayLayerCount: 1
       }), f = i ? 1 : 0;
       for (let h = 1; h < e.mipLevelCount; ++h) {
-        const p = r.createView({
+        const l = r.createView({
           baseMipLevel: f++,
           mipLevelCount: 1,
           dimension: "2d",
@@ -1364,7 +1409,7 @@ class je {
           arrayLayerCount: 1
         }), d = n.beginRenderPass({
           colorAttachments: [{
-            view: p,
+            view: l,
             storeOp: "store",
             loadOp: "clear",
             clearValue: { r: 0, g: 0, b: 0, a: 0 }
@@ -1379,7 +1424,7 @@ class je {
             resource: c
           }]
         });
-        d.setPipeline(t), d.setBindGroup(0, g), d.draw(3, 1, 0, 0), d.end(), c = p;
+        d.setPipeline(t), d.setBindGroup(0, g), d.draw(3, 1, 0, 0), d.end(), c = l;
       }
     }
     if (!i) {
@@ -1400,7 +1445,7 @@ class je {
     return this.device.queue.submit([n.finish()]), i || r.destroy(), e;
   }
 }
-class Ke {
+class $e {
   constructor(e) {
     this.textureView = null, this.gpuTexture = e;
   }
@@ -1409,23 +1454,23 @@ class Ke {
     this.gpuTexture.destroy(), this.textureView = null, this.gpuTexture = null;
   }
 }
-class se {
+class ie {
   constructor(e) {
-    this._gpuSamplers = /* @__PURE__ */ Object.create(null), this._bindGroupHash = /* @__PURE__ */ Object.create(null), this._renderer = e, e.gc.addCollection(this, "_bindGroupHash", "hash"), this._managedTextures = new D({
+    this._gpuSamplers = /* @__PURE__ */ Object.create(null), this._bindGroupHash = /* @__PURE__ */ Object.create(null), this._renderer = e, e.gc.addCollection(this, "_bindGroupHash", "hash"), this._managedTextures = new k({
       renderer: e,
       type: "resource",
       onUnload: this.onSourceUnload.bind(this),
       name: "gpuTextureSource"
     });
     const t = {
-      image: re,
-      buffer: Ie,
-      video: Ne,
-      compressed: He
+      image: se,
+      buffer: Ve,
+      video: qe,
+      compressed: je
     };
     this._uploads = {
       ...t,
-      cube: Ve(t)
+      cube: Ke(t)
     };
   }
   /**
@@ -1453,7 +1498,7 @@ class se {
     }
     let t = GPUTextureUsage.TEXTURE_BINDING | GPUTextureUsage.COPY_DST;
     e.uploadMethodId !== "compressed" && (t |= GPUTextureUsage.RENDER_ATTACHMENT, t |= GPUTextureUsage.COPY_SRC);
-    const r = te[e.format] || { blockWidth: 1, blockHeight: 1 }, s = Math.ceil(e.pixelWidth / r.blockWidth) * r.blockWidth, i = Math.ceil(e.pixelHeight / r.blockHeight) * r.blockHeight, n = {
+    const r = re[e.format] || { blockWidth: 1, blockHeight: 1 }, s = Math.ceil(e.pixelWidth / r.blockWidth) * r.blockWidth, i = Math.ceil(e.pixelHeight / r.blockHeight) * r.blockHeight, n = {
       label: e.label,
       size: { width: s, height: i, depthOrArrayLayers: e.arrayLayerCount },
       format: e.format,
@@ -1462,14 +1507,14 @@ class se {
       dimension: e.dimension,
       usage: t
     }, o = this._gpu.device.createTexture(n);
-    return e._gpuData[this._renderer.uid] = new Ke(o), this._managedTextures.add(e) && (e.on("update", this.onSourceUpdate, this), e.on("resize", this.onSourceResize, this), e.on("updateMipmaps", this.onUpdateMipmaps, this)), this.onSourceUpdate(e), o;
+    return e._gpuData[this._renderer.uid] = new $e(o), this._managedTextures.add(e) && (e.on("update", this.onSourceUpdate, this), e.on("resize", this.onSourceResize, this), e.on("updateMipmaps", this.onUpdateMipmaps, this)), this.onSourceUpdate(e), o;
   }
   onSourceUpdate(e) {
     const t = this.getGpuSource(e);
     t && (this._uploads[e.uploadMethodId] && this._uploads[e.uploadMethodId].upload(e, t, this._gpu), e.autoGenerateMipmaps && e.mipLevelCount > 1 && this.onUpdateMipmaps(e));
   }
   onUpdateMipmaps(e) {
-    this._mipmapGenerator || (this._mipmapGenerator = new je(this._gpu.device));
+    this._mipmapGenerator || (this._mipmapGenerator = new Ye(this._gpu.device));
     const t = this.getGpuSource(e);
     this._mipmapGenerator.generateMipmap(t);
   }
@@ -1505,10 +1550,10 @@ class se {
   }
   _createTextureBindGroup(e) {
     const t = e.source;
-    return this._bindGroupHash[e.uid] = new k({
+    return this._bindGroupHash[e.uid] = new I({
       0: t,
       1: t.style,
-      2: new z({
+      2: new W({
         uTextureMatrix: { type: "mat3x3<f32>", value: e.textureMatrix.mapCoord }
       })
     }), this._bindGroupHash[e.uid];
@@ -1520,13 +1565,13 @@ class se {
     return r || (this.initSource(t), r = t._gpuData[this._renderer.uid]), r.textureView || (r.textureView = r.gpuTexture.createView({ dimension: t.viewDimension })), r.textureView;
   }
   generateCanvas(e) {
-    const t = this._renderer, r = t.gpu.device.createCommandEncoder(), s = B.get().createCanvas();
+    const t = this._renderer, r = t.gpu.device.createCommandEncoder(), s = x.get().createCanvas();
     s.width = e.source.pixelWidth, s.height = e.source.pixelHeight;
     const i = s.getContext("webgpu");
     return i.configure({
       device: t.gpu.device,
       usage: GPUTextureUsage.COPY_DST | GPUTextureUsage.COPY_SRC,
-      format: B.get().getNavigator().gpu.getPreferredCanvasFormat(),
+      format: x.get().getNavigator().gpu.getPreferredCanvasFormat(),
       alphaMode: "premultiplied"
     }), r.copyTextureToTexture({
       texture: t.texture.getGpuSource(e.source),
@@ -1542,10 +1587,10 @@ class se {
     }), t.gpu.device.queue.submit([r.finish()]), s;
   }
   getPixels(e) {
-    const t = this.generateCanvas(e), r = M.getOptimalCanvasAndContext(t.width, t.height), s = r.context;
+    const t = this.generateCanvas(e), r = C.getOptimalCanvasAndContext(t.width, t.height), s = r.context;
     s.drawImage(t, 0, 0);
     const { width: i, height: n } = t, o = s.getImageData(0, 0, i, n), u = new Uint8ClampedArray(o.data.buffer);
-    return M.returnCanvasAndContext(r), { pixels: u, width: i, height: n };
+    return C.returnCanvasAndContext(r), { pixels: u, width: i, height: n };
   }
   destroy() {
     this._managedTextures.destroy();
@@ -1556,33 +1601,33 @@ class se {
     this._renderer = null, this._gpu = null, this._mipmapGenerator = null, this._gpuSamplers = null, this._bindGroupHash = null;
   }
 }
-se.extension = {
+ie.extension = {
   type: [
-    l.WebGPUSystem
+    p.WebGPUSystem
   ],
   name: "texture"
 };
-class ie {
+class ne {
   constructor() {
     this._maxTextures = 0;
   }
   contextChange(e) {
-    const t = new z({
-      uTransformMatrix: { value: new F(), type: "mat3x3<f32>" },
+    const t = new W({
+      uTransformMatrix: { value: new A(), type: "mat3x3<f32>" },
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
       uRound: { value: 0, type: "f32" }
     });
     this._maxTextures = e.limits.maxBatchableTextures;
-    const r = O({
+    const r = z({
       name: "graphics",
       bits: [
-        fe,
-        ge(this._maxTextures),
-        Se,
-        I
+        _e,
+        be(this._maxTextures),
+        Ce,
+        F
       ]
     });
-    this.shader = new W({
+    this.shader = new H({
       gpuProgram: r,
       resources: {
         // added on the fly!
@@ -1600,20 +1645,20 @@ class ie {
     c.setBindGroup(0, f, s.gpuProgram);
     const h = i.renderPipes.uniformBatch.getUniformBindGroup(s.resources.localUniforms, !0);
     c.setBindGroup(2, h, s.gpuProgram);
-    const p = u.instructions;
+    const l = u.instructions;
     let d = null;
     for (let g = 0; g < u.instructionSize; g++) {
-      const m = p[g];
+      const m = l[g];
       if (m.topology !== d && (d = m.topology, c.setPipelineFromGeometryProgramAndState(
         o.geometry,
         s.gpuProgram,
         e.state,
         m.topology
       )), s.groups[1] = m.bindGroup, !m.gpuBindGroup) {
-        const x = m.textures;
-        m.bindGroup = L(
-          x.textures,
-          x.count,
+        const G = m.textures;
+        m.bindGroup = D(
+          G.textures,
+          G.count,
           this._maxTextures
         ), m.gpuBindGroup = i.bindGroup.getBindGroup(
           m.bindGroup,
@@ -1628,29 +1673,29 @@ class ie {
     this.shader.destroy(!0), this.shader = null;
   }
 }
-ie.extension = {
+ne.extension = {
   type: [
-    l.WebGPUPipesAdaptor
+    p.WebGPUPipesAdaptor
   ],
   name: "graphics"
 };
-class ne {
+class oe {
   init() {
-    const e = O({
+    const e = z({
       name: "mesh",
       bits: [
-        Te,
-        Ce,
-        I
+        Ue,
+        we,
+        F
       ]
     });
-    this._shader = new W({
+    this._shader = new H({
       gpuProgram: e,
       resources: {
         uTexture: R.EMPTY._source,
         uSampler: R.EMPTY._source.style,
         textureUniforms: {
-          uTextureMatrix: { type: "mat3x3<f32>", value: new F() }
+          uTextureMatrix: { type: "mat3x3<f32>", value: new A() }
         }
       }
     });
@@ -1661,7 +1706,7 @@ class ne {
     if (!s)
       s = this._shader, s.groups[2] = r.texture.getTextureBindGroup(t.texture);
     else if (!s.gpuProgram) {
-      v("Mesh shader has no gpuProgram", t.shader);
+      U("Mesh shader has no gpuProgram", t.shader);
       return;
     }
     const i = s.gpuProgram;
@@ -1679,45 +1724,45 @@ class ne {
     this._shader.destroy(!0), this._shader = null;
   }
 }
-ne.extension = {
+oe.extension = {
   type: [
-    l.WebGPUPipesAdaptor
+    p.WebGPUPipesAdaptor
   ],
   name: "mesh"
 };
-const qe = [
-  ...Ue,
-  $,
-  K,
-  U,
+const Xe = [
+  ...ye,
+  X,
   q,
-  N,
-  se,
+  w,
+  Y,
+  j,
+  ie,
   Q,
-  Z,
   ee,
+  te,
   J,
-  j,
-  Y,
-  V
-], Ye = [...we, X], $e = [H, ne, ie], oe = [], ae = [], ue = [];
-S.handleByNamedList(l.WebGPUSystem, oe);
-S.handleByNamedList(l.WebGPUPipes, ae);
-S.handleByNamedList(l.WebGPUPipesAdaptor, ue);
-S.add(...qe, ...Ye, ...$e);
-class tt extends me {
+  K,
+  $,
+  N
+], Ze = [...xe, Z], Je = [V, oe, ne], ae = [], ue = [], ce = [];
+S.handleByNamedList(p.WebGPUSystem, ae);
+S.handleByNamedList(p.WebGPUPipes, ue);
+S.handleByNamedList(p.WebGPUPipesAdaptor, ce);
+S.add(...Xe, ...Ze, ...Je);
+class ot extends fe {
   constructor() {
     const e = {
       name: "webgpu",
-      type: _e.WEBGPU,
-      systems: oe,
-      renderPipes: ae,
-      renderPipeAdaptors: ue
+      type: Re.WEBGPU,
+      systems: ae,
+      renderPipes: ue,
+      renderPipeAdaptors: ce
     };
     super(e);
   }
 }
 export {
-  tt as WebGPURenderer
+  ot as WebGPURenderer
 };
-//# sourceMappingURL=WebGPURenderer-Cggaw1fN.js.map
+//# sourceMappingURL=WebGPURenderer-CdbjQMqs.js.map