@speridlabs/visus 2.1.0 → 2.1.1

package/dist/react.es.js

@@ -1,6 +1,6 @@
 var ve = Object.defineProperty;
 var we = (A, e, n) => e in A ? ve(A, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : A[e] = n;
-var d = (A, e, n) => we(A, typeof e != "symbol" ? e + "" : e, n);
+var h = (A, e, n) => we(A, typeof e != "symbol" ? e + "" : e, n);
 import be, { useRef as Se, useMemo as Me, useEffect as _e } from "react";
 import { useLoader as Ae } from "@react-three/fiber";
 import * as l from "three";
@@ -15,23 +15,23 @@ var ce = { exports: {} }, ae = {};
  * LICENSE file in the root directory of this source tree.
  */
 var pe;
-function Ce() {
+function Te() {
   if (pe) return ae;
   pe = 1;
   var A = Symbol.for("react.transitional.element"), e = Symbol.for("react.fragment");
-  function n(t, o, r) {
+  function n(r, t, o) {
     var a = null;
-    if (r !== void 0 && (a = "" + r), o.key !== void 0 && (a = "" + o.key), "key" in o) {
-      r = {};
-      for (var i in o)
-        i !== "key" && (r[i] = o[i]);
-    } else r = o;
-    return o = r.ref, {
+    if (o !== void 0 && (a = "" + o), t.key !== void 0 && (a = "" + t.key), "key" in t) {
+      o = {};
+      for (var i in t)
+        i !== "key" && (o[i] = t[i]);
+    } else o = t;
+    return t = o.ref, {
       $$typeof: A,
-      type: t,
+      type: r,
       key: a,
-      ref: o !== void 0 ? o : null,
-      props: r
+      ref: t !== void 0 ? t : null,
+      props: o
     };
   }
   return ae.Fragment = e, ae.jsx = n, ae.jsxs = n, ae;
@@ -47,12 +47,12 @@ var ie = {};
  * LICENSE file in the root directory of this source tree.
  */
 var me;
-function Te() {
+function Ce() {
   return me || (me = 1, process.env.NODE_ENV !== "production" && function() {
     function A(s) {
       if (s == null) return null;
       if (typeof s == "function")
-        return s.$$typeof === g ? null : s.displayName || s.name || null;
+        return s.$$typeof === y ? null : s.displayName || s.name || null;
       if (typeof s == "string") return s;
       switch (s) {
         case I:
@@ -61,11 +61,11 @@ function Te() {
           return "Profiler";
         case z:
           return "StrictMode";
-        case L:
+        case W:
           return "Suspense";
         case _:
           return "SuspenseList";
-        case C:
+        case T:
           return "Activity";
       }
       if (typeof s == "object")
@@ -74,7 +74,7 @@ function Te() {
         ), s.$$typeof) {
           case b:
             return "Portal";
-          case W:
+          case L:
             return (s.displayName || "Context") + ".Provider";
           case H:
             return (s._context.displayName || "Context") + ".Consumer";
@@ -112,7 +112,7 @@ function Te() {
         ), e(s);
       }
     }
-    function t(s) {
+    function r(s) {
       if (s === I) return "<>";
       if (typeof s == "object" && s !== null && s.$$typeof === D)
         return "<...>";
@@ -123,11 +123,11 @@ function Te() {
         return "<...>";
       }
     }
-    function o() {
+    function t() {
       var s = R.A;
       return s === null ? null : s.getOwner();
     }
-    function r() {
+    function o() {
       return Error("react-stack-top-frame");
     }
     function a(s) {
@@ -155,7 +155,7 @@ function Te() {
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), s = this.props.ref, s !== void 0 ? s : null;
     }
-    function v(s, p, S, E, m, c, y, P) {
+    function v(s, p, S, E, m, c, g, P) {
       return S = c.ref, s = {
         $$typeof: w,
         type: s,
@@ -179,7 +179,7 @@ function Te() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: y
+        value: g
       }), Object.defineProperty(s, "_debugTask", {
         configurable: !1,
         enumerable: !1,
@@ -187,25 +187,25 @@ function Te() {
         value: P
       }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
     }
-    function M(s, p, S, E, m, c, y, P) {
-      var h = p.children;
-      if (h !== void 0)
+    function M(s, p, S, E, m, c, g, P) {
+      var f = p.children;
+      if (f !== void 0)
         if (E)
-          if (X(h)) {
-            for (E = 0; E < h.length; E++)
-              T(h[E]);
-            Object.freeze && Object.freeze(h);
+          if (X(f)) {
+            for (E = 0; E < f.length; E++)
+              C(f[E]);
+            Object.freeze && Object.freeze(f);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else T(h);
+        else C(f);
       if (B.call(p, "key")) {
-        h = A(s);
+        f = A(s);
         var k = Object.keys(p).filter(function(V) {
           return V !== "key";
         });
-        E = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", te[h + E] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
+        E = 0 < k.length ? "{key: someKey, " + k.join(": ..., ") + ": ...}" : "{key: someKey}", te[f + E] || (k = 0 < k.length ? "{" + k.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -213,45 +213,45 @@ React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
           E,
-          h,
+          f,
           k,
-          h
-        ), te[h + E] = !0);
+          f
+        ), te[f + E] = !0);
       }
-      if (h = null, S !== void 0 && (n(S), h = "" + S), a(p) && (n(p.key), h = "" + p.key), "key" in p) {
+      if (f = null, S !== void 0 && (n(S), f = "" + S), a(p) && (n(p.key), f = "" + p.key), "key" in p) {
         S = {};
         for (var O in p)
           O !== "key" && (S[O] = p[O]);
       } else S = p;
-      return h && i(
+      return f && i(
         S,
         typeof s == "function" ? s.displayName || s.name || "Unknown" : s
       ), v(
         s,
-        h,
+        f,
         c,
         m,
-        o(),
+        t(),
         S,
-        y,
+        g,
         P
       );
     }
-    function T(s) {
+    function C(s) {
       typeof s == "object" && s !== null && s.$$typeof === w && s._store && (s._store.validated = 1);
     }
-    var f = be, w = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), I = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), W = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), L = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), C = Symbol.for("react.activity"), g = Symbol.for("react.client.reference"), R = f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, X = Array.isArray, $ = console.createTask ? console.createTask : function() {
+    var d = be, w = Symbol.for("react.transitional.element"), b = Symbol.for("react.portal"), I = Symbol.for("react.fragment"), z = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), H = Symbol.for("react.consumer"), L = Symbol.for("react.context"), ne = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), x = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), y = Symbol.for("react.client.reference"), R = d.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, X = Array.isArray, $ = console.createTask ? console.createTask : function() {
       return null;
     };
-    f = {
+    d = {
       "react-stack-bottom-frame": function(s) {
         return s();
       }
     };
-    var Z, U = {}, F = f["react-stack-bottom-frame"].bind(
-      f,
-      r
-    )(), N = $(t(r)), te = {};
+    var Z, U = {}, F = d["react-stack-bottom-frame"].bind(
+      d,
+      o
+    )(), N = $(r(o)), te = {};
     ie.Fragment = I, ie.jsx = function(s, p, S, E, m) {
       var c = 1e4 > R.recentlyCreatedOwnerStacks++;
       return M(
@@ -262,7 +262,7 @@ React keys must be passed directly to JSX without using spread:
         E,
         m,
         c ? Error("react-stack-top-frame") : F,
-        c ? $(t(s)) : N
+        c ? $(r(s)) : N
       );
     }, ie.jsxs = function(s, p, S, E, m) {
       var c = 1e4 > R.recentlyCreatedOwnerStacks++;
@@ -274,23 +274,23 @@ React keys must be passed directly to JSX without using spread:
         E,
         m,
         c ? Error("react-stack-top-frame") : F,
-        c ? $(t(s)) : N
+        c ? $(r(s)) : N
       );
     };
   }()), ie;
 }
 var xe;
 function ke() {
-  return xe || (xe = 1, process.env.NODE_ENV === "production" ? ce.exports = Ce() : ce.exports = Te()), ce.exports;
+  return xe || (xe = 1, process.env.NODE_ENV === "production" ? ce.exports = Te() : ce.exports = Ce()), ce.exports;
 }
 var Ee = ke();
-class he {
+class fe {
   constructor() {
-    d(this, "min", new l.Vector3(1 / 0, 1 / 0, 1 / 0));
-    d(this, "max", new l.Vector3(-1 / 0, -1 / 0, -1 / 0));
-    d(this, "center", new l.Vector3());
+    h(this, "min", new l.Vector3(1 / 0, 1 / 0, 1 / 0));
+    h(this, "max", new l.Vector3(-1 / 0, -1 / 0, -1 / 0));
+    h(this, "center", new l.Vector3());
     /** Half extents (size/2) */
-    d(this, "halfExtents", new l.Vector3());
+    h(this, "halfExtents", new l.Vector3());
   }
   /**
    * Reset the bounding box to its initial state
@@ -338,20 +338,20 @@ class he {
    * @returns New bounding box with the same values
    */
   clone() {
-    const e = new he();
+    const e = new fe();
     return e.min.copy(this.min), e.max.copy(this.max), e.center.copy(this.center), e.halfExtents.copy(this.halfExtents), e;
   }
 }
 class Ie {
   // TODO: there is no sh spherical harmonics
   constructor(e = 0) {
-    d(this, "numSplats", 0);
-    d(this, "positions");
-    d(this, "rotations");
-    d(this, "scales");
-    d(this, "colors");
-    d(this, "opacities");
-    d(this, "boundingBox", new he());
+    h(this, "numSplats", 0);
+    h(this, "positions");
+    h(this, "rotations");
+    h(this, "scales");
+    h(this, "colors");
+    h(this, "opacities");
+    h(this, "boundingBox", new fe());
     this.numSplats = e, this.allocateBuffers(e);
   }
   allocateBuffers(e) {
@@ -366,13 +366,13 @@ class Ie {
    * @param color Color
    * @param opacity Opacity value
    */
-  setSplat(e, n, t, o, r, a) {
+  setSplat(e, n, r, t, o, a) {
     if (e >= this.numSplats)
       throw new Error(
         `Splat index out of bounds: ${e} >= ${this.numSplats}`
       );
     const i = e * 3, u = e * 4, v = e * 3, M = e * 3;
-    this.positions[i] = n.x, this.positions[i + 1] = n.y, this.positions[i + 2] = n.z, this.rotations[u] = t.x, this.rotations[u + 1] = t.y, this.rotations[u + 2] = t.z, this.rotations[u + 3] = t.w, this.scales[v] = o.x, this.scales[v + 1] = o.y, this.scales[v + 2] = o.z, this.colors[M] = r.r, this.colors[M + 1] = r.g, this.colors[M + 2] = r.b, this.opacities[e] = a;
+    this.positions[i] = n.x, this.positions[i + 1] = n.y, this.positions[i + 2] = n.z, this.rotations[u] = r.x, this.rotations[u + 1] = r.y, this.rotations[u + 2] = r.z, this.rotations[u + 3] = r.w, this.scales[v] = t.x, this.scales[v + 1] = t.y, this.scales[v + 2] = t.z, this.colors[M] = o.r, this.colors[M + 1] = o.g, this.colors[M + 2] = o.b, this.opacities[e] = a;
   }
   /**
    * Get a splat's data
@@ -384,7 +384,7 @@ class Ie {
       throw new Error(
         `Splat index out of bounds: ${e} >= ${this.numSplats}`
       );
-    const n = e * 3, t = e * 4, o = e * 3, r = e * 3;
+    const n = e * 3, r = e * 4, t = e * 3, o = e * 3;
     return {
       position: new l.Vector3(
         this.positions[n],
@@ -392,21 +392,21 @@ class Ie {
         this.positions[n + 2]
       ),
       rotation: new l.Quaternion(
-        this.rotations[t],
-        this.rotations[t + 1],
-        this.rotations[t + 2],
-        this.rotations[t + 3]
+        this.rotations[r],
+        this.rotations[r + 1],
+        this.rotations[r + 2],
+        this.rotations[r + 3]
       ),
       // Convert log scale back to linear scale for external use
       scale: new l.Vector3(
-        Math.exp(this.scales[o]),
-        Math.exp(this.scales[o + 1]),
-        Math.exp(this.scales[o + 2])
+        Math.exp(this.scales[t]),
+        Math.exp(this.scales[t + 1]),
+        Math.exp(this.scales[t + 2])
       ),
       color: new l.Color(
-        this.colors[r],
-        this.colors[r + 1],
-        this.colors[r + 2]
+        this.colors[o],
+        this.colors[o + 1],
+        this.colors[o + 2]
       ),
       opacity: this.opacities[e]
     };
@@ -419,11 +419,11 @@ class Ie {
     this.boundingBox.reset();
     const e = new l.Vector3();
     for (let n = 0; n < this.numSplats; n++) {
-      const t = n * 3;
+      const r = n * 3;
       e.set(
-        this.positions[t],
-        this.positions[t + 1],
-        this.positions[t + 2]
+        this.positions[r],
+        this.positions[r + 1],
+        this.positions[r + 2]
       ), this.boundingBox.expandByPoint(e);
     }
     return this.boundingBox;
@@ -438,15 +438,15 @@ class Ie {
       "position",
       new l.BufferAttribute(this.positions, 3)
     );
-    const n = new Float32Array(this.numSplats * 3), t = new l.Quaternion(), o = new l.Euler();
-    for (let r = 0; r < this.numSplats; r++) {
-      const a = r * 4, i = r * 3;
-      t.set(
+    const n = new Float32Array(this.numSplats * 3), r = new l.Quaternion(), t = new l.Euler();
+    for (let o = 0; o < this.numSplats; o++) {
+      const a = o * 4, i = o * 3;
+      r.set(
         this.rotations[a],
         this.rotations[a + 1],
         this.rotations[a + 2],
         this.rotations[a + 3]
-      ), o.setFromQuaternion(t), n[i] = o.x, n[i + 1] = o.y, n[i + 2] = o.z;
+      ), t.setFromQuaternion(r), n[i] = t.x, n[i + 1] = t.y, n[i + 2] = t.z;
     }
     return e.setAttribute(
       "rotation",
@@ -466,32 +466,32 @@ class Ie {
 class Re extends l.Loader {
   constructor(n) {
     super(n);
-    d(this, "requestId", 0);
-    d(this, "worker");
-    d(this, "pendingCallbacks", /* @__PURE__ */ new Map());
-    const t = this.createWorkerCode(), o = new Blob([t], { type: "application/javascript" });
-    this.worker = new Worker(URL.createObjectURL(o)), this.worker.onmessage = this.onWorkerMessage.bind(this);
+    h(this, "requestId", 0);
+    h(this, "worker");
+    h(this, "pendingCallbacks", /* @__PURE__ */ new Map());
+    const r = this.createWorkerCode(), t = new Blob([r], { type: "application/javascript" });
+    this.worker = new Worker(URL.createObjectURL(t)), this.worker.onmessage = this.onWorkerMessage.bind(this);
   }
   /**
    * Handles messages received from the parsing worker
    * @param event The message event from the worker
    */
   onWorkerMessage(n) {
-    const { requestId: t, error: o, result: r } = n.data, a = this.pendingCallbacks.get(t);
-    if (!a) return console.warn(`PlyLoader: Received response for unknown request ${t}`);
-    if (this.pendingCallbacks.delete(t), o) return a.reject(new Error(o));
-    if (!r) return a.reject(new Error("Worker returned no result"));
+    const { requestId: r, error: t, result: o } = n.data, a = this.pendingCallbacks.get(r);
+    if (!a) return console.warn(`PlyLoader: Received response for unknown request ${r}`);
+    if (this.pendingCallbacks.delete(r), t) return a.reject(new Error(t));
+    if (!o) return a.reject(new Error("Worker returned no result"));
     try {
       const i = new Ie(0);
-      i.numSplats = r.numSplats, i.positions = new Float32Array(r.positions), i.rotations = new Float32Array(r.rotations), i.scales = new Float32Array(r.scales), i.colors = new Float32Array(r.colors), i.opacities = new Float32Array(r.opacities), i.boundingBox.min.set(
-        r.boundingBox.minX,
-        r.boundingBox.minY,
-        r.boundingBox.minZ
+      i.numSplats = o.numSplats, i.positions = new Float32Array(o.positions), i.rotations = new Float32Array(o.rotations), i.scales = new Float32Array(o.scales), i.colors = new Float32Array(o.colors), i.opacities = new Float32Array(o.opacities), i.boundingBox.min.set(
+        o.boundingBox.minX,
+        o.boundingBox.minY,
+        o.boundingBox.minZ
       ), i.boundingBox.max.set(
-        r.boundingBox.maxX,
-        r.boundingBox.maxY,
-        r.boundingBox.maxZ
-      ), a.resolve(i);
+        o.boundingBox.maxX,
+        o.boundingBox.maxY,
+        o.boundingBox.maxZ
+      ), this.worker.terminate(), a.resolve(i);
     } catch (i) {
       a.reject(i);
     }
@@ -503,19 +503,19 @@ class Re extends l.Loader {
    * @param onProgress Optional progress callback
    * @param onError Optional error callback
    */
-  load(n, t, o, r) {
+  load(n, r, t, o) {
     const a = new l.FileLoader(this.manager);
     a.setResponseType("arraybuffer"), a.setRequestHeader(this.requestHeader), a.setPath(this.path), a.setWithCredentials(this.withCredentials), a.load(
       n,
       (i) => {
         this.parseAsync(i).then((u) => {
-          t && t(u);
+          r && r(u);
         }).catch((u) => {
-          r ? r(u) : console.error(u), this.manager.itemError(n);
+          o ? o(u) : console.error(u), this.manager.itemError(n);
         });
       },
-      o,
-      r
+      t,
+      o
     );
   }
   /**
@@ -524,19 +524,19 @@ class Re extends l.Loader {
    * @param onProgress Optional progress callback
    * @returns A Promise that resolves with the parsed SplatData
    */
-  loadAsync(n, t) {
-    return new Promise((o, r) => {
+  loadAsync(n, r) {
+    return new Promise((t, o) => {
       const a = new l.FileLoader(this.manager);
       a.setResponseType("arraybuffer"), a.setRequestHeader(this.requestHeader), a.setPath(this.path), a.setWithCredentials(this.withCredentials), a.load(
         n,
         (i) => {
-          this.parseAsync(i).then(o).catch((u) => {
-            r(u), this.manager.itemError(n);
+          this.parseAsync(i).then(t).catch((u) => {
+            o(u), this.manager.itemError(n);
           });
         },
-        t,
+        r,
         (i) => {
-          r(i), this.manager.itemError(n);
+          o(i), this.manager.itemError(n);
         }
       );
     });
@@ -547,11 +547,11 @@ class Re extends l.Loader {
    * @returns Promise that resolves with parsed SplatData
    */
   parseAsync(n) {
-    return new Promise((t, o) => {
-      const r = this.requestId++;
-      this.pendingCallbacks.set(r, { resolve: t, reject: o });
+    return new Promise((r, t) => {
+      const o = this.requestId++;
+      this.pendingCallbacks.set(o, { resolve: r, reject: t });
       const a = {
-        requestId: r,
+        requestId: o,
         buffer: n
       };
       this.worker.postMessage(a, [n]);
@@ -569,11 +569,11 @@ class Re extends l.Loader {
    */
   createWorkerCode() {
     return `(${(function() {
-      self.onmessage = (o) => {
-        const { requestId: r, buffer: a } = o.data;
+      self.onmessage = (t) => {
+        const { requestId: o, buffer: a } = t.data;
         try {
-          const i = t(a), u = {
-            requestId: r,
+          const i = r(a), u = {
+            requestId: o,
             result: i
           };
           self.postMessage(u, [
@@ -585,14 +585,14 @@ class Re extends l.Loader {
           ]);
         } catch (i) {
           const u = {
-            requestId: r,
+            requestId: o,
             error: i instanceof Error ? i.message : String(i)
           };
           self.postMessage(u);
         }
       };
-      function t(o) {
-        const r = new TextDecoder(), a = new Uint8Array(o), i = [112, 108, 121, 10], u = `
+      function r(t) {
+        const o = new TextDecoder(), a = new Uint8Array(t), i = [112, 108, 121, 10], u = `
 end_header
 `;
         for (let m = 0; m < i.length; m++)
@@ -603,8 +603,8 @@ end_header
         let v = 0;
         for (let m = 0; m < a.length - u.length; m++) {
           let c = !0;
-          for (let y = 0; y < u.length; y++)
-            if (a[m + y] !== u.charCodeAt(y)) {
+          for (let g = 0; g < u.length; g++)
+            if (a[m + g] !== u.charCodeAt(g)) {
               c = !1;
               break;
             }
@@ -617,50 +617,50 @@ end_header
           throw new Error(
             "Invalid PLY file: Could not find end of header"
           );
-        const T = r.decode(
+        const C = o.decode(
           a.subarray(0, v)
         ).split(`
-`), f = [];
+`), d = [];
         let w = null;
-        for (let m = 1; m < T.length; m++) {
-          const c = T[m].trim();
+        for (let m = 1; m < C.length; m++) {
+          const c = C[m].trim();
           if (c === "" || c === "end_header") continue;
-          const y = c.split(" ");
-          switch (y[0]) {
+          const g = c.split(" ");
+          switch (g[0]) {
             case "format":
-              w = y[1];
+              w = g[1];
               break;
             case "element":
-              f.push({
-                name: y[1],
-                count: parseInt(y[2], 10),
+              d.push({
+                name: g[1],
+                count: parseInt(g[2], 10),
                 properties: []
               });
               break;
             case "property":
-              if (f.length === 0)
+              if (d.length === 0)
                 throw new Error(
                   "Invalid PLY file: Property without element"
                 );
-              f[f.length - 1].properties.push({
-                type: y[1],
-                name: y[2]
+              d[d.length - 1].properties.push({
+                type: g[1],
+                name: g[2]
               });
               break;
           }
         }
         if (w !== "binary_little_endian")
           throw new Error(`Unsupported PLY format: ${w}`);
-        const b = f.find((m) => m.name === "vertex");
+        const b = d.find((m) => m.name === "vertex");
         if (!b)
           throw new Error(
             "Invalid PLY file: No vertex element found"
           );
-        const I = b.count, z = new Float32Array(I * 3), j = new Float32Array(I * 4), H = new Float32Array(I * 3), W = new Float32Array(I * 3), ne = new Float32Array(I), L = new DataView(o);
+        const I = b.count, z = new Float32Array(I * 3), j = new Float32Array(I * 4), H = new Float32Array(I * 3), L = new Float32Array(I * 3), ne = new Float32Array(I), W = new DataView(t);
         let _ = v;
         const x = (m) => b.properties.findIndex(
           (c) => c.name === m
-        ), D = x("x"), C = x("y"), g = x("z"), R = [
+        ), D = x("x"), T = x("y"), y = x("z"), R = [
           x("rot_0"),
           x("rot_1"),
           x("rot_2"),
@@ -676,8 +676,8 @@ end_header
         ], $ = x("opacity");
         if ([
           D,
-          C,
-          g,
+          T,
+          y,
           ...R,
           ...B,
           ...X,
@@ -694,43 +694,43 @@ end_header
         let N = 1 / 0, te = 1 / 0, s = 1 / 0, p = -1 / 0, S = -1 / 0, E = -1 / 0;
         for (let m = 0; m < I; m++) {
           const c = [];
-          for (let fe = 0; fe < b.properties.length; fe++) {
-            const de = b.properties[fe].type;
+          for (let de = 0; de < b.properties.length; de++) {
+            const he = b.properties[de].type;
             let ee;
-            switch (de) {
+            switch (he) {
               case "char":
-                ee = L.getInt8(_), _ += 1;
+                ee = W.getInt8(_), _ += 1;
                 break;
               case "uchar":
-                ee = L.getUint8(_), _ += 1;
+                ee = W.getUint8(_), _ += 1;
                 break;
               case "short":
-                ee = L.getInt16(_, !0), _ += 2;
+                ee = W.getInt16(_, !0), _ += 2;
                 break;
               case "ushort":
-                ee = L.getUint16(_, !0), _ += 2;
+                ee = W.getUint16(_, !0), _ += 2;
                 break;
               case "int":
-                ee = L.getInt32(_, !0), _ += 4;
+                ee = W.getInt32(_, !0), _ += 4;
                 break;
               case "uint":
-                ee = L.getUint32(_, !0), _ += 4;
+                ee = W.getUint32(_, !0), _ += 4;
                 break;
               case "float":
-                ee = L.getFloat32(_, !0), _ += 4;
+                ee = W.getFloat32(_, !0), _ += 4;
                 break;
               case "double":
-                ee = L.getFloat64(_, !0), _ += 8;
+                ee = W.getFloat64(_, !0), _ += 8;
                 break;
               default:
                 throw new Error(
-                  `Unsupported property type: ${de}`
+                  `Unsupported property type: ${he}`
                 );
             }
             c.push(ee);
           }
-          const y = c[D], P = c[C], h = c[g], k = m * 3;
-          z[k] = y, z[k + 1] = P, z[k + 2] = h, N = Math.min(N, y), te = Math.min(te, P), s = Math.min(s, h), p = Math.max(p, y), S = Math.max(S, P), E = Math.max(E, h);
+          const g = c[D], P = c[T], f = c[y], k = m * 3;
+          z[k] = g, z[k + 1] = P, z[k + 2] = f, N = Math.min(N, g), te = Math.min(te, P), s = Math.min(s, f), p = Math.max(p, g), S = Math.max(S, P), E = Math.max(E, f);
           let O = c[R[1]], V = c[R[2]], G = c[R[3]], q = c[R[0]];
           const Y = Math.sqrt(
             O * O + V * V + G * G + q * q
@@ -743,14 +743,14 @@ end_header
           let re = 0.5 + c[X[0]] * U, oe = 0.5 + c[X[1]] * U, J = 0.5 + c[X[2]] * U;
           re = Math.max(0, Math.min(1, re)), oe = Math.max(0, Math.min(1, oe)), J = Math.max(0, Math.min(1, J));
           const ue = m * 3;
-          W[ue] = re, W[ue + 1] = oe, W[ue + 2] = J, ne[m] = F(c[$]);
+          L[ue] = re, L[ue + 1] = oe, L[ue + 2] = J, ne[m] = F(c[$]);
         }
         return {
           numSplats: I,
           positions: z.buffer,
           rotations: j.buffer,
           scales: H.buffer,
-          colors: W.buffer,
+          colors: L.buffer,
           opacities: ne.buffer,
           boundingBox: {
             minX: N,
@@ -768,15 +768,15 @@ end_header
 class Pe extends l.EventDispatcher {
   constructor() {
     super();
-    d(this, "worker");
-    d(this, "centers", null);
-    d(this, "orderTexture", null);
+    h(this, "worker");
+    h(this, "centers", null);
+    h(this, "orderTexture", null);
     /** Bounding box data for optimization */
-    d(this, "chunks", null);
-    d(this, "lastCameraPosition", new l.Vector3());
-    d(this, "lastCameraDirection", new l.Vector3());
-    const n = this.createWorkerCode(), t = new Blob([n], { type: "application/javascript" });
-    this.worker = new Worker(URL.createObjectURL(t)), this.worker.onmessage = this.onWorkerMessage.bind(this);
+    h(this, "chunks", null);
+    h(this, "lastCameraPosition", new l.Vector3());
+    h(this, "lastCameraDirection", new l.Vector3());
+    const n = this.createWorkerCode(), r = new Blob([n], { type: "application/javascript" });
+    this.worker = new Worker(URL.createObjectURL(r)), this.worker.onmessage = this.onWorkerMessage.bind(this);
   }
   /**
    * Handles messages received from the sorting worker.
@@ -785,14 +785,14 @@ class Pe extends l.EventDispatcher {
   onWorkerMessage(n) {
     if (!this.orderTexture || !this.orderTexture.image)
       return console.error("SplatSorter: Order texture not initialized!");
-    const { order: t, count: o } = n.data, r = this.orderTexture.image.data;
-    if (!(r instanceof Uint32Array))
+    const { order: r, count: t } = n.data, o = this.orderTexture.image.data;
+    if (!(o instanceof Uint32Array))
       return console.error(
         "SplatSorter: Order texture data is not a Uint32Array!"
       );
-    r.set(new Uint32Array(t)), this.orderTexture.needsUpdate = !0;
-    const a = r.buffer.slice(0), i = { order: a };
-    this.worker.postMessage(i, [a]), this.dispatchEvent({ type: "updated", count: o });
+    o.set(new Uint32Array(r)), this.orderTexture.source.data.updateRanges || (this.orderTexture.source.data.updateRanges = []), this.orderTexture.needsUpdate = !0;
+    const a = o.buffer.slice(0), i = { order: a };
+    this.worker.postMessage(i, [a]), this.dispatchEvent({ type: "updated", count: t });
   }
   /**
    * Initializes the sorter with necessary data and textures.
@@ -801,31 +801,35 @@ class Pe extends l.EventDispatcher {
    * @param chunks Optional: A Float32Array containing bounding box chunk data [minX, minY, minZ, maxX, maxY, maxZ, ...] for optimization.
    * @param transferOwnership Optional: If true, transfers ownership of centers buffer to worker (saves memory, main thread loses access). Default: false.
    */
-  init(n, t, o, r = !1) {
+  init(n, r, t, o = !1) {
     if (!n || !(n.image.data instanceof Uint32Array))
       throw new Error("SplatSorter: Invalid orderTexture provided. Must be DataTexture with Uint32Array data.");
-    if (!t || t.length % 3 !== 0)
+    if (!r || r.length % 3 !== 0)
       throw new Error("SplatSorter: Invalid centers array provided. Length must be multiple of 3.");
-    if (n.image.data.length < t.length / 3)
+    if (n.image.data.length < r.length / 3)
       throw new Error("SplatSorter: orderTexture data buffer is smaller than the number of splats.");
-    const a = t.length / 3;
-    this.orderTexture = n, r ? this.centers = null : this.centers = t.slice();
+    if (r.buffer.byteLength === 0)
+      throw new Error(
+        "SplatSorter: positions buffer is detached (likely React StrictMode + cached asset). "
+      );
+    const a = r.length / 3;
+    this.orderTexture = n, o ? this.centers = null : this.centers = r.slice();
     const i = this.orderTexture.image.data;
-    for (let f = 0; f < a; f++) i[f] = f;
-    this.orderTexture.needsUpdate = !0;
-    const u = i.buffer.slice(0), v = r ? t.buffer : t.buffer.slice(0), M = {
+    for (let d = 0; d < a; d++) i[d] = d;
+    this.orderTexture.source.data.updateRanges || (this.orderTexture.source.data.updateRanges = []), this.orderTexture.needsUpdate = !0;
+    const u = i.buffer.slice(0), v = o ? r.buffer : r.buffer.slice(0), M = {
       order: u,
       centers: v
-    }, T = [
+    }, C = [
       u,
       v
     ];
-    if (o) {
-      this.chunks = o.slice();
-      const f = this.chunks.buffer.slice(0);
-      M.chunks = f, T.push(f);
+    if (t) {
+      this.chunks = t.slice();
+      const d = this.chunks.buffer.slice(0);
+      M.chunks = d, C.push(d);
     }
-    this.worker.postMessage(M, T), queueMicrotask(() => {
+    this.worker.postMessage(M, C), queueMicrotask(() => {
       this.dispatchEvent({
         type: "updated",
         count: a
@@ -842,16 +846,16 @@ class Pe extends l.EventDispatcher {
       return console.warn(
         "SplatSorter: Cannot set mapping before initialization."
       );
-    let t;
-    const o = [];
+    let r;
+    const t = [];
     if (!n) {
       const u = this.centers.buffer.slice(0);
-      return t = {
+      return r = {
         centers: u,
         mapping: null
-      }, o.push(u), this.worker.postMessage(t, o);
+      }, t.push(u), this.worker.postMessage(r, t);
     }
-    const r = new Float32Array(n.length * 3);
+    const o = new Float32Array(n.length * 3);
     for (let u = 0; u < n.length; u++) {
       const v = n[u];
       if (v * 3 + 2 >= this.centers.length) {
@@ -860,28 +864,28 @@ class Pe extends l.EventDispatcher {
         );
         continue;
       }
-      const M = v * 3, T = u * 3;
-      r[T + 0] = this.centers[M + 0], r[T + 1] = this.centers[M + 1], r[T + 2] = this.centers[M + 2];
+      const M = v * 3, C = u * 3;
+      o[C + 0] = this.centers[M + 0], o[C + 1] = this.centers[M + 1], o[C + 2] = this.centers[M + 2];
     }
-    const a = r.buffer.slice(0), i = n.buffer.slice(0);
-    t = {
+    const a = o.buffer.slice(0), i = n.buffer.slice(0);
+    r = {
       centers: a,
       mapping: i
-    }, o.push(a, i), this.worker.postMessage(t, o);
+    }, t.push(a, i), this.worker.postMessage(r, t);
   }
   /**
    * Updates the camera parameters used for sorting.
    * @param position The camera's position in the sorter's local coordinate space.
    * @param direction The camera's forward direction in the sorter's local coordinate space.
    */
-  setCamera(n, t) {
-    const o = this.lastCameraPosition.distanceToSquared(n) > 1e-7, r = this.lastCameraDirection.dot(t) < 0.9999;
-    if (!o && !r)
+  setCamera(n, r) {
+    const t = this.lastCameraPosition.distanceToSquared(n) > 1e-7, o = this.lastCameraDirection.dot(r) < 0.9999;
+    if (!t && !o)
       return;
-    this.lastCameraPosition.copy(n), this.lastCameraDirection.copy(t);
+    this.lastCameraPosition.copy(n), this.lastCameraDirection.copy(r);
     const a = {
       cameraPosition: { x: n.x, y: n.y, z: n.z },
-      cameraDirection: { x: t.x, y: t.y, z: t.z }
+      cameraDirection: { x: r.x, y: r.y, z: r.z }
     };
     this.worker.postMessage(a);
   }
@@ -897,49 +901,49 @@ class Pe extends l.EventDispatcher {
    */
   createWorkerCode() {
     return `(${(function() {
-      let t = null, o = null, r = null, a = null, i = null, u = null, v = !1;
-      const M = { x: 0, y: 0, z: 0 }, T = { x: 0, y: 0, z: 0 }, f = { x: 0, y: 0, z: 0 }, w = { x: 0, y: 0, z: 0 };
+      let r = null, t = null, o = null, a = null, i = null, u = null, v = !1;
+      const M = { x: 0, y: 0, z: 0 }, C = { x: 0, y: 0, z: 0 }, d = { x: 0, y: 0, z: 0 }, w = { x: 0, y: 0, z: 0 };
       let b = null, I = null;
-      const z = 32, j = new Array(z).fill(0), H = new Array(z).fill(0), W = new Array(z).fill(0), ne = (_, x, D) => {
+      const z = 32, j = new Array(z).fill(0), H = new Array(z).fill(0), L = new Array(z).fill(0), ne = (_, x, D) => {
         for (; _ <= x; ) {
-          const C = x + _ >> 1, g = D(C);
-          if (g > 0) _ = C + 1;
-          else if (g < 0) x = C - 1;
-          else return C;
+          const T = x + _ >> 1, y = D(T);
+          if (y > 0) _ = T + 1;
+          else if (y < 0) x = T - 1;
+          else return T;
         }
         return ~_;
-      }, L = () => {
-        if (!t || !o || !i || !u)
+      }, W = () => {
+        if (!r || !t || !i || !u)
           return;
-        if (o.length === 0) {
+        if (t.length === 0) {
           const c = {
-            order: t.buffer,
+            order: r.buffer,
             count: 0
           };
-          self.postMessage(c, [t.buffer]), t = null;
+          self.postMessage(c, [r.buffer]), r = null;
           return;
         }
-        const _ = i.x, x = i.y, D = i.z, C = u.x, g = u.y, R = u.z, B = 1e-4, X = Math.abs(_ - M.x) > B || Math.abs(x - M.y) > B || Math.abs(D - M.z) > B, $ = Math.abs(C - T.x) > B || Math.abs(g - T.y) > B || Math.abs(R - T.z) > B;
+        const _ = i.x, x = i.y, D = i.z, T = u.x, y = u.y, R = u.z, B = 1e-4, X = Math.abs(_ - M.x) > B || Math.abs(x - M.y) > B || Math.abs(D - M.z) > B, $ = Math.abs(T - C.x) > B || Math.abs(y - C.y) > B || Math.abs(R - C.z) > B;
         if (!v && !X && !$)
           return;
-        v = !1, M.x = _, M.y = x, M.z = D, T.x = C, T.y = g, T.z = R;
+        v = !1, M.x = _, M.y = x, M.z = D, C.x = T, C.y = y, C.z = R;
         let Z = 1 / 0, U = -1 / 0;
         for (let c = 0; c < 8; ++c) {
-          const y = c & 1 ? f.x : w.x, P = c & 2 ? f.y : w.y, h = c & 4 ? f.z : w.z, k = y * C + P * g + h * R;
+          const g = c & 1 ? d.x : w.x, P = c & 2 ? d.y : w.y, f = c & 4 ? d.z : w.z, k = g * T + P * y + f * R;
           Z = Math.min(Z, k), U = Math.max(U, k);
         }
-        const F = o.length / 3, N = U - Z, s = (1 << Math.max(
+        const F = t.length / 3, N = U - Z, s = (1 << Math.max(
           10,
           Math.min(20, Math.ceil(Math.log2(F / 4)))
         )) + 1;
         if ((!b || b.length !== F) && (b = new Uint32Array(F)), !I || I.length !== s ? I = new Uint32Array(s) : I.fill(0), N < 1e-7) {
           for (let c = 0; c < F; ++c) b[c] = 0;
           I[0] = F;
-        } else if (r && r.length > 0) {
-          const c = r.length / 6;
+        } else if (o && o.length > 0) {
+          const c = o.length / 6;
           j.fill(0);
-          for (let h = 0; h < c; ++h) {
-            const k = h * 6, O = r[k + 0], V = r[k + 1], G = r[k + 2], q = r[k + 3], Y = O * C + V * g + G * R - Z, Q = Y - q, K = Y + q, re = Math.max(
+          for (let f = 0; f < c; ++f) {
+            const k = f * 6, O = o[k + 0], V = o[k + 1], G = o[k + 2], q = o[k + 3], Y = O * T + V * y + G * R - Z, Q = Y - q, K = Y + q, re = Math.max(
               0,
               Math.floor(Q * z / N)
             ), oe = Math.min(
@@ -949,43 +953,43 @@ class Pe extends l.EventDispatcher {
             for (let J = re; J < oe; ++J)
               j[J]++;
           }
-          let y = 0;
-          for (let h = 0; h < z; ++h) y += j[h];
-          W[0] = 0, H[0] = 0;
-          for (let h = 1; h < z; ++h)
-            W[h - 1] = j[h - 1] / y * s >>> 0, H[h] = H[h - 1] + W[h - 1];
-          W[z - 1] = j[z - 1] / y * s >>> 0;
+          let g = 0;
+          for (let f = 0; f < z; ++f) g += j[f];
+          L[0] = 0, H[0] = 0;
+          for (let f = 1; f < z; ++f)
+            L[f - 1] = j[f - 1] / g * s >>> 0, H[f] = H[f - 1] + L[f - 1];
+          L[z - 1] = j[z - 1] / g * s >>> 0;
           const P = N / z;
-          for (let h = 0; h < F; ++h) {
-            const k = h * 3, O = o[k + 0], V = o[k + 1], G = o[k + 2], q = O * C + V * g + G * R, Q = (U - q) / P, K = Math.max(
+          for (let f = 0; f < F; ++f) {
+            const k = f * 3, O = t[k + 0], V = t[k + 1], G = t[k + 2], q = O * T + V * y + G * R, Q = (U - q) / P, K = Math.max(
               0,
               Math.min(
                 z - 1,
                 Math.floor(Q)
               )
-            ), re = Q - K, oe = H[K] + W[K] * re >>> 0, J = Math.min(oe, s - 1);
-            b[h] = J, I[J]++;
+            ), re = Q - K, oe = H[K] + L[K] * re >>> 0, J = Math.min(oe, s - 1);
+            b[f] = J, I[J]++;
           }
         } else {
           const c = (s - 1) / N;
-          for (let y = 0; y < F; ++y) {
-            const P = y * 3, h = o[P + 0], k = o[P + 1], O = o[P + 2], V = h * C + k * g + O * R, q = (U - V) * c >>> 0, Y = Math.min(q, s - 1);
-            b[y] = Y, I[Y]++;
+          for (let g = 0; g < F; ++g) {
+            const P = g * 3, f = t[P + 0], k = t[P + 1], O = t[P + 2], V = f * T + k * y + O * R, q = (U - V) * c >>> 0, Y = Math.min(q, s - 1);
+            b[g] = Y, I[Y]++;
           }
         }
         for (let c = 1; c < s; c++)
           I[c] += I[c - 1];
         for (let c = F - 1; c >= 0; c--) {
-          const y = b[c], P = --I[y];
-          t[P] = a ? a[c] : c;
+          const g = b[c], P = --I[g];
+          r[P] = a ? a[c] : c;
         }
-        const p = _ * C + x * g + D * R, S = (c) => {
-          if (!t) return -1 / 0;
-          const y = t[c], P = y;
-          if (!o || P * 3 + 2 >= o.length)
+        const p = _ * T + x * y + D * R, S = (c) => {
+          if (!r) return -1 / 0;
+          const g = r[c], P = g;
+          if (!t || P * 3 + 2 >= t.length)
             return -1 / 0;
-          const h = P * 3;
-          return o[h] * C + o[h + 1] * g + o[h + 2] * R - p;
+          const f = P * 3;
+          return t[f] * T + t[f + 1] * y + t[f + 2] * R - p;
         };
         let E = F;
         if (F > 0 && S(F - 1) < 0) {
@@ -997,63 +1001,63 @@ class Pe extends l.EventDispatcher {
           E = c < 0 ? ~c : c;
         }
         const m = {
-          order: t.buffer,
+          order: r.buffer,
           count: E
         };
-        self.postMessage(m, [t.buffer]), t = null;
+        self.postMessage(m, [r.buffer]), r = null;
       };
       self.onmessage = (_) => {
         const x = _.data;
-        x.order && (t = new Uint32Array(x.order));
+        x.order && (r = new Uint32Array(x.order));
         let D = !1;
-        if (x.centers && (o = new Float32Array(x.centers), D = !0, v = !0), Object.prototype.hasOwnProperty.call(x, "mapping") && (a = x.mapping ? new Uint32Array(x.mapping) : null, v = !0), x.chunks) {
-          if (r = new Float32Array(x.chunks), r.length > 0 && r[3] > 0)
-            for (let C = 0; C < r.length / 6; ++C) {
-              const g = C * 6, R = r[g + 0], B = r[g + 1], X = r[g + 2], $ = r[g + 3], Z = r[g + 4], U = r[g + 5];
-              r[g + 0] = (R + $) * 0.5, r[g + 1] = (B + Z) * 0.5, r[g + 2] = (X + U) * 0.5, r[g + 3] = Math.sqrt(
+        if (x.centers && (t = new Float32Array(x.centers), D = !0, v = !0), Object.prototype.hasOwnProperty.call(x, "mapping") && (a = x.mapping ? new Uint32Array(x.mapping) : null, v = !0), x.chunks) {
+          if (o = new Float32Array(x.chunks), o.length > 0 && o[3] > 0)
+            for (let T = 0; T < o.length / 6; ++T) {
+              const y = T * 6, R = o[y + 0], B = o[y + 1], X = o[y + 2], $ = o[y + 3], Z = o[y + 4], U = o[y + 5];
+              o[y + 0] = (R + $) * 0.5, o[y + 1] = (B + Z) * 0.5, o[y + 2] = (X + U) * 0.5, o[y + 3] = Math.sqrt(
                 ($ - R) ** 2 + (Z - B) ** 2 + (U - X) ** 2
               ) * 0.5;
             }
           v = !0;
         }
-        if (D && o && o.length > 0) {
-          f.x = w.x = o[0], f.y = w.y = o[1], f.z = w.z = o[2];
-          for (let C = 1; C < o.length / 3; C++) {
-            const g = C * 3;
-            f.x = Math.min(f.x, o[g + 0]), w.x = Math.max(w.x, o[g + 0]), f.y = Math.min(f.y, o[g + 1]), w.y = Math.max(w.y, o[g + 1]), f.z = Math.min(f.z, o[g + 2]), w.z = Math.max(w.z, o[g + 2]);
+        if (D && t && t.length > 0) {
+          d.x = w.x = t[0], d.y = w.y = t[1], d.z = w.z = t[2];
+          for (let T = 1; T < t.length / 3; T++) {
+            const y = T * 3;
+            d.x = Math.min(d.x, t[y + 0]), w.x = Math.max(w.x, t[y + 0]), d.y = Math.min(d.y, t[y + 1]), w.y = Math.max(w.y, t[y + 1]), d.z = Math.min(d.z, t[y + 2]), w.z = Math.max(w.z, t[y + 2]);
           }
-        } else D && o && o.length === 0 && (f.x = w.x = f.y = w.y = f.z = w.z = 0);
-        x.cameraPosition && (i = x.cameraPosition), x.cameraDirection && (u = x.cameraDirection), L();
+        } else D && t && t.length === 0 && (d.x = w.x = d.y = w.y = d.z = w.z = 0);
+        x.cameraPosition && (i = x.cameraPosition), x.cameraDirection && (u = x.cameraDirection), W();
       };
     }).toString()})();`;
   }
 }
 const ze = (A, e) => {
-  const n = ye(A), t = ye(e);
-  return n | t << 16;
+  const n = ge(A), r = ge(e);
+  return n | r << 16;
 };
-function ye(A) {
-  const e = new Float32Array([A]), t = new Int32Array(e.buffer)[0];
-  let o = t >> 16 & 32768, r = t >> 12 & 2047;
-  const a = t >> 23 & 255;
-  return a < 103 ? o : a > 142 ? (o |= 31744, o |= (a === 255 ? 0 : 1) && t & 8388607, o) : a < 113 ? (r |= 2048, o |= (r >> 114 - a) + (r >> 113 - a & 1), o) : (o |= a - 112 << 10 | r >> 1, o += r & 1, o);
+function ge(A) {
+  const e = new Float32Array([A]), r = new Int32Array(e.buffer)[0];
+  let t = r >> 16 & 32768, o = r >> 12 & 2047;
+  const a = r >> 23 & 255;
+  return a < 103 ? t : a > 142 ? (t |= 31744, t |= (a === 255 ? 0 : 1) && r & 8388607, t) : a < 113 ? (o |= 2048, t |= (o >> 114 - a) + (o >> 113 - a & 1), t) : (t |= a - 112 << 10 | o >> 1, t += o & 1, t);
 }
-const Be = new ArrayBuffer(4), ge = new DataView(Be), Fe = (A) => (ge.setUint32(0, A, !0), ge.getFloat32(0, !0));
+const Be = new ArrayBuffer(4), ye = new DataView(Be), Fe = (A) => (ye.setUint32(0, A, !0), ye.getFloat32(0, !0));
 class Oe {
   /**
    * Create a new TextureManager for a set of splats
    * @param splatData The splat data to manage textures for
    */
   constructor(e) {
-    d(this, "transformA");
+    h(this, "textureWidth");
+    h(this, "textureHeight");
+    h(this, "transformA");
     // position xyz and rotation quaternion y,z components
-    d(this, "transformB");
+    h(this, "transformB");
     // rotation quaternion x and scale xyz
-    d(this, "colorTexture");
+    h(this, "colorTexture");
     // color an opacity
-    d(this, "orderTexture");
-    d(this, "textureWidth");
-    d(this, "textureHeight");
+    h(this, "orderTexture");
     const n = e.numSplats;
     this.textureWidth = Math.ceil(Math.sqrt(n)), this.textureHeight = Math.ceil(n / this.textureWidth), this.transformA = this.createTransformATexture(e), this.transformB = this.createTransformBTexture(e), this.colorTexture = this.createColorTexture(e), this.orderTexture = this.createOrderTexture(n);
   }
@@ -1063,24 +1067,24 @@ class Oe {
    * @returns DataTexture containing position data
    */
   createTransformATexture(e) {
-    const n = e.numSplats, t = new Float32Array(
+    const n = e.numSplats, r = new Float32Array(
       this.textureWidth * this.textureHeight * 4
     );
-    for (let r = 0; r < n; r++) {
-      const a = r * 4, i = r * 3, u = r * 4;
-      t[a] = e.positions[i], t[a + 1] = e.positions[i + 1], t[a + 2] = e.positions[i + 2];
-      const v = e.rotations[u + 0], M = e.rotations[u + 1], T = ze(v, M);
-      t[a + 3] = Fe(T);
+    for (let o = 0; o < n; o++) {
+      const a = o * 4, i = o * 3, u = o * 4;
+      r[a] = e.positions[i], r[a + 1] = e.positions[i + 1], r[a + 2] = e.positions[i + 2];
+      const v = e.rotations[u + 0], M = e.rotations[u + 1], C = ze(v, M);
+      r[a + 3] = Fe(C);
     }
-    const o = new l.DataTexture(
-      t,
+    const t = new l.DataTexture(
+      r,
       this.textureWidth,
       this.textureHeight,
       l.RGBAFormat,
       l.FloatType
       // Store as Float32, shader will reinterpret bits
     );
-    return o.needsUpdate = !0, o.magFilter = l.NearestFilter, o.minFilter = l.NearestFilter, o;
+    return t.magFilter = l.NearestFilter, t.minFilter = l.NearestFilter, t.source.data.updateRanges || (t.source.data.updateRanges = []), t.needsUpdate = !0, t;
   }
   /**
    * Create the transform B texture (scale and rotation xyz)
@@ -1088,21 +1092,21 @@ class Oe {
    * @returns DataTexture containing scale and rotation data
    */
   createTransformBTexture(e) {
-    const n = e.numSplats, t = new Float32Array(
+    const n = e.numSplats, r = new Float32Array(
       this.textureWidth * this.textureHeight * 4
     );
-    for (let r = 0; r < n; r++) {
-      const a = r * 4, i = r * 3, u = r * 4;
-      t[a] = e.scales[i], t[a + 1] = e.scales[i + 1], t[a + 2] = e.scales[i + 2], t[a + 3] = e.rotations[u + 2];
+    for (let o = 0; o < n; o++) {
+      const a = o * 4, i = o * 3, u = o * 4;
+      r[a] = e.scales[i], r[a + 1] = e.scales[i + 1], r[a + 2] = e.scales[i + 2], r[a + 3] = e.rotations[u + 2];
     }
-    const o = new l.DataTexture(
-      t,
+    const t = new l.DataTexture(
+      r,
       this.textureWidth,
       this.textureHeight,
       l.RGBAFormat,
       l.FloatType
     );
-    return o.needsUpdate = !0, o.magFilter = l.NearestFilter, o.minFilter = l.NearestFilter, o;
+    return t.magFilter = l.NearestFilter, t.minFilter = l.NearestFilter, t.source.data.updateRanges || (t.source.data.updateRanges = []), t.needsUpdate = !0, t;
   }
   /**
    * Create the color texture (RGB and opacity)
@@ -1110,21 +1114,21 @@ class Oe {
    * @returns DataTexture containing color data
    */
   createColorTexture(e) {
-    const n = e.numSplats, t = new Float32Array(
+    const n = e.numSplats, r = new Float32Array(
       this.textureWidth * this.textureHeight * 4
     );
-    for (let r = 0; r < n; r++) {
-      const a = r * 4, i = r * 3;
-      t[a] = e.colors[i], t[a + 1] = e.colors[i + 1], t[a + 2] = e.colors[i + 2], t[a + 3] = e.opacities[r];
+    for (let o = 0; o < n; o++) {
+      const a = o * 4, i = o * 3;
+      r[a] = e.colors[i], r[a + 1] = e.colors[i + 1], r[a + 2] = e.colors[i + 2], r[a + 3] = e.opacities[o];
     }
-    const o = new l.DataTexture(
-      t,
+    const t = new l.DataTexture(
+      r,
       this.textureWidth,
       this.textureHeight,
       l.RGBAFormat,
       l.FloatType
     );
-    return o.needsUpdate = !0, o;
+    return t.source.data.updateRanges || (t.source.data.updateRanges = []), t.needsUpdate = !0, t;
   }
   /**
    * Create the order texture for sorting
@@ -1133,16 +1137,16 @@ class Oe {
    */
   createOrderTexture(e) {
     const n = new Uint32Array(this.textureWidth * this.textureHeight);
-    for (let o = 0; o < e; o++)
-      n[o] = o;
-    const t = new l.DataTexture(
+    for (let t = 0; t < e; t++)
+      n[t] = t;
+    const r = new l.DataTexture(
       n,
       this.textureWidth,
       this.textureHeight,
       l.RedIntegerFormat,
       l.UnsignedIntType
     );
-    return t.needsUpdate = !0, t;
+    return r.source.data.updateRanges || (r.source.data.updateRanges = []), r.needsUpdate = !0, r;
   }
   dispose() {
     this.transformA.dispose(), this.transformB.dispose(), this.colorTexture.dispose(), this.orderTexture.dispose();
@@ -1534,33 +1538,33 @@ const se = class se extends l.Mesh {
    * @param splatData The splat data to render
    * @param options Rendering options
    */
-  constructor(n, t = {}) {
-    const o = new Ve(t), r = se.createInstancedGeometry(n.numSplats, se.INSTANCE_SIZE);
-    super(r, o);
-    d(this, "sorter");
-    d(this, "splatData");
-    d(this, "options");
-    d(this, "textureManager");
-    d(this, "material");
-    d(this, "geometry");
-    d(this, "lastCameraPositionLocal", new l.Vector3());
-    d(this, "lastCameraDirectionLocal", new l.Vector3());
-    d(this, "invModelMatrix", new l.Matrix4());
+  constructor(n, r = {}) {
+    const t = new Ve(r), o = se.createInstancedGeometry(n.numSplats, se.INSTANCE_SIZE);
+    super(o, t);
+    h(this, "sorter");
+    h(this, "splatData");
+    h(this, "options");
+    h(this, "textureManager");
+    h(this, "material");
+    h(this, "geometry");
+    h(this, "lastCameraPositionLocal", new l.Vector3());
+    h(this, "lastCameraDirectionLocal", new l.Vector3());
+    h(this, "invModelMatrix", new l.Matrix4());
     // Cached inverse matrix
-    d(this, "_vpW", -1);
-    d(this, "_vpH", -1);
-    d(this, "_size", new l.Vector2());
-    d(this, "_camPosW", new l.Vector3());
-    d(this, "_camDirW", new l.Vector3());
-    d(this, "_camPosL", new l.Vector3());
-    d(this, "_camDirL", new l.Vector3());
-    d(this, "onSorterUpdated", (n) => {
-      const t = n.count;
-      this.geometry.instanceCount = Math.ceil(t / se.INSTANCE_SIZE), this.material.setNumSplats(t);
+    h(this, "_vpW", -1);
+    h(this, "_vpH", -1);
+    h(this, "_size", new l.Vector2());
+    h(this, "_camPosW", new l.Vector3());
+    h(this, "_camDirW", new l.Vector3());
+    h(this, "_camPosL", new l.Vector3());
+    h(this, "_camDirL", new l.Vector3());
+    h(this, "onSorterUpdated", (n) => {
+      const r = n.count;
+      this.geometry.instanceCount = Math.ceil(r / se.INSTANCE_SIZE), this.material.setNumSplats(r);
     });
-    this.geometry = r, this.material = o, this.splatData = n, this.frustumCulled = !1, this.options = {
+    this.geometry = o, this.material = t, this.splatData = n, this.frustumCulled = !1, this.options = {
       autoSort: !0,
-      ...t
+      ...r
     }, this.textureManager = new Oe(n), this.sorter = new Pe();
     let a = this.createChunks() || void 0;
     a === null && console.warn("Visus: Could not create sorter chunks, bounding box might be invalid."), a = void 0, this.sorter.addEventListener("updated", this.onSorterUpdated), this.sorter.init(
@@ -1576,8 +1580,8 @@ const se = class se extends l.Mesh {
    * @param instanceSize Number of splats per instance.
    * @returns InstancedBufferGeometry
    */
-  static createInstancedGeometry(n, t) {
-    const o = Math.ceil(n / t), r = new l.BufferGeometry(), a = new Float32Array([
+  static createInstancedGeometry(n, r) {
+    const t = Math.ceil(n / r), o = new l.BufferGeometry(), a = new Float32Array([
       // x, y, splat_index_in_instance
       -1,
       -1,
@@ -1591,24 +1595,24 @@ const se = class se extends l.Mesh {
       -1,
       1,
       0
-    ]), i = new Uint16Array([0, 1, 2, 0, 2, 3]), u = new Float32Array(4 * 3 * t);
-    for (let f = 0; f < t; f++) {
-      const w = f * 4 * 3;
+    ]), i = new Uint16Array([0, 1, 2, 0, 2, 3]), u = new Float32Array(4 * 3 * r);
+    for (let d = 0; d < r; d++) {
+      const w = d * 4 * 3;
       for (let b = 0; b < 4; b++)
-        u[w + b * 3 + 0] = a[b * 3 + 0], u[w + b * 3 + 1] = a[b * 3 + 1], u[w + b * 3 + 2] = f;
+        u[w + b * 3 + 0] = a[b * 3 + 0], u[w + b * 3 + 1] = a[b * 3 + 1], u[w + b * 3 + 2] = d;
     }
-    const v = new Uint32Array(6 * t);
-    for (let f = 0; f < t; f++) {
-      const w = f * 6, b = f * 4;
+    const v = new Uint32Array(6 * r);
+    for (let d = 0; d < r; d++) {
+      const w = d * 6, b = d * 4;
       v[w + 0] = i[0] + b, v[w + 1] = i[1] + b, v[w + 2] = i[2] + b, v[w + 3] = i[3] + b, v[w + 4] = i[4] + b, v[w + 5] = i[5] + b;
     }
-    r.setAttribute("position", new l.BufferAttribute(u, 3)), r.setIndex(new l.BufferAttribute(v, 1));
+    o.setAttribute("position", new l.BufferAttribute(u, 3)), o.setIndex(new l.BufferAttribute(v, 1));
     const M = new l.InstancedBufferGeometry();
-    M.index = r.index, M.setAttribute("position", r.getAttribute("position"));
-    const T = new Uint32Array(o);
-    for (let f = 0; f < o; f++)
-      T[f] = f * t;
-    return M.setAttribute("splatInstanceIndex", new l.InstancedBufferAttribute(T, 1, !1)), M.instanceCount = 0, M;
+    M.index = o.index, M.setAttribute("position", o.getAttribute("position"));
+    const C = new Uint32Array(t);
+    for (let d = 0; d < t; d++)
+      C[d] = d * r;
+    return M.setAttribute("splatInstanceIndex", new l.InstancedBufferAttribute(C, 1, !1)), M.instanceCount = 0, M;
   }
   /**
    * Create chunks data (bounding box min/max) for the sorter.
@@ -1632,8 +1636,8 @@ const se = class se extends l.Mesh {
    * @param width Viewport width
    * @param height Viewport height
    */
-  updateViewport(n, t) {
-    n === this._vpW && t === this._vpH || (this._vpW = n, this._vpH = t, this.material.updateViewport(n, t));
+  updateViewport(n, r) {
+    n === this._vpW && r === this._vpH || (this._vpW = n, this._vpH = r, this.material.updateViewport(n, r));
   }
   /**
    * Sorts splats based on camera position and direction.
@@ -1641,8 +1645,8 @@ const se = class se extends l.Mesh {
    */
   sort(n) {
     n.getWorldPosition(this._camPosW), n.getWorldDirection(this._camDirW), this.invModelMatrix.copy(this.matrixWorld).invert(), this._camPosL.copy(this._camPosW).applyMatrix4(this.invModelMatrix), this._camDirL.copy(this._camDirW).transformDirection(this.invModelMatrix);
-    const t = this.lastCameraPositionLocal.distanceToSquared(this._camPosL) > 1e-6, o = this.lastCameraDirectionLocal.dot(this._camDirL) < 0.999;
-    this.options.autoSort && (t || o) && (this.lastCameraPositionLocal.copy(this._camPosL), this.lastCameraDirectionLocal.copy(this._camDirL), this.sorter.setCamera(this._camPosL, this._camDirL));
+    const r = this.lastCameraPositionLocal.distanceToSquared(this._camPosL) > 1e-6, t = this.lastCameraDirectionLocal.dot(this._camDirL) < 0.999;
+    this.options.autoSort && (r || t) && (this.lastCameraPositionLocal.copy(this._camPosL), this.lastCameraDirectionLocal.copy(this._camDirL), this.sorter.setCamera(this._camPosL, this._camDirL));
   }
   /**
    * THREE.js hook called before rendering the object.
@@ -1653,8 +1657,8 @@ const se = class se extends l.Mesh {
    */
   // prettier-ignore
   // @ts-expect-error scene is not used
-  onBeforeRender(n, t, o) {
-    this.sort(o), n.getSize(this._size), this.updateViewport(this._size.x, this._size.y);
+  onBeforeRender(n, r, t) {
+    this.sort(t), n.getSize(this._size), this.updateViewport(this._size.x, this._size.y);
   }
   /**
    * Dispose of resources
@@ -1664,7 +1668,7 @@ const se = class se extends l.Mesh {
   }
 };
 /** Number of splats combined into a single instanced draw call. */
-d(se, "INSTANCE_SIZE", 128);
+h(se, "INSTANCE_SIZE", 128);
 let le = se;
 const qe = Symbol.for("@speridlabs/visus/SplatMesh");
 try {
@@ -1681,16 +1685,16 @@ const Ye = ({
   plyUrl: A,
   debug: e = !1,
   splatOptions: n = {},
-  ...t
+  ...r
 }) => {
-  typeof window < "u" && e && (window.__VISUS_SPLAT_DEBUG__ = !0), e && console.debug("SPLAT: rendering", { plyUrl: A, splatOptions: n, meshProps: t });
-  const o = Se(null), r = Ae(Re, A), a = Me(
-    () => new le(r, n || {}),
-    [r, n]
+  typeof window < "u" && e && (window.__VISUS_SPLAT_DEBUG__ = !0), e && console.debug("SPLAT: rendering", { plyUrl: A, splatOptions: n, meshProps: r });
+  const t = Se(null), o = Ae(Re, A), a = Me(
+    () => new le(o, n || {}),
+    [o, n]
   );
   return _e(() => () => {
     e && console.debug("SPLAT: disposing mesh for", A), typeof (a == null ? void 0 : a.dispose) == "function" && a.dispose();
-  }, [a]), /* @__PURE__ */ Ee.jsx("primitive", { ref: o, object: a, ...t });
+  }, [a]), /* @__PURE__ */ Ee.jsx("primitive", { ref: t, object: a, ...r });
 };
 export {
   Re as PlyLoader,