@cosmos.gl/graph 2.7.0-beta.1 → 2.7.0-beta.3

package/dist/{webgl-device-DzkMihDq.js → webgl-device-BeV8-7_B.js}

@@ -1,7 +1,7 @@
 var je = Object.defineProperty;
 var Qe = (r, t, e) => t in r ? je(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
 var o = (r, t, e) => Qe(r, typeof t != "symbol" ? t + "" : t, e);
-import { i as Me, a as Ye, n as Ke, u as Ze, R as S, l as b, T as L, g as Je, t as We, D as et, b as tt, B, S as rt, c as it, d as nt, e as st, f as at, h as ot, j as ct, k as lt, m as pe, o as ut, p as ht } from "./index-B1_1MjaX.js";
+import { i as Me, a as Ye, n as Ke, u as Ze, R as S, l as b, T as B, g as Je, t as We, D as et, b as tt, B as C, S as rt, c as it, d as nt, e as st, f as at, h as ot, j as ct, k as lt, m as pe, o as ut, p as ht } from "./index-u8g06ZrC.js";
 function ft(r) {
   return Me() ? Ye() ? "Electron" : (Ke.userAgent || "").indexOf("Edge") > -1 ? "Edge" : globalThis.chrome ? "Chrome" : globalThis.safari ? "Safari" : globalThis.mozInnerScreenX ? "Firefox" : "Unknown" : "Node";
 }
@@ -11,7 +11,7 @@ function dt() {
     r = i, t = n;
   }), resolve: r, reject: t };
 }
-const E = class E {
+const L = class L {
   constructor(t) {
     o(this, "id");
     o(this, "props");
@@ -46,7 +46,7 @@ const E = class E {
     o(this, "_position");
     o(this, "destroyed", !1);
     var e, i;
-    if (this.props = { ...E.defaultProps, ...t }, t = this.props, this.initialized = this._initializedResolvers.promise, Me() ? t.canvas ? typeof t.canvas == "string" ? this.canvas = bt(t.canvas) : this.canvas = t.canvas : this.canvas = mt(t) : this.canvas = { width: t.width || 1, height: t.height || 1 }, E.isHTMLCanvas(this.canvas) ? (this.id = t.id || this.canvas.id, this.type = "html-canvas", this.htmlCanvas = this.canvas) : E.isOffscreenCanvas(this.canvas) ? (this.id = t.id || "offscreen-canvas", this.type = "offscreen-canvas", this.offscreenCanvas = this.canvas) : (this.id = t.id || "node-canvas-context", this.type = "node"), this.cssWidth = ((e = this.htmlCanvas) == null ? void 0 : e.clientWidth) || this.canvas.width, this.cssHeight = ((i = this.htmlCanvas) == null ? void 0 : i.clientHeight) || this.canvas.height, this.devicePixelWidth = this.canvas.width, this.devicePixelHeight = this.canvas.height, this.drawingBufferWidth = this.canvas.width, this.drawingBufferHeight = this.canvas.height, this.devicePixelRatio = globalThis.devicePixelRatio || 1, this._position = [0, 0], E.isHTMLCanvas(this.canvas)) {
+    if (this.props = { ...L.defaultProps, ...t }, t = this.props, this.initialized = this._initializedResolvers.promise, Me() ? t.canvas ? typeof t.canvas == "string" ? this.canvas = bt(t.canvas) : this.canvas = t.canvas : this.canvas = mt(t) : this.canvas = { width: t.width || 1, height: t.height || 1 }, L.isHTMLCanvas(this.canvas) ? (this.id = t.id || this.canvas.id, this.type = "html-canvas", this.htmlCanvas = this.canvas) : L.isOffscreenCanvas(this.canvas) ? (this.id = t.id || "offscreen-canvas", this.type = "offscreen-canvas", this.offscreenCanvas = this.canvas) : (this.id = t.id || "node-canvas-context", this.type = "node"), this.cssWidth = ((e = this.htmlCanvas) == null ? void 0 : e.clientWidth) || this.canvas.width, this.cssHeight = ((i = this.htmlCanvas) == null ? void 0 : i.clientHeight) || this.canvas.height, this.devicePixelWidth = this.canvas.width, this.devicePixelHeight = this.canvas.height, this.drawingBufferWidth = this.canvas.width, this.drawingBufferHeight = this.canvas.height, this.devicePixelRatio = globalThis.devicePixelRatio || 1, this._position = [0, 0], L.isHTMLCanvas(this.canvas)) {
       this._intersectionObserver = new IntersectionObserver((n) => this._handleIntersection(n)), this._intersectionObserver.observe(this.canvas), this._resizeObserver = new ResizeObserver((n) => this._handleResize(n));
       try {
         this._resizeObserver.observe(this.canvas, { box: "device-pixel-content-box" });
@@ -211,7 +211,7 @@ const E = class E {
     }
   }
 };
-o(E, "defaultProps", {
+o(L, "defaultProps", {
   id: void 0,
   canvas: null,
   width: 800,
@@ -224,7 +224,7 @@ o(E, "defaultProps", {
   colorSpace: "srgb",
   trackPosition: !1
 });
-let X = E;
+let H = L;
 function gt(r) {
   if (typeof r == "string") {
     const t = document.getElementById(r);
@@ -236,7 +236,7 @@ function gt(r) {
 }
 function bt(r) {
   const t = document.getElementById(r);
-  if (!X.isHTMLCanvas(t))
+  if (!H.isHTMLCanvas(t))
     throw new Error("Object is not a canvas element");
   return t;
 }
@@ -266,9 +266,9 @@ function xe(r, t, e) {
 function ye(r, t, e, i) {
   return i ? Math.max(0, e - 1 - Math.round(r * t)) : Math.min(Math.round(r * t), e - 1);
 }
-const q = class q extends S {
+const j = class j extends S {
   constructor(e, i = {}) {
-    super(e, i, q.defaultProps);
+    super(e, i, j.defaultProps);
     /** Width of all attachments in this framebuffer */
     o(this, "width");
     /** Height of all attachments in this framebuffer */
@@ -303,20 +303,20 @@ const q = class q extends S {
         const s = this.createColorTexture(i, n);
         return this.attachResource(s), s.view;
       }
-      return i instanceof L ? i.view : i;
+      return i instanceof B ? i.view : i;
     });
     const e = this.props.depthStencilAttachment;
     if (e)
       if (typeof e == "string") {
         const i = this.createDepthStencilTexture(e);
         this.attachResource(i), this.depthStencilAttachment = i.view;
-      } else e instanceof L ? this.depthStencilAttachment = e.view : this.depthStencilAttachment = e;
+      } else e instanceof B ? this.depthStencilAttachment = e.view : this.depthStencilAttachment = e;
   }
   /** Create a color texture */
   createColorTexture(e, i) {
     return this.device.createTexture({
       id: `${this.id}-color-attachment-${i}`,
-      usage: L.RENDER_ATTACHMENT,
+      usage: B.RENDER_ATTACHMENT,
       format: e,
       width: this.width,
       height: this.height,
@@ -331,7 +331,7 @@ const q = class q extends S {
   createDepthStencilTexture(e) {
     return this.device.createTexture({
       id: `${this.id}-depth-stencil-attachment`,
-      usage: L.RENDER_ATTACHMENT,
+      usage: B.RENDER_ATTACHMENT,
       format: e,
       width: this.width,
       height: this.height
@@ -361,7 +361,7 @@ const q = class q extends S {
     this.updateAttachments();
   }
 };
-o(q, "defaultProps", {
+o(j, "defaultProps", {
   ...S.defaultProps,
   width: 1,
   height: 1,
@@ -370,30 +370,30 @@ o(q, "defaultProps", {
   depthStencilAttachment: null
   // 'depth24plus-stencil8'
 });
-let H = q;
-const _ = class _ extends S {
+let q = j;
+const P = class P extends S {
   get [Symbol.toStringTag]() {
     return "RenderPass";
   }
   constructor(t, e) {
-    e = _.normalizeProps(t, e), super(t, e, _.defaultProps);
+    e = P.normalizeProps(t, e), super(t, e, P.defaultProps);
   }
   static normalizeProps(t, e) {
     return e;
   }
 };
 /** TODO - should be [0, 0, 0, 0], update once deck.gl tests run clean */
-o(_, "defaultClearColor", [0, 0, 0, 1]), /** Depth 1.0 represents the far plance */
-o(_, "defaultClearDepth", 1), /** Clears all stencil bits */
-o(_, "defaultClearStencil", 0), /** Default properties for RenderPass */
-o(_, "defaultProps", {
+o(P, "defaultClearColor", [0, 0, 0, 1]), /** Depth 1.0 represents the far plance */
+o(P, "defaultClearDepth", 1), /** Clears all stencil bits */
+o(P, "defaultClearStencil", 0), /** Default properties for RenderPass */
+o(P, "defaultProps", {
   ...S.defaultProps,
   framebuffer: null,
   parameters: void 0,
-  clearColor: _.defaultClearColor,
+  clearColor: P.defaultClearColor,
   clearColors: void 0,
-  clearDepth: _.defaultClearDepth,
-  clearStencil: _.defaultClearStencil,
+  clearDepth: P.defaultClearDepth,
+  clearStencil: P.defaultClearStencil,
   depthReadOnly: !1,
   stencilReadOnly: !1,
   discard: !1,
@@ -402,38 +402,38 @@ o(_, "defaultProps", {
   beginTimestampIndex: void 0,
   endTimestampIndex: void 0
 });
-let ie = _;
-const j = class j extends S {
+let ne = P;
+const Q = class Q extends S {
   get [Symbol.toStringTag]() {
     return "CommandEncoder";
   }
   constructor(t, e) {
-    super(t, e, j.defaultProps);
+    super(t, e, Q.defaultProps);
   }
 };
 // TODO - luma.gl has these on the device, should we align with WebGPU API?
 // beginRenderPass(GPURenderPassDescriptor descriptor): GPURenderPassEncoder;
 // beginComputePass(optional GPUComputePassDescriptor descriptor = {}): GPUComputePassEncoder;
-o(j, "defaultProps", {
+o(Q, "defaultProps", {
   ...S.defaultProps,
   measureExecutionTime: void 0
 });
-let ne = j;
-const Q = class Q extends S {
+let se = Q;
+const Y = class Y extends S {
   get [Symbol.toStringTag]() {
     return "CommandBuffer";
   }
   constructor(t, e) {
-    super(t, e, Q.defaultProps);
+    super(t, e, Y.defaultProps);
   }
 };
-o(Q, "defaultProps", {
+o(Y, "defaultProps", {
   ...S.defaultProps
 });
-let se = Q;
-const Y = class Y extends S {
+let ae = Y;
+const K = class K extends S {
   constructor(e, i) {
-    super(e, i, Y.defaultProps);
+    super(e, i, K.defaultProps);
     /** Max number of vertex attributes */
     o(this, "maxVertexAttributes");
     /** Attribute infos indexed by location - TODO only needed by webgl module? */
@@ -453,41 +453,41 @@ const Y = class Y extends S {
     this.device.reportError(new Error("constant attributes not supported"), this)();
   }
 };
-o(Y, "defaultProps", {
+o(K, "defaultProps", {
   ...S.defaultProps,
   shaderLayout: void 0,
   bufferLayout: []
 });
-let ae = Y;
-const K = class K extends S {
+let oe = K;
+const Z = class Z extends S {
   get [Symbol.toStringTag]() {
     return "TransformFeedback";
   }
   constructor(t, e) {
-    super(t, e, K.defaultProps);
+    super(t, e, Z.defaultProps);
   }
 };
-o(K, "defaultProps", {
+o(Z, "defaultProps", {
   ...S.defaultProps,
   layout: void 0,
   buffers: {}
 });
-let oe = K;
-const Z = class Z extends S {
+let ce = Z;
+const J = class J extends S {
   get [Symbol.toStringTag]() {
     return "QuerySet";
   }
   constructor(t, e) {
-    super(t, e, Z.defaultProps);
+    super(t, e, J.defaultProps);
   }
 };
-o(Z, "defaultProps", {
+o(J, "defaultProps", {
   ...S.defaultProps,
   type: void 0,
   count: void 0
 });
-let ce = Z;
-const he = {
+let le = J;
+const fe = {
   3042: !1,
   32773: new Float32Array([0, 0, 0, 0]),
   32777: 32774,
@@ -569,7 +569,7 @@ const he = {
 }, y = (r, t, e) => t ? r.enable(e) : r.disable(e), we = (r, t, e) => r.hint(e, t), T = (r, t, e) => r.pixelStorei(e, t), ve = (r, t, e) => {
   const i = e === 36006 ? 36009 : 36008;
   return r.bindFramebuffer(i, t);
-}, R = (r, t, e) => {
+}, I = (r, t, e) => {
   const n = {
     34964: 34962,
     36662: 36662,
@@ -579,7 +579,7 @@ const he = {
   }[e];
   r.bindBuffer(n, t);
 };
-function J(r) {
+function ee(r) {
   return Array.isArray(r) || ArrayBuffer.isView(r) && !(r instanceof DataView);
 }
 const xt = {
@@ -613,11 +613,11 @@ const xt = {
   36006: ve,
   36010: ve,
   // Buffers
-  34964: R,
-  36662: R,
-  36663: R,
-  35053: R,
-  35055: R,
+  34964: I,
+  36662: I,
+  36663: I,
+  35053: I,
+  35055: I,
   2886: (r, t) => r.frontFace(t),
   33170: we,
   2849: (r, t) => r.lineWidth(t),
@@ -718,17 +718,17 @@ const xt = {
   scissor: (r, t) => r.scissor(...t),
   stencilTest: (r, t) => t ? r.enable(2960) : r.disable(2960),
   stencilMask: (r, t) => {
-    t = J(t) ? t : [t, t];
+    t = ee(t) ? t : [t, t];
     const [e, i] = t;
     r.stencilMaskSeparate(1028, e), r.stencilMaskSeparate(1029, i);
   },
   stencilFunc: (r, t) => {
-    t = J(t) && t.length === 3 ? [...t, ...t] : t;
+    t = ee(t) && t.length === 3 ? [...t, ...t] : t;
     const [e, i, n, s, a, c] = t;
     r.stencilFuncSeparate(1028, e, i, n), r.stencilFuncSeparate(1029, s, a, c);
   },
   stencilOp: (r, t) => {
-    t = J(t) && t.length === 3 ? [...t, ...t] : t;
+    t = ee(t) && t.length === 3 ? [...t, ...t] : t;
     const [e, i, n, s, a, c] = t;
     r.stencilOpSeparate(1028, e, i, n), r.stencilOpSeparate(1029, s, a, c);
   },
@@ -898,17 +898,17 @@ const yt = {
   viewport: (r, t, e, i, n) => r({
     2978: [t, e, i, n]
   })
-}, P = (r, t) => r.isEnabled(t), Te = {
-  3042: P,
-  2884: P,
-  2929: P,
-  3024: P,
-  32823: P,
-  32926: P,
-  32928: P,
-  3089: P,
-  2960: P,
-  35977: P
+}, A = (r, t) => r.isEnabled(t), Te = {
+  3042: A,
+  2884: A,
+  2929: A,
+  3024: A,
+  32823: A,
+  32926: A,
+  32928: A,
+  3089: A,
+  2960: A,
+  35977: A
 }, wt = /* @__PURE__ */ new Set([
   34016,
   36388,
@@ -941,7 +941,7 @@ const yt = {
   32874,
   34068
 ]);
-function W(r, t) {
+function R(r, t) {
   if (St(t))
     return;
   const e = {};
@@ -956,7 +956,7 @@ function W(r, t) {
       s(r, t, i);
     }
 }
-function Re(r, t = he) {
+function Re(r, t = fe) {
   if (typeof t == "number") {
     const n = t, s = Te[n];
     return s ? s(r, n) : r.getParameter(n);
@@ -969,7 +969,7 @@ function Re(r, t = he) {
   return i;
 }
 function vt(r) {
-  W(r, he);
+  R(r, fe);
 }
 function St(r) {
   for (const t in r)
@@ -990,7 +990,7 @@ function Tt(r, t) {
 function _e(r) {
   return Array.isArray(r) || ArrayBuffer.isView(r);
 }
-class C {
+class F {
   constructor(t, e) {
     o(this, "gl");
     o(this, "program", null);
@@ -1010,7 +1010,7 @@ class C {
   }
   pop() {
     const t = this.stateStack[this.stateStack.length - 1];
-    W(this.gl, t), this.stateStack.pop();
+    R(this.gl, t), this.stateStack.pop();
   }
   /**
    * Initialize WebGL state caching on a context
@@ -1021,7 +1021,7 @@ class C {
    * temporarily modifying, and then restoring state.
    */
   trackState(t, e) {
-    if (this.cache = e != null && e.copyState ? Re(t) : Object.assign({}, he), this.initialized)
+    if (this.cache = e != null && e.copyState ? Re(t) : Object.assign({}, fe), this.initialized)
       throw new Error("WebGLStateTracker");
     this.initialized = !0, this.gl.state = this, Pt(t);
     for (const i in Se) {
@@ -1051,7 +1051,7 @@ function Pe(r, t) {
   r[t] = function(n) {
     if (n === void 0 || wt.has(n))
       return e(n);
-    const s = C.get(r);
+    const s = F.get(r);
     return n in s.cache || (s.cache[n] = e(n)), s.enable ? (
       // Call the getter the params so that it can e.g. serve from a cache
       s.cache[n]
@@ -1069,7 +1069,7 @@ function _t(r, t, e) {
     return;
   const i = r[t].bind(r);
   r[t] = function(...s) {
-    const a = C.get(r), { valueChanged: c, oldValue: l } = e(a._updateCache, ...s);
+    const a = F.get(r), { valueChanged: c, oldValue: l } = e(a._updateCache, ...s);
     return c && i(...s), l;
   }, Object.defineProperty(r[t], "name", {
     value: `${t}-to-cache`,
@@ -1079,7 +1079,7 @@ function _t(r, t, e) {
 function Pt(r) {
   const t = r.useProgram.bind(r);
   r.useProgram = function(i) {
-    const n = C.get(r);
+    const n = F.get(r);
     n.program !== i && (t(i), n.program = i);
   };
 }
@@ -1096,12 +1096,12 @@ function At(r, t, e) {
   const { onContextLost: a, onContextRestored: c } = t;
   return r.addEventListener("webglcontextlost", (l) => a(l), !1), r.addEventListener("webglcontextrestored", (l) => c(l), !1), s.luma || (s.luma = {}), s;
 }
-function M(r, t, e) {
+function W(r, t, e) {
   return e[t] === void 0 && (e[t] = r.getExtension(t) || null), e[t];
 }
 function Et(r, t) {
   const e = r.getParameter(7936), i = r.getParameter(7937);
-  M(r, "WEBGL_debug_renderer_info", t);
+  W(r, "WEBGL_debug_renderer_info", t);
   const n = t.WEBGL_debug_renderer_info, s = r.getParameter(n ? n.UNMASKED_VENDOR_WEBGL : 7936), a = r.getParameter(n ? n.UNMASKED_RENDERER_WEBGL : 7937), c = s || e, l = a || i, u = r.getParameter(7938), h = Ie(c, l), f = Lt(c, l), g = Bt(c, l);
   return {
     type: "webgl",
@@ -1167,7 +1167,7 @@ function Oe(r) {
   }
   throw new Error(String(r));
 }
-const I = "WEBGL_compressed_texture_s3tc", O = "WEBGL_compressed_texture_s3tc_srgb", k = "EXT_texture_compression_rgtc", D = "EXT_texture_compression_bptc", Ct = "WEBGL_compressed_texture_etc", Ft = "WEBGL_compressed_texture_astc", kt = "WEBGL_compressed_texture_etc1", Dt = "WEBGL_compressed_texture_pvrtc", Gt = "WEBGL_compressed_texture_atc", Ae = "EXT_texture_norm16", Ee = "EXT_render_snorm", Mt = "EXT_color_buffer_float", fe = {
+const O = "WEBGL_compressed_texture_s3tc", $ = "WEBGL_compressed_texture_s3tc_srgb", D = "EXT_texture_compression_rgtc", G = "EXT_texture_compression_bptc", Ct = "WEBGL_compressed_texture_etc", Ft = "WEBGL_compressed_texture_astc", kt = "WEBGL_compressed_texture_etc1", Dt = "WEBGL_compressed_texture_pvrtc", Gt = "WEBGL_compressed_texture_atc", Ae = "EXT_texture_norm16", Ee = "EXT_render_snorm", Mt = "EXT_color_buffer_float", de = {
   "float32-renderable-webgl": ["EXT_color_buffer_float"],
   "float16-renderable-webgl": ["EXT_color_buffer_half_float"],
   "rgb9e5ufloat-renderable-webgl": ["WEBGL_render_shared_exponent"],
@@ -1178,11 +1178,11 @@ const I = "WEBGL_compressed_texture_s3tc", O = "WEBGL_compressed_texture_s3tc_sr
   "float16-filterable-webgl": ["OES_texture_half_float_linear"],
   "texture-filterable-anisotropic-webgl": ["EXT_texture_filter_anisotropic"],
   "texture-blend-float-webgl": ["EXT_float_blend"],
-  "texture-compression-bc": [I, O, k, D],
+  "texture-compression-bc": [O, $, D, G],
   // 'texture-compression-bc3-srgb-webgl': [X_S3TC_SRGB],
   // 'texture-compression-bc3-webgl': [X_S3TC],
-  "texture-compression-bc5-webgl": [k],
-  "texture-compression-bc7-webgl": [D],
+  "texture-compression-bc5-webgl": [D],
+  "texture-compression-bc7-webgl": [G],
   "texture-compression-etc2": [Ct],
   "texture-compression-astc": [Ft],
   "texture-compression-etc1-webgl": [kt],
@@ -1190,12 +1190,12 @@ const I = "WEBGL_compressed_texture_s3tc", O = "WEBGL_compressed_texture_s3tc_sr
   "texture-compression-atc-webgl": [Gt]
 };
 function Wt(r) {
-  return r in fe;
+  return r in de;
 }
 function Rt(r, t, e) {
-  return (fe[t] || []).every((n) => M(r, n, e));
+  return (de[t] || []).every((n) => W(r, n, e));
 }
-const de = {
+const ge = {
   // 8-bit formats
   r8unorm: { gl: 33321, rb: !0 },
   r8snorm: { gl: 36756 },
@@ -1273,22 +1273,22 @@ const de = {
   // "depth32float-stencil8" feature - TODO below is render buffer only?
   "depth32float-stencil8": { gl: 36013, dataFormat: 34041, types: [36269], rb: !0 },
   // BC compressed formats: check device.features.has("texture-compression-bc");
-  "bc1-rgb-unorm-webgl": { gl: 33776, x: I },
-  "bc1-rgb-unorm-srgb-webgl": { gl: 35916, x: O },
-  "bc1-rgba-unorm": { gl: 33777, x: I },
-  "bc1-rgba-unorm-srgb": { gl: 35916, x: O },
-  "bc2-rgba-unorm": { gl: 33778, x: I },
-  "bc2-rgba-unorm-srgb": { gl: 35918, x: O },
-  "bc3-rgba-unorm": { gl: 33779, x: I },
-  "bc3-rgba-unorm-srgb": { gl: 35919, x: O },
-  "bc4-r-unorm": { gl: 36283, x: k },
-  "bc4-r-snorm": { gl: 36284, x: k },
-  "bc5-rg-unorm": { gl: 36285, x: k },
-  "bc5-rg-snorm": { gl: 36286, x: k },
-  "bc6h-rgb-ufloat": { gl: 36495, x: D },
-  "bc6h-rgb-float": { gl: 36494, x: D },
-  "bc7-rgba-unorm": { gl: 36492, x: D },
-  "bc7-rgba-unorm-srgb": { gl: 36493, x: D },
+  "bc1-rgb-unorm-webgl": { gl: 33776, x: O },
+  "bc1-rgb-unorm-srgb-webgl": { gl: 35916, x: $ },
+  "bc1-rgba-unorm": { gl: 33777, x: O },
+  "bc1-rgba-unorm-srgb": { gl: 35916, x: $ },
+  "bc2-rgba-unorm": { gl: 33778, x: O },
+  "bc2-rgba-unorm-srgb": { gl: 35918, x: $ },
+  "bc3-rgba-unorm": { gl: 33779, x: O },
+  "bc3-rgba-unorm-srgb": { gl: 35919, x: $ },
+  "bc4-r-unorm": { gl: 36283, x: D },
+  "bc4-r-snorm": { gl: 36284, x: D },
+  "bc5-rg-unorm": { gl: 36285, x: D },
+  "bc5-rg-snorm": { gl: 36286, x: D },
+  "bc6h-rgb-ufloat": { gl: 36495, x: G },
+  "bc6h-rgb-float": { gl: 36494, x: G },
+  "bc7-rgba-unorm": { gl: 36492, x: G },
+  "bc7-rgba-unorm-srgb": { gl: 36493, x: G },
   // WEBGL_compressed_texture_etc: device.features.has("texture-compression-etc2")
   // Note: Supposedly guaranteed availability compressed formats in WebGL2, but through CPU decompression
   "etc2-rgb8unorm": { gl: 37492 },
@@ -1344,8 +1344,8 @@ const de = {
 };
 function It(r, t, e) {
   let i = t.create;
-  const n = de[t.format];
-  return (n == null ? void 0 : n.gl) === void 0 && (i = !1), n != null && n.x && (i = i && !!M(r, n.x, e)), {
+  const n = ge[t.format];
+  return (n == null ? void 0 : n.gl) === void 0 && (i = !1), n != null && n.x && (i = i && !!W(r, n.x, e)), {
     format: t.format,
     // @ts-ignore
     create: i && t.create,
@@ -1361,7 +1361,7 @@ function It(r, t, e) {
 }
 function $e(r) {
   var n;
-  const t = de[r], e = zt(r), i = We.getInfo(r);
+  const t = ge[r], e = zt(r), i = We.getInfo(r);
   return i.compressed && (t.dataFormat = e), {
     internalFormat: e,
     format: (t == null ? void 0 : t.dataFormat) || $t(i.channels, i.integer, i.normalized, e),
@@ -1401,7 +1401,7 @@ function $t(r, t, e, i) {
   }
 }
 function zt(r) {
-  const t = de[r], e = t == null ? void 0 : t.gl;
+  const t = ge[r], e = t == null ? void 0 : t.gl;
   if (e === void 0)
     throw new Error(`Unsupported texture format ${r}`);
   return e;
@@ -1430,7 +1430,7 @@ class Vt extends et {
     o(this, "gl");
     o(this, "extensions");
     o(this, "testedFeatures", /* @__PURE__ */ new Set());
-    this.gl = e, this.extensions = i, M(e, "EXT_color_buffer_float", i);
+    this.gl = e, this.extensions = i, W(e, "EXT_color_buffer_float", i);
   }
   *[Symbol.iterator]() {
     const e = this.getFeatures();
@@ -1450,12 +1450,12 @@ class Vt extends et {
   }
   // IMPLEMENTATION
   getFeatures() {
-    return [...Object.keys(Le), ...Object.keys(fe)];
+    return [...Object.keys(Le), ...Object.keys(de)];
   }
   /** Extract all WebGL features */
   getWebGLFeature(e) {
     const i = Le[e];
-    return typeof i == "string" ? !!M(this.gl, i, this.extensions) : !!i;
+    return typeof i == "string" ? !!W(this.gl, i, this.extensions) : !!i;
   }
 }
 class Ut extends tt {
@@ -1562,7 +1562,7 @@ class Ut extends tt {
     return this.limits[e] === void 0 && (this.limits[e] = this.gl.getParameter(e)), this.limits[e] || 0;
   }
 }
-class $ extends H {
+class z extends q {
   constructor(e, i) {
     super(e, i);
     o(this, "device");
@@ -1659,7 +1659,7 @@ function Xt(r) {
       return `${r}`;
   }
 }
-class Ht extends X {
+class Ht extends H {
   constructor(e, i) {
     super(i);
     o(this, "device");
@@ -1671,19 +1671,19 @@ class Ht extends X {
     return "WebGLCanvasContext";
   }
   getCurrentFramebuffer() {
-    return this._framebuffer = this._framebuffer || new $(this.device, { handle: null }), this._framebuffer;
+    return this._framebuffer = this._framebuffer || new z(this.device, { handle: null }), this._framebuffer;
   }
   // IMPLEMENTATION OF ABSTRACT METHODS
   _updateDevice() {
   }
 }
-const ee = {};
+const te = {};
 function qt(r = "id") {
-  ee[r] = ee[r] || 1;
-  const t = ee[r]++;
+  te[r] = te[r] || 1;
+  const t = te[r]++;
   return `${r}-${t}`;
 }
-class z extends B {
+class V extends C {
   constructor(e, i = {}) {
     super(e, i);
     o(this, "device");
@@ -1742,10 +1742,10 @@ class z extends B {
   }
 }
 function jt(r) {
-  return r & B.INDEX ? 34963 : r & B.VERTEX ? 34962 : r & B.UNIFORM ? 35345 : 34962;
+  return r & C.INDEX ? 34963 : r & C.VERTEX ? 34962 : r & C.UNIFORM ? 35345 : 34962;
 }
 function Qt(r) {
-  return r & B.INDEX || r & B.VERTEX ? 35044 : r & B.UNIFORM ? 35048 : 35044;
+  return r & C.INDEX || r & C.VERTEX ? 35044 : r & C.UNIFORM ? 35048 : 35044;
 }
 function Yt(r) {
   const t = r.split(/\r?\n/), e = [];
@@ -1861,7 +1861,7 @@ function Zt(r, t, e, i) {
   const n = r;
   n.pushState();
   try {
-    return Jt(r, t), W(n.gl, e), i(r);
+    return Jt(r, t), R(n.gl, e), i(r);
   } finally {
     n.popState();
   }
@@ -1880,11 +1880,11 @@ function Jt(r, t) {
         i.enable(2884), i.cullFace(1029);
         break;
     }
-  if (t.frontFace && i.frontFace(F("frontFace", t.frontFace, {
+  if (t.frontFace && i.frontFace(k("frontFace", t.frontFace, {
     ccw: 2305,
     cw: 2304
   })), t.unclippedDepth && r.features.has("depth-clip-control") && i.enable(34383), t.depthBias !== void 0 && (i.enable(32823), i.polygonOffset(t.depthBias, t.depthBiasSlopeScale || 0)), t.provokingVertex && r.features.has("provoking-vertex-webgl")) {
-    const s = e.getExtension("WEBGL_provoking_vertex").WEBGL_provoking_vertex, a = F("provokingVertex", t.provokingVertex, {
+    const s = e.getExtension("WEBGL_provoking_vertex").WEBGL_provoking_vertex, a = k("provokingVertex", t.provokingVertex, {
       first: 36429,
       last: 36430
     });
@@ -1892,7 +1892,7 @@ function Jt(r, t) {
   }
   if ((t.polygonMode || t.polygonOffsetLine) && r.features.has("polygon-mode-webgl")) {
     if (t.polygonMode) {
-      const s = e.getExtension("WEBGL_polygon_mode").WEBGL_polygon_mode, a = F("polygonMode", t.polygonMode, {
+      const s = e.getExtension("WEBGL_polygon_mode").WEBGL_polygon_mode, a = k("polygonMode", t.polygonMode, {
         fill: 6914,
         line: 6913
       });
@@ -1900,16 +1900,16 @@ function Jt(r, t) {
     }
     t.polygonOffsetLine && i.enable(10754);
   }
-  if (r.features.has("shader-clip-cull-distance-webgl") && (t.clipDistance0 && i.enable(12288), t.clipDistance1 && i.enable(12289), t.clipDistance2 && i.enable(12290), t.clipDistance3 && i.enable(12291), t.clipDistance4 && i.enable(12292), t.clipDistance5 && i.enable(12293), t.clipDistance6 && i.enable(12294), t.clipDistance7 && i.enable(12295)), t.depthWriteEnabled !== void 0 && i.depthMask(tr("depthWriteEnabled", t.depthWriteEnabled)), t.depthCompare && (t.depthCompare !== "always" ? i.enable(2929) : i.disable(2929), i.depthFunc(le("depthCompare", t.depthCompare))), t.stencilWriteMask) {
+  if (r.features.has("shader-clip-cull-distance-webgl") && (t.clipDistance0 && i.enable(12288), t.clipDistance1 && i.enable(12289), t.clipDistance2 && i.enable(12290), t.clipDistance3 && i.enable(12291), t.clipDistance4 && i.enable(12292), t.clipDistance5 && i.enable(12293), t.clipDistance6 && i.enable(12294), t.clipDistance7 && i.enable(12295)), t.depthWriteEnabled !== void 0 && i.depthMask(tr("depthWriteEnabled", t.depthWriteEnabled)), t.depthCompare && (t.depthCompare !== "always" ? i.enable(2929) : i.disable(2929), i.depthFunc(ue("depthCompare", t.depthCompare))), t.stencilWriteMask) {
     const n = t.stencilWriteMask;
     i.stencilMaskSeparate(1028, n), i.stencilMaskSeparate(1029, n);
   }
   if (t.stencilReadMask && b.warn("stencilReadMask not supported under WebGL"), t.stencilCompare) {
-    const n = t.stencilReadMask || 4294967295, s = le("depthCompare", t.stencilCompare);
+    const n = t.stencilReadMask || 4294967295, s = ue("depthCompare", t.stencilCompare);
     t.stencilCompare !== "always" ? i.enable(2960) : i.disable(2960), i.stencilFuncSeparate(1028, s, 0, n), i.stencilFuncSeparate(1029, s, 0, n);
   }
   if (t.stencilPassOperation && t.stencilFailOperation && t.stencilDepthFailOperation) {
-    const n = te("stencilPassOperation", t.stencilPassOperation), s = te("stencilFailOperation", t.stencilFailOperation), a = te("stencilDepthFailOperation", t.stencilDepthFailOperation);
+    const n = re("stencilPassOperation", t.stencilPassOperation), s = re("stencilFailOperation", t.stencilFailOperation), a = re("stencilDepthFailOperation", t.stencilDepthFailOperation);
     i.stencilOpSeparate(1028, s, a, n), i.stencilOpSeparate(1029, s, a, n);
   }
   switch (t.blend) {
@@ -1923,12 +1923,12 @@ function Jt(r, t) {
   if (t.blendColorOperation || t.blendAlphaOperation) {
     const n = Ce("blendColorOperation", t.blendColorOperation || "add"), s = Ce("blendAlphaOperation", t.blendAlphaOperation || "add");
     i.blendEquationSeparate(n, s);
-    const a = N("blendColorSrcFactor", t.blendColorSrcFactor || "one"), c = N("blendColorDstFactor", t.blendColorDstFactor || "zero"), l = N("blendAlphaSrcFactor", t.blendAlphaSrcFactor || "one"), u = N("blendAlphaDstFactor", t.blendAlphaDstFactor || "zero");
+    const a = X("blendColorSrcFactor", t.blendColorSrcFactor || "one"), c = X("blendColorDstFactor", t.blendColorDstFactor || "zero"), l = X("blendAlphaSrcFactor", t.blendAlphaSrcFactor || "one"), u = X("blendAlphaDstFactor", t.blendAlphaDstFactor || "zero");
     i.blendFuncSeparate(a, c, l, u);
   }
 }
-function le(r, t) {
-  return F(r, t, {
+function ue(r, t) {
+  return k(r, t, {
     never: 512,
     less: 513,
     equal: 514,
@@ -1939,8 +1939,8 @@ function le(r, t) {
     always: 519
   });
 }
-function te(r, t) {
-  return F(r, t, {
+function re(r, t) {
+  return k(r, t, {
     keep: 7680,
     zero: 0,
     replace: 7681,
@@ -1952,7 +1952,7 @@ function te(r, t) {
   });
 }
 function Ce(r, t) {
-  return F(r, t, {
+  return k(r, t, {
     add: 32774,
     subtract: 32778,
     "reverse-subtract": 32779,
@@ -1960,8 +1960,8 @@ function Ce(r, t) {
     max: 32776
   });
 }
-function N(r, t, e = "color") {
-  return F(r, t, {
+function X(r, t, e = "color") {
+  return k(r, t, {
     one: 1,
     zero: 0,
     src: 768,
@@ -1987,7 +1987,7 @@ function N(r, t, e = "color") {
 function er(r, t) {
   return `Illegal parameter ${t} for ${r}`;
 }
-function F(r, t, e) {
+function k(r, t, e) {
   if (!(t in e))
     throw new Error(er(r, t));
   return e[t];
@@ -2005,9 +2005,9 @@ function rr(r) {
 }
 function ze(r) {
   const t = {};
-  return r.addressModeU && (t[10242] = re(r.addressModeU)), r.addressModeV && (t[10243] = re(r.addressModeV)), r.addressModeW && (t[32882] = re(r.addressModeW)), r.magFilter && (t[10240] = ue(r.magFilter)), (r.minFilter || r.mipmapFilter) && (t[10241] = ir(r.minFilter || "linear", r.mipmapFilter)), r.lodMinClamp !== void 0 && (t[33082] = r.lodMinClamp), r.lodMaxClamp !== void 0 && (t[33083] = r.lodMaxClamp), r.type === "comparison-sampler" && (t[34892] = 34894), r.compare && (t[34893] = le("compare", r.compare)), r.maxAnisotropy && (t[34046] = r.maxAnisotropy), t;
+  return r.addressModeU && (t[10242] = ie(r.addressModeU)), r.addressModeV && (t[10243] = ie(r.addressModeV)), r.addressModeW && (t[32882] = ie(r.addressModeW)), r.magFilter && (t[10240] = he(r.magFilter)), (r.minFilter || r.mipmapFilter) && (t[10241] = ir(r.minFilter || "linear", r.mipmapFilter)), r.lodMinClamp !== void 0 && (t[33082] = r.lodMinClamp), r.lodMaxClamp !== void 0 && (t[33083] = r.lodMaxClamp), r.type === "comparison-sampler" && (t[34892] = 34894), r.compare && (t[34893] = ue("compare", r.compare)), r.maxAnisotropy && (t[34046] = r.maxAnisotropy), t;
 }
-function re(r) {
+function ie(r) {
   switch (r) {
     case "clamp-to-edge":
       return 33071;
@@ -2017,7 +2017,7 @@ function re(r) {
       return 33648;
   }
 }
-function ue(r) {
+function he(r) {
   switch (r) {
     case "nearest":
       return 9728;
@@ -2027,10 +2027,10 @@ function ue(r) {
 }
 function ir(r, t = "none") {
   if (!t)
-    return ue(r);
+    return he(r);
   switch (t) {
     case "none":
-      return ue(r);
+      return he(r);
     case "nearest":
       switch (r) {
         case "nearest":
@@ -2078,11 +2078,11 @@ class nr extends it {
     }
   }
 }
-function U(r, t, e) {
+function N(r, t, e) {
   if (sr(t))
     return e(r);
-  const { nocatch: i = !0 } = t, n = C.get(r);
-  n.push(), W(r, t);
+  const { nocatch: i = !0 } = t, n = F.get(r);
+  n.push(), R(r, t);
   let s;
   if (i)
     s = e(r), n.pop();
@@ -2099,9 +2099,9 @@ function sr(r) {
     return !1;
   return !0;
 }
-class G extends nt {
+class M extends nt {
   constructor(e, i) {
-    super(e, { ...L.defaultProps, ...i });
+    super(e, { ...B.defaultProps, ...i });
     o(this, "device");
     o(this, "gl");
     o(this, "handle");
@@ -2110,7 +2110,7 @@ class G extends nt {
     this.device = e, this.gl = this.device.gl, this.handle = null, this.texture = i.texture;
   }
 }
-class V extends L {
+class U extends B {
   constructor(e, i) {
     super(e, i);
     // readonly MAX_ATTRIBUTES: number;
@@ -2157,13 +2157,13 @@ class V extends L {
       default:
         throw new Error(s);
     }
-    this.gl.bindTexture(this.glTarget, null), this._initializeData(i.data), this.setSampler(this.props.sampler), this.view = new G(this.device, { ...this.props, texture: this }), Object.seal(this);
+    this.gl.bindTexture(this.glTarget, null), this._initializeData(i.data), this.setSampler(this.props.sampler), this.view = new M(this.device, { ...this.props, texture: this }), Object.seal(this);
   }
   destroy() {
     this.handle && (this.gl.deleteTexture(this.handle), this.removeStats(), this.trackDeallocatedMemory("Texture"), this.destroyed = !0);
   }
   createView(e) {
-    return new G(this.device, { ...e, texture: this });
+    return new M(this.device, { ...e, texture: this });
   }
   setSampler(e = {}) {
     super.setSampler(e);
@@ -2171,11 +2171,21 @@ class V extends L {
     this._setSamplerParameters(i);
   }
   copyImageData(e) {
-    const i = this._normalizeCopyImageDataOptions(e), n = i.data, { width: s, height: a, depth: c } = this, { mipLevel: l = 0, byteOffset: u = 0, x: h = 0, y: f = 0, z: g = 0 } = i, { glFormat: d, glType: m, compressed: p } = this, w = Fe(this.glTarget, this.dimension, c), v = this.compressed ? {} : {
-      3314: i.bytesPerRow,
+    const i = this._normalizeCopyImageDataOptions(e), n = i.data, { width: s, height: a, depth: c } = this, { mipLevel: l = 0, byteOffset: u = 0, x: h = 0, y: f = 0, z: g = 0 } = i, { glFormat: d, glType: m, compressed: p } = this, w = Fe(this.glTarget, this.dimension, g);
+    let v;
+    if (!this.compressed) {
+      const { bytesPerPixel: E } = this.device.getTextureFormatInfo(this.format);
+      if (E) {
+        if (i.bytesPerRow % E !== 0)
+          throw new Error(`bytesPerRow (${i.bytesPerRow}) must be a multiple of bytesPerPixel (${E}) for ${this.format}`);
+        v = i.bytesPerRow / E;
+      }
+    }
+    const _ = this.compressed ? {} : {
+      ...v !== void 0 ? { 3314: v } : {},
       32878: i.rowsPerImage
     };
-    this.gl.bindTexture(w, this.handle), U(this.gl, v, () => {
+    this.gl.bindTexture(w, this.handle), N(this.gl, _, () => {
       switch (this.dimension) {
         case "2d":
         case "cube":
@@ -2194,7 +2204,7 @@ class V extends L {
     if (i.sourceX || i.sourceY)
       throw new Error("WebGL does not support sourceX/sourceY)");
     const { glFormat: n, glType: s } = this, { image: a, depth: c, mipLevel: l, x: u, y: h, z: f, width: g, height: d } = i, m = Fe(this.glTarget, this.dimension, c), p = i.flipY ? { 37440: !0 } : {};
-    return this.gl.bindTexture(this.glTarget, this.handle), U(this.gl, p, () => {
+    return this.gl.bindTexture(this.glTarget, this.handle), N(this.gl, p, () => {
       switch (this.dimension) {
         case "2d":
         case "cube":
@@ -2289,7 +2299,7 @@ function Fe(r, t, e) {
 function or(r) {
   return hr[r];
 }
-function ge(r) {
+function be(r) {
   return ur[r];
 }
 function cr(r) {
@@ -2413,7 +2423,7 @@ function dr(r, t) {
       /* , size*/
     } = s, l = r.getAttribLocation(t, a);
     if (l >= 0) {
-      const u = ge(c), h = /instance/i.test(a) ? "instance" : "vertex";
+      const u = be(c), h = /instance/i.test(a) ? "instance" : "vertex";
       e.push({
         name: a,
         location: l,
@@ -2431,7 +2441,7 @@ function gr(r, t) {
     const s = r.getTransformFeedbackVarying(t, n);
     if (!s)
       throw new Error("activeInfo");
-    const { name: a, type: c, size: l } = s, u = ge(c), { type: h, components: f } = st(u);
+    const { name: a, type: c, size: l } = s, u = be(c), { type: h, components: f } = st(u);
     e.push({ location: n, name: a, type: h, size: l * f });
   }
   return e.sort((n, s) => n.location - s.location), e;
@@ -2482,7 +2492,7 @@ function mr(r, t) {
       const d = r.getActiveUniform(t, c[g]);
       if (!d)
         throw new Error("activeInfo");
-      const m = ge(l[g]);
+      const m = be(l[g]);
       a.uniforms.push({
         name: d.name,
         format: m,
@@ -2674,11 +2684,11 @@ class vr extends at {
       }
       switch (s || b.warn(`Unsetting binding "${n}" in render pipeline "${this.id}"`)(), a.type) {
         case "uniform":
-          if (!(s instanceof z) && !(s.buffer instanceof z))
+          if (!(s instanceof V) && !(s.buffer instanceof V))
             throw new Error("buffer value");
           break;
         case "texture":
-          if (!(s instanceof G || s instanceof V || s instanceof $))
+          if (!(s instanceof M || s instanceof U || s instanceof z))
             throw new Error(`${this} Bad texture binding for ${n}`);
           break;
         case "sampler":
@@ -2818,7 +2828,7 @@ class vr extends at {
           const { name: c } = s, l = e.getUniformBlockIndex(this.handle, c);
           if (l === 4294967295)
             throw new Error(`Invalid uniform block name ${c}`);
-          e.uniformBlockBinding(this.handle, n, l), a instanceof z ? e.bindBufferBase(35345, n, a.handle) : e.bindBufferRange(
+          e.uniformBlockBinding(this.handle, n, l), a instanceof V ? e.bindBufferBase(35345, n, a.handle) : e.bindBufferRange(
             35345,
             n,
             // @ts-expect-error
@@ -2830,14 +2840,14 @@ class vr extends at {
           ), n += 1;
           break;
         case "texture":
-          if (!(a instanceof G || a instanceof V || a instanceof $))
+          if (!(a instanceof M || a instanceof U || a instanceof z))
             throw new Error("texture");
           let u;
-          if (a instanceof G)
+          if (a instanceof M)
             u = a.texture;
-          else if (a instanceof V)
+          else if (a instanceof U)
             u = a;
-          else if (a instanceof $ && a.colorAttachments[0] instanceof G)
+          else if (a instanceof z && a.colorAttachments[0] instanceof M)
             b.warn("Passing framebuffer in texture binding may be deprecated. Use fbo.colorAttachments[0] instead")(), u = a.colorAttachments[0].texture;
           else
             throw new Error("No texture");
@@ -2873,7 +2883,7 @@ function Sr(r, t) {
   }
   return e;
 }
-class Tr extends se {
+class Tr extends ae {
   constructor(e) {
     super(e, {});
     o(this, "device");
@@ -2949,8 +2959,8 @@ function Ar(r, t) {
   const { framebuffer: d, destroyFramebuffer: m } = Ue(e);
   let p;
   try {
-    const w = u, v = s || d.width, A = a || d.height, me = $e(d.colorAttachments[0].texture.props.format), He = me.format, qe = me.type;
-    r.gl.bindBuffer(35051, w.handle), p = r.gl.bindFramebuffer(36160, d.handle), r.gl.readPixels(l[0], l[1], v, A, He, qe, h);
+    const w = u, v = s || d.width, _ = a || d.height, E = $e(d.colorAttachments[0].texture.props.format), He = E.format, qe = E.type;
+    r.gl.bindBuffer(35051, w.handle), p = r.gl.bindFramebuffer(36160, d.handle), r.gl.readPixels(l[0], l[1], v, _, He, qe, h);
   } finally {
     r.gl.bindBuffer(35051, null), p !== void 0 && r.gl.bindFramebuffer(36160, p), m && d.destroy();
   }
@@ -2982,25 +2992,25 @@ function Er(r, t) {
     // depthOrArrayLayers = 0
   } = t;
   const { framebuffer: u, destroyFramebuffer: h } = Ue(e), [f, g] = n, [d, m, p] = s, w = r.gl.bindFramebuffer(36160, u.handle);
-  let v, A;
-  if (a instanceof V)
-    v = a, c = Number.isFinite(c) ? c : v.width, l = Number.isFinite(l) ? l : v.height, v._bind(0), A = v.glTarget;
+  let v, _;
+  if (a instanceof U)
+    v = a, c = Number.isFinite(c) ? c : v.width, l = Number.isFinite(l) ? l : v.height, v._bind(0), _ = v.glTarget;
   else
     throw new Error("invalid destination");
-  switch (A) {
+  switch (_) {
     case 3553:
     case 34067:
-      r.gl.copyTexSubImage2D(A, i, d, m, f, g, c, l);
+      r.gl.copyTexSubImage2D(_, i, d, m, f, g, c, l);
       break;
     case 35866:
     case 32879:
-      r.gl.copyTexSubImage3D(A, i, d, m, p, f, g, c, l);
+      r.gl.copyTexSubImage3D(_, i, d, m, p, f, g, c, l);
       break;
   }
   v && v._unbind(), r.gl.bindFramebuffer(36160, w), h && u.destroy();
 }
 function Ue(r) {
-  if (r instanceof L) {
+  if (r instanceof B) {
     const { width: t, height: e, id: i } = r;
     return { framebuffer: r.device.createFramebuffer({
       id: `framebuffer-for-${i}`,
@@ -3012,7 +3022,7 @@ function Ue(r) {
   return { framebuffer: r, destroyFramebuffer: !1 };
 }
 const Lr = [1, 2, 4, 8];
-class Br extends ie {
+class Br extends ne {
   constructor(e, i) {
     var a;
     super(e, i);
@@ -3059,7 +3069,7 @@ class Br extends ie {
     i.framebuffer = this.props.framebuffer || null, this.props.depthReadOnly && (i.depthMask = !this.props.depthReadOnly), i.stencilMask = this.props.stencilReadOnly ? 0 : 1, i[35977] = this.props.discard, e.viewport && (e.viewport.length >= 6 ? (i.viewport = e.viewport.slice(0, 4), i.depthRange = [
       e.viewport[4],
       e.viewport[5]
-    ]) : i.viewport = e.viewport), e.scissorRect && (i.scissorTest = !0, i.scissor = e.scissorRect), e.blendConstant && (i.blendColor = e.blendConstant), e.stencilReference && (console.warn("RenderPassParameters.stencilReference not yet implemented in WebGL"), i[2967] = e.stencilReference), "colorMask" in e && (i.colorMask = Lr.map((n) => !!(n & e.colorMask))), this.glParameters = i, W(this.device.gl, i);
+    ]) : i.viewport = e.viewport), e.scissorRect && (i.scissorTest = !0, i.scissor = e.scissorRect), e.blendConstant && (i.blendColor = e.blendConstant), e.stencilReference && (console.warn("RenderPassParameters.stencilReference not yet implemented in WebGL"), i[2967] = e.stencilReference), "colorMask" in e && (i.colorMask = Lr.map((n) => !!(n & e.colorMask))), this.glParameters = i, R(this.device.gl, i);
   }
   beginOcclusionQuery(e) {
     const i = this.props.occlusionQuerySet;
@@ -3078,7 +3088,7 @@ class Br extends ie {
     let i = 0;
     this.props.clearColors && this.props.clearColors.forEach((n, s) => {
       n && this.clearColorBuffer(s, n);
-    }), this.props.clearColor !== !1 && this.props.clearColors === void 0 && (i |= 16384, e.clearColor = this.props.clearColor), this.props.clearDepth !== !1 && (i |= 256, e.clearDepth = this.props.clearDepth), this.props.clearStencil !== !1 && (i |= 1024, e.clearStencil = this.props.clearStencil), i !== 0 && U(this.device.gl, e, () => {
+    }), this.props.clearColor !== !1 && this.props.clearColors === void 0 && (i |= 16384, e.clearColor = this.props.clearColor), this.props.clearDepth !== !1 && (i |= 256, e.clearDepth = this.props.clearDepth), this.props.clearStencil !== !1 && (i |= 1024, e.clearStencil = this.props.clearStencil), i !== 0 && N(this.device.gl, e, () => {
       this.device.gl.clear(i);
     });
   }
@@ -3086,7 +3096,7 @@ class Br extends ie {
    * WebGL2 - clear a specific color buffer
    */
   clearColorBuffer(e = 0, i = [0, 0, 0, 0]) {
-    U(this.device.gl, { framebuffer: this.props.framebuffer }, () => {
+    N(this.device.gl, { framebuffer: this.props.framebuffer }, () => {
       switch (i.constructor) {
         case Int8Array:
         case Int16Array:
@@ -3108,7 +3118,7 @@ class Br extends ie {
     });
   }
 }
-class De extends ne {
+class De extends se {
   constructor(e, i) {
     super(e, i);
     o(this, "device");
@@ -3160,7 +3170,7 @@ function Cr(r) {
     c < a - c ? (t.copyWithin(i + c, i, i + c), c *= 2) : (t.copyWithin(i + c, i, i + a - c), c = a);
   return r.target;
 }
-class be extends ae {
+class me extends oe {
   // Create a VertexArray
   constructor(e, i) {
     super(e, i);
@@ -3268,7 +3278,7 @@ class be extends ae {
    * TODO - convert classic arrays based on known type?
    */
   _enable(e, i = !0) {
-    const s = be.isConstantAttributeZeroSupported(this.device) || e !== 0;
+    const s = me.isConstantAttributeZeroSupported(this.device) || e !== 0;
     (i || s) && (e = Number(e), this.device.gl.bindVertexArray(this.handle), i ? this.device.gl.enableVertexAttribArray(e) : this.device.gl.disableVertexAttribArray(e), this.device.gl.bindVertexArray(null));
   }
   /**
@@ -3300,7 +3310,7 @@ function kr(r, t) {
       return !1;
   return !0;
 }
-class Dr extends oe {
+class Dr extends ce {
   constructor(e, i) {
     super(e, i);
     o(this, "device");
@@ -3365,7 +3375,7 @@ class Dr extends oe {
   // PRIVATE METHODS
   /** Extract offsets for bindBufferRange */
   _getBufferRange(e) {
-    if (e instanceof z)
+    if (e instanceof V)
       return { buffer: e, byteOffset: 0, byteLength: e.byteLength };
     const { buffer: i, byteOffset: n = 0, byteLength: s = e.buffer.byteLength } = e;
     return { buffer: i, byteOffset: n, byteLength: s };
@@ -3400,7 +3410,7 @@ class Dr extends oe {
 function Ge(r) {
   return typeof r == "number" ? Number.isInteger(r) : /^\d+$/.test(r);
 }
-class Gr extends ce {
+class Gr extends le {
   // Create a query class
   constructor(e, i) {
     super(e, i);
@@ -3561,7 +3571,7 @@ const Rr = {
   36269: "uint32"
 };
 function Ir(r, t) {
-  var A;
+  var _;
   const {
     sourceX: e = 0,
     sourceY: i = 0,
@@ -3579,7 +3589,7 @@ function Ir(r, t) {
   } = t || {};
   const { framebuffer: f, deleteFramebuffer: g } = Xe(r), { gl: d, handle: m } = f;
   a || (a = f.width), c || (c = f.height);
-  const p = (A = f.colorAttachments[n]) == null ? void 0 : A.texture;
+  const p = (_ = f.colorAttachments[n]) == null ? void 0 : _.texture;
   if (!p)
     throw new Error(`Invalid framebuffer attachment ${n}`);
   l = (p == null ? void 0 : p.depth) || 1, u || (u = (p == null ? void 0 : p.glFormat) || 6408), h || (h = (p == null ? void 0 : p.glType) || 5121), s = zr(s, h, u, a, c);
@@ -3611,7 +3621,7 @@ function Or(r, t) {
   }), m.destroy(), f && h.destroy(), d;
 }
 function Xe(r) {
-  return r instanceof H ? { framebuffer: r, deleteFramebuffer: !1 } : { framebuffer: $r(r), deleteFramebuffer: !0 };
+  return r instanceof q ? { framebuffer: r, deleteFramebuffer: !1 } : { framebuffer: $r(r), deleteFramebuffer: !0 };
 }
 function $r(r, t) {
   const { device: e, width: i, height: n, id: s } = r;
@@ -3688,7 +3698,7 @@ class jr extends pe {
         return b.log(1, `Not creating a new Device, instead returning a reference to Device ${n.id} already attached to WebGL context`, n)(), n._reused = !0, n;
       throw new Error(`WebGL context already attached to device ${n.id}`);
     }
-    this.handle = c, this.gl = c, this.spectorJS = ut({ ...this.props, gl: this.handle }), this.gl.device = this, this.gl._version = 2, this.info = Et(this.gl, this._extensions), this.limits = new Ut(this.gl), this.features = new Vt(this.gl, this._extensions, this.props._disabledFeatures), this.props._initializeFeatures && this.features.initializeFeatures(), new C(this.gl, {
+    this.handle = c, this.gl = c, this.spectorJS = ut({ ...this.props, gl: this.handle }), this.gl.device = this, this.gl._version = 2, this.info = Et(this.gl, this._extensions), this.limits = new Ut(this.gl), this.features = new Vt(this.gl, this._extensions, this.props._disabledFeatures), this.props._initializeFeatures && this.features.initializeFeatures(), new F(this.gl, {
       log: (...d) => b.log(1, ...d)()
     }).trackState(this.gl, { copyState: !1 });
     const u = e.debugWebGL || e.debug, h = e.debugWebGL;
@@ -3736,10 +3746,10 @@ class jr extends pe {
   }
   createBuffer(e) {
     const i = this._normalizeBufferProps(e);
-    return new z(this, i);
+    return new V(this, i);
   }
   createTexture(e) {
-    return new V(this, e);
+    return new U(this, e);
   }
   createExternalTexture(e) {
     throw new Error("createExternalTexture() not implemented");
@@ -3751,10 +3761,10 @@ class jr extends pe {
     return new Kt(this, e);
   }
   createFramebuffer(e) {
-    return new $(this, e);
+    return new z(this, e);
   }
   createVertexArray(e) {
-    return new be(this, e);
+    return new me(this, e);
   }
   createTransformFeedback(e) {
     return new Dr(this, e);
@@ -3791,13 +3801,13 @@ class jr extends pe {
     return Or(e, i);
   }
   setParametersWebGL(e) {
-    W(this.gl, e);
+    R(this.gl, e);
   }
   getParametersWebGL(e) {
     return Re(this.gl, e);
   }
   withParametersWebGL(e, i) {
-    return U(this.gl, e, i);
+    return N(this.gl, e, i);
   }
   resetWebGL() {
     b.warn("WebGLDevice.resetWebGL is deprecated, use only for debugging")(), vt(this.gl);
@@ -3823,11 +3833,11 @@ class jr extends pe {
   }
   /** Save current WebGL context state onto an internal stack */
   pushState() {
-    C.get(this.gl).push();
+    F.get(this.gl).push();
   }
   /** Restores previously saved context state */
   popState() {
-    C.get(this.gl).pop();
+    F.get(this.gl).pop();
   }
   /**
    * Returns the GL.<KEY> constant that corresponds to a numeric value of a GL constant
@@ -3874,7 +3884,7 @@ class jr extends pe {
   }
   /** Ensure extensions are only requested once */
   getExtension(e) {
-    return M(this.gl, e, this._extensions), this._extensions;
+    return W(this.gl, e, this._extensions), this._extensions;
   }
   // INTERNAL SUPPORT METHODS FOR WEBGL RESOURCES
   /**
@@ -3920,4 +3930,4 @@ function Xr(r, t) {
 export {
   jr as WebGLDevice
 };
-//# sourceMappingURL=webgl-device-DzkMihDq.js.map
+//# sourceMappingURL=webgl-device-BeV8-7_B.js.map