wuepgg3-track 2.1.5 → 3.0.0

package/dist/{SharedSystems-DtNL-LrX.mjs → SharedSystems-lo30UJjL.mjs}

@@ -1,5 +1,5 @@
-import { u as Ee, m as ae, M as v, G as De, a as Oe, v as ne, E as u, e as D, x as S, y as Fe, z as O, F as b, R as F, H as ie, I as Le, t as m, c as f, j as B, w as L, J as Y, K as He, d as J, B as k, k as U, L as ze, N as M, l as T, O as w, Q as We, b as Ve, V as oe, W as le, X as ue, Y as de, C as P, Z as Ne, _ as A, $ as X, D as H, a0 as je, P as $e, h as qe, T as Q, a1 as Z, a2 as Ke, a3 as Ye, a4 as Je } from "./index-DY2k589f.mjs";
-import { F as Xe, S as Qe, B as ce, c as Ze } from "./colorToUniform-DLzITdSX.mjs";
+import { u as Ee, m as ae, M as v, G as De, a as Oe, v as ne, E as u, e as D, x as S, y as Fe, z as O, F as b, R as F, H as ie, I as Le, t as m, c as f, j as B, w as L, J as Y, K as He, d as J, B as k, k as U, L as ze, N as M, l as T, O as w, Q as We, b as Ve, V as oe, W as le, X as ue, Y as de, C as P, Z as Ne, _ as A, $ as X, D as H, a0 as je, P as $e, h as qe, T as Q, a1 as Z, a2 as Ke, a3 as Ye, a4 as Je } from "./index-3ZU44zAW.mjs";
+import { F as Xe, S as Qe, B as ce, c as Ze } from "./colorToUniform-BgG3nLnP.mjs";
 var et = `in vec2 vMaskCoord;
 in vec2 vTextureCoord;
 
@@ -1269,7 +1269,7 @@ class Ot extends Ve {
    * @param destroyBuffer - Should the underlying buffer be destroyed as well?
    */
   destroy(e = !1) {
-    this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null;
+    this.destroyed = !0, e && this.buffer.destroy(), this.emit("change", this), this.buffer = null, this.removeAllListeners();
   }
 }
 class be {

package/dist/{WebGLRenderer-DlWk4aSQ.mjs → WebGLRenderer-Dg7VLLw-.mjs}

@@ -1,6 +1,6 @@
-import { E as d, B, w as m, D as S, J as K, a as Be, S as U, t as b, a5 as Ae, l as $, a6 as Ne, c as p, O as H, k as A, j as N, m as F, M as z, a7 as Y, a8 as ye, a9 as Ce, aa as q, ab as Ie, A as De, R as Ge, e as T } from "./index-DY2k589f.mjs";
-import { S as O, b as Z } from "./colorToUniform-DLzITdSX.mjs";
-import { e as Ue, G as Fe, c as Oe, b as Pe, U as Me, R as Le, B as J, d as y, f as He, S as we, a as Ve } from "./SharedSystems-DtNL-LrX.mjs";
+import { E as d, B, w as m, D as S, J as K, a as Be, S as U, t as b, a5 as Ae, l as $, a6 as Ne, c as p, O as H, k as A, j as N, m as F, M as z, a7 as Y, a8 as ye, a9 as Ce, aa as q, ab as De, A as Ie, R as Ge, e as T } from "./index-3ZU44zAW.mjs";
+import { S as O, b as Z } from "./colorToUniform-BgG3nLnP.mjs";
+import { e as Ue, G as Fe, c as Oe, b as Pe, U as Me, R as Le, B as J, d as y, f as He, S as we, a as Ve } from "./SharedSystems-lo30UJjL.mjs";
 class Q {
   constructor() {
     this._tempState = O.for2d(), this._didUploadHash = {};
@@ -45,7 +45,7 @@ class ee {
   }
   /** @ignore */
   destroy() {
-    this._renderer = null, this._gl = null, this._gpuBuffers = null, this._boundBufferBases = null;
+    this.destroyAll(), this._renderer = null, this._gl = null, this._gpuBuffers = {}, this._boundBufferBases = {};
   }
   /** Sets up the renderer context and necessary buffers. */
   contextChange() {
@@ -124,7 +124,7 @@ class ee {
   destroyAll() {
     const e = this._gl;
     for (const r in this._gpuBuffers)
-      e.deleteBuffer(this._gpuBuffers[r].buffer);
+      this._gpuBuffers[r] && e.deleteBuffer(this._gpuBuffers[r].buffer);
     this._gpuBuffers = /* @__PURE__ */ Object.create(null);
   }
   /**
@@ -133,8 +133,10 @@ class ee {
    * @param {boolean} [contextLost=false] - If context was lost, we suppress deleteVertexArray
    */
   onBufferDestroy(e, r) {
+    if (!this._gpuBuffers[e.uid])
+      return;
     const s = this._gpuBuffers[e.uid], n = this._gl;
-    r || n.deleteBuffer(s.buffer), this._gpuBuffers[e.uid] = null;
+    r || n.deleteBuffer(s.buffer), e.off("destroy", this.onBufferDestroy, this), this._gpuBuffers[e.uid] = null;
   }
   /**
    * creates and attaches a GLBuffer object tied to the current context.
@@ -362,7 +364,7 @@ P.defaultOptions = {
   multiView: !1
 };
 let Xe = P;
-var D = /* @__PURE__ */ ((t) => (t[t.RGBA = 6408] = "RGBA", t[t.RGB = 6407] = "RGB", t[t.RG = 33319] = "RG", t[t.RED = 6403] = "RED", t[t.RGBA_INTEGER = 36249] = "RGBA_INTEGER", t[t.RGB_INTEGER = 36248] = "RGB_INTEGER", t[t.RG_INTEGER = 33320] = "RG_INTEGER", t[t.RED_INTEGER = 36244] = "RED_INTEGER", t[t.ALPHA = 6406] = "ALPHA", t[t.LUMINANCE = 6409] = "LUMINANCE", t[t.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", t[t.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", t[t.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", t))(D || {}), re = /* @__PURE__ */ ((t) => (t[t.TEXTURE_2D = 3553] = "TEXTURE_2D", t[t.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", t[t.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", t[t.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", t[t.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", t[t.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", t[t.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", t))(re || {}), h = /* @__PURE__ */ ((t) => (t[t.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", t[t.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", t[t.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", t[t.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", t[t.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", t[t.UNSIGNED_INT = 5125] = "UNSIGNED_INT", t[t.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", t[t.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", t[t.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", t[t.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", t[t.BYTE = 5120] = "BYTE", t[t.SHORT = 5122] = "SHORT", t[t.INT = 5124] = "INT", t[t.FLOAT = 5126] = "FLOAT", t[t.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", t[t.HALF_FLOAT = 36193] = "HALF_FLOAT", t))(h || {});
+var I = /* @__PURE__ */ ((t) => (t[t.RGBA = 6408] = "RGBA", t[t.RGB = 6407] = "RGB", t[t.RG = 33319] = "RG", t[t.RED = 6403] = "RED", t[t.RGBA_INTEGER = 36249] = "RGBA_INTEGER", t[t.RGB_INTEGER = 36248] = "RGB_INTEGER", t[t.RG_INTEGER = 33320] = "RG_INTEGER", t[t.RED_INTEGER = 36244] = "RED_INTEGER", t[t.ALPHA = 6406] = "ALPHA", t[t.LUMINANCE = 6409] = "LUMINANCE", t[t.LUMINANCE_ALPHA = 6410] = "LUMINANCE_ALPHA", t[t.DEPTH_COMPONENT = 6402] = "DEPTH_COMPONENT", t[t.DEPTH_STENCIL = 34041] = "DEPTH_STENCIL", t))(I || {}), re = /* @__PURE__ */ ((t) => (t[t.TEXTURE_2D = 3553] = "TEXTURE_2D", t[t.TEXTURE_CUBE_MAP = 34067] = "TEXTURE_CUBE_MAP", t[t.TEXTURE_2D_ARRAY = 35866] = "TEXTURE_2D_ARRAY", t[t.TEXTURE_CUBE_MAP_POSITIVE_X = 34069] = "TEXTURE_CUBE_MAP_POSITIVE_X", t[t.TEXTURE_CUBE_MAP_NEGATIVE_X = 34070] = "TEXTURE_CUBE_MAP_NEGATIVE_X", t[t.TEXTURE_CUBE_MAP_POSITIVE_Y = 34071] = "TEXTURE_CUBE_MAP_POSITIVE_Y", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Y = 34072] = "TEXTURE_CUBE_MAP_NEGATIVE_Y", t[t.TEXTURE_CUBE_MAP_POSITIVE_Z = 34073] = "TEXTURE_CUBE_MAP_POSITIVE_Z", t[t.TEXTURE_CUBE_MAP_NEGATIVE_Z = 34074] = "TEXTURE_CUBE_MAP_NEGATIVE_Z", t))(re || {}), h = /* @__PURE__ */ ((t) => (t[t.UNSIGNED_BYTE = 5121] = "UNSIGNED_BYTE", t[t.UNSIGNED_SHORT = 5123] = "UNSIGNED_SHORT", t[t.UNSIGNED_SHORT_5_6_5 = 33635] = "UNSIGNED_SHORT_5_6_5", t[t.UNSIGNED_SHORT_4_4_4_4 = 32819] = "UNSIGNED_SHORT_4_4_4_4", t[t.UNSIGNED_SHORT_5_5_5_1 = 32820] = "UNSIGNED_SHORT_5_5_5_1", t[t.UNSIGNED_INT = 5125] = "UNSIGNED_INT", t[t.UNSIGNED_INT_10F_11F_11F_REV = 35899] = "UNSIGNED_INT_10F_11F_11F_REV", t[t.UNSIGNED_INT_2_10_10_10_REV = 33640] = "UNSIGNED_INT_2_10_10_10_REV", t[t.UNSIGNED_INT_24_8 = 34042] = "UNSIGNED_INT_24_8", t[t.UNSIGNED_INT_5_9_9_9_REV = 35902] = "UNSIGNED_INT_5_9_9_9_REV", t[t.BYTE = 5120] = "BYTE", t[t.SHORT = 5122] = "SHORT", t[t.INT = 5124] = "INT", t[t.FLOAT = 5126] = "FLOAT", t[t.FLOAT_32_UNSIGNED_INT_24_8_REV = 36269] = "FLOAT_32_UNSIGNED_INT_24_8_REV", t[t.HALF_FLOAT = 36193] = "HALF_FLOAT", t))(h || {});
 const w = {
   uint8x2: h.UNSIGNED_BYTE,
   uint8x4: h.UNSIGNED_BYTE,
@@ -592,7 +594,7 @@ class se {
     this.gl.bindVertexArray(null), this._activeVao = null, this._activeGeometry = null;
   }
   destroy() {
-    this._renderer = null, this.gl = null, this._activeVao = null, this._activeGeometry = null, this._geometryVaoHash = null;
+    this._renderer = null, this.gl = null, this._activeVao = null, this._activeGeometry = null, this._geometryVaoHash = {};
   }
 }
 se.extension = {
@@ -1885,7 +1887,7 @@ Ee.extension = {
 let St = Ee;
 class pt {
   constructor(e) {
-    this.target = re.TEXTURE_2D, this.texture = e, this.width = -1, this.height = -1, this.type = h.UNSIGNED_BYTE, this.internalFormat = D.RGBA, this.format = D.RGBA, this.samplerType = 0;
+    this.target = re.TEXTURE_2D, this.texture = e, this.width = -1, this.height = -1, this.type = h.UNSIGNED_BYTE, this.internalFormat = I.RGBA, this.format = I.RGBA, this.samplerType = 0;
   }
 }
 const gt = {
@@ -2089,7 +2091,7 @@ const gt = {
     linear: 9986,
     nearest: 9984
   }
-}, I = {
+}, D = {
   "clamp-to-edge": 33071,
   repeat: 10497,
   "mirror-repeat": 33648
@@ -2106,7 +2108,7 @@ const gt = {
 function j(t, e, r, s, n, i, a, o) {
   const c = i;
   if (!o || t.addressModeU !== "repeat" || t.addressModeV !== "repeat" || t.addressModeW !== "repeat") {
-    const u = I[a ? "clamp-to-edge" : t.addressModeU], _ = I[a ? "clamp-to-edge" : t.addressModeV], f = I[a ? "clamp-to-edge" : t.addressModeW];
+    const u = D[a ? "clamp-to-edge" : t.addressModeU], _ = D[a ? "clamp-to-edge" : t.addressModeV], f = D[a ? "clamp-to-edge" : t.addressModeW];
     e[n](c, e.TEXTURE_WRAP_S, u), e[n](c, e.TEXTURE_WRAP_T, _), e.TEXTURE_WRAP_R && e[n](c, e.TEXTURE_WRAP_R, f);
   }
   if ((!o || t.magFilter !== "linear") && e[n](c, e.TEXTURE_MAG_FILTER, W[t.magFilter]), r) {
@@ -2526,7 +2528,7 @@ class pe {
       glProgram: n,
       resources: {
         localUniforms: r,
-        batchSamplers: Ie(s)
+        batchSamplers: De(s)
       }
     });
   }
@@ -2605,7 +2607,7 @@ ge.extension = {
   ],
   name: "mesh"
 };
-const It = [
+const Dt = [
   ...we,
   _e,
   $e,
@@ -2621,12 +2623,12 @@ const It = [
   St,
   ce,
   ie
-], Dt = [...Ve], Gt = [Q, ge, pe], Re = [], xe = [], Te = [];
+], It = [...Ve], Gt = [Q, ge, pe], Re = [], xe = [], Te = [];
 T.handleByNamedList(d.WebGLSystem, Re);
 T.handleByNamedList(d.WebGLPipes, xe);
 T.handleByNamedList(d.WebGLPipesAdaptor, Te);
-T.add(...It, ...Dt, ...Gt);
-class Pt extends De {
+T.add(...Dt, ...It, ...Gt);
+class Pt extends Ie {
   constructor() {
     const e = {
       name: "webgl",

package/dist/{WebGPURenderer-DlIhGb58.mjs → WebGPURenderer-FuA3tJ-C.mjs}

@@ -1,6 +1,6 @@
-import { g as E, E as p, f as ae, D as B, c as C, B as T, d as ue, h as L, i as M, w as v, j as y, k as ce, l as de, m as A, n as w, M as k, o as D, p as he, q as pe, s as H, S as z, t as R, A as le, R as fe, e as S } from "./index-DY2k589f.mjs";
-import { S as F, l as ge, a as me } from "./colorToUniform-DLzITdSX.mjs";
-import { c as _e, u as be, U as ye, B as xe, G as Ge, e as Be, R as Se, t as Pe, S as Te, a as Ce } from "./SharedSystems-DtNL-LrX.mjs";
+import { g as E, E as p, f as ae, D as S, c as C, B as T, d as ue, h as A, i as M, w as v, j as y, k as ce, l as de, m as L, n as w, M as k, o as D, p as he, q as pe, s as H, S as z, t as R, A as le, R as fe, e as B } from "./index-3ZU44zAW.mjs";
+import { S as F, l as ge, a as me } from "./colorToUniform-BgG3nLnP.mjs";
+import { c as _e, u as be, U as ye, B as xe, G as Ge, e as Se, R as Be, t as Pe, S as Te, a as Ce } from "./SharedSystems-lo30UJjL.mjs";
 const x = F.for2d();
 class O {
   start(e, t, r) {
@@ -113,7 +113,7 @@ I.extension = {
 };
 class W {
   constructor(e) {
-    this._gpuBuffers = /* @__PURE__ */ Object.create(null), this._managedBuffers = [], e.renderableGC.addManagedHash(this, "_gpuBuffers");
+    this._gpuBuffers = /* @__PURE__ */ Object.create(null), e.renderableGC.addManagedHash(this, "_gpuBuffers");
   }
   contextChange(e) {
     this._gpu = e;
@@ -134,12 +134,13 @@ class W {
   }
   /** dispose all WebGL resources of all managed buffers */
   destroyAll() {
-    for (const e in this._gpuBuffers)
-      this._gpuBuffers[e].destroy();
+    var e;
+    for (const t in this._gpuBuffers)
+      (e = this._gpuBuffers[t]) == null || e.destroy();
     this._gpuBuffers = {};
   }
   createGPUBuffer(e) {
-    this._gpuBuffers[e.uid] || (e.on("update", this.updateBuffer, this), e.on("change", this.onBufferChange, this), e.on("destroy", this.onBufferDestroy, this), this._managedBuffers.push(e));
+    this._gpuBuffers[e.uid] || (e.on("update", this.updateBuffer, this), e.on("change", this.onBufferChange, this), e.on("destroy", this.onBufferDestroy, this));
     const t = this._gpu.device.createBuffer(e.descriptor);
     return e._updateID = 0, e.data && (ae(e.data.buffer, t.getMappedRange()), t.unmap()), this._gpuBuffers[e.uid] = t, t;
   }
@@ -151,13 +152,15 @@ class W {
    * @param buffer - buffer with data
    */
   onBufferDestroy(e) {
-    this._managedBuffers.splice(this._managedBuffers.indexOf(e), 1), this._destroyBuffer(e);
+    this._destroyBuffer(e);
   }
   destroy() {
-    this._managedBuffers.forEach((e) => this._destroyBuffer(e)), this._managedBuffers = null, this._gpuBuffers = null;
+    this.destroyAll(), this._gpuBuffers = {};
   }
   _destroyBuffer(e) {
-    this._gpuBuffers[e.uid].destroy(), e.off("update", this.updateBuffer, this), e.off("change", this.onBufferChange, this), e.off("destroy", this.onBufferDestroy, this), this._gpuBuffers[e.uid] = null;
+    if (e.off("update", this.updateBuffer, this), e.off("change", this.onBufferChange, this), e.off("destroy", this.onBufferDestroy, this), !this._gpuBuffers[e.uid])
+      return;
+    this._gpuBuffers[e.uid].destroy(), this._gpuBuffers[e.uid] = null;
   }
 }
 W.extension = {
@@ -236,7 +239,7 @@ class U {
    * @returns {WebGLRenderingContext} the WebGL context
    */
   async _createDeviceAndAdaptor(e) {
-    const t = await B.get().getNavigator().gpu.requestAdapter({
+    const t = await S.get().getNavigator().gpu.requestAdapter({
       powerPreference: e.powerPreference,
       forceFallbackAdapter: e.forceFallbackAdapter
     }), r = [
@@ -575,7 +578,7 @@ class Y {
   }
   _getBindGroup(e) {
     if (!this._bindGroups[e]) {
-      const t = new L({
+      const t = new A({
         0: this._getBufferResource(e)
       });
       this._bindGroups[e] = t;
@@ -627,7 +630,7 @@ const Re = {
 function Ee(a, e, t, r, s) {
   return a << 24 | e << 16 | t << 10 | r << 5 | s;
 }
-function Le(a, e, t, r) {
+function Ae(a, e, t, r) {
   return t << 6 | a << 3 | r << 1 | e;
 }
 class $ {
@@ -654,7 +657,7 @@ class $ {
     s.setPipeline(i);
   }
   getPipeline(e, t, r, s) {
-    e._layoutKey || (Be(e, t.attributeData), this._generateBufferKey(e)), s || (s = e.topology);
+    e._layoutKey || (Se(e, t.attributeData), this._generateBufferKey(e)), s || (s = e.topology);
     const i = Ee(
       e._layoutKey,
       t._layoutKey,
@@ -776,7 +779,7 @@ class $ {
     }), this._bufferLayoutsCache[r] = s, s;
   }
   _updatePipeHash() {
-    const e = Le(
+    const e = Ae(
       this._stencilMode,
       this._multisampleCount,
       this._colorMask,
@@ -792,7 +795,7 @@ $.extension = {
   type: [p.WebGPUSystem],
   name: "pipeline"
 };
-class Ae {
+class Le {
   constructor() {
     this.contexts = [], this.msaaTextures = [], this.msaaSamples = 1;
   }
@@ -890,7 +893,7 @@ class ke {
   }
   initGpuRenderTarget(e) {
     e.isRoot = !0;
-    const t = new Ae();
+    const t = new Le();
     return e.colorTextures.forEach((r, s) => {
       if (r instanceof ce) {
         const i = r.resource.getContext(
@@ -941,7 +944,7 @@ class ke {
     });
   }
 }
-class X extends Se {
+class X extends Be {
   constructor(e) {
     super(e), this.adaptor = new ke(), this.adaptor.init(e, this);
   }
@@ -1162,7 +1165,7 @@ const De = {
       {
         offset: 0,
         rowsPerImage: a.pixelHeight,
-        bytesPerRow: a.pixelHeight * i
+        bytesPerRow: a.pixelWidth * i
       },
       {
         width: a.pixelWidth,
@@ -1211,7 +1214,7 @@ const De = {
     if (!r)
       return;
     if (globalThis.HTMLImageElement && r instanceof HTMLImageElement) {
-      const o = B.get().createCanvas(r.width, r.height);
+      const o = S.get().createCanvas(r.width, r.height);
       o.getContext("2d").drawImage(r, 0, 0, r.width, r.height), a.resource = o, v("ImageSource: Image element passed, converting to canvas and replacing resource.");
     }
     const s = Math.min(e.width, a.resourceWidth || a.pixelWidth), i = Math.min(e.height, a.resourceHeight || a.pixelHeight), n = a.alphaMode === "premultiply-alpha-on-upload";
@@ -1437,10 +1440,10 @@ class te {
   }
   _createTextureBindGroup(e) {
     const t = e.source;
-    return this._bindGroupHash[e.uid] = new L({
+    return this._bindGroupHash[e.uid] = new A({
       0: t,
       1: t.style,
-      2: new A({
+      2: new L({
         uTextureMatrix: { type: "mat3x3<f32>", value: e.textureMatrix.mapCoord }
       })
     }), this._bindGroupHash[e.uid];
@@ -1453,13 +1456,13 @@ class te {
     return this._textureViewHash[e.uid] = this.getGpuSource(e).createView(), this._textureViewHash[e.uid];
   }
   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 = S.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: S.get().getNavigator().gpu.getPreferredCanvasFormat(),
       alphaMode: "premultiplied"
     }), r.copyTextureToTexture({
       texture: t.texture.getGpuSource(e.source),
@@ -1486,7 +1489,7 @@ class te {
       const t = Number(e), r = this._bindGroupHash[t];
       r == null || r.destroy(), this._bindGroupHash[t] = null;
     }
-    this._gpu = null, this._mipmapGenerator = null, this._gpuSources = null, this._bindGroupHash = null, this._textureViewHash = null, this._gpuSamplers = null;
+    this._renderer = null, this._gpu = null, this._mipmapGenerator = null, this._gpuSources = null, this._bindGroupHash = null, this._textureViewHash = null, this._gpuSamplers = null;
   }
 }
 te.extension = {
@@ -1500,7 +1503,7 @@ class re {
     this._maxTextures = 0;
   }
   contextChange(e) {
-    const t = new A({
+    const t = new L({
       uTransformMatrix: { value: new k(), type: "mat3x3<f32>" },
       uColor: { value: new Float32Array([1, 1, 1, 1]), type: "vec4<f32>" },
       uRound: { value: 0, type: "f32" }
@@ -1634,10 +1637,10 @@ const Ie = [
   K,
   I
 ], We = [...Ce, Y], Ve = [O, se, re], ie = [], ne = [], oe = [];
-S.handleByNamedList(p.WebGPUSystem, ie);
-S.handleByNamedList(p.WebGPUPipes, ne);
-S.handleByNamedList(p.WebGPUPipesAdaptor, oe);
-S.add(...Ie, ...We, ...Ve);
+B.handleByNamedList(p.WebGPUSystem, ie);
+B.handleByNamedList(p.WebGPUPipes, ne);
+B.handleByNamedList(p.WebGPUPipesAdaptor, oe);
+B.add(...Ie, ...We, ...Ve);
 class qe extends le {
   constructor() {
     const e = {

package/dist/{browserAll-Ch9OEf2Q.mjs → browserAll-DHo9VyBB.mjs}

@@ -1,5 +1,5 @@
-import { T as A, U as Z, P as g, r as te, E as b, b as ie, w as y, e as w, C as V } from "./index-DY2k589f.mjs";
-import "./init-CW9ApwVm.mjs";
+import { T as A, U as Z, P as g, r as te, E as b, b as ie, w as y, e as w, C as V } from "./index-3ZU44zAW.mjs";
+import "./init-DTztoKjk.mjs";
 class q {
   constructor(e) {
     this._lastTransform = "", this._observer = null, this._tickerAttached = !1, this.updateTranslation = () => {
@@ -312,15 +312,16 @@ const se = G.default ?? G, oe = se(globalThis.navigator), re = 9, W = 100, ae =
    * @private
    */
   _deactivate() {
+    var e, t;
     if (!(!this._isActive || this._isMobileAccessibility)) {
       this._isActive = !1, globalThis.document.removeEventListener("mousemove", this._boundOnMouseMove, !0), this._activateOnTab && globalThis.addEventListener("keydown", this._boundOnKeyDown, !1), this._renderer.runners.postrender.remove(this);
-      for (const e of this._children)
-        e._accessibleDiv && e._accessibleDiv.parentNode && (e._accessibleDiv.parentNode.removeChild(e._accessibleDiv), e._accessibleDiv = null), e._accessibleActive = !1;
-      for (const e in this._pools)
-        this._pools[e].forEach((i) => {
-          i.parentNode && i.parentNode.removeChild(i);
-        }), delete this._pools[e];
-      this._div && this._div.parentNode && this._div.parentNode.removeChild(this._div), this._pools = {}, this._children = [];
+      for (const i of this._children)
+        (e = i._accessibleDiv) != null && e.parentNode && (i._accessibleDiv.parentNode.removeChild(i._accessibleDiv), i._accessibleDiv = null), i._accessibleActive = !1;
+      for (const i in this._pools)
+        this._pools[i].forEach((s) => {
+          s.parentNode && s.parentNode.removeChild(s);
+        }), delete this._pools[i];
+      (t = this._div) != null && t.parentNode && this._div.parentNode.removeChild(this._div), this._pools = {}, this._children = [];
     }
   }
   /**

package/dist/{colorToUniform-DLzITdSX.mjs → colorToUniform-BgG3nLnP.mjs}

@@ -1,5 +1,5 @@
-import { S as M, G as x, a as F } from "./index-DY2k589f.mjs";
-const _ = {
+import { S as M, G as x, a as F } from "./index-3ZU44zAW.mjs";
+const T = {
   normal: 0,
   add: 1,
   multiply: 2,
@@ -11,7 +11,7 @@ const _ = {
   "screen-npm": 8,
   min: 9,
   max: 10
-}, r = 0, a = 1, n = 2, l = 3, d = 4, u = 5, c = class p {
+}, o = 0, a = 1, n = 2, l = 3, d = 4, u = 5, c = class b {
   constructor() {
     this.data = 0, this.blendMode = "normal", this.polygonOffset = 0, this.blend = !0, this.depthMask = !0;
   }
@@ -20,10 +20,10 @@ const _ = {
    * @default true
    */
   get blend() {
-    return !!(this.data & 1 << r);
+    return !!(this.data & 1 << o);
   }
   set blend(t) {
-    !!(this.data & 1 << r) !== t && (this.data ^= 1 << r);
+    !!(this.data & 1 << o) !== t && (this.data ^= 1 << o);
   }
   /**
    * Activates adding an offset to depth values of polygon's fragments
@@ -95,7 +95,7 @@ const _ = {
     return this._blendMode;
   }
   set blendMode(t) {
-    this.blend = t !== "none", this._blendMode = t, this._blendModeId = _[t] || 0;
+    this.blend = t !== "none", this._blendMode = t, this._blendModeId = T[t] || 0;
   }
   /**
    * The polygon offset. Setting this property to anything other than 0 will automatically enable polygon offset fill.
@@ -115,18 +115,18 @@ const _ = {
    * @returns a new State with values set for 2d rendering
    */
   static for2d() {
-    const t = new p();
+    const t = new b();
     return t.depthTest = !1, t.blend = !0, t;
   }
 };
 c.default2d = c.for2d();
-let y = c;
-const b = class f extends M {
+let _ = c;
+const p = class f extends M {
   /**
    * @param options - The optional parameters of this filter.
    */
   constructor(t) {
-    t = { ...f.defaultOptions, ...t }, super(t), this.enabled = !0, this._state = y.for2d(), this.blendMode = t.blendMode, this.padding = t.padding, typeof t.antialias == "boolean" ? this.antialias = t.antialias ? "on" : "off" : this.antialias = t.antialias, this.resolution = t.resolution, this.blendRequired = t.blendRequired, this.clipToViewport = t.clipToViewport, this.addResource("uTexture", 0, 1);
+    t = { ...f.defaultOptions, ...t }, super(t), this.enabled = !0, this._state = _.for2d(), this.blendMode = t.blendMode, this.padding = t.padding, typeof t.antialias == "boolean" ? this.antialias = t.antialias ? "on" : "off" : this.antialias = t.antialias, this.resolution = t.resolution, this.blendRequired = t.blendRequired, this.clipToViewport = t.clipToViewport, this.addResource("uTexture", 0, 1), t.blendRequired && this.addResource("uBackTexture", 0, 3);
   }
   /**
    * Applies the filter
@@ -135,8 +135,8 @@ const b = class f extends M {
    * @param output - The target to output to.
    * @param clearMode - Should the output be cleared before rendering to it
    */
-  apply(t, e, s, o) {
-    t.applyFilter(this, e, s, o);
+  apply(t, e, i, r) {
+    t.applyFilter(this, e, i, r);
   }
   /**
    * Get the blend mode of the filter.
@@ -155,16 +155,16 @@ const b = class f extends M {
    * @returns A shiny new PixiJS filter!
    */
   static from(t) {
-    const { gpu: e, gl: s, ...o } = t;
+    const { gpu: e, gl: i, ...r } = t;
     let m, g;
-    return e && (m = x.from(e)), s && (g = F.from(s)), new f({
+    return e && (m = x.from(e)), i && (g = F.from(i)), new f({
       gpuProgram: m,
       glProgram: g,
-      ...o
+      ...r
     });
   }
 };
-b.defaultOptions = {
+p.defaultOptions = {
   blendMode: "normal",
   resolution: 1,
   padding: 0,
@@ -172,7 +172,7 @@ b.defaultOptions = {
   blendRequired: !1,
   clipToViewport: !0
 };
-let S = b;
+let S = p;
 const h = {
   name: "local-uniform-bit",
   vertex: {
@@ -206,14 +206,14 @@ const h = {
         `
     )
   }
-}, P = {
+}, k = {
   ...h,
   vertex: {
     ...h.vertex,
     // replace the group!
     header: h.vertex.header.replace("group(1)", "group(2)")
   }
-}, k = {
+}, P = {
   name: "local-uniform-bit",
   vertex: {
     header: (
@@ -259,16 +259,16 @@ class w {
   destroy() {
   }
 }
-function U(i, t, e) {
-  const s = (i >> 24 & 255) / 255;
-  t[e++] = (i & 255) / 255 * s, t[e++] = (i >> 8 & 255) / 255 * s, t[e++] = (i >> 16 & 255) / 255 * s, t[e++] = s;
+function R(s, t, e) {
+  const i = (s >> 24 & 255) / 255;
+  t[e++] = (s & 255) / 255 * i, t[e++] = (s >> 8 & 255) / 255 * i, t[e++] = (s >> 16 & 255) / 255 * i, t[e++] = i;
 }
 export {
   w as B,
   S as F,
-  y as S,
+  _ as S,
   h as a,
-  k as b,
-  U as c,
-  P as l
+  P as b,
+  R as c,
+  k as l
 };

package/dist/components/GenomeView/TrackComponents/DynseqComponents/DynseqTrackComponents.d.ts

@@ -39,13 +39,6 @@ interface DynseqTrackProps {
     xvaluesData: any;
 }
 declare class DynseqTrackComponents extends PureComponent<DynseqTrackProps> {
-    static propTypes: {
-        data: any;
-        unit: any;
-        options: any;
-        isLoading: any;
-        error: any;
-    };
     xToValue: Array<any> | null;
     xToValue2: Array<any> | null;
     allValues: Array<any>;
@@ -53,7 +46,6 @@ declare class DynseqTrackComponents extends PureComponent<DynseqTrackProps> {
     scales: any;
     hasReverse: boolean;
     constructor(props: DynseqTrackProps);
-    aggregateFeatures: (data: any[], viewRegion: any, width: number, aggregatorId: string) => any;
     computeScales: (xToValue: number[], xToValue2: number[], height: number) => {
         valueToHeight: import("d3-scale").ScaleLinear<number, number, never>;
         valueToY: import("d3-scale").ScaleLinear<number, number, never>;

package/dist/components/GenomeView/TrackComponents/GroupedTrackManager.d.ts

@@ -33,9 +33,6 @@ export declare class GroupedTrackManager {
      * @returns list of groups found in the track list, their data, and their original indicies
      */
     aggregator: NumericalAggregator;
-    dynseqAggregator: (data: any[], viewRegion: any, width: number, aggregatorId: string) => any;
-    aggregateRecords: (data: any[], viewRegion: any, width: number) => any;
-    aggregateFeaturesMatplot: (data: any, viewRegion: any, width: any, aggregatorId: any) => any;
     constructor();
     getGroupScale(tracks: TrackModel[], trackData: any, width: number, viewWindow: OpenInterval, dataIdx: number, trackFetchedDataCache: any): {
         [groupId: number]: {

package/dist/components/GenomeView/TrackComponents/InteractionComponents/ArcDisplay.d.ts

@@ -21,6 +21,7 @@ interface ArcDisplayProps {
     isThereG3dTrack?: boolean;
     clampHeight?: boolean;
     options?: any;
+    legend?: any;
 }
 export declare class ArcDisplay extends React.PureComponent<ArcDisplayProps, {}> {
     arcData: any[];

package/dist/components/GenomeView/TrackComponents/InteractionComponents/CubicCurveDisplay.d.ts

@@ -14,6 +14,7 @@ interface CubicCurveDisplayProps {
     forceSvg?: boolean;
     bothAnchorsInView?: boolean;
     options?: any;
+    legend?: any;
 }
 export declare class CubicCurveDisplay extends React.PureComponent<CubicCurveDisplayProps, {}> {
     renderCurve: (placedInteraction: PlacedInteraction, index: number) => any;

package/dist/components/GenomeView/TrackComponents/InteractionComponents/SquareDisplay.d.ts

@@ -12,6 +12,7 @@ interface SquareDisplayProps {
     color2?: string;
     forceSvg?: boolean;
     bothAnchorsInView?: boolean;
+    legend?: any;
     options: any;
 }
 export declare class SquareDisplay extends React.PureComponent<SquareDisplayProps, {}> {

package/dist/components/GenomeView/TrackComponents/MethylcComponents/MethylCTrackComputation.d.ts

@@ -50,16 +50,10 @@ interface MethylCTrackProps {
     xvaluesData?: any;
 }
 declare class MethylCTrack extends PureComponent<MethylCTrackProps> {
-    static propTypes: {
-        data: any;
-        options: any;
-        isLoading: any;
-        error: any;
-    };
     aggregatedRecords: any[];
     scales: any;
     constructor(props: MethylCTrackProps);
-    aggregateRecords: (data: any[], viewRegion: any, width: number) => any;
+    aggregateRecords: (data: any[], viewRegion: any, width: number) => any[];
     computeScales: (xMap: any[], height: number, maxMethyl: number) => {
         methylToY: import("d3-scale").ScaleLinear<number, number, never>;
         depthToY: import("d3-scale").ScaleLinear<number, number, never>;

package/dist/components/GenomeView/TrackComponents/QBedComponents/QBedTrackComponents.d.ts

@@ -57,7 +57,7 @@ declare class QBedTrackComponents extends React.PureComponent<QBedTrackProps> {
     private xToValue;
     private scales;
     constructor(props: QBedTrackProps);
-    aggregateFeatures(data: Array<any>, viewRegion: any, width: number): any;
+    aggregateFeatures(data: Array<any>, viewRegion: any, width: number): [any[], any[]];
     computeScales(xToValue: any, height: number): {
         valueToY: import("d3-scale").ScaleLinear<number, number, never>;
         min: number;

package/dist/components/GenomeView/TrackComponents/bedComponents/FiberTrackComponent.d.ts

@@ -1,11 +1,10 @@
 import React from "react";
-import { PropsFromTrackContainer } from "../commonComponents/Track";
 import { Fiber } from "../../../../models/Feature";
 import OpenInterval from "../../../../models/OpenInterval";
 import DisplayedRegionModel from "../../../../models/DisplayedRegionModel";
 import { FiberDisplayModes } from "../../../../trackConfigs/config-menu-models.tsx/DisplayModes";
 export declare const FIBER_DENSITY_CUTOFF_LENGTH = 300000;
-interface FiberTrackProps extends PropsFromTrackContainer {
+interface FiberTrackProps {
     data: Fiber[];
     options: {
         color?: string;
@@ -24,7 +23,11 @@ interface FiberTrackProps extends PropsFromTrackContainer {
     getAnnotationTrack: any;
     trackState: any;
     renderTooltip: any;
+    width: number;
+    trackModel: any;
+    viewWindow: OpenInterval;
     svgHeight: any;
+    isLoading: boolean;
     updatedLegend: any;
     getGenePadding: any;
     getHeight: any;

package/dist/components/GenomeView/TrackComponents/commonComponents/numerical/MatplotTrackComponent.d.ts

@@ -1,6 +1,7 @@
 import React from "react";
 import { ScaleChoices } from "../../../../../models/ScaleChoices";
 import Feature from "../../../../../models/Feature";
+import { NumericalAggregator } from "./NumericalAggregator";
 export declare const DEFAULT_OPTIONS: {
     aggregateMethod: string;
     height: number;
@@ -46,8 +47,8 @@ declare class MatplotTrackComponent extends React.PureComponent<MatplotTrackProp
     };
     xToValue: any;
     scales: any;
+    aggregator: NumericalAggregator;
     constructor(props: any);
-    aggregateFeatures(data: any, viewRegion: any, width: any, aggregatorId: any): any;
     computeScales(xToValue: any, height: any): {
         valueToY: import("d3-scale").ScaleLinear<number, number, never>;
         min: any;